:root,:root[data-theme=light]{--bg:#fff;--bg-elev:#f9fafb;--bg-elev-2:#f3f4f6;--bg-overlay:#00000073;--bg-hover:#f3f4f6;--bg-selected:#eff6ff;--fg:#111827;--fg-strong:#000;--fg-muted:#6b7280;--fg-subtle:#9ca3af;--fg-inverse:#fff;--border:#e5e7eb;--border-strong:#d1d5db;--divider:#f3f4f6;--primary:#1565c0;--primary-hover:#0d4799;--primary-soft:#eff6ff;--primary-fg:#fff;--danger:#dc2626;--danger-soft:#fee2e2;--success:#2e7d32;--success-soft:#dcfce7;--warning:#ea580c;--warning-soft:#fff7ed;--input-bg:#fff;--input-border:#d1d5db;--input-fg:#111827;--input-placeholder:#9ca3af;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 32px #0000002e;--canvas-bg:#fff;--canvas-paper:#fff;--canvas-grid:#e5e7eb;--canvas-grid-axis:#cbd5e1;--canvas-ink:#111827;--canvas-ink-muted:#6b7280;--canvas-ink-subtle:#9ca3af;--canvas-rule:#1e293b;--topbar-bg:var(--primary);--topbar-border:transparent;--topbar-fg:#fff;--topbar-fg-muted:#ffffffd9;--topbar-active-bg:#ffffff2e;--topbar-chip-bg:#ffffff24;--topbar-icon-bg:#ffffff1a;--topbar-icon-border:#ffffff40;--topbar-avatar-bg:#ffffff2e;--topbar-avatar-border:#fff6;--topbar-badge-border:var(--primary)}:root[data-theme=dark]{--bg:#0f1419;--bg-elev:#161d26;--bg-elev-2:#1f2733;--bg-overlay:#000000a6;--bg-hover:#232c3a;--bg-selected:#1e3a5f;--fg:#e5e7eb;--fg-strong:#f9fafb;--fg-muted:#9ca3af;--fg-subtle:#6b7280;--fg-inverse:#0f1419;--border:#2c3848;--border-strong:#3b4759;--divider:#1f2733;--primary:#3b82f6;--primary-hover:#60a5fa;--primary-soft:#1e3a5f;--primary-fg:#fff;--danger:#ef4444;--danger-soft:#4c1d1d;--success:#22c55e;--success-soft:#14361f;--warning:#f97316;--warning-soft:#3a1d0a;--input-bg:#161d26;--input-border:#3b4759;--input-fg:#e5e7eb;--input-placeholder:#6b7280;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 32px #0009;--canvas-bg:#1a1f28;--canvas-paper:#1e1e1e;--canvas-grid:#2c3848;--canvas-grid-axis:#475569;--canvas-ink:#e5e7eb;--canvas-ink-muted:#9ca3af;--canvas-ink-subtle:#6b7280;--canvas-rule:#94a3b8;--topbar-bg:#11161e;--topbar-border:var(--border);--topbar-fg:var(--fg);--topbar-fg-muted:var(--fg-muted);--topbar-active-bg:var(--bg-elev-2);--topbar-chip-bg:var(--bg-elev-2);--topbar-icon-bg:transparent;--topbar-icon-border:var(--border);--topbar-avatar-bg:var(--bg-elev-2);--topbar-avatar-border:var(--border-strong);--topbar-badge-border:var(--topbar-bg)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:13px;transition:background-color .12s,color .12s}#root{background:var(--bg);width:100%;height:100vh;color:var(--fg);flex-direction:column;display:flex}input,select,textarea,button{color:inherit;font-family:inherit}input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]),select,textarea{background-color:var(--input-bg);color:var(--input-fg);border:1px solid var(--input-border);border-radius:4px}input::placeholder,textarea::placeholder{color:var(--input-placeholder)}:root[data-theme=dark]{scrollbar-color:#3b4759 #161d26}