:root{--color-scheme: dark;--bg: #0f172a;--panel: rgba(15, 23, 42, .9);--panel-strong: rgba(10, 18, 32, .85);--surface: rgba(255, 255, 255, .04);--surface-subtle: rgba(255, 255, 255, .02);--control: rgba(255, 255, 255, .06);--control-strong: rgba(148, 163, 184, .18);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .12);--text: #e2e8f0;--text-muted: #cbd5e1;--selection: rgba(148, 163, 184, .18);--accent: #a855f7;--accent-strong: #6366f1;--badge-from: #c084fc;--badge-to: #38bdf8;--badge-text: #0f172a;--canvas: #0b1224;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color-scheme:var(--color-scheme)}[data-theme=blue]{--color-scheme: dark;--bg: #0a152b;--panel: rgba(8, 26, 46, .92);--panel-strong: rgba(6, 20, 36, .9);--surface: rgba(255, 255, 255, .05);--surface-subtle: rgba(255, 255, 255, .02);--control: rgba(255, 255, 255, .07);--control-strong: rgba(59, 130, 246, .2);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--text: #e5f2ff;--text-muted: #c3d6f4;--selection: rgba(59, 130, 246, .24);--accent: #38bdf8;--accent-strong: #0ea5e9;--badge-from: #38bdf8;--badge-to: #60a5fa;--badge-text: #041122;--canvas: #0b1729}[data-theme=purple]{--color-scheme: dark;--bg: #0f172a;--panel: rgba(15, 23, 42, .9);--panel-strong: rgba(10, 18, 32, .85);--surface: rgba(255, 255, 255, .04);--surface-subtle: rgba(255, 255, 255, .02);--control: rgba(255, 255, 255, .06);--control-strong: rgba(148, 163, 184, .18);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .12);--text: #e2e8f0;--text-muted: #cbd5e1;--selection: rgba(168, 85, 247, .22);--accent: #a855f7;--accent-strong: #6366f1;--badge-from: #c084fc;--badge-to: #38bdf8;--badge-text: #0f172a;--canvas: #0b1224}[data-theme=pink]{--color-scheme: dark;--bg: #1a0f1f;--panel: rgba(26, 12, 33, .92);--panel-strong: rgba(22, 10, 28, .88);--surface: rgba(255, 255, 255, .05);--surface-subtle: rgba(255, 255, 255, .02);--control: rgba(255, 255, 255, .08);--control-strong: rgba(244, 114, 182, .22);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--text: #fde7f4;--text-muted: #f9cfe7;--selection: rgba(244, 114, 182, .28);--accent: #f472b6;--accent-strong: #f9a8d4;--badge-from: #f9a8d4;--badge-to: #a855f7;--badge-text: #2d0e2d;--canvas: #1b1224}[data-theme=black]{--color-scheme: dark;--bg: #060606;--panel: rgba(12, 12, 12, .92);--panel-strong: rgba(8, 8, 8, .9);--surface: rgba(255, 255, 255, .03);--surface-subtle: rgba(255, 255, 255, .015);--control: rgba(255, 255, 255, .05);--control-strong: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .12);--text: #f3f4f6;--text-muted: #d1d5db;--selection: rgba(255, 255, 255, .14);--accent: #e5e7eb;--accent-strong: #d1d5db;--badge-from: #111827;--badge-to: #1f2937;--badge-text: #f8fafc;--canvas: #0a0a0a}[data-theme=white]{--color-scheme: light;--bg: #f8fafc;--panel: rgba(255, 255, 255, .95);--panel-strong: #ffffff;--surface: rgba(15, 23, 42, .03);--surface-subtle: rgba(15, 23, 42, .015);--control: #f8fafc;--control-strong: #e2e8f0;--border: rgba(15, 23, 42, .12);--border-strong: rgba(15, 23, 42, .16);--text: #0f172a;--text-muted: #334155;--selection: rgba(99, 102, 241, .14);--accent: #6366f1;--accent-strong: #7c3aed;--badge-from: #6366f1;--badge-to: #38bdf8;--badge-text: #f8fafc;--canvas: #ffffff}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);height:100%}*{box-sizing:border-box}button,input,select{font:inherit}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--control);color:var(--text);border:1px solid var(--border);border-radius:8px;height:32px;padding:0 32px 0 10px;background-image:linear-gradient(45deg,transparent 50%,var(--text) 50%),linear-gradient(135deg,var(--text) 50%,transparent 50%);background-position:right 12px center,right 6px center;background-size:6px 6px,6px 6px;background-repeat:no-repeat;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 3px var(--surface)}select option{background:var(--panel);color:var(--text)}#root{height:100%}