:root{color-scheme:light;--color-neutral-0:#ffffff;--color-neutral-50:#f6f8fc;--color-neutral-100:#f1f4fa;--color-neutral-200:#e6ebf4;--color-neutral-300:#d7deea;--color-neutral-400:#b5bfcf;--color-neutral-500:#7e8798;--color-neutral-600:#5a6478;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-brand-50:#eef2ff;--color-brand-100:#e0e7ff;--color-brand-200:#c7d2fe;--color-brand-300:#a5b4fc;--color-brand-400:#818cf8;--color-brand-500:#7376f3;--color-brand-600:#6366f1;--color-brand-700:#4f46e5;--color-brand-800:#4338ca;--color-brand-900:#3730a3;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-300:#fca5a5;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-700:#b42318;--bg-app:var(--color-neutral-50);--bg-surface:var(--color-neutral-0);--bg-surface-soft:var(--color-neutral-100);--bg-overlay:rgba(15,23,42,0.48);--bg-selected:var(--color-brand-50);--bg-hover:rgba(99,102,241,0.06);--text-primary:var(--color-neutral-900);--text-body:var(--color-neutral-700);--text-subtle:var(--color-neutral-600);--text-faint:var(--color-neutral-500);--text-disabled:var(--color-neutral-400);--text-inverse:var(--color-neutral-0);--text-brand:var(--color-brand-700);--text-danger:var(--color-danger-700);--text-success:var(--color-success-700);--text-warning:var(--color-warning-700);--border-hairline:0.5px solid color-mix(in srgb,var(--color-neutral-200) 86%,transparent);--border-subtle:var(--color-neutral-200);--border-default:var(--color-neutral-300);--border-strong:var(--color-neutral-400);--border-brand:var(--color-brand-600);--border-danger:var(--color-danger-600);--border-focus:var(--color-brand-300);--brand:var(--color-brand-600);--brand-hover:var(--color-brand-700);--brand-active:var(--color-brand-800);--brand-soft:var(--color-brand-50);--brand-soft-hover:var(--color-brand-100);--info-blue:var(--brand);--info-blue-soft:var(--brand-soft);--danger:var(--color-danger-600);--danger-hover:var(--color-danger-700);--danger-soft:var(--color-danger-50);--success:var(--color-success-600);--success-soft:var(--color-success-50);--warning:var(--color-warning-600);--warning-soft:var(--color-warning-50);--amber:var(--color-warning-700);--amber-soft:var(--color-warning-50);--amber-border:var(--color-warning-100);--surface-flat:var(--bg-surface);--surface-subtle:var(--bg-surface-soft);--font-ui:"SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono","JetBrains Mono",Menlo,Monaco,Consolas,monospace;--font-brand:var(--font-ui);--font-size-2xs:10px;--font-size-xs:11px;--font-size-sm:12px;--font-size-md:13px;--font-size-lg:14px;--font-size-xl:16px;--font-size-2xl:18px;--font-size-3xl:22px;--font-size-4xl:28px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:500;--font-weight-bold:500;--line-height-tight:1.2;--line-height-snug:1.35;--line-height-base:1.5;--line-height-loose:1.7;--letter-spacing-tight:-0.013em;--letter-spacing-normal:0;--letter-spacing-wide:0.04em;--space-0:0;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:12px;--space-6:16px;--space-7:20px;--space-8:24px;--space-9:32px;--space-10:40px;--space-11:48px;--space-12:64px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(15,23,42,0.04);--shadow-sm:0 1px 3px rgba(15,23,42,0.06),0 1px 2px rgba(15,23,42,0.04);--shadow-md:0 4px 12px rgba(15,23,42,0.08),0 2px 4px rgba(15,23,42,0.04);--shadow-lg:0 10px 24px rgba(15,23,42,0.10),0 4px 8px rgba(15,23,42,0.05);--shadow-xl:0 22px 44px rgba(15,23,42,0.14),0 8px 16px rgba(15,23,42,0.06);--shadow-focus:0 0 0 3px rgba(147,197,253,0.5);--shadow-focus-danger:0 0 0 3px rgba(252,165,165,0.5);--duration-instant:80ms;--duration-fast:140ms;--duration-base:200ms;--duration-slow:320ms;--ease-standard:cubic-bezier(0.2,0.0,0.1,1.0);--ease-emphasize:cubic-bezier(0.2,0.0,0.0,1.0);--ease-linear:linear;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--layout-sidebar-width:252px;--layout-max-content:1280px;--layout-gutter:var(--space-8);--button-height-sm:28px;--button-height-md:36px;--button-height-lg:44px;--input-height-sm:28px;--input-height-md:36px;--input-height-lg:44px;--icon-size-xs:14px;--icon-size-sm:16px;--icon-size-md:18px;--icon-size-lg:20px;--icon-size-xl:24px;--bg:var(--bg-app);--ink:var(--text-primary);--muted:var(--text-subtle);--panel:rgba(255,255,255,0.76);--accent:var(--brand);--accent-2:var(--brand-hover);--line:var(--border-subtle);--radius:var(--radius-md);--nav-w:var(--layout-sidebar-width);--surface:var(--bg-surface);--surface-soft:var(--bg-surface-soft);--surface-muted:var(--bg-surface-soft);--text:var(--text-primary);--text-faint:var(--text-faint);--line-strong:var(--border-default);--focus:var(--border-focus);--glass-blur-sm:14px;--glass-blur-md:16px;--glass-blur-lg:22px;--glass-blur-xl:24px;--glass-saturate-sm:1.05;--glass-saturate-md:1.08;--glass-saturate-lg:1.16;--glass-tint-sm:rgba(255,255,255,0.72);--glass-tint-md:rgba(255,255,255,0.76);--glass-tint-lg:rgba(255,255,255,0.82);--glass-border:rgba(255,255,255,0.52);--glass-border-inner:rgba(255,255,255,0.72);--glass-panel-shadow:0 24px 54px rgba(97,123,168,0.12),inset 0 1px 0 rgba(255,255,255,0.72);--glass-panel-shadow-lg:0 28px 72px rgba(72,94,136,0.18),inset 0 1px 0 rgba(255,255,255,0.75);--modal-scrim:rgba(15,23,42,0.35);--modal-radius:var(--radius-md);--modal-padding:var(--space-5);--modal-width-md:1040px;--modal-width-lg:1280px;--modal-width-xl:1420px;--modal-max-height:92vh;--dashboard-radius:32px;--dashboard-gap:18px;--dashboard-padding:18px;--dashboard-kpi-padding:var(--space-6);--dashboard-kpi-radius:var(--radius-lg);--dashboard-fade-duration:720ms;--dashboard-fade-ease:cubic-bezier(0.22,1,0.36,1);--dashboard-stagger-1:80ms;--dashboard-stagger-2:140ms;--dashboard-stagger-3:200ms;--dashboard-stagger-4:260ms;--dashboard-stagger-5:320ms;--dashboard-stagger-6:380ms;--chart-series-1:var(--color-brand-600);--chart-series-2:var(--color-brand-300);--chart-series-3:var(--color-success-500);--chart-series-4:var(--color-warning-500);--chart-series-5:var(--color-danger-500);--chart-series-6:#a78bfa;--chart-track:var(--color-neutral-200);--chart-grid:var(--color-neutral-100);--zone-step-height:36px;--zone-step-radius:var(--radius-pill);--zone-dim-pill-bg:var(--bg-surface-soft);--zone-dim-pill-border:var(--border-subtle);--inspector-empty-bg:rgba(248,250,252,0.8);--inspector-empty-border:rgba(203,213,225,0.7);--inspector-empty-dash:4px;--inspector-section-bg:rgba(248,250,252,0.6);--inspector-section-border:rgba(226,232,240,0.8);--svg-stroke-cabinet:rgba(51,65,85,0.75);--svg-stroke-cabinet-default:rgba(51,65,85,0.45);--svg-stroke-cabinet-light:rgba(51,65,85,0.2);--svg-stroke-cabinet-faint:rgba(51,65,85,0.1);--svg-stroke-overlay:var(--svg-stroke-cabinet);--svg-stroke-overlay-legacy:rgb(103,95,95);--svg-stroke-appliance:rgba(59,130,246,0.5);--svg-stroke-appliance-soft:rgba(59,130,246,0.2);--svg-stroke-appliance-faint:rgba(59,130,246,0.08);--svg-fill-appliance:rgba(59,130,246,0.04);--svg-fill-appliance-soft:rgba(59,130,246,0.08);--svg-fill-appliance-tint-1:rgba(186,230,253,0.25);--svg-fill-appliance-tint-2:rgba(186,230,253,0.15);--svg-fill-zone-base:rgba(255,220,190,0.20);--svg-fill-zone-upper:rgba(160,204,244,0.20);--svg-fill-zone-tall:rgba(100,161,230,0.20);--svg-fill-zone-splash:rgba(148,163,184,0.20);--svg-fill-zone-kicker:rgba(234,160,113,0.20);--svg-fill-zone-appliance:rgba(241,245,249,0.20);--svg-fill-zone-appliance-accent:rgba(216,180,254,0.20);--svg-zone-label-base:#b45309;--svg-zone-label-upper:#0f172a;--svg-zone-label-tall:#0f172a;--svg-zone-label-splash:#475569;--svg-zone-label-kicker:#b45309;--svg-fill-selected:rgba(99,102,241,0.14);--svg-fill-hover:rgba(99,102,241,0.06);--svg-stroke-selected:var(--color-brand-600);--svg-stroke-hover:rgba(99,102,241,0.4);--svg-stroke-width-base:1;--svg-stroke-width-fine:0.5;--svg-stroke-width-thin:0.6;--svg-stroke-width-light:0.7;--svg-stroke-width-medium:0.8;--svg-stroke-width-bold:1.2;--svg-stroke-width-heavy:1.3;--svg-stroke-width-accent:1.4;--svg-stroke-width-emphasis:1.5;--svg-dash-construction:2 2;--svg-dash-shelf:4 3;--svg-dash-overlay:6 4;--svg-grid-line:var(--color-neutral-100);--svg-grid-major:var(--color-neutral-200);--svg-page-bg:#f8fbff;--canvas-btn-size:36px;--canvas-btn-gap:var(--space-3);--canvas-btn-bg:var(--bg-surface);--canvas-btn-border:var(--border-subtle);--canvas-btn-shadow:var(--shadow-sm);--canvas-btn-hover-bg:var(--brand-soft);--canvas-btn-hover-border:var(--brand);--tabbar-height:36px;--tabbar-indicator:var(--color-brand-600);--tabbar-bg:var(--bg-surface-soft);--proto-bg-start:#f5f3ee;--proto-bg-end:#f1eee6;--proto-text:#171b18;--proto-border:rgba(28,33,31,0.25);--proto-border-strong:rgba(28,33,31,0.5);--proto-surface:rgba(255,255,255,0.74);--proto-surface-tint:rgba(106,196,255,0.1);--proto-accent-selected:#78ff4d;--proto-radius:24px;--proto-blur:18px;--proto-font:"Helvetica Neue",Helvetica,Arial,sans-serif;--svg-cabinet-stroke-outer:1.2;--svg-cabinet-stroke-construction:0.6;--svg-cabinet-stroke-door:0.8;--svg-cabinet-stroke-shelf:0.5;--svg-cabinet-stroke-drawer:0.7;--svg-cabinet-stroke-drawer-diagonal:0.5;--svg-cabinet-stroke-dimension:0.6;--svg-cabinet-stroke-outer-print:1.6;--svg-cabinet-stroke-construction-print:0.8;--svg-cabinet-stroke-door-print:1.0;--svg-cabinet-stroke-shelf-print:0.7;--svg-cabinet-stroke-drawer-print:0.9;--svg-cabinet-stroke-drawer-diagonal-print:0.7;--svg-cabinet-stroke-dimension-print:0.8;--svg-dash-construction-print:3 3;--svg-dash-shelf-print:5 4;--svg-label-dimension-size:10px;--svg-label-dimension-weight:500;--svg-label-dimension-family:var(--font-mono);--svg-label-dimension-color:var(--text-subtle);--svg-label-zone-size:10px;--svg-label-zone-weight:700;--svg-dim-label-offset:8;--svg-dim-arrow-size:5;--svg-cabinet-fill-idle:transparent;--svg-cabinet-fill-hover:rgba(99,102,241,0.07);--svg-cabinet-fill-selected:rgba(99,102,241,0.11);--svg-cabinet-stroke-idle:var(--svg-stroke-cabinet);--svg-cabinet-stroke-hover:var(--brand);--svg-cabinet-stroke-selected:var(--brand);--svg-cabinet-glass-fill:rgba(99,102,241,0.18);--svg-cabinet-glass-rim:rgba(29,78,216,0.82);--svg-cabinet-glass-highlight:rgba(255,255,255,0.9);--svg-cabinet-glass-sheen:rgba(255,255,255,0.24);--svg-cabinet-glass-glint:rgba(255,255,255,0.95);--svg-cabinet-glass-filter:drop-shadow(0 12px 18px rgba(99,102,241,0.22));--svg-cabinet-split-zone-fill-hover:rgba(99,102,241,0.18);--svg-cabinet-split-zone-stroke-hover:rgba(29,78,216,0.88);--svg-cabinet-split-zone-fill-selected:rgba(99,102,241,0.14);--svg-cabinet-split-zone-stroke-selected:rgba(99,102,241,0.95);--svg-zone-stroke-idle:rgba(69,107,150,0.25);--svg-zone-stroke-hover:rgba(99,102,241,0.6);--svg-zone-stroke-selected:var(--brand);--svg-zone-stroke-width-idle:1;--svg-zone-stroke-width-selected:2.5;--svg-span-stroke-idle:var(--svg-stroke-cabinet);--svg-span-stroke-active:var(--brand);--svg-span-fill-active:rgba(99,102,241,0.08);--drag-handle-color-idle:var(--border-default);--drag-handle-color-hover:var(--brand);--drag-handle-color-active:var(--brand-hover);--scope-label-zone:var(--text-subtle);--scope-label-cabinet:var(--text-brand)}