:root{--gray-0: hsl(222 20% 6%);--gray-25: hsl(222 18% 8%);--gray-50: hsl(222 17% 10%);--gray-75: hsl(222 16% 12%);--gray-100: hsl(221 15% 14%);--gray-150: hsl(221 13% 17%);--gray-200: hsl(220 12% 20%);--gray-250: hsl(220 11% 24%);--gray-300: hsl(219 10% 29%);--gray-400: hsl(218 9% 38%);--gray-500: hsl(216 8% 48%);--gray-600: hsl(215 9% 58%);--gray-700: hsl(213 11% 68%);--gray-800: hsl(211 14% 79%);--gray-850: hsl(209 17% 86%);--gray-900: hsl(207 21% 91%);--gray-950: hsl(206 26% 95%);--gray-1000: hsl(204 30% 98%);--accent-50: hsl(217 100% 96%);--accent-100: hsl(217 100% 90%);--accent-200: hsl(217 98% 81%);--accent-300: hsl(217 95% 72%);--accent-400: hsl(217 92% 65%);--accent-500: hsl(217 90% 58%);--accent-600: hsl(218 84% 51%);--accent-700: hsl(220 80% 43%);--accent-800: hsl(222 76% 35%);--accent-900: hsl(224 70% 27%);--signal-guide-raw: hsl(327 100% 68%);--signal-snap-raw: hsl(170 70% 53%);--signal-measure-raw: hsl(327 100% 68%);--red-400: hsl(358 70% 62%);--red-500: hsl(358 66% 54%);--amber-400: hsl(38 80% 58%);--amber-500: hsl(36 78% 50%);--green-400: hsl(152 50% 52%);--green-500: hsl(152 52% 43%);--font-sans: "Inter", "Inter var", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Roboto Mono", ui-monospace, Menlo, Consolas, monospace;--text-2xs: 10px;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-display: 44px;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--tracking-tight: -.014em;--tracking-snug: -.006em;--tracking-normal: 0em;--tracking-wide: .02em;--tracking-wider: .06em;--numeric-tabular: "tnum" 1, "cv01" 1, "ss01" 1;--space-0: 0;--space-px: 1px;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--control-height-sm: 24px;--control-height: 28px;--control-height-lg: 34px;--toolbar-height: 48px;--statusbar-height: 28px;--ruler-size: 22px;--radius-0: 0px;--radius-xs: 3px;--radius-sm: 5px;--radius-md: 7px;--radius-lg: 10px;--radius-xl: 14px;--radius-2xl: 20px;--radius-full: 9999px;--border-width: 1px;--border-width-2: 1.5px;--border-style: solid;--duration-instant: 80ms;--duration-fast: .12s;--duration-base: .16s;--duration-slow: .22s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-linear: linear;--transition-control: background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);--z-base: 0;--z-overlay: 100;--z-sticky: 200;--z-dropdown: 600;--z-popover: 700;--z-modal: 800;--z-toast: 900}:root,[data-theme=dark]{color-scheme:dark;--bg-app: var(--gray-25);--bg-canvas: var(--gray-0);--bg-chrome: var(--gray-75);--bg-panel: var(--gray-50);--bg-panel-alt: var(--gray-75);--bg-elevated: var(--gray-150);--bg-field: var(--gray-100);--bg-field-hover:var(--gray-150);--bg-subtle: var(--gray-100);--bg-sunken: var(--gray-0);--bg-overlay: hsl(222 30% 4% / .55);--bg-selected: hsl(217 90% 58% / .16);--bg-selected-strong: hsl(217 90% 58% / .26);--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-tertiary: var(--gray-500);--text-disabled: var(--gray-400);--text-inverse: var(--gray-0);--text-accent: var(--accent-300);--text-on-accent: hsl(0 0% 100%);--border-subtle: var(--gray-100);--border-default: var(--gray-200);--border-strong: var(--gray-300);--border-accent: var(--accent-500);--accent: var(--accent-500);--accent-hover: var(--accent-400);--accent-active: var(--accent-600);--accent-subtle: hsl(217 90% 58% / .14);--accent-muted: var(--accent-900);--accent-contrast: hsl(0 0% 100%);--danger: var(--red-400);--danger-hover: var(--red-500);--danger-subtle: hsl(358 70% 62% / .16);--warning: var(--amber-400);--warning-subtle:hsl(38 80% 58% / .16);--success: var(--green-400);--success-subtle:hsl(152 50% 52% / .16);--signal-selection: var(--accent-500);--signal-guide: var(--signal-guide-raw);--signal-snap: var(--signal-snap-raw);--signal-measure: var(--signal-measure-raw);--signal-handle-fill: var(--gray-25);--focus-ring-color: var(--accent-400);--focus-ring-width: 2px;--focus-ring-offset: var(--bg-app);--focus-ring: 0 0 0 1.5px var(--focus-ring-offset), 0 0 0 3.5px var(--focus-ring-color);--focus-ring-inset: inset 0 0 0 1px var(--focus-ring-color);--shadow-xs: 0 1px 2px hsl(222 40% 3% / .4);--shadow-sm: 0 2px 5px hsl(222 40% 3% / .45), 0 1px 2px hsl(222 40% 3% / .35);--shadow-md: 0 6px 16px hsl(222 40% 3% / .5), 0 2px 5px hsl(222 40% 3% / .4);--shadow-lg: 0 14px 34px hsl(222 40% 3% / .55), 0 4px 10px hsl(222 40% 3% / .4);--shadow-xl: 0 24px 64px hsl(222 45% 2% / .62), 0 8px 20px hsl(222 45% 2% / .45);--highlight-top: inset 0 1px 0 hsl(0 0% 100% / .05);--shadow-focus-glow: 0 0 0 3.5px var(--accent-subtle)}[data-theme=light]{color-scheme:light;--bg-app: var(--gray-950);--bg-canvas: var(--gray-900);--bg-chrome: var(--gray-1000);--bg-panel: var(--gray-1000);--bg-panel-alt: var(--gray-950);--bg-elevated: hsl(0 0% 100%);--bg-field: var(--gray-1000);--bg-field-hover:var(--gray-950);--bg-subtle: var(--gray-900);--bg-sunken: var(--gray-900);--bg-overlay: hsl(222 22% 28% / .3);--bg-selected: hsl(217 90% 52% / .12);--bg-selected-strong: hsl(217 90% 52% / .2);--text-primary: var(--gray-25);--text-secondary: var(--gray-200);--text-tertiary: var(--gray-400);--text-disabled: var(--gray-600);--text-inverse: var(--gray-1000);--text-accent: var(--accent-700);--text-on-accent: hsl(0 0% 100%);--border-subtle: var(--gray-900);--border-default: var(--gray-850);--border-strong: var(--gray-700);--border-accent: var(--accent-600);--accent: var(--accent-600);--accent-hover: var(--accent-500);--accent-active: var(--accent-700);--accent-subtle: hsl(217 90% 52% / .1);--accent-muted: var(--accent-100);--accent-contrast: hsl(0 0% 100%);--danger: var(--red-500);--danger-hover: hsl(358 66% 47%);--danger-subtle: hsl(358 66% 54% / .12);--warning: var(--amber-500);--warning-subtle:hsl(36 78% 50% / .14);--success: var(--green-500);--success-subtle:hsl(152 52% 43% / .14);--signal-selection: var(--accent-600);--signal-guide: hsl(327 85% 56%);--signal-snap: hsl(170 70% 40%);--signal-measure: hsl(327 85% 56%);--signal-handle-fill: hsl(0 0% 100%);--focus-ring-color: var(--accent-500);--focus-ring-offset: var(--bg-app);--focus-ring: 0 0 0 1.5px var(--focus-ring-offset), 0 0 0 3.5px var(--focus-ring-color);--focus-ring-inset: inset 0 0 0 1px var(--focus-ring-color);--shadow-xs: 0 1px 2px hsl(222 24% 40% / .1);--shadow-sm: 0 1px 3px hsl(222 24% 40% / .12), 0 1px 2px hsl(222 24% 40% / .08);--shadow-md: 0 6px 16px hsl(222 24% 40% / .14), 0 2px 5px hsl(222 24% 40% / .1);--shadow-lg: 0 14px 34px hsl(222 24% 40% / .18), 0 4px 10px hsl(222 24% 40% / .12);--shadow-xl: 0 24px 64px hsl(222 24% 35% / .22), 0 8px 20px hsl(222 24% 35% / .14);--highlight-top: inset 0 1px 0 hsl(0 0% 100% / .7);--shadow-focus-glow: 0 0 0 3.5px var(--accent-subtle)}@media(prefers-reduced-motion:reduce){:root{--duration-instant: 0ms;--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}}