@layer tokens,base,shell,shared,components,features,overlays;@layer tokens{:root{--gray-950: #0a0a0a;--gray-900: #0f0f0f;--gray-850: #141414;--gray-800: #161616;--gray-750: #1a1a1a;--gray-700: #1e1e1e;--gray-650: #222222;--gray-600: #282828;--gray-550: #2a2a2a;--gray-500: #333333;--gray-450: #3a3a3a;--gray-400: #444444;--gray-350: #4a4a4a;--gray-300: #555555;--gray-250: #666666;--gray-200: #888888;--gray-150: #999999;--gray-100: #aaaaaa;--gray-75: #cccccc;--gray-50: #d4d4d4;--gray-25: #e0e0e0;--gray-0: #ffffff;--blue-700: #1a5fb0;--blue-600: #2080CC;--blue-500: #2D8CEB;--blue-400: #4DA3F0;--blue-300: #60a5fa;--blue-200: #93c5fd;--red-700: #c53030;--red-600: #E74C3C;--red-500: #ef4444;--red-400: #f87171;--red-300: #ff6b6b;--green-700: #15803d;--green-600: #22c55e;--green-500: #27AE60;--green-400: #4ade80;--green-300: #51cf66;--amber-700: #b45309;--amber-600: #f59e0b;--amber-500: #F39C12;--amber-400: #fbbf24;--amber-300: #fcd34d;--purple-600: #7c3aed;--purple-500: #8b5cf6;--purple-400: #a855f7;--purple-300: #c084fc;--cyan-500: #22d3ee;--cyan-400: #67e8f9;--bg-primary: var(--gray-900);--bg-secondary: var(--gray-800);--bg-tertiary: var(--gray-700);--bg-hover: var(--gray-600);--bg-active: var(--gray-550);--bg-elevated: var(--gray-650);--bg-input: var(--gray-750);--bg-overlay: rgba(0, 0, 0, .7);--bg-overlay-light: rgba(0, 0, 0, .4);--bg-canvas: #000000;--border-color: var(--gray-950);--border-subtle: var(--gray-500);--border-strong: var(--gray-400);--border-focus: var(--blue-500);--text-primary: var(--gray-50);--text-secondary: var(--gray-150);--text-muted: var(--gray-250);--text-disabled: var(--gray-300);--text-inverse: #000000;--text-on-accent: #ffffff;--accent: var(--blue-500);--accent-hover: var(--blue-400);--accent-dim: rgba(45, 140, 235, .15);--accent-subtle: rgba(45, 140, 235, .1);--accent-timeline: #2997E5;--accent-timeline-hover: var(--blue-600);--danger: var(--red-600);--danger-light: var(--red-400);--danger-dim: rgba(239, 68, 68, .15);--danger-subtle: rgba(239, 68, 68, .1);--danger-border: rgba(239, 68, 68, .3);--success: var(--green-600);--success-light: var(--green-400);--success-dim: rgba(34, 197, 94, .15);--success-subtle: rgba(34, 197, 94, .1);--warning: var(--amber-500);--warning-light: var(--amber-400);--warning-dim: rgba(245, 158, 11, .15);--info: var(--blue-300);--info-dim: rgba(96, 165, 250, .15);--purple: var(--purple-500);--purple-light: var(--purple-400);--purple-dim: rgba(139, 92, 246, .15);--sp-0: 0px;--sp-0-5: 2px;--sp-1: 4px;--sp-1-5: 6px;--sp-2: 8px;--sp-2-5: 10px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Consolas", monospace;--font-2xs: 9px;--font-xs: 10px;--font-sm: 11px;--font-md: 12px;--font-lg: 13px;--font-xl: 14px;--font-2xl: 16px;--font-3xl: 18px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.2;--leading-normal: 1.4;--leading-relaxed: 1.5;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .5px;--radius-xs: 1px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-2xl: 12px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .5);--shadow-dialog: 0 20px 50px rgba(0, 0, 0, .5);--transition-fast: .1s ease;--transition-normal: .15s ease;--transition-slow: .2s ease;--transition-slower: .3s ease;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 1000;--z-modal: 10000;--z-tooltip: 10001;--toolbar-height: 28px;--toolbar-bg: var(--bg-tertiary);--toolbar-font-size: var(--font-sm);--tab-height: 26px;--tab-font-size: var(--font-sm);--tab-active-bg: var(--gray-550);--panel-header-bg: var(--bg-tertiary);--panel-header-font-size: var(--font-xl);--panel-header-weight: var(--font-semibold);--panel-header-padding: var(--sp-3) var(--sp-4);--input-bg: var(--bg-tertiary);--input-border: var(--border-color);--input-border-focus: var(--accent);--input-radius: var(--radius-md);--input-padding: var(--sp-1-5) var(--sp-2);--input-font-size: var(--font-md);--btn-radius: var(--radius-md);--btn-padding: var(--sp-2) var(--sp-4);--btn-font-size: var(--font-md);--btn-font-weight: var(--font-medium);--scrollbar-width: 6px;--scrollbar-track: var(--bg-secondary);--scrollbar-thumb: var(--border-strong);--scrollbar-thumb-hover: var(--text-muted);--group-0: #ff6b6b;--group-1: #4ecdc4;--group-2: #ffe66d;--group-3: #95e1d3;--group-4: #dda0dd;--group-5: #87ceeb;--expr-color: #e5c07b;--expr-color-light: #f0d090;--expr-color-dark: #d4a84b;--expr-color-stroke: #b8922f;--expr-connected: #98c379;--marker-green: var(--success);--marker-amber: var(--amber-600);--marker-red: var(--danger);--marker-purple: var(--purple);--marker-cyan: var(--cyan-500);--timeline-grid-video: #282830;--timeline-grid-audio: #283028;--preview-overlay-bg: rgba(0, 0, 0, .6);--preview-overlay-bg-hover: rgba(0, 0, 0, .8);--chat-user-bg: var(--gray-500);--chat-user-border: var(--gray-450);--accent-primary: var(--accent);--accent-success: var(--success);--accent-danger: var(--red-300);--warning-color: var(--warning);--accent-color: var(--accent)}[data-theme=light]{--bg-primary: #f5f5f5;--bg-secondary: #e8e8e8;--bg-tertiary: #dedede;--bg-hover: #d0d0d0;--bg-active: #c8c8c8;--bg-elevated: #ffffff;--bg-input: #ffffff;--bg-overlay: rgba(0, 0, 0, .4);--bg-overlay-light: rgba(0, 0, 0, .2);--border-color: #c0c0c0;--border-subtle: #d0d0d0;--border-strong: #a0a0a0;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-muted: #777777;--text-disabled: #aaaaaa;--text-inverse: #ffffff;--accent: #1a73e8;--accent-hover: #1565c0;--accent-dim: rgba(26, 115, 232, .12);--accent-subtle: rgba(26, 115, 232, .08);--accent-timeline: #1a73e8;--accent-timeline-hover: #1565c0;--danger: #d32f2f;--danger-light: #ef5350;--danger-dim: rgba(211, 47, 47, .1);--danger-subtle: rgba(211, 47, 47, .06);--danger-border: rgba(211, 47, 47, .25);--success: #2e7d32;--success-light: #43a047;--success-dim: rgba(46, 125, 50, .1);--success-subtle: rgba(46, 125, 50, .06);--warning: #ed6c02;--warning-light: #ff9800;--warning-dim: rgba(237, 108, 2, .1);--info: #0288d1;--info-dim: rgba(2, 136, 209, .1);--purple: #7b1fa2;--purple-light: #9c27b0;--purple-dim: rgba(123, 31, 162, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .14);--shadow-dialog: 0 12px 40px rgba(0, 0, 0, .18);--tab-active-bg: #d0d0d0;--scrollbar-track: #e8e8e8;--scrollbar-thumb: #bbb;--scrollbar-thumb-hover: #999;--timeline-grid-video: #d0d0d8;--timeline-grid-audio: #c8d8c8;--preview-overlay-bg: rgba(255, 255, 255, .2);--preview-overlay-bg-hover: rgba(255, 255, 255, .35);--chat-user-bg: #d0d8e8;--chat-user-border: #b8c4d8;--accent-primary: var(--accent);--accent-danger: #ef5350}[data-theme=midnight]{--bg-primary: #000000;--bg-secondary: #080808;--bg-tertiary: #111111;--bg-hover: #1a1a1a;--bg-active: #1e1e1e;--bg-elevated: #141414;--bg-input: #0a0a0a;--bg-overlay: rgba(0, 0, 0, .85);--bg-overlay-light: rgba(0, 0, 0, .6);--border-color: #1a1a1a;--border-subtle: #2a2a2a;--border-strong: #3a3a3a;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent: #3d9df5;--accent-hover: #5bb0ff;--accent-dim: rgba(61, 157, 245, .15);--accent-subtle: rgba(61, 157, 245, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .6);--shadow-md: 0 4px 16px rgba(0, 0, 0, .7);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .7);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .8);--shadow-dialog: 0 20px 50px rgba(0, 0, 0, .8);--tab-active-bg: #1e1e1e;--scrollbar-track: #080808;--scrollbar-thumb: #2a2a2a;--scrollbar-thumb-hover: #3a3a3a;--timeline-grid-video: #101018;--timeline-grid-audio: #081008}}@layer base{*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:auto}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column}html.theme-transitioning,html.theme-transitioning *,html.theme-transitioning *:before,html.theme-transitioning *:after{transition:background-color .2s ease,color .15s ease,border-color .2s ease,box-shadow .2s ease!important}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-md);overflow:hidden;user-select:none;-webkit-user-select:none}input,textarea{user-select:text;-webkit-user-select:text}}.landing-page{--landing-paper: #f4ecdc;--landing-paper-strong: #efe1c1;--landing-ink: #161616;--landing-muted: rgba(22, 22, 22, .68);--landing-border: rgba(22, 22, 22, .14);--landing-accent: #ef562f;--landing-accent-strong: #d63b14;--landing-teal: #0e7c86;--landing-shadow: 0 32px 80px rgba(84, 46, 19, .16);background:radial-gradient(circle at top left,rgba(239,86,47,.22),transparent 28%),radial-gradient(circle at 85% 18%,rgba(14,124,134,.18),transparent 24%),linear-gradient(180deg,#f9f4ea 0%,var(--landing-paper) 48%,#f1e4c8 100%);color:var(--landing-ink);font-family:Aptos,Segoe UI Variable Display,Trebuchet MS,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.landing-page:before,.landing-page:after{border-radius:999px;content:"";filter:blur(6px);position:absolute;z-index:0}.landing-page:before{background:#ef562f2e;height:19rem;left:-4rem;top:10rem;transform:rotate(-16deg);width:19rem}.landing-page:after{background:#0e7c8624;height:16rem;right:-3rem;top:22rem;width:16rem}.landing-noise{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(22,22,22,.04) 1px,transparent 1px);background-position:center;background-size:28px 28px;inset:0;opacity:.28;pointer-events:none;position:absolute;z-index:0}.landing-header,.landing-main{position:relative;z-index:1}.landing-header{align-items:center;display:flex;justify-content:space-between;padding:1.5rem clamp(1.2rem,3vw,3rem) 0}.landing-brand{align-items:center;display:flex;gap:.9rem}.landing-brand strong,.landing-brand span{display:block}.landing-brand strong{font-size:1rem;letter-spacing:.03em}.landing-brand span:last-child{color:var(--landing-muted);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase}.landing-brand-mark{align-items:center;background:linear-gradient(135deg,var(--landing-accent),#ff9d5a);border-radius:1.2rem;box-shadow:0 14px 32px #d63b1442;color:#fff;display:inline-flex;font-family:Bahnschrift,Aptos,sans-serif;font-size:.92rem;font-weight:700;height:2.8rem;justify-content:center;width:2.8rem}.landing-header-link,.landing-button{border-radius:999px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.landing-header-link{border:1px solid rgba(22,22,22,.14);color:var(--landing-ink);padding:.78rem 1.15rem}.landing-header-link:hover,.landing-button:hover{transform:translateY(-1px)}.landing-main{display:flex;flex-direction:column;gap:2rem;padding:2rem clamp(1.2rem,3vw,3rem) 3rem}.landing-hero{align-items:center;display:grid;gap:2rem;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)}.landing-copy{display:flex;flex-direction:column;gap:1.2rem}.landing-kicker,.landing-section-kicker,.landing-metric-label,.landing-route-label,.landing-stage-label{color:var(--landing-muted);font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.landing-copy h1,.landing-section-heading h2{font-family:Aptos Display,Bahnschrift,Trebuchet MS,sans-serif;font-weight:700;letter-spacing:-.04em;line-height:.98}.landing-copy h1{font-size:clamp(3rem,8vw,5.9rem);max-width:12ch}.landing-lead{color:var(--landing-muted);font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.75;max-width:56ch}.landing-actions{display:flex;flex-wrap:wrap;gap:.9rem}.landing-button{display:inline-flex;font-weight:700;justify-content:center;min-width:11.5rem;padding:1rem 1.45rem}.landing-button-primary{background:linear-gradient(135deg,var(--landing-accent) 0%,#ff8d57 100%);box-shadow:0 20px 40px #d63b143d;color:#fff}.landing-button-primary:hover{box-shadow:0 24px 44px #d63b144d}.landing-button-secondary{background:#ffffff8a;border:1px solid var(--landing-border);color:var(--landing-ink)}.landing-signal-row{display:flex;flex-wrap:wrap;gap:.65rem}.landing-signal-chip{background:#ffffff9e;border:1px solid rgba(22,22,22,.1);border-radius:999px;font-size:.92rem;padding:.55rem .85rem}.landing-stage{display:grid;gap:1rem;perspective:1200px}.landing-stage-card{backdrop-filter:blur(16px);background:#fffbf2b3;border:1px solid rgba(22,22,22,.1);border-radius:1.6rem;box-shadow:var(--landing-shadow);padding:1.35rem;position:relative}.landing-stage-card-inputs{animation:landingFloat 6s ease-in-out infinite;justify-self:end;max-width:20rem;transform:rotate(5deg)}.landing-stage-card-core{animation:landingFloat 7s ease-in-out infinite reverse;min-height:17rem;transform:rotate(-3deg)}.landing-stage-card-output{animation:landingFloat 5.5s ease-in-out infinite;justify-self:start;max-width:16rem;transform:rotate(4deg)}.landing-stage-list{display:grid;gap:.7rem;margin-top:.9rem}.landing-stage-list span,.landing-stage-card-core p,.landing-stage-card-output small{color:var(--landing-muted);line-height:1.6}.landing-stage-card-core strong{display:block;font-family:Aptos Display,Bahnschrift,sans-serif;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.02;margin:.6rem 0 .8rem}.landing-stage-cta{align-items:center;background:linear-gradient(135deg,var(--landing-teal),#3db5a0);border-radius:1.05rem;box-shadow:0 18px 34px #0e7c8642;color:#fff;display:inline-flex;font-weight:700;justify-content:center;margin:1rem 0 .5rem;min-height:3.8rem;padding:0 1rem}.landing-metrics,.landing-columns,.landing-route-grid{display:grid;gap:1rem}.landing-metrics,.landing-route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-metrics article,.landing-column-card,.landing-route-card{background:#fffcf6b8;border:1px solid rgba(22,22,22,.1);border-radius:1.4rem;box-shadow:0 18px 40px #542e1314;padding:1.25rem}.landing-metrics strong,.landing-column-card h3,.landing-section-heading h2{font-size:clamp(1.55rem,3vw,2.5rem)}.landing-metrics strong,.landing-column-card h3{display:block;line-height:1.1;margin:.55rem 0 .65rem}.landing-metrics p,.landing-column-card li,.landing-route-card p{color:var(--landing-muted);line-height:1.7}.landing-section{display:flex;flex-direction:column;gap:1.25rem}.landing-section-heading{display:flex;flex-direction:column;gap:.6rem;max-width:48rem}.landing-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-column-card ul{display:grid;gap:.65rem;list-style:none;margin:.95rem 0 0;padding:0}.landing-column-card li:before{color:var(--landing-accent);content:"•";margin-right:.55rem}.landing-routes{margin-bottom:1rem}.landing-route-card-accent{background:linear-gradient(145deg,#ef562f1a,#ffffffd1)}.landing-route-card code{background:#1616160f;border-radius:.9rem;display:block;font-family:Cascadia Code,Consolas,monospace;font-size:.95rem;margin:.8rem 0 .9rem;overflow-wrap:anywhere;padding:.8rem .95rem}@keyframes landingFloat{0%,to{transform:translateY(0) rotate(var(--landing-tilt, 0deg))}50%{transform:translateY(-8px) rotate(var(--landing-tilt, 0deg))}}.landing-stage-card-inputs{--landing-tilt: 5deg}.landing-stage-card-core{--landing-tilt: -3deg}.landing-stage-card-output{--landing-tilt: 4deg}@media(max-width:1080px){.landing-hero,.landing-metrics,.landing-columns,.landing-route-grid{grid-template-columns:1fr}.landing-stage-card-inputs,.landing-stage-card-output{justify-self:stretch;max-width:none}}@media(max-width:720px){.landing-header{align-items:flex-start;flex-direction:column;gap:1rem}.landing-copy h1{max-width:100%}.landing-actions{flex-direction:column}.landing-button,.landing-header-link{width:100%}}