:root{--bg: #131619;--panel: #1b2025;--panel-2: #20262c;--elevated: #272e35;--line: #323a42;--line-soft: #242b31;--tx: #eef1f4;--tx-mid: #a7b0ba;--tx-low: #6b757e;--accent: #7c6cff;--accent-soft: color-mix(in oklab, var(--accent) 16%, transparent);--accent-line: color-mix(in oklab, var(--accent) 42%, transparent);--ok: oklch(.76 .15 152);--info: oklch(.72 .13 240);--warn: oklch(.82 .14 78);--danger: oklch(.66 .2 25);--ok-soft: color-mix(in oklab, var(--ok) 16%, transparent);--info-soft: color-mix(in oklab, var(--info) 16%, transparent);--warn-soft: color-mix(in oklab, var(--warn) 16%, transparent);--danger-soft: color-mix(in oklab, var(--danger) 16%, transparent);--sans: "Space Grotesk", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--radius: 10px;--radius-control: 8px;--radius-pill: 6px;--row-h: 56px}[data-density=compact]{--row-h: 46px}[data-density=comfy]{--row-h: 66px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--tx);font-family:var(--sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}app-root{display:block;height:100vh}button{font-family:inherit;cursor:pointer;color:inherit}input,select,textarea{font-family:inherit}a{color:var(--accent)}::selection{background:var(--accent-soft)}.drag-ghost{position:fixed;top:-1000px;left:-1000px;background:var(--accent);color:#0d0a1f;font-family:var(--mono);font-weight:700;font-size:12px;padding:8px 12px;border-radius:8px;box-shadow:0 6px 16px #00000073}.drop-hot{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-soft)!important;border-radius:6px}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px;border:2px solid var(--bg)}*::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--tx);background:var(--elevated);border:1px solid var(--line);padding:8px 13px;border-radius:var(--radius-control);transition:.12s;white-space:nowrap;font-family:var(--sans);cursor:pointer}.btn:hover{border-color:var(--tx-low);background:#2d343b}.btn:active{transform:translateY(1px)}.btn .ico{width:15px;height:15px;display:block}.btn.primary{background:var(--accent);border-color:var(--accent);color:#0d0a1f;font-weight:600}.btn.primary:hover{filter:brightness(1.08);background:var(--accent)}.btn.ghost{background:transparent;border-color:transparent;color:var(--tx-mid)}.btn.ghost:hover{background:var(--elevated);color:var(--tx)}.btn.ghost.on{background:var(--accent-soft);color:var(--accent)}.btn.ghost.icon{padding:7px}.btn.danger{color:var(--danger);border-color:color-mix(in oklab,var(--danger) 40%,transparent);background:transparent}.btn.danger:hover{background:var(--danger-soft)}.btn.sm{padding:5px 9px;font-size:12px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:active{transform:none}