:root{--neutral-0: #FFFFFF;--neutral-50: #FAFAFA;--neutral-100: #F5F5F5;--neutral-200: #E5E5E5;--neutral-300: #D4D4D4;--neutral-400: #A3A3A3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--neutral-950: #0A0A0A;--black: #000000;--brand-coral: #F39E97;--brand-indigo: #290690;--brand-purple: #7B61FF;--brand-gradient: linear-gradient(135deg, #F39E97 19%, #290690 99%);--error-50: #FFEBEE;--error-100: #FFCDD2;--error-500: #EF5350;--error-600: #C62828;--error-700: #B71C1C;--warning-500: #FF9800;--info-300: #90CAF9;--success-600: #2E7D32;--bg: var(--neutral-50);--bg-elevated: var(--neutral-0);--fg: var(--neutral-950);--fg-muted: var(--neutral-600);--fg-subtle: var(--neutral-400);--border: var(--neutral-200);--border-strong: var(--neutral-300);--font-display: "Space Grotesk", "ID Grotesk", "Inter", system-ui, sans-serif;--font-body: "Rubik", "Moderat", "Inter", system-ui, sans-serif;--font-ui: "Inter", "Moderat", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Menlo", "Azeret Mono", monospace;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(16,24,40,.05);--shadow-sm: 0 1px 3px rgba(16,24,40,.1), 0 1px 2px rgba(16,24,40,.06);--shadow-md: 0 4px 6px -2px rgba(16,24,40,.03), 0 12px 16px -4px rgba(16,24,40,.08);--shadow-lg: 0 8px 16px -4px rgba(16,24,40,.1), 0 20px 32px -8px rgba(16,24,40,.1);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--s-20: 80px;--s-24: 96px;--grid-col: 240px;--grid-row: 256px;--grid-border: 1px solid var(--neutral-200)}html,body{font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.display-2xl,h1.display{font:500 72px/80px var(--font-display);letter-spacing:-.025em;color:var(--neutral-950)}.display-xl{font:500 60px/68px var(--font-display);letter-spacing:-.022em;color:var(--neutral-950)}.display-lg,h1{font:500 48px/56px var(--font-display);letter-spacing:-.02em;color:var(--neutral-950)}.display-md,h2{font:500 36px/44px var(--font-display);letter-spacing:-.018em;color:var(--neutral-950)}.display-sm,h3{font:500 30px/38px var(--font-display);letter-spacing:-.014em;color:var(--neutral-950)}.display-xs,h4{font:500 24px/32px var(--font-display);letter-spacing:-.01em;color:var(--neutral-950)}.text-xl{font:400 20px/30px var(--font-body);color:var(--fg-muted)}.text-lg,p.lead{font:400 18px/28px var(--font-body);color:var(--fg-muted)}p,.text-md{font:400 16px/24px var(--font-body);color:var(--fg-muted)}.text-sm{font:400 14px/20px var(--font-body);color:var(--fg-muted)}.text-xs{font:400 12px/18px var(--font-body);color:var(--fg-subtle)}.ui-sm{font:500 14px/20px var(--font-ui);color:var(--neutral-900)}.ui-md{font:500 16px/24px var(--font-ui);color:var(--neutral-900)}.eyebrow{font:500 12px/16px var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--neutral-500)}code,.mono{font-family:var(--font-mono);font-size:13px}a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.grid-bg{background-image:linear-gradient(to right,var(--border) 1px,transparent 1px),linear-gradient(to bottom,var(--border) 1px,transparent 1px);background-size:var(--grid-col) var(--grid-row);background-color:var(--neutral-50)}:root,[data-theme=light]{--canvas: #FAFAFA;--surface: #FFFFFF;--surface-2: #FAFAFA;--surface-hover: #F5F5F5;--surface-sunken:#F5F5F5;--hairline: #E5E5E5;--hairline-strong:#D4D4D4;--text: #0A0A0A;--text-muted: #525252;--text-subtle: #737373;--text-faint: #A3A3A3;--primary: #000000;--primary-hover: #262626;--primary-press: #171717;--on-primary: #FFFFFF;--accent-success-bg: #E8F5E9;--accent-success-fg: #1B5E20;--accent-warning-bg: #FFF4E5;--accent-warning-fg: #B26A00;--accent-error-bg: #FFEBEE;--accent-error-fg: #C62828;--accent-info-bg: #E3F2FD;--accent-info-fg: #0D47A1;--shadow-pop: 0 4px 6px -2px rgba(16,24,40,.04), 0 12px 16px -4px rgba(16,24,40,.1);--shadow-card: 0 1px 2px rgba(16,24,40,.04);--workflow-cap-bg: linear-gradient(180deg, color-mix(in oklab, var(--surface) 98%, var(--surface-hover)) 0%, var(--surface) 100%);--workflow-cap-shadow: 0 10px 14px -14px color-mix(in oklab, var(--text) 24%, transparent), 0 22px 30px -28px color-mix(in oklab, var(--text) 18%, transparent);--grid-line: rgba(229,229,229,.6)}[data-theme=dark]{--canvas: #0A0A0A;--surface: #141414;--surface-2: #0F0F0F;--surface-hover: #1F1F1F;--surface-sunken:#1A1A1A;--hairline: #262626;--hairline-strong:#333333;--text: #FAFAFA;--text-muted: #B5B5B5;--text-subtle: #8C8C8C;--text-faint: #5C5C5C;--primary: #FFFFFF;--primary-hover: #E5E5E5;--primary-press: #D4D4D4;--on-primary: #0A0A0A;--accent-success-bg: #0F2918;--accent-success-fg: #6FCF8A;--accent-warning-bg: #2A1F0A;--accent-warning-fg: #F2B86A;--accent-error-bg: #2A0F12;--accent-error-fg: #F08A8A;--accent-info-bg: #0F1B2A;--accent-info-fg: #88B4F0;--shadow-pop: 0 4px 6px -2px rgba(0,0,0,.4), 0 12px 16px -4px rgba(0,0,0,.5);--shadow-card: 0 1px 2px rgba(0,0,0,.3);--workflow-cap-bg: linear-gradient(180deg, color-mix(in oklab, var(--surface) 72%, var(--surface-hover)) 0%, color-mix(in oklab, var(--surface) 88%, var(--surface-hover)) 58%, var(--surface) 100%);--workflow-cap-shadow: 0 10px 16px -12px color-mix(in oklab, var(--canvas) 78%, transparent), 0 24px 34px -28px color-mix(in oklab, var(--canvas) 70%, transparent);--grid-line: rgba(38,38,38,.6)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--canvas);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:999px;border:2px solid var(--canvas)}::-webkit-scrollbar-thumb:hover{background:var(--hairline-strong)}button:focus-visible,a:focus-visible,[role=button]:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:6px}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border-radius:8px;border:1px solid transparent;font:500 14px/20px var(--font-ui);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease;white-space:nowrap}.sp-btn-primary{background:var(--primary);color:var(--on-primary)}.sp-btn-primary:hover{background:var(--primary-hover)}.sp-btn-primary:active{background:var(--primary-press)}.sp-btn-secondary{background:var(--surface);color:var(--text);border-color:var(--hairline)}.sp-btn-secondary:hover{background:var(--surface-hover)}.sp-btn-ghost{background:transparent;color:var(--text-muted)}.sp-btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.sp-btn-icon{width:36px;height:36px;padding:0;border-radius:8px;background:transparent;color:var(--text-muted);border:1px solid transparent}.sp-btn-icon:hover{background:var(--surface-hover);color:var(--text);border-color:var(--hairline)}.sp-input,.sp-textarea,.sp-select{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--hairline);border-radius:8px;padding:9px 12px;font:400 14px/20px var(--font-body);transition:border-color .12s ease,box-shadow .12s ease}.sp-input:focus,.sp-textarea:focus,.sp-select:focus{outline:none;border-color:var(--text);box-shadow:0 0 0 3px color-mix(in oklab,var(--text) 12%,transparent)}.sp-textarea{resize:vertical}.sp-card{background:var(--surface);border:1px solid var(--hairline);border-radius:12px}.sp-card-sunken{background:var(--surface-2);border:1px solid var(--hairline);border-radius:12px}.sp-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--hairline);background:var(--surface);color:var(--text);font:500 12px/16px var(--font-ui)}.sp-chip-ghost{background:transparent}.eyebrow{font:500 11px/16px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.sp-grid-bg{background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:32px 32px}@keyframes sp-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.sp-fade-in{animation:sp-fade-in .24s ease both}@keyframes sp-pulse{0%,to{opacity:.8}50%{opacity:.4}}@keyframes sp-bar-eq{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes sp-play-dot{0%,to{transform:scale(.85);opacity:.55}50%{transform:scale(1.15);opacity:1}}.sp-play-dot{display:inline-block;width:7px;height:7px;border-radius:999px;background:var(--text);animation:sp-play-dot 2.2s ease-in-out infinite;box-shadow:0 0 color-mix(in oklab,var(--text) 30%,transparent)}@keyframes sp-wave-soft{0%,to{transform:scaleY(.55)}50%{transform:scaleY(.95)}}@media(max-width:1100px){.sp-voice-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:720px){.sp-voice-grid{grid-template-columns:1fr!important}}.mono{font-family:var(--font-mono)}@media(max-width:1100px){.sp-right-panel{width:300px!important;min-width:260px!important}}@media(max-width:900px){.sp-right-panel{width:260px!important;min-width:240px!important}}.sp-tts-textarea{min-height:220px!important}