:root{--bg:#1a1a1f;--panel:#26262e;--panel2:#2f2f3a;--border:#3d3d4a;--text:#e8e8ee;--muted:#9a9aa8;--accent:#7c5cff;--red:#e04545;--blue:#3ab0e0}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font:14px/1.4 system-ui,Segoe UI,sans-serif}app-root{display:flex;flex-direction:column;height:100%}select,input[type=text],input[type=number]{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 8px}input[type=number]{width:70px}button{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 11px;cursor:pointer;font-size:13px}button:hover{border-color:var(--accent)}button.primary,button.active{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{border-color:#7a3030}button.danger:hover{background:#7a3030}.sep{width:1px;height:24px;background:var(--border);margin:0 4px;display:inline-block}.lbl{color:var(--muted);font-size:12px}input[type=color]{width:42px;height:30px;border:1px solid var(--border);border-radius:6px;background:var(--panel2);padding:2px;cursor:pointer}kbd{background:var(--panel2);border:1px solid var(--border);border-radius:4px;padding:0 5px;font-size:11px}