:root{--layout-color-surface: #ffffff;--layout-color-surface-muted: #f3f7ff;--layout-color-text: #0f172a;--layout-color-text-muted: #475569;--layout-color-border: #d7e2f2;--layout-color-border-subtle: #d7e2f2;--layout-color-accent: #2563eb;--layout-color-accent-strong: #1d4ed8;--layout-color-success: #047857;--layout-color-warning: #c2410c;--layout-color-danger: #b91c1c;--layout-font-family-base: "Inter", "Helvetica Neue", Arial, sans-serif;--layout-font-size-base: 1rem;--layout-line-height-base: 1.5;--layout-space-xs: .5rem;--layout-space-sm: .75rem;--layout-space-md: 1rem;--layout-space-lg: 1.5rem;--layout-space-xl: 2rem;--layout-radius-sm: .375rem;--layout-radius-md: .75rem;--layout-shadow-soft: 0 16px 36px rgba(37, 99, 235, .16);--layout-max-width: 80ch;--layout-column-gap: 2rem;--layout-motion-duration-fast: .12s;--layout-motion-duration-base: .18s;--layout-motion-duration-slow: .22s;--layout-motion-easing-standard: cubic-bezier(.2, .8, .2, 1);--layout-callout-bg-info: rgba(37, 99, 235, .1);--layout-callout-border-info: rgba(37, 99, 235, .34);--layout-callout-bg-success: rgba(4, 120, 87, .11);--layout-callout-border-success: rgba(4, 120, 87, .34);--layout-callout-bg-warning: rgba(194, 65, 12, .12);--layout-callout-border-warning: rgba(194, 65, 12, .34);--layout-callout-bg-danger: rgba(185, 28, 28, .12);--layout-callout-border-danger: rgba(185, 28, 28, .34);--layout-focus-ring: rgba(37, 99, 235, .32)}[data-layout-mode=dark]{--layout-color-surface: #111c31;--layout-color-surface-muted: #1a2944;--layout-color-text: #e5eefc;--layout-color-text-muted: #b7c6e5;--layout-color-border: #2f466f;--layout-color-border-subtle: #2f466f;--layout-color-accent: #8db5ff;--layout-color-accent-strong: #a9c8ff;--layout-color-success: #4ade80;--layout-color-warning: #fdba74;--layout-color-danger: #fca5a5;--layout-shadow-soft: 0 18px 38px rgba(2, 8, 23, .45);--layout-callout-bg-info: rgba(141, 181, 255, .18);--layout-callout-border-info: rgba(141, 181, 255, .45);--layout-callout-bg-success: rgba(74, 222, 128, .15);--layout-callout-border-success: rgba(74, 222, 128, .42);--layout-callout-bg-warning: rgba(251, 146, 60, .16);--layout-callout-border-warning: rgba(251, 146, 60, .42);--layout-callout-bg-danger: rgba(248, 113, 113, .16);--layout-callout-border-danger: rgba(248, 113, 113, .42);--layout-focus-ring: rgba(141, 181, 255, .4)}@media (prefers-reduced-motion: reduce){:root{--layout-motion-duration-fast: 0ms;--layout-motion-duration-base: 0ms;--layout-motion-duration-slow: 0ms}}:root{color-scheme:light;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--studio-text-primary: #0f172a;--studio-text-secondary: #475569;--studio-text-muted: #64748b;--studio-surface-app: #eef3ff;--studio-surface-base: #ffffff;--studio-surface-elevated: #f8fbff;--studio-surface-muted: #f3f6fd;--studio-surface-sidebar-start: #10203d;--studio-surface-sidebar-end: #1c2f52;--studio-border-subtle: #d7e2f2;--studio-border-strong: #b8c9e2;--studio-accent: #2563eb;--studio-accent-strong: #1d4ed8;--studio-success: #047857;--studio-warning: #a16207;--studio-danger: #b91c1c;--studio-focus-ring: rgba(37, 99, 235, .3);--studio-shadow-soft: 0 12px 28px rgba(37, 99, 235, .14);--studio-shadow-strong: 0 20px 45px rgba(15, 23, 42, .12);--studio-motion-fast: .12s;--studio-motion-base: .18s;--studio-motion-slow: .22s;--studio-motion-easing: cubic-bezier(.2, .8, .2, 1);--color-text-primary: var(--studio-text-primary);--color-text-secondary: var(--studio-text-secondary);--color-bg-primary: var(--studio-surface-base);--color-bg-secondary: var(--studio-surface-elevated);--color-bg-accent-muted: color-mix(in srgb, var(--studio-accent) 12%, var(--studio-surface-base));--color-bg-success-muted: color-mix(in srgb, var(--studio-success) 16%, var(--studio-surface-base));--color-bg-warning-muted: color-mix(in srgb, var(--studio-warning) 16%, var(--studio-surface-base));--color-border: var(--studio-border-subtle);--color-accent: var(--studio-accent);--color-success: var(--studio-success);--color-warning-strong: var(--studio-warning);--color-danger: var(--studio-danger);--foreground-muted: var(--studio-text-muted)}:root[data-studio-mode=dark]{color-scheme:dark;--studio-text-primary: #e5eefc;--studio-text-secondary: #b9c8e7;--studio-text-muted: #9fb2d8;--studio-surface-app: #0b1426;--studio-surface-base: #111c31;--studio-surface-elevated: #172642;--studio-surface-muted: #1b2c4a;--studio-surface-sidebar-start: #070d1a;--studio-surface-sidebar-end: #0f1b34;--studio-border-subtle: #2f466f;--studio-border-strong: #3f5c8d;--studio-accent: #8db5ff;--studio-accent-strong: #a9c8ff;--studio-success: #4ade80;--studio-warning: #fcd34d;--studio-danger: #fca5a5;--studio-focus-ring: rgba(141, 181, 255, .38);--studio-shadow-soft: 0 14px 30px rgba(2, 8, 23, .38);--studio-shadow-strong: 0 22px 48px rgba(2, 8, 23, .6)}@media (prefers-reduced-motion: reduce){:root{--studio-motion-fast: 0ms;--studio-motion-base: 0ms;--studio-motion-slow: 0ms}}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--studio-gap-inline: var(--space-2);--studio-gap-stack: var(--space-3);--studio-gap-panel: var(--space-4);--studio-gap-section: var(--space-6);--studio-radius-panel: 16px;--studio-radius-control: 10px}:root{color:var(--color-text-primary);background-color:var(--color-bg-primary);font-family:var(--font-family-sans);--brand-blue-500: var(--studio-accent);--brand-blue-600: var(--studio-accent);--brand-blue-700: var(--studio-accent-strong);--brand-soft: color-mix(in srgb, var(--studio-accent) 12%, var(--studio-surface-base));--brand-soft-border: color-mix(in srgb, var(--studio-accent) 32%, var(--studio-surface-base));--brand-shell: var(--studio-surface-app);--brand-gradient: linear-gradient( 120deg, var(--studio-accent-strong) 0%, var(--studio-accent) 45%, color-mix(in srgb, var(--studio-accent) 72%, white) 100% );--brand-shadow: var(--studio-shadow-soft);--surface-page: var(--studio-surface-app);--surface-panel: var(--studio-surface-base);--surface-subtle: var(--studio-surface-elevated);--text-primary: var(--studio-text-primary);--text-secondary: var(--studio-text-secondary);--text-muted: var(--studio-text-muted);--border-subtle: var(--studio-border-subtle);--border-strong: var(--studio-border-strong);--focus-ring: var(--studio-focus-ring)}:root[data-studio-mode=dark]{--brand-gradient: linear-gradient( 120deg, color-mix(in srgb, var(--studio-accent-strong) 80%, black) 0%, var(--studio-accent) 45%, color-mix(in srgb, var(--studio-accent) 68%, black) 100% )}*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:var(--brand-shell);color:var(--color-text-primary);font-family:var(--font-family-sans);line-height:var(--line-height-normal);transition:background-color var(--studio-motion-base) var(--studio-motion-easing),color var(--studio-motion-base) var(--studio-motion-easing)}