:root{--font-mono: "SF Mono", "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px;--sb-fs-title: 13px;--sb-fs-header: 12px;--sb-fs-l1: 15px;--sb-fs-l2: 14px;--sb-fs-l3: 13px;--sb-fs-leaf: 13px;--sb-fs-meta: 11.5px;--sb-fs-count: 11px;--sb-fw-header: 700;--sb-fw-l1: 700;--sb-fw-l2: 600;--sb-fw-l3: 500;--sb-fw-leaf: 400;--transition-fast: .12s ease;--transition-normal: .2s ease;--statusbar-h: 36px;--header-h: 62px;--tab-strip-w: 48px;--sidebar-content-w: 220px;--right-panel-w: 380px;--minimap-w: 200px;--minimap-h: 150px;--z-shell-canvas: 0;--z-shell-sidebar: 2;--z-canvas-recipe-frame: 9;--z-canvas-toolbar: 10;--z-canvas-selection: 15;--z-canvas-breadcrumb: 18;--z-canvas-float: 26;--z-canvas-spotlight-chip: 27;--z-canvas-drawer: 32;--z-canvas-spotlight-frame: 40;--z-canvas-toast: 60}.theme-dark{--color-bg-base: #060a12;--color-bg-panel: #0b1022;--color-bg-node: #0c1224;--color-bg-card: #0e1529;--color-bg-interactive: #111827;--color-bg-elevated: #131b33;--color-bg-disabled: #0b101f;--color-bg-overlay: #0b1022ee;--color-bg-hover: #1a234044;--color-border-primary: #1a2340;--color-border-secondary: #334155;--color-border-subtle: #131b33;--color-text-bright: #e2e8f0;--color-text-primary: #94a3b8;--color-text-secondary: #64748b;--color-text-dim: #475569;--color-text-muted: #334155;--color-accent: #6366f1;--color-accent-hover: #818cf8;--color-danger: #ef4444;--color-danger-bg: #ef444414;--color-warning: #f59e0b;--color-warning-bg: #f59e0b14;--color-success: #22c55e;--color-success-bg: #22c55e18;--color-grid-dot: #131b33;--color-node-shadow: rgba(0, 0, 0, .4);--color-node-shadow-selected: rgba(0, 0, 0, .5);--groupcanvas-bg: #101a30;--groupcanvas-grid: #2a3a5e;--color-recipe: #46c3ce;--color-recipe-soft: #123c42;--color-recipe-ink: #8fdde5;--color-recipe-locked: #a49a86;--color-recipe-on: #0c1224;--color-recipe-action: #2e8188;--color-recipe-action-on: #ffffff;--color-text-meta: #8190a6;--color-text-locked: #a49a86;--color-border-hover: #2b3758;--color-accent-ink: #818cf8;--color-accent-fill: #1c2150;--color-chip-fill: #26314f;--color-mark: #3b3470;--shadow-panel: 0 4px 20px rgba(0, 0, 0, .3);--shadow-float: 0 12px 40px rgba(0, 0, 0, .5);--shadow-node: 0 4px 20px rgba(0, 0, 0, .4);--color-scrollbar-thumb: #1a2340;--color-scrollbar-track: transparent}.theme-light{--color-bg-base: #f1f5f9;--color-bg-panel: #ffffff;--color-bg-node: #ffffff;--color-bg-card: #f8fafc;--color-bg-interactive: #f1f5f9;--color-bg-elevated: #e2e8f0;--color-bg-disabled: #f1f5f9;--color-bg-overlay: #ffffffee;--color-bg-hover: #e2e8f044;--color-border-primary: #cbd5e1;--color-border-secondary: #94a3b8;--color-border-subtle: #e2e8f0;--color-text-bright: #0f172a;--color-text-primary: #334155;--color-text-secondary: #475569;--color-text-dim: #64748b;--color-text-muted: #94a3b8;--color-accent: #4f46e5;--color-accent-hover: #6366f1;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-warning: #d97706;--color-warning-bg: #fffbeb;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-grid-dot: #cbd5e1;--color-node-shadow: rgba(0, 0, 0, .08);--color-node-shadow-selected: rgba(0, 0, 0, .15);--groupcanvas-bg: #ffffff;--groupcanvas-grid: #cbd5e1;--color-recipe: #0d6e78;--color-recipe-soft: #d3e7e9;--color-recipe-ink: #084f57;--color-recipe-locked: #7b7466;--color-recipe-on: #ffffff;--color-recipe-action: #0d6e78;--color-recipe-action-on: #ffffff;--color-text-meta: #5b6778;--color-text-locked: #665f52;--color-border-hover: #b6c2d1;--color-accent-ink: #4f46e5;--color-accent-fill: #e8e7fb;--color-chip-fill: #dfe5ec;--color-mark: #dcd8f6;--shadow-panel: 0 1px 3px rgba(0, 0, 0, .1);--shadow-float: 0 8px 30px rgba(0, 0, 0, .12);--shadow-node: 0 2px 8px rgba(0, 0, 0, .08);--color-scrollbar-thumb: #cbd5e1;--color-scrollbar-track: transparent}body{background:var(--color-bg-base);color:var(--color-text-bright);transition:background var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}