:root{color-scheme:dark;--color: var(--color-gray);--lane-height: 4rem;--timeline-header-width: 16rem}html,body{font-size:16px;font-family:Rubik,sans-serif;font-weight:300;font-variant-numeric:tabular-nums;text-rendering:optimizeLegibility;margin:0;padding:0;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;row-gap:1px;fill:#fff;color:var(--color-bright);background-color:var(--color-background);touch-action:pan-x pan-y}body{padding-left:360px}canvas{outline:none;image-rendering:pixelated}p{line-height:1.5em}h1{font-weight:700}h1,h2,h3,h4,h5{margin:0;font-weight:inherit}*,*:before,*:after{box-sizing:border-box;user-select:none;-webkit-user-select:none}.hidden,.help-hidden .help-section{display:none!important}body:not(.experimental-visible) .experimental-section{display:none!important}a{font:inherit;color:var(--color-blue);cursor:pointer;outline:none;text-decoration:none}dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}div.layer{top:0;left:0;width:100%;height:100%;position:absolute;pointer-events:none}table{text-align:left;border-collapse:separate;border-spacing:1.5em 0;margin:1em -1.5em}table td{font-size:.875em}table th{font-size:1em;color:var(--color-green)}input.default,textarea.default{appearance:none;font-size:inherit;font-family:inherit;border:none;outline:none;white-space:nowrap;color:var(--color-gray);background-color:#00000014;box-shadow:0 0 0 1px #ffffff14;padding:.25em .5em;top:-.25em;position:relative;border-radius:1px}input.default::placeholder,textarea.default::placeholder{font-size:.875em;opacity:.5}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;border:none;width:100%;height:4px}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:#00000040;border:none;border-radius:2px;margin-top:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--color-shadow);border-radius:50%;cursor:pointer;margin-top:-4px}input[type=range]::-moz-range-track{width:100%;height:4px;background:#00000040;border:none;border-radius:2px}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--color-shadow);border-radius:50%;border:none;cursor:pointer}input[type=range]::-ms-track{width:100%;height:4px;background:transparent;border:none;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#00000040;border:none;border-radius:2px}input[type=range]::-ms-thumb{width:12px;height:12px;background:var(--color-shadow);border-radius:50%;cursor:pointer}.spinner_GuJz{fill:var(--color-green);transform-origin:center;animation:spinner_STY6 3s linear infinite}@keyframes spinner_STY6{to{transform:rotate(360deg)}}@keyframes sonn-pulse{0%,to{opacity:1;box-shadow:0 0 4px var(--acc)}50%{opacity:.4;box-shadow:0 0 1px var(--acc)}}@keyframes sonn-blink{0%,to{opacity:1}50%{opacity:0}}.sonn-pulse{animation:sonn-pulse 1.8s ease-in-out infinite}.sonn-blink{animation:sonn-blink .53s step-end infinite}html,body{background:var(--bg-deep)!important;color:var(--text)!important;font-family:var(--f-ui)!important;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","ss02","cv11"}body{box-sizing:border-box!important;padding-left:380px!important}div.flyout{display:block!important;position:fixed!important;left:0!important;top:0!important;width:0!important;height:0!important;overflow:visible!important;pointer-events:none!important}div.flyout>*{pointer-events:auto!important}*{transition-property:background-color,border-color,color,box-shadow,opacity;transition-duration:.12s;transition-timing-function:cubic-bezier(.2,.7,.3,1)}:root{--color-panel-background: var(--bg-base);--color-panel-background-dark: var(--bg-deep);--color-panel-background-bright: var(--bg-elev);--color-bright: var(--acc);--color-green: var(--acc);--color-orange: var(--warn);--color-red: var(--bad);--color-gray: var(--text-mute);--color-dark: var(--text-faint);--color-shadow: var(--text-dim);--color-cream: var(--text);--color-blue: oklch(.65 .15 220);--color-yellow: oklch(.87 .19 95);--color-purple: var(--vio);--timeline-header-width: 220px}*{scrollbar-width:none}*::-webkit-scrollbar{width:0;height:0}.hidden{display:none!important}header{background:var(--bg-base)!important;border-bottom:1px solid var(--line)!important}header h5{font-family:var(--f-ui);font-size:13px;font-weight:500;color:var(--text);letter-spacing:-.01em}header hr{background-color:var(--line)!important;min-width:1px!important;height:18px!important;border:none!important;outline:none!important}#header [data-class=button]:not(.framed)>label{background:transparent;border:none;width:32px;height:32px}#header [data-class=button],#header [data-class=checkbox],#header [data-class=radio]{background:transparent;border:none;color:var(--text)}#header [data-class=button]>label,#header [data-class=checkbox]>label,#header [data-class=radio]>label{width:32px;height:32px;border-radius:var(--r-2)!important;background:var(--bg-elev)!important;border:1px solid var(--line)!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center}#header [data-class=button].active>label,#header [data-class=checkbox].active>label,#header [data-class=button]>input:checked+label,#header [data-class=checkbox]>input:checked+label,#header [data-class=button]:has(input[type=button]:active)>label{background:var(--acc)!important;border-color:var(--acc)!important;color:var(--bg-deep)!important}#header [data-class=checkbox].recording>label,#header [data-class=button].recording>label{background:var(--bad)!important;border-color:var(--bad)!important;color:var(--text)!important}#header [data-class=button].framed>label,#header [data-class=checkbox].framed>label{background:var(--bg-elev)!important;border:1px solid var(--line)!important}#header .panel-selector [data-class=radio]>label{background:transparent!important;border:none!important;color:var(--text-faint)}#header .panel-selector [data-class=radio]>input:checked+label{color:var(--acc)!important;background:var(--acc-ghost)!important;border:1px solid var(--acc-dim)!important}[class*=TimeState],[class*=timestate]{background:var(--bg-elev)!important;border:1px solid var(--line)!important;border-radius:var(--r-2)!important;padding:2px 8px!important}[class*=TimeState]>div,[class*=timestate]>div,[class*=UnitDisplay]>div:first-child,[class*=unitdisplay]>div:first-child{font-family:var(--f-mono)!important;font-size:13px!important;color:var(--text)!important;letter-spacing:.04em;line-height:1}[class*=UnitDisplay]>div:last-child,[class*=unitdisplay]>div:last-child{font-family:var(--f-mono)!important;font-size:8px!important;color:var(--text-faint)!important;letter-spacing:.14em;text-transform:uppercase;line-height:1}footer{flex:0 0 28px!important;height:28px!important;background:var(--bg-base)!important;border-top:1px solid var(--line)!important;font-family:var(--f-mono)!important;font-size:10px!important;color:var(--text-faint)!important;letter-spacing:.05em;padding:0 16px!important;column-gap:18px!important}footer [class*=footer]>.label,footer [class*=FooterItem]>.label{color:var(--text-dim)!important;font-family:var(--f-mono)!important}footer [class*=footer]>div:last-child,footer [class*=FooterItem]>div:last-child{color:var(--text-faint)!important}footer [class*=FooterItem]:first-child>*:last-child,footer>[class*=footer]:first-child>*:last-child{color:var(--acc)!important}body>div,[class*=WorkspacePage]{background:var(--bg-deep)!important;flex:1;display:flex;flex-direction:column}section.workspace{background:var(--bg-deep)!important;gap:1px!important}section.workspace>div,section.workspace>*{background:var(--bg-base)!important}[class*=Browse],[class*=browse]{background:var(--bg-base)!important;border-right:1px solid var(--line)!important}[class*=Browse] [style*=writing-mode],[class*=Browse] [style*=rotate],[style*="writing-mode: vertical"]{font-family:var(--f-mono)!important;font-size:10px!important;color:var(--text-faint)!important;letter-spacing:.18em;text-transform:uppercase}[class*=Browse] [data-class=button]>label{width:28px!important;height:28px!important;background:transparent!important;border:none!important;color:var(--text-mute)}[class*=Timeline]:not([class*=TimeState]):not([class*=TimelineHeader]){background:var(--bg-deep)!important}[class*=TimelineHeader],[class*=timeline]>header{height:32px!important;min-height:32px!important;max-height:32px!important;background:var(--bg-base)!important;border-bottom:1px solid var(--line)!important;font-family:var(--f-ui);font-size:12px}[class*=Ruler],[class*=ruler],[class*=Timeline] canvas{background:var(--bg-base)!important;font-family:var(--f-mono)!important;font-size:10px!important;color:var(--text-faint)!important}[class*=Timeline] div.cursor,[class*=timeline] div.cursor{background-color:var(--acc)!important;opacity:1!important;box-shadow:0 0 8px var(--acc)!important;width:1px!important}[class*=Timeline] div.cursor.step-recording,[class*=Timeline] .recording div.cursor{background-color:var(--bad)!important;box-shadow:0 0 6px var(--bad)!important}[class*=Timeline] div.end-marker{background-color:var(--acc-dim)!important}[class*=Timeline] svg.slider{opacity:.35!important}[class*=Timeline] svg.slider:active{opacity:.7!important}[class*=AudioUnitTracks].editing>div>div,[class*=AudioUnitTracks].editing>div{background:transparent!important}[class*=TrackHeader],[class*=trackheader]{background:var(--bg-base)!important;border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;grid-template-columns:36px 1fr 100px 20px!important}[class*=TrackHeader] div.icon-container,[class*=trackheader] div.icon-container{border-radius:999px!important;background-color:var(--acc)!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;overflow:hidden!important}[class*=TrackHeader] div.icon-container svg,[class*=trackheader] div.icon-container svg{color:#0e1402!important;fill:currentColor!important;width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;flex-shrink:0!important}[class*=TrackHeader] div.labels,[class*=trackheader] div.labels{flex:1 1 0!important;min-width:0!important;overflow:hidden!important}[class*=TrackHeader] div.labels>h5:first-child,[class*=trackheader] div.labels>h5:first-child{font-family:var(--f-ui)!important;font-size:12px!important;color:var(--text)!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;display:block!important;max-width:100%!important}[class*=TrackHeader] div.labels>h5:last-child,[class*=TrackHeader] div.labels>*:last-child,[class*=trackheader] div.labels>*:last-child{font-family:var(--f-mono)!important;font-size:9px!important;color:var(--text-faint)!important;letter-spacing:.06em;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}[class*=AudioUnitChannelControls]{overflow:hidden!important;max-width:100px!important}[class*=AudioUnitChannelControls]>header{overflow:hidden!important}[class*=AudioUnitChannelControls]>header>div.channel-monitoring,[class*=AudioUnitChannelControls]>header>div[class*=monitoring]{width:10px!important;height:10px!important;min-width:10px!important;min-height:10px!important;border-radius:50%!important;flex-shrink:0!important}[class*=AudioUnitChannelControls]>header>div.channel-isolation [data-class=checkbox]>label,[class*=AudioUnitChannelControls]>header>div.channel-mix [data-class=checkbox]>label{font-family:var(--f-mono)!important;font-size:9px!important;border-radius:3px!important;border:1px solid var(--line)!important;color:var(--text)!important;background:transparent!important;min-width:14px}[class*=AudioUnitChannelControls]>header>div.channel-isolation [data-class=checkbox].active>label,[class*=AudioUnitChannelControls]>header>div.channel-mix [data-class=checkbox].active>label,[class*=AudioUnitChannelControls]>header>div.channel-isolation [data-class=checkbox]>input:checked+label,[class*=AudioUnitChannelControls]>header>div.channel-mix [data-class=checkbox]>input:checked+label{color:var(--acc)!important;font-weight:600!important;border-color:var(--acc)!important}[class*=AudioEditor]{background:var(--bg-base)!important;border:1px solid var(--line)!important;border-radius:calc(var(--r-1) - 2px)!important;overflow:hidden}[class*=AudioEditor].editing{border-color:var(--acc)!important;box-shadow:0 0 0 1px var(--acc-ghost)!important}[class*=AudioEditorHeader]{font-family:var(--f-mono)!important;font-size:9px!important;color:var(--text-faint)!important;background:transparent!important}[class*=Mixer]:not([class*=MixerHeader]){background:var(--bg-deep)!important}[class*=Mixer] div.channel-strips-wrapper{background:var(--bg-base)!important}[class*=ChannelStrip]{min-width:74px!important;max-width:74px!important;background:var(--bg-base)!important;border-top:2px solid transparent!important;border-radius:1px!important;box-shadow:inset 1px 0 0 var(--line)!important;color:var(--text)!important}[class*=ChannelStrip] div.icon-container{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;background-color:var(--acc)!important;border-radius:var(--r-2)!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;flex-shrink:0!important;margin-left:10px;margin-top:10px}[class*=ChannelStrip] div.icon-container svg{color:#0e1402!important;fill:currentColor!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;flex-shrink:0!important}[class*=ChannelStrip].editing{border-top-color:var(--acc)!important;background:linear-gradient(to bottom,var(--acc-ghost) 0%,var(--bg-base) 40px)!important}[class*=ChannelStrip]>h5{font-family:var(--f-mono)!important;font-size:9px!important;color:var(--text-mute)!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}[class*=ChannelStrip]>h5.input{color:var(--acc)!important}[class*=ChannelStrip] div.twin-layout.volume>div.value-display{font-family:var(--f-mono)!important;font-size:10px!important;color:var(--text-mute)!important;background:#00000040!important;border-radius:2px!important}[class*=ChannelStrip].editing div.twin-layout.volume>div.value-display{color:var(--acc)!important}[class*=ChannelStrip] div.twin-layout.volume>div.value-display.clipping{background:var(--bad)!important;color:var(--text)!important}[class*=ChannelStrip] div.twin-layout.volume>div.value-display.valid{color:var(--good)!important}[class*=ChannelStrip] div.twin-layout.mute-solo [data-class=checkbox]>label{font-family:var(--f-mono)!important;font-size:8px!important;border:1px solid var(--line)!important;border-radius:3px!important;padding:1px 4px!important;color:var(--text-faint)!important;background:transparent!important}[class*=ChannelStrip] div.twin-layout.mute-solo [data-class=checkbox].active>label,[class*=ChannelStrip] div.twin-layout.mute-solo [data-class=checkbox]>input:checked+label{color:var(--acc)!important;border-color:var(--acc-dim)!important}[class*=ChannelStrip] div.sends{background:#0003!important;border-radius:2px!important}[class*=Mixer] div.channel-strips>div.headers>h5{color:var(--text-dim)!important;font-family:var(--f-mono)!important;font-size:8px!important}[class*=HorizontalPeakMeter],[class*=PeakMeter]{border-radius:1px;overflow:hidden}[class*=AuxSend],[class*=AuxSendGroup]{background:#0003!important;border-radius:2px!important;border:1px solid var(--line-soft)!important}[class*=PanelResizer],[class*=panelresizer]{background:var(--line)!important;opacity:.5}[class*=PanelResizer]:hover,[class*=panelresizer]:hover{opacity:1;background:var(--acc-dim)!important}[class*=Modular],[class*=modular]{background:var(--bg-deep)!important}[class*=Surface],[class*=surface]{background:var(--bg-elev)!important;border:1px solid var(--line-hi)!important;border-radius:var(--r-3)!important;box-shadow:var(--shadow-2)!important}[class*=TextTooltip],[class*=tooltip]{background:var(--bg-hi)!important;border:1px solid var(--line)!important;border-radius:var(--r-1)!important;font-family:var(--f-ui)!important;font-size:11px!important;color:var(--text)!important;box-shadow:var(--shadow-1)!important}[class*=Dashboard],[class*=dashboard]{background:var(--bg-deep)!important;color:var(--text)!important;font-family:var(--f-ui)!important}[class*=Spotlight],[class*=spotlight]{background:var(--bg-elev)!important;border:1px solid var(--line-hi)!important;border-radius:var(--r-3)!important;box-shadow:var(--shadow-2)!important;font-family:var(--f-ui)!important}[class*=PianoRoll],[class*=pianoroll]{background:var(--bg-deep)!important}[class*=Monitoring],[class*=monitoring],[class*=Meter]{background:var(--bg-base)!important}input[type=text],input[type=number],input:not([type=button]):not([type=checkbox]):not([type=radio]){background:var(--bg-deep)!important;border:1px solid var(--line)!important;border-radius:var(--r-1)!important;color:var(--text)!important;font-family:var(--f-ui)!important;font-size:12px!important;padding:4px 8px!important}input[type=range]{accent-color:var(--acc)!important}svg[class*=Icon],[class*=Icon]>svg{fill:currentColor}[class*=AudioUnitChannelControls] svg[style]{color:var(--acc)!important}#aiaudio-chat-root{font-family:var(--f-ui)!important}.sonn-ai-pill{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 8px;border-radius:999px;background:transparent;border:1px solid var(--acc);color:var(--acc);font-size:11px;font-family:var(--f-mono);letter-spacing:.05em}.sonn-ai-pill .sonn-dot{animation:sonn-pulse 1.8s ease-in-out infinite}.sonn-dot{width:6px;height:6px;border-radius:999px;background:var(--acc);display:inline-block;box-shadow:0 0 12px var(--acc)}.sonn-mono{font-family:var(--f-mono)!important;letter-spacing:0}.sonn-serif{font-family:var(--f-display)!important;letter-spacing:-.015em}.sonn-italic{font-style:italic}.sonn-wordmark{font-family:var(--f-display)!important;font-style:italic!important;font-weight:400!important;letter-spacing:-.02em!important}.sonn-card{background:var(--bg-base)!important;border:1px solid var(--line)!important;border-radius:var(--r-3)!important}.sonn-eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute)}.sonn-btn{font-family:var(--f-ui);font-size:13px;font-weight:500;height:34px;padding:0 14px;border-radius:var(--r-2);border:1px solid var(--line);background:var(--bg-elev);color:var(--text);display:inline-flex;align-items:center;gap:8px;cursor:pointer;letter-spacing:-.005em}.sonn-btn.is-primary{background:var(--acc);color:#101309;border-color:var(--acc);font-weight:600}.sonn-btn.is-ghost{background:transparent}[class*=PeakMeter] svg,[class*=peakmeter] svg,[class*=HorizontalPeakMeter] svg{filter:hue-rotate(-30deg) saturate(1.8) brightness(1.05)}:root,.sonn-root{--bg-deep: oklch(.135 .004 250);--bg-base: oklch(.165 .004 250);--bg-elev: oklch(.205 .005 250);--bg-hi: oklch(.245 .005 250);--line: oklch(.275 .006 250);--line-soft: oklch(.225 .005 250);--line-hi: oklch(.38 .008 250);--text: oklch(.97 .004 250);--text-mute: oklch(.66 .008 250);--text-faint: oklch(.46 .008 250);--text-dim: oklch(.34 .008 250);--acc: oklch(.89 .205 124);--acc-hi: oklch(.93 .18 124);--acc-lo: oklch(.78 .2 124);--acc-dim: oklch(.45 .14 124);--acc-ghost: oklch(.89 .205 124 / .12);--vio: oklch(.72 .2 295);--vio-ghost: oklch(.72 .2 295 / .14);--good: oklch(.83 .16 152);--warn: oklch(.84 .16 75);--bad: oklch(.7 .2 25);--f-display: "Instrument Serif", "Times New Roman", serif;--f-ui: "Geist", "Söhne", system-ui, sans-serif;--f-mono: "JetBrains Mono", "Geist Mono", ui-monospace, monospace;--r-1: 4px;--r-2: 8px;--r-3: 12px;--r-4: 18px;--shadow-1: 0 1px 0 oklch(1 0 0 / .04) inset, 0 0 0 1px var(--line);--shadow-2: 0 8px 32px oklch(0 0 0 / .35), 0 0 0 1px var(--line)}.sonn-chat{width:380px;height:100%;display:flex;flex-direction:column;background:var(--bg-base);border-right:1px solid var(--line);font-family:var(--f-ui);font-feature-settings:"ss01","ss02","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--text);letter-spacing:-.01em}.sonn-chat *,.sonn-chat *:before,.sonn-chat *:after{box-sizing:border-box;user-select:text;-webkit-user-select:text}.sonn-chat *::-webkit-scrollbar{width:0;height:0}.sonn-chat *{scrollbar-width:none}.sonn-chat__header{padding:20px 22px 18px;border-bottom:1px solid var(--line-soft)}.sonn-chat__header-brand{display:flex;align-items:center;justify-content:space-between}.sonn-chat__header-left{display:flex;align-items:center;gap:10px}.sonn-chat__header-dot{width:8px;height:8px;border-radius:999px;background:var(--acc);box-shadow:0 0 12px var(--acc);flex-shrink:0}.sonn-chat__header-icons{display:flex;gap:14px;font-family:var(--f-mono);font-size:11px;color:var(--text-faint);letter-spacing:0}.sonn-chat__header-icons span{cursor:pointer;transition:color .12s cubic-bezier(.2,.7,.3,1)}.sonn-chat__header-icons span:hover{color:var(--text-mute)}.sonn-chat__session{padding:14px 22px;border-bottom:1px solid var(--line-soft);font-family:var(--f-mono);font-size:10px;color:var(--text-faint);letter-spacing:.1em;display:flex;justify-content:space-between;align-items:center}.sonn-chat__live{display:flex;align-items:center;gap:5px;color:var(--acc)}.sonn-chat__live-dot{width:8px;height:8px;border-radius:999px;background:var(--acc);animation:sonn-pulse 1.8s ease-in-out infinite}.sonn-chat__feed{flex:1;overflow-y:auto;padding:20px 22px;display:flex;flex-direction:column;gap:22px}.sonn-chat__msg{display:flex;flex-direction:column;gap:6px}.sonn-chat__msg--user{align-items:flex-end}.sonn-chat__msg--agent{align-items:flex-start}.sonn-chat__msg-eyebrow{font-family:var(--f-mono);font-size:9px;color:var(--text-faint);letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:6px}.sonn-chat__msg-status,.sonn-chat__msg-status--running{color:var(--acc)}.sonn-chat__msg-status--done{color:var(--text-faint)}.sonn-chat__msg-body{max-width:92%;font-size:13px;line-height:1.55;color:var(--text)}.sonn-chat__msg--user .sonn-chat__msg-body{padding:10px 14px;background:var(--bg-elev);border-radius:14px 14px 4px;border:1px solid var(--line-soft)}.sonn-chat__msg--agent .sonn-chat__msg-body{padding:0;background:transparent;border:none}.sonn-chat__recipe{width:100%;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-base);display:flex;flex-direction:column;gap:6px}.sonn-chat__recipe-header{font-family:var(--f-mono);font-size:9px;color:var(--text-faint);letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}.sonn-chat__recipe-step{display:flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:11px;transition:color .12s cubic-bezier(.2,.7,.3,1)}.sonn-chat__recipe-step--done{color:var(--acc)}.sonn-chat__recipe-step--pending{color:var(--text-mute)}.sonn-chat__recipe-pip{width:14px;height:14px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:9px;font-family:var(--f-mono);flex-shrink:0}.sonn-chat__recipe-step--done .sonn-chat__recipe-pip{background:var(--acc-ghost);color:var(--acc)}.sonn-chat__recipe-step--pending .sonn-chat__recipe-pip{background:var(--bg-elev);color:var(--text-faint)}.sonn-chat__recipe-val{margin-left:auto;color:var(--text-faint)}.sonn-chat__audio{display:flex;align-items:center;gap:10px;background:var(--bg-base);border-radius:8px;padding:8px 12px;border:1px solid var(--line-soft);margin-top:8px}.sonn-chat__audio-play{font-family:var(--f-mono);font-size:11px;color:var(--acc);cursor:pointer}.sonn-chat__audio-waveform{flex:1;height:22px}.sonn-chat__audio-duration{font-family:var(--f-mono);font-size:10px;color:var(--text-faint)}.sonn-chat__chips{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.sonn-chat__chip{font-size:11px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text-mute);font-family:var(--f-ui);cursor:pointer;transition:background .12s cubic-bezier(.2,.7,.3,1),color .12s cubic-bezier(.2,.7,.3,1)}.sonn-chat__chip:hover{background:var(--bg-elev)}.sonn-chat__chip--primary{background:var(--acc);color:#101309;border-color:var(--acc);font-weight:600}.sonn-chat__chip--primary:hover{background:var(--acc-hi);border-color:var(--acc-hi)}.sonn-chat__cursor{display:inline-block;width:1px;height:1.1em;background:var(--acc);vertical-align:text-bottom;margin-left:1px;animation:sonn-blink .53s step-end infinite}.sonn-chat__presets{padding:10px 22px 4px;display:flex;gap:6px;flex-wrap:wrap}.sonn-chat__preset{font-size:11px;padding:5px 10px;border-radius:999px;border:1px solid var(--line-soft);color:var(--text-mute);background:var(--bg-base);font-family:var(--f-ui);cursor:pointer;transition:background .12s cubic-bezier(.2,.7,.3,1),color .12s cubic-bezier(.2,.7,.3,1)}.sonn-chat__preset:hover{background:var(--bg-elev);color:var(--text)}.sonn-chat__preset--add{background:transparent;font-family:var(--f-mono)}.sonn-chat__input-area{padding:16px;border-top:1px solid var(--line-soft)}.sonn-chat__input-wrap{background:var(--bg-base);border:1px solid var(--line);border-radius:12px;padding:10px 12px;transition:border-color .12s cubic-bezier(.2,.7,.3,1),box-shadow .12s cubic-bezier(.2,.7,.3,1)}.sonn-chat__input-wrap:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-ghost)}.sonn-chat__textarea{width:100%;background:transparent;border:none;outline:none;resize:none;font-family:var(--f-ui);font-size:14px;color:var(--text);line-height:1.5;min-height:20px;max-height:120px;overflow-y:auto}.sonn-chat__textarea::placeholder{color:var(--text-faint)}.sonn-chat__input-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.sonn-chat__hints{display:flex;gap:6px;font-family:var(--f-mono);font-size:11px;color:var(--text-faint);letter-spacing:0}.sonn-chat__hint{padding:3px 7px;border-radius:5px;background:var(--bg-elev);border:1px solid var(--line-soft)}.sonn-chat__send{height:30px;padding:0 14px;font-size:12px;font-family:var(--f-ui);font-weight:600;background:var(--acc);color:#101309;border:1px solid var(--acc);border-radius:var(--r-2);cursor:pointer;transition:background .12s cubic-bezier(.2,.7,.3,1)}.sonn-chat__send:hover{background:var(--acc-hi);border-color:var(--acc-hi)}.sonn-chat__send:disabled{opacity:.4;cursor:not-allowed}.sonn-chat__disclaimer{font-family:var(--f-mono);font-size:9px;color:var(--text-faint);letter-spacing:.14em;text-transform:uppercase;margin-top:10px;text-align:center}details.sonn-chat__tools{margin-top:8px}summary.sonn-chat__tools-summary{list-style:none;display:flex;align-items:center;gap:6px;padding:4px 0;cursor:pointer;font-family:var(--f-mono);font-size:10px;color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;user-select:none}summary.sonn-chat__tools-summary::-webkit-details-marker{display:none}summary.sonn-chat__tools-summary:before{content:"▸";font-size:8px;color:var(--text-dim);flex-shrink:0}details.sonn-chat__tools[open]>summary.sonn-chat__tools-summary:before{content:"▾"}.sonn-chat__tool{display:flex;align-items:baseline;gap:8px;padding:3px 0 3px 14px;font-family:var(--f-mono);font-size:11px}.sonn-chat__tool-pip{width:12px;flex-shrink:0;text-align:center;font-size:10px}.sonn-chat__tool--done .sonn-chat__tool-pip{color:var(--acc)}.sonn-chat__tool--pending .sonn-chat__tool-pip{color:var(--text-dim)}.sonn-chat__tool--failed .sonn-chat__tool-pip{color:var(--bad)}.sonn-chat__tool-label{color:var(--text-mute)}.sonn-chat__tool--pending .sonn-chat__tool-label{color:var(--text-dim)}.sonn-chat__tool-err{color:var(--bad);font-size:10px;margin-left:4px}@keyframes sonn-pulse{0%,to{opacity:1;box-shadow:0 0 4px var(--acc)}50%{opacity:.3;box-shadow:none}}@keyframes sonn-blink{0%,49%{opacity:1}50%,to{opacity:0}}