:root{--bg: #0e0f13;--bg-2: #15171d;--bg-3: #1c1f27;--panel: #14161c;--line: #262a34;--line-strong: #333846;--text: #e8eaf0;--text-dim: #9aa0ad;--text-faint: #626775;--accent: #6c8cff;--accent-2: #8a6cff;--danger: #ff6b6b;--good: #7bd88f;--radius: 10px;--lane-h: 56px;--gutter-w: 168px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit;color:var(--text);background:var(--bg-3);border:1px solid var(--line);border-radius:8px;padding:8px 10px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-3);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 12px;white-space:nowrap;transition:background .12s ease,border-color .12s ease}.btn:hover{background:var(--bg-2);border-color:var(--line-strong)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:linear-gradient(180deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;font-weight:600}.btn-primary:hover{filter:brightness(1.08);background:linear-gradient(180deg,var(--accent),var(--accent-2))}.btn-danger{color:var(--danger);border-color:#45303a}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--bg-3)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-dim)}.icon-btn:hover{background:var(--bg-3);color:var(--text)}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:12px;color:var(--text-dim)}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:10px}.hint{font-size:12px;color:var(--text-faint);line-height:1.4}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid var(--line);background:var(--bg-3);font-size:12px;color:var(--text-dim)}.chip.active{border-color:var(--accent);color:var(--text)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{width:min(520px,100%);max-height:90vh;overflow:auto;background:var(--panel);border:1px solid var(--line-strong);border-radius:14px;padding:18px;box-shadow:0 24px 60px #00000080}.modal h2{margin:0 0 4px;font-size:16px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#2b2f3a;border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}