:root{--bg:#0f172a;--bg-panel:#1e293b;--bg-panel-light:#283548;--border:#334155;--text:#e2e8f0;--text-dim:#94a3b8;--accent:#38bdf8;--accent-dark:#0284c7;--green:#4ade80;--amber:#fbbf24;--red:#f87171;--radius:8px}*{box-sizing:border-box}#__nuxt,body,html{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}h1,h2,h3{margin:0;font-weight:600}button{font:inherit;color:inherit;background:var(--bg-panel-light);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:7px 14px;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#33415c;border-color:#475569}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:#0369a1}button.active-mode{background:var(--accent-dark);border-color:var(--accent);color:#fff}input,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:6px 10px}input:focus,select:focus{border-color:var(--accent);outline:none}label{color:var(--text-dim);margin-bottom:4px;font-size:12px;display:block}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}