@font-face{font-family:Geist;src:url(/assets/Geist-Variable-DHmDcw7S.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(/assets/GeistMono-Variable-C2M1wx0c.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--bg: #0a0a0a;--surface: #0f0f0f;--surface-2: #161616;--surface-bar: #151515;--login-fill: #2a2a2a;--login-field: #0d0d0d;--login-field-focus: #111111;--login-entrance: #030303;--strip-selected: #131313;--master: #121212;--surface-3: #1f1f1f;--well: #000;--border: #242424;--border-strong: #363636;--text: #ededed;--muted: #a1a1a1;--dim: #6e6e6e;--focus: #ededed;--on-light: #0a0a0a;--green: #45b26b;--amber: #e0a43a;--blue: #4a8cf0;--blue-strong: #2459d6;--yellow: #f0c43c;--red: #e5484d;--red-dim: #3b1517;--red-strong: #c4282e;--red-text: #ff7076;--meter-green: #3fae63;--meter-yellow: #d6b03c;--meter-red: #e5484d;--cap: #cfcfcf;--cap-groove: #a9a9a9;--cap-edge: #e4e4e4;--tick-major: #6e6e6e;--cap-line: #0a0a0a;--cap-off: #3a3a3a;--edge-shadow: rgb(0 0 0 / .7);--cap-glow: rgb(255 255 255 / .28);--overlay: rgb(10 10 10 / .82);--scrim: rgb(0 0 0 / .6);--wave: #3a3a3a;--wave-played: #a1a1a1;--font: "Geist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "Geist Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--ease: cubic-bezier(.2, .8, .2, 1);--fast: .12s;--fade: .2s;--med: .18s;--radius: 8px;--radius-sm: 6px;--cap-h: 36px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:clip}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:var(--bg);color:var(--text);font:13px/1.4 var(--font);letter-spacing:-.005em;-webkit-font-smoothing:antialiased}h1,h2,p,dl,dd,ul{margin:0;padding:0}ul{list-style:none}.mono,.num,.readout,.clock{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}[hidden]{display:none!important}button,input{font:inherit;color:inherit}input:not([type=range]),.table td{-webkit-user-select:text;user-select:text}button{height:28px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;white-space:nowrap;font-size:12px;font-weight:500}button:hover:not(:disabled){background:var(--surface-3)}button,.row-button,.knob-face,.knob-arc,.scribble,.strip,input:not([type=range]),.table td,.banks button .meter{transition:background-color var(--fade) ease-out,color var(--fade) ease-out,border-color var(--fade) ease-out,opacity var(--fade) ease-out,fill var(--fade) ease-out,stroke var(--fade) ease-out,transform var(--fast) var(--ease)}button:active:not(:disabled){background:var(--border-strong);transform:scale(.94)}button svg{transition:transform var(--fast) var(--ease)}button:hover:not(:disabled) svg{transform:scale(1.08)}.key.on,.seg button[aria-pressed=true],.banks button.active{animation:pop var(--med) var(--ease)}.transport-keys .play svg,.rec-button svg,.video-full svg{animation:icon-in var(--med) var(--ease)}@keyframes pop{0%{transform:scale(.9)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes icon-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}@keyframes rise-box{0%{opacity:0;transform:translateY(16px) scale(.985);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes rise-content{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.console.entering .top-grid>.video,.console.entering .top-grid>.recording-card,.console.entering>.mixer-panel,.console.entering+.statusbar{animation:rise-box .72s var(--ease) var(--d) backwards}.console.entering .top-grid>.video:nth-child(1){--d: 0ms}.console.entering .top-grid>.video:nth-child(2){--d: 70ms}.console.entering .top-grid>.recording-card{--d: .14s}.console.entering>.mixer-panel{--d: .21s}.console.entering+.statusbar{--d: .28s}.console.entering .video>.video-label,.console.entering .video>.video-signal,.console.entering .top-grid>.recording-card>*,.console.entering>.mixer-panel>.panel-bar,.console.entering .reverb-strip,.console.entering .main-strip,.console.entering+.statusbar>*{animation:rise-content .9s var(--ease) var(--d) backwards}.console.entering .strips .strip{animation:rise-content .9s var(--ease) calc(var(--d) + 60ms + min(var(--si, 0),16) * 14ms) backwards}.console:not(.entering):not(.waiting) .top-grid>.video,.console:not(.entering):not(.waiting) .top-grid>.recording-card,.console:not(.entering):not(.waiting)>.mixer-panel,.console:not(.entering):not(.waiting)+.statusbar{filter:none;transform:none;opacity:1}.console.waiting .top-grid>.video,.console.waiting .top-grid>.recording-card,.console.waiting>.mixer-panel,.console.waiting+.statusbar{opacity:0}@media(prefers-reduced-motion:reduce){.console.entering *,.console.entering,.console.entering+.statusbar{animation:none!important}*,*:before,*:after{animation-duration:0ms!important;animation-iteration-count:1!important}button:active:not(:disabled),button:hover:not(:disabled) svg{transform:none}.video-overlay{transform:none}.roll-col{transition:none}}button:disabled{color:var(--dim);background:transparent;border-color:var(--border);cursor:not-allowed}button.ghost{background:transparent;border-color:transparent;color:var(--muted)}button.ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text)}button.primary{background:var(--text);color:var(--on-light);border-color:var(--text);font-weight:600}button.primary:hover:not(:disabled){background:var(--muted);border-color:var(--muted)}button.danger{background:var(--red-strong);border-color:var(--red-strong);color:var(--text)}button.danger:hover:not(:disabled){background:var(--red-strong)}input:not([type=range]){height:32px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--well);color:var(--text);min-width:0}input::placeholder{color:var(--dim)}:focus-visible{outline:2px solid var(--focus);outline-offset:1px}input:focus-visible{outline-offset:0}.error-text{color:var(--red-text)}.meta{color:var(--muted);font-size:12px;white-space:nowrap}.push{margin-left:auto}.statusbar{height:44px;display:flex;align-items:center;gap:24px;padding:0 16px;background:var(--bg);width:100%}.brand{font-weight:650;font-size:13px;letter-spacing:.01em;white-space:nowrap}.version{margin-left:6px;color:var(--dim);font-weight:500;letter-spacing:0;font-size:12px;font-variant-numeric:tabular-nums}.statusbar-right{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:12px}.latency{color:var(--muted)}.latency .mono{color:var(--text);margin-left:4px}.link-down{color:var(--amber)}.latency.buffering{display:inline-flex;align-items:center;gap:6px}.statusbar .seg button{height:22px;padding:0 8px;font-size:12px}.console{width:100%;padding:12px 16px 0;display:flex;flex-direction:column;gap:12px;min-height:calc(100dvh - 44px)}.console>*{flex:none}.console>.mixer-panel{flex:1 0 700px}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 0 12px;height:36px;border:1px solid var(--red-dim);border-radius:var(--radius);color:var(--red)}.panel{color:var(--text);background:var(--surface);border-radius:var(--radius);overflow:hidden;min-width:0;display:flex;flex-direction:column}.panel-bar{height:44px;flex:none;display:flex;align-items:center;gap:8px;padding:0 8px 0 12px;min-width:0}.panel-bar h2{text-wrap:balance;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.panel-bar:last-child{border-bottom:0}.empty{padding:24px 12px;color:var(--muted)}.top-grid{--top-h: clamp(150px, 22vh, 230px);display:grid;grid-template-columns:auto auto minmax(360px,1fr);align-items:start;gap:12px}.top-grid>.video{height:var(--top-h);width:auto}.top-grid>.video.expanded,.top-grid>.video:fullscreen{width:100%;height:100%;aspect-ratio:auto}.top-grid>.recording-card{min-width:0;height:var(--top-h);container-type:inline-size}.top-grid>.recording-card .card-title{position:static;transform:none;max-width:none;min-width:0;margin-left:6px}.top-grid>.recording-card .timeline{padding-top:2px}.top-grid>.recording-card .overview{height:auto;min-height:32px}.top-grid>.recording-card .transport-row{padding:6px 12px 8px;gap:8px}@container (max-width: 500px){.transport-keys .skip-30{display:none}}@container (max-width: 380px){.transport-row .clock-total{display:none}.transport-row{grid-template-columns:auto 1fr}.transport-keys{justify-self:end}}.video{position:relative;aspect-ratio:16 / 9;background:var(--well);border-radius:var(--radius);overflow:hidden;min-height:0}.video:fullscreen,.video.expanded{border-radius:0}.video.expanded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.video-signal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);font-size:12px}.video-label{position:absolute;top:8px;left:12px;font-size:12px;color:var(--muted);pointer-events:none}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:flex-end;gap:8px;padding:8px;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity var(--med) var(--ease),transform var(--med) var(--ease)}.video:hover .video-overlay,.video:focus-within .video-overlay{opacity:1;transform:none;pointer-events:auto}@media(hover:none){.video-overlay{opacity:1;pointer-events:auto}}.video-full{margin-left:auto;width:32px;height:32px;padding:0;display:grid;place-items:center;border:0;background:var(--overlay);color:var(--muted)}.video-full:hover:not(:disabled){background:var(--surface-3);color:var(--text)}button.icon{width:30px;height:30px;padding:0;display:inline-grid;place-items:center}.inline-edit{height:24px;padding:0 6px;font:inherit;width:100%}.inline-edit:focus-visible{outline:none;border-color:var(--focus);box-shadow:inset 0 0 0 1px var(--focus)}.seg{display:flex;gap:2px;padding:2px;background:var(--surface-2);border-radius:var(--radius-sm)}.seg button{height:26px;border:0;background:transparent}.seg button[aria-pressed=true]{background:var(--surface-3)}.rec-dot{width:7px;height:7px;border-radius:50%;background:var(--red);flex:none}.dropouts{margin-right:.6em;color:var(--amber, #d49a1a);font-size:.85em;cursor:help}.ptz{display:flex;align-items:center;gap:8px;padding:8px;background:var(--overlay);border-radius:var(--radius)}.dial{position:relative;flex:none;width:96px;height:96px;border-radius:50%;background:var(--surface-2)}.dial-key{position:absolute;width:32px;height:32px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--muted)}.dial-key.up{top:0;left:32px}.dial-key.down{bottom:0;left:32px}.dial-key.left{left:0;top:32px}.dial-key.right{right:0;top:32px}.dial-home{position:absolute;top:32px;right:32px;bottom:32px;left:32px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:var(--surface-3)}.dial-key:hover:not(:disabled),.rocker button:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.dial-home:hover:not(:disabled){background:var(--border-strong)}.dial-key:disabled,.rocker button:disabled{background:transparent;color:var(--dim)}.dial-home:disabled{background:var(--surface-3)}.rocker{flex:none;display:flex;flex-direction:column;width:32px;height:80px;border-radius:999px;background:var(--surface-2);overflow:hidden}.rocker button{flex:1;height:auto;padding:0;display:grid;place-items:center;border:0;border-radius:0;background:transparent;color:var(--muted)}.presets{display:grid;grid-template-columns:repeat(4,32px);gap:4px}.presets button{height:32px;padding:0;border:0;background:var(--surface-2);font-family:var(--mono);font-size:12px}.presets button:disabled{background:var(--surface-2);color:var(--dim)}.recording-card{background:var(--surface-bar)}.recording-card .panel-bar{position:relative;gap:4px;padding:0 12px 0 8px}.recording-card .card-title{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:40%}.transport-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:8px 12px 12px}.clock.dim{color:var(--dim)}.transport-keys{position:relative;display:flex;align-items:center;gap:4px}.transport-keys button.icon{width:32px;height:32px;border-color:transparent;background:transparent;color:var(--muted)}.transport-keys button.icon:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.transport-keys button.icon.play{width:40px;height:40px;background:var(--text);color:var(--on-light);border-radius:50%;margin:0 4px}.transport-keys button.icon.play:hover:not(:disabled){background:var(--muted);color:var(--on-light)}.transport-keys .meta{position:absolute;top:100%;left:50%;transform:translate(-50%);white-space:nowrap}.rec-elapsed{color:var(--red-text);font-size:13px}button.ghost.rec-button{color:var(--red);background:var(--surface-2)}button.ghost.rec-button.stop{color:var(--red)}.rec-blink{animation:rec-blink 2s steps(1,end) infinite}@keyframes rec-blink{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.rec-blink{animation:none}}button.ghost.rec-button:hover:not(:disabled){color:var(--red-text);background:var(--surface-3)}button.ghost.rec-button.stop:hover:not(:disabled){color:var(--red)}button.ghost.rec-button:disabled{color:var(--dim);background:transparent}button.ghost.rec-button.stop.confirm{width:auto;padding:0 10px 0 8px;gap:6px;display:inline-flex;align-items:center;background:var(--red-strong);color:var(--text);font-weight:600}button.ghost.rec-button.stop.confirm:hover:not(:disabled){background:var(--red-strong);color:var(--text)}.timeline{flex:1;display:flex;min-height:0;padding:0 12px}.clock-now{font-size:12px;color:var(--text);white-space:nowrap}.clock-total{justify-self:end;font-size:12px;color:var(--dim)}.recording-card .panel-bar>.meta{margin:0 8px}.overview{position:relative;flex:1;height:52px;background:var(--well);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;touch-action:none}.overview canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.wave-layer,.wave-out{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.wave-layer{transition:opacity .24s ease-out}.wave-layer[data-state=hidden]{opacity:0;transition-duration:0ms}.wave-out{opacity:0}.wave-out[data-anim=fade]{animation:wave-fade-out .18s ease-in forwards}.wave-out[data-anim=wipe]{animation:wave-wipe .52s var(--ease) forwards}@keyframes wave-fade-out{0%{opacity:1}to{opacity:0}}@keyframes wave-wipe{0%{opacity:1;clip-path:inset(0 0 0 0)}to{opacity:1;clip-path:inset(0 0 0 100%)}}.clock{display:inline-flex;align-items:center;line-height:1}.roll{display:inline-block;height:1em;line-height:1em;overflow:hidden}.roll-col{display:block;white-space:pre;text-align:center;transition:transform .22s var(--ease)}.overview .played,.playhead{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.playhead:after{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--text)}.hover-time{animation:fade-in var(--fast) var(--ease);position:absolute;top:4px;transform:translate(-50%);padding:1px 5px;border-radius:4px;background:var(--surface-3);color:var(--text);font-size:10px;pointer-events:none}.dialog{width:100%;max-width:min(760px,calc(100% - 32px));max-height:min(560px,calc(100vh - 64px));padding:0;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);flex-direction:column;overflow:hidden}.dialog[open]{display:flex;animation:dialog-in var(--med) var(--ease)}.dialog::backdrop{background:var(--scrim);animation:fade-in var(--med) var(--ease)}.dialog-bar{display:flex;align-items:center;gap:8px;height:44px;padding:0 8px 0 16px;flex:none}.dialog-bar h2{font-size:14px;font-weight:600}.table-scroll{flex:1;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.recordings-dialog{max-width:min(820px,calc(100% - 32px));border:0;background:var(--surface-bar);box-shadow:0 24px 64px #0009}.recordings-dialog .dialog-bar{height:52px;padding:0 10px 0 20px;gap:10px}.recordings-dialog .dialog-bar h2{font-size:15px}.recordings-dialog .dialog-bar .meta{min-width:0;overflow:hidden;text-overflow:ellipsis}.recordings-dialog .dialog-bar button{flex-shrink:0}.recordings-dialog .table-scroll{padding:0 8px 8px}.recordings-dialog .table{border-collapse:separate;border-spacing:0 2px}.recordings-dialog .table th{background:var(--surface-bar);height:28px;font-size:11px;color:var(--dim)}.table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.table th{position:sticky;top:0;background:var(--surface);text-align:left;font-weight:500;color:var(--muted);height:30px;padding:0 8px}.table th:first-child,.table td:first-child{padding-left:16px}.table th:nth-child(2){width:120px}.table th:nth-child(3){width:104px}.table th:nth-child(4){width:44px}.table th:nth-child(5){width:84px}.table th:nth-child(6){width:168px}.table td{height:40px;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table .num{text-align:right}.table th:last-child,.table td:last-child{padding-right:12px}.table tbody td:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.table tbody td:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.table tbody tr:hover td,.table tbody tr.expanded td{background:var(--surface-2)}.table tbody tr.current td{background:var(--surface-3)}.table tbody tr.current td:first-child{box-shadow:inset 2px 0 0 var(--text)}.row-button{all:unset;display:flex;align-items:center;gap:8px;width:100%;height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;font-weight:500;color:var(--text)}.row-button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:var(--radius-sm)}.row-name{overflow:hidden;text-overflow:ellipsis;min-width:0}.row-icon{flex:none;display:grid;place-items:center;width:16px;color:var(--dim)}tr.current .row-icon,.row-button:hover .row-icon{color:var(--text)}.row-tag{flex:none;padding:1px 6px;border-radius:999px;background:var(--border-strong);color:var(--text);font-size:10px;font-weight:500}.table td.row-actions{text-align:right;overflow:visible;text-overflow:clip}.row-actions button.icon{width:28px;height:28px;margin-left:2px;vertical-align:middle;opacity:.55}.table tbody tr:hover .row-actions button.icon,.row-actions button.icon:focus-visible,.row-actions button.icon.on,.row-actions button.icon.confirm{opacity:1}.row-actions button.icon.on{background:var(--surface-3);color:var(--text)}.row-actions button.icon:disabled{opacity:.3}.row-actions button.row-delete:hover:not(:disabled){color:var(--red-text)}.row-actions button.row-delete.confirm{width:auto;padding:0 8px 0 6px;gap:6px;display:inline-flex;align-items:center;background:var(--red-strong);color:var(--text);font-weight:600}.row-actions button.row-delete.confirm:hover:not(:disabled){background:var(--red-strong);color:var(--text)}.table tbody tr.row-detail td{height:auto;padding:0 12px 0 16px;background:var(--surface-2);border-radius:0 0 var(--radius-sm) var(--radius-sm);white-space:normal}.table tbody tr.expanded td:first-child{border-bottom-left-radius:0}.table tbody tr.expanded td:last-child{border-bottom-right-radius:0}.rename{height:28px;width:100%}.dialog-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:200px;padding:32px 16px;text-align:center;color:var(--text)}.dialog-empty svg{width:24px;height:24px;margin-bottom:8px;color:var(--dim)}.dialog-empty p{font-size:13px}.dialog-empty p.muted{font-size:12px}.banks{display:flex;flex:0 100 auto;min-width:120px;gap:6px;overflow-x:auto;overscroll-behavior-x:contain}.mixer-panel .panel-bar h2,.copy-mix{flex:none}.banks button{display:flex;flex:0 0 auto;justify-content:center;align-items:center;gap:8px;height:32px;padding:0 10px;background:transparent;border-color:transparent;color:var(--muted);font-family:var(--mono);font-size:12px}.banks button.active{background:var(--surface-3);border-color:transparent;color:var(--text)}.bank-meters{display:flex;gap:2px;height:20px}.bank-meters .meter{flex:none;width:6px;height:100%;border-radius:1px}.mixer{flex:1;display:flex;min-width:0;min-height:0;background:var(--surface)}.strips{-webkit-user-select:none;user-select:none;overscroll-behavior-x:contain;flex:1;display:flex;overflow-x:auto;overflow-y:hidden;min-width:0;scrollbar-color:var(--border-strong) transparent}.strip{flex:none;width:88px;display:flex;flex-direction:column;border-right:1px solid var(--surface-2)}.strip.selected{background:var(--strip-selected)}.strip.selected .key:not(.on),.strip.selected .knob-face{background:var(--surface-3);fill:var(--border-strong)}.scribble{box-sizing:border-box;height:28px;margin:4px 6px;border-radius:6px;overflow:hidden;flex-shrink:0;padding:0 6px;display:flex;flex-direction:column;justify-content:center;cursor:pointer;min-width:0}.scribble.static{cursor:default}.strip-name{font-size:12px;font-weight:600;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scribble .inline-edit{height:20px;padding:0 4px;font-size:12px;font-weight:600}.strip-keys{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:0 6px 6px;min-height:32px}.key{height:26px;padding:0;font-family:var(--mono);font-size:11px;font-weight:600;background:var(--surface-2);border-color:transparent}.key.main-mute{grid-column:1 / -1;height:28px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:10px;letter-spacing:.06em;color:var(--muted)}.key.main-mute:hover:not(:disabled){color:var(--text)}.key.main-mute.on{background:var(--blue-strong);color:var(--text)}.key.main-mute.gesture{background:var(--amber);color:var(--on-light)}.key.mute.on{background:var(--blue-strong);border-color:var(--blue-strong);color:var(--text)}.key.solo.on{background:var(--yellow);border-color:var(--yellow);color:var(--on-light)}.strip-dsp{flex:none;height:230px;width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;padding:0 6px 6px;border:0;border-radius:0;background:transparent}button.dsp-graph{height:auto;padding:0;border:0;border-radius:3px;background:var(--well)}button.dsp-graph:hover:not(:disabled),button.dsp-graph:active:not(:disabled){background:var(--well)}button.dsp-graph:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}button.dsp-graph:hover:not(:disabled):after{box-shadow:inset 0 0 0 1px var(--border-strong)}button.dsp-graph:hover:not(:disabled) svg{transform:none}button.dsp-graph:focus-visible{outline-offset:1px}button.dsp-graph:disabled{background:var(--well);opacity:.5}.dsp-graph{position:relative;display:block;flex:none;width:100%;aspect-ratio:1;background:var(--well);border-radius:3px;overflow:hidden;transition:box-shadow var(--fade) ease-out}.dsp-graph.eq{aspect-ratio:auto;height:64px}.dsp-graph svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dsp-grid{stroke:var(--surface-3);stroke-width:1;vector-effect:non-scaling-stroke}.dsp-grid.major{stroke:#2a2a2a}.dsp-grid.zero{stroke:var(--border-strong)}.dsp-curve{fill:none;stroke:var(--dim);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linejoin:round}.dsp-graph.on .dsp-curve{stroke:var(--green)}.dsp-graph.gate .dsp-curve{stroke:var(--amber);opacity:.35}.dsp-graph.comp .dsp-curve{stroke:var(--blue);opacity:.35}.dsp-graph.gate.on .dsp-curve,.dsp-graph.comp.on .dsp-curve{opacity:1}.dsp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:var(--scrim);animation:fade-in var(--med) var(--ease)}.dialog.dsp-dialog{display:flex;max-width:min(1400px,calc(100% - 48px));max-height:calc(100vh - 48px);animation:dialog-in var(--med) var(--ease)}.dialog.dsp-dialog:focus-visible{outline:none}.dsp-dialog .dialog-bar .meta{overflow:hidden;text-overflow:ellipsis;min-width:0}.dsp-body{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:1fr;gap:12px;padding:4px 16px 16px}.dsp-section{display:flex;flex-direction:column;gap:8px;padding:12px;background:transparent;border-radius:var(--radius);min-width:0}.dsp-section.eq{grid-column:1 / -1}.dsp-section header{display:flex;align-items:center;justify-content:space-between}.dsp-section h3{margin:0;font-size:12px;font-weight:600}.dsp-section.off .dsp-editor-graph .dsp-curve,.dsp-section.off .dsp-dials,.eq-band.off .eq-band-meta{opacity:.55}.dsp-toggle{width:40px;height:22px;font-size:10px}.key.dsp-toggle.on{background:var(--green);border-color:var(--green);color:var(--on-light)}.dsp-editor-graph{display:block;width:100%;background:var(--well);border-radius:var(--radius-sm);touch-action:none}.dsp-editor-graph.eq{aspect-ratio:3 / 1}.dsp-editor-graph .dsp-curve{stroke:var(--green);stroke-width:2}.dsp-threshold{stroke:var(--amber);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.dsp-axis{font-family:var(--mono);font-size:10px;fill:var(--dim)}.dsp-graph-wrap{position:relative;flex:1;min-width:0;display:flex}.dsp-graph-wrap>.dsp-editor-graph{flex:1}.dsp-off-cover{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;display:grid;place-content:center;justify-items:center;gap:10px;border:0;border-radius:var(--radius-sm);background:#0000008c;color:var(--text);font-size:15px;font-weight:600;cursor:pointer}.dsp-off-cover:hover:not(:disabled){background:#00000073}.dsp-off-cover:active:not(:disabled){transform:none}.dsp-off-action{padding:6px 14px;border-radius:999px;background:var(--green);color:var(--on-light);font-size:12px}.dsp-section.off .dsp-editor-graph{opacity:.5}.dsp-dials{display:flex;justify-content:space-around;gap:8px;flex-wrap:wrap}.knob-dial{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:56px}.knob-dial.disabled{opacity:.45}.dial-label{font-size:10px;color:var(--muted)}.dial-value{font-size:10px;color:var(--text);white-space:nowrap}.dial-pointer{stroke:var(--text);stroke-width:1.6;stroke-linecap:round}.transfer-row{display:flex;gap:8px;align-items:stretch}.dsp-section.gate{--history-accent: var(--amber)}.dsp-section.comp{--history-accent: var(--blue)}.dsp-graph-wrap.dynamics{gap:8px;height:240px}.dsp-graph-wrap.dynamics>.dsp-editor-graph.history{flex:1;min-width:0;height:100%;cursor:ns-resize}.dsp-section.off .dsp-editor-graph.history{cursor:default}.history-legend{display:flex;gap:14px;margin-left:16px;margin-right:auto;font-size:11px;color:var(--muted)}.history-legend span{display:inline-flex;align-items:center;gap:6px}.history-legend span:before{content:"";width:12px;height:3px;border-radius:2px}.history-legend .input:before{height:8px;background:#ffffff40}.history-legend .output:before{background:var(--history-accent)}.history-legend .gr:before{height:8px;background:#e5484d8c;border-top:2px solid var(--red)}@media(max-width:640px){.dsp-graph-wrap.dynamics{height:180px}.history-legend{display:none}}.dsp-section.off .eq-spectrum{opacity:.6}.gr-meter{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px}.gr-track{flex:1;display:flex;gap:3px}.gr-scale{position:relative;width:14px}.gr-scale span{position:absolute;right:0;transform:translateY(-50%);font-family:var(--mono);font-size:8px;line-height:1;color:var(--dim)}.gr-scale span:first-child{transform:none}.gr-scale span:last-child{transform:translateY(-100%)}.gr-bar{position:relative;width:8px;background:var(--well);border-radius:2px;overflow:hidden}.gr-fill{position:absolute;top:0;left:0;right:0;background:var(--amber);transition:height 60ms linear}.gr-caption{font-family:var(--mono);font-size:8px;color:var(--dim);letter-spacing:.04em}.preset-menu{position:relative}.preset-button{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-width:170px;height:32px;padding:0 10px 0 12px;border-color:transparent;background:var(--surface-2)}.preset-panel{position:absolute;z-index:10;top:calc(100% + 6px);right:0;width:min(440px,calc(100vw - 32px));max-height:min(480px,70vh);display:flex;flex-direction:column;border-radius:var(--radius);background:var(--surface-2);box-shadow:0 12px 32px #0009;animation:dialog-in var(--fast) var(--ease);overflow:hidden}.preset-tabs{flex:none;margin:8px 8px 4px;background:var(--surface)}.preset-tabs button{flex:1}.preset-families{flex:1;min-height:0;overflow-y:auto;padding:4px 8px 8px}.preset-family{display:grid;grid-template-columns:104px 1fr;align-items:start;gap:8px;padding:6px 4px;border-radius:var(--radius-sm)}.preset-family+.preset-family{border-top:1px solid var(--border);border-radius:0}.preset-family-name{padding-top:5px;font-size:12px;color:var(--muted)}.preset-family.current .preset-family-name{color:var(--text)}.preset-chips,.preset-footer{display:flex;flex-wrap:wrap;gap:4px}.preset-chip{height:26px;padding:0 9px;border-color:transparent;background:var(--surface-3);font-size:12px;white-space:nowrap}.preset-chip:hover{background:var(--border-strong)}.preset-chip[aria-pressed=true]{color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.preset-footer{flex:none;padding:8px;border-top:1px solid var(--border)}.preset-footer .preset-chip{background:transparent;color:var(--muted)}.preset-footer .preset-chip:hover{background:var(--surface-3);color:var(--text)}.dsp-tabs{display:flex;gap:6px}.dsp-tabs .dsp-graph{width:56px;height:34px;aspect-ratio:auto}.dsp-tabs{margin-left:20px}.dsp-tabs .dsp-graph[aria-pressed=true]:after{box-shadow:inset 0 0 0 1.5px var(--text)}@media(max-width:760px){.dsp-body{grid-template-columns:1fr}}.strip-knobs{flex:none;height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}.pan{height:44px;display:grid;place-items:center;position:relative;z-index:1}.knob{-webkit-user-select:none;user-select:none;position:relative;width:44px;height:44px;cursor:ns-resize;touch-action:pan-x;border-radius:50%}.knob svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.knob-track{stroke:var(--well);stroke-width:4;fill:none;stroke-linecap:butt}.knob-arc{stroke:var(--dial-color, var(--green));stroke-width:4;fill:none;stroke-linecap:butt}.knob-face{fill:var(--surface-3)}.knob-value{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums;color:var(--text);pointer-events:none}.knob.disabled{cursor:not-allowed}.knob.disabled .knob-value{color:var(--dim)}.knob-value.knob-word{font-size:7px;font-weight:600;letter-spacing:.04em;color:var(--muted)}.knob-arc.send{stroke:var(--blue)}.knob:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.fader-area{flex:1;display:flex;justify-content:center;gap:2px;padding:0 3px 8px;margin-top:-6px;min-height:0}.fader{position:relative;width:50px;flex:none}.ruler{position:absolute;top:calc(var(--cap-h) / 2);bottom:calc(var(--cap-h) / 2);left:6px;width:9px;pointer-events:none}.ruler span{position:absolute;left:0;width:7px;height:1px;background:var(--tick-major);transform:translateY(50%)}.groove{position:absolute;top:calc(var(--cap-h) / 2);bottom:calc(var(--cap-h) / 2);left:29px;width:8px;margin-left:-4px;background:var(--well);border-radius:2px;pointer-events:none}.meter-scale{position:relative;width:19px;flex:none;margin:calc(var(--cap-h) / 2) 0}.meter-scale span{position:absolute;right:0;transform:translateY(50%);font-family:var(--mono);font-size:8px;line-height:1;color:var(--dim)}.meter-col{position:relative;flex:none;display:flex;gap:2px;margin:calc(var(--cap-h) / 2) 0}.meter-col .meter{width:7px;height:100%;border-radius:2px}.meter{position:relative;display:block;background:var(--well);overflow:hidden}.meter-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--meter-green) 0 65%,var(--meter-yellow) 65% 88.3%,var(--meter-red) 88.3%);clip-path:inset(calc(100% - var(--level, 0%)) 0 0)}.meter-hold{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(calc(var(--hold, 0%) * -1));pointer-events:none;display:none}.meter[data-hold] .meter-hold{display:block}.meter-hold:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--meter-yellow)}.meter[data-clip]{border-top:3px solid var(--meter-red)}.fader-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0 0 0 8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:ns-resize;touch-action:pan-x;writing-mode:vertical-lr;direction:rtl}.fader-input:disabled{cursor:not-allowed}.fader-input:focus-visible{outline:none}.fader-input::-webkit-slider-runnable-track{background:transparent;border:0}.fader-input::-moz-range-track{background:transparent;border:0}.fader-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--cap-w, 39px);height:var(--cap-h);border-radius:3px;border:1px solid var(--cap-edge);background:linear-gradient(var(--cap) 0 calc(50% - 7px),var(--cap-groove) calc(50% - 7px) calc(50% - 6px),var(--cap) calc(50% - 6px) calc(50% - 1px),var(--cap-line) calc(50% - 1px) calc(50% + 1px),var(--cap) calc(50% + 1px) calc(50% + 6px),var(--cap-groove) calc(50% + 6px) calc(50% + 7px),var(--cap) calc(50% + 7px))}.fader-input::-moz-range-thumb{width:var(--cap-w, 39px);height:var(--cap-h);border-radius:3px;border:1px solid var(--cap-edge);background:linear-gradient(var(--cap) 0 calc(50% - 7px),var(--cap-groove) calc(50% - 7px) calc(50% - 6px),var(--cap) calc(50% - 6px) calc(50% - 1px),var(--cap-line) calc(50% - 1px) calc(50% + 1px),var(--cap) calc(50% + 1px) calc(50% + 6px),var(--cap-groove) calc(50% + 6px) calc(50% + 7px),var(--cap) calc(50% + 7px))}.fader-input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--focus);outline-offset:1px}.fader-input:focus-visible::-moz-range-thumb{outline:2px solid var(--focus);outline-offset:1px}.fader-input::-webkit-slider-thumb{transition:border-color var(--fade) ease-out,box-shadow var(--fade) ease-out}.fader-input::-moz-range-thumb{transition:border-color var(--fade) ease-out,box-shadow var(--fade) ease-out}.fader-input:not(:disabled)::-webkit-slider-thumb:hover,.fader-input:not(:disabled):active::-webkit-slider-thumb{box-shadow:0 0 10px 1px var(--cap-glow)}.fader-input:not(:disabled)::-moz-range-thumb:hover,.fader-input:not(:disabled):active::-moz-range-thumb{box-shadow:0 0 10px 1px var(--cap-glow)}.fader-input[data-unity]::-webkit-slider-thumb{border-color:var(--text)}.fader-input[data-unity]::-moz-range-thumb{border-color:var(--text)}.fader-input:disabled::-webkit-slider-thumb{background:var(--cap-off);border-color:var(--cap-off)}.fader-input:disabled::-moz-range-thumb{background:var(--cap-off);border-color:var(--cap-off)}.strips-track{display:flex;flex:none}.main-strip .scribble,.mixer-panel .panel-bar{background:var(--surface-bar)}.main-strip,.reverb-strip{position:relative;z-index:1;width:52px;background:var(--master);box-shadow:-10px 0 14px -8px var(--edge-shadow)}.main-strip{border-right:0}.reverb-strip .scribble{background:var(--surface-bar)}.reverb-strip+.main-strip{box-shadow:none}.login{min-height:100vh;display:grid;place-items:center}.form-error{color:var(--red);font-size:12px}.login-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--bg)}.login-page.auth-entrance{animation:auth-bg 1.2s ease-out both}.login-page.auth-entrance .login-panel{animation:auth-card .9s var(--ease) 40ms backwards}@keyframes auth-bg{0%{background-color:var(--login-entrance)}}@keyframes auth-card{0%{opacity:0;transform:translateY(22px)}}.login-panel{color:var(--text);display:flex;flex-direction:column;justify-content:center;width:min(100%,340px);padding:24px;border-radius:var(--radius);background:var(--surface-bar);transition:opacity .2s ease,transform .2s ease}.login-panel.is-leaving{opacity:0;transform:translateY(-8px) scale(.99)}.login-title{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 24px;font-size:15px;font-weight:650;letter-spacing:.01em}.login-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--radius-sm);background:var(--text)}.login-mark svg{width:18px;height:18px;fill:none;stroke:var(--on-light);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.login-form{display:grid;gap:8px}.auth-field{position:relative;display:block}.auth-field input{width:100%;height:48px;padding:18px 12px 6px;border:0;border-radius:var(--radius-sm);background:var(--login-field);color:var(--text);font-size:13px;outline:0;-webkit-user-select:text;user-select:text;transition:border-color .15s ease,background-color .15s ease}.auth-field input::placeholder{color:transparent}.auth-field input:focus,.auth-field input:focus-visible{background:var(--login-field-focus);outline:none}.auth-label{position:absolute;top:50%;left:12px;color:var(--muted);font-size:13px;line-height:1;transform:translateY(-50%);transform-origin:left center;pointer-events:none;transition:color .15s ease,transform .15s ease}.auth-field input:focus+.auth-label,.auth-field input:not(:placeholder-shown)+.auth-label{transform:translateY(calc(-50% - 10px)) scale(.77)}.auth-field:focus-within .auth-label{color:var(--text)}.auth-password input{padding-right:44px}.password-toggle{position:absolute;top:50%;right:6px;width:32px;height:32px;padding:0;display:grid;place-items:center;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--dim);transform:translateY(-50%)}.password-toggle:hover:not(:disabled){background:transparent;color:var(--text)}.password-toggle:active:not(:disabled){background:transparent;transform:translateY(-50%) scale(.92)}.password-toggle svg{position:absolute;transition:opacity .18s ease,transform .22s var(--ease)}.password-toggle:hover:not(:disabled) svg{transform:none}.password-toggle:not(.is-visible) .eye-closed,.password-toggle.is-visible .eye-open{opacity:0}.password-toggle:not(.is-visible) .eye-closed{transform:scale(.72) rotate(-12deg)}.password-toggle.is-visible .eye-open{transform:scale(.72) rotate(12deg)}.login-submit{position:relative;isolation:isolate;overflow:hidden;margin-top:8px;height:40px;border:0;border-radius:var(--radius-sm);background:var(--text);color:var(--on-light);font-size:13px;font-weight:600;touch-action:manipulation;transition:transform .15s var(--ease),border-radius .15s ease,color .18s ease}.login-submit:before{content:"";position:absolute;z-index:0;top:var(--hover-y, 50%);left:var(--hover-x, 50%);width:12px;height:12px;border-radius:50%;background:var(--login-fill);pointer-events:none;transform:translate(-50%,-50%) scale(0);transition:transform .52s var(--ease)}.login-submit>span{position:relative;z-index:1}.login-submit:hover:not(:disabled),.login-submit:active:not(:disabled){background:var(--text)}.login-submit:active:not(:disabled){border-radius:var(--radius);color:var(--text);transform:scale(.975,.92)}.login-submit:active:not(:disabled):before,.login-submit.is-activated:before{transform:translate(-50%,-50%) scale(80)}.login-submit.is-activated{color:var(--text)}.login-submit.is-activated:before{transition:none}@media(hover:hover)and (pointer:fine){.login-submit:hover:not(:disabled){color:var(--text)}.login-submit:hover:not(:disabled):before{transform:translate(-50%,-50%) scale(80)}}.login-submit:disabled{cursor:progress;color:var(--text);background:var(--login-fill)}.login-submit:disabled:before{transform:translate(-50%,-50%) scale(80)}.login-submit.shake-a{animation:auth-shake .44s ease-in-out}.login-submit.shake-b{animation:auth-shake-alt .44s ease-in-out}@keyframes auth-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}@keyframes auth-shake-alt{0%,to{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}.login-reveal{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s var(--ease)}.login-reveal.is-open{grid-template-rows:1fr}.login-reveal-inner{min-height:0;overflow:hidden}.login-message{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.login-reveal.is-open .login-message{animation:login-message-in .24s ease-out .12s backwards}.login-message.is-error{padding:8px 12px;border-radius:var(--radius-sm);background:var(--red-dim);color:var(--red-text)}.login-message-text{display:block;animation:login-text-in .26s ease-out backwards}@keyframes login-message-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes login-text-in{0%{opacity:0;transform:translateY(4px)}}@media(max-width:420px){.login-panel{padding:20px}}@media(max-width:1100px){.top-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.top-grid>.video{width:100%;height:auto;aspect-ratio:16 / 9}.top-grid>.recording-card{grid-column:1 / -1;height:auto}.top-grid>.recording-card .overview{height:52px}}@media(max-width:700px){.console{padding:8px}.statusbar{gap:14px;padding:0 10px}}.footer-output-status{color:var(--muted, #888)}.login-audio-control{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));right:24px;max-width:min(320px,calc(100vw - 48px));z-index:5}.login-audio-toggle{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:999px;padding:0;background:#151515;color:#eee;cursor:pointer;transition:transform .15s ease,color .2s ease,background-color .2s ease}.login-audio-toggle:hover{background:#1c1c1c}.login-audio-toggle:active{transform:scale(.9)}.login-audio-toggle[aria-pressed=true]{color:#a7e7c5}.audio-icon{position:relative;display:grid;width:18px;height:18px}.audio-icon>svg{grid-area:1 / 1;transition:opacity .22s ease,transform .32s cubic-bezier(.34,1.56,.64,1)}.audio-icon .audio-icon-on{opacity:0;transform:scale(.4) rotate(-30deg)}.audio-icon.on .audio-icon-off{opacity:0;transform:scale(.4) rotate(30deg)}.audio-icon.on .audio-icon-on{opacity:1;transform:none}.audio-icon.busy .audio-icon-on{animation:audio-icon-pulse 1s ease-in-out infinite}@keyframes audio-icon-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.login-audio-toggle,.audio-icon>svg{transition:none}.audio-icon.busy .audio-icon-on{animation:none}}.login-audio-toggle:focus-visible{outline:2px solid #a7e7c5;outline-offset:3px}.login-audio-error{font-size:13px;color:#ff9696;margin-top:8px}html.audio-only,html.audio-only body,html.audio-only #root{background:transparent!important;background-image:none!important;min-height:100%;margin:0}.audio-only-control,.audio-only-toggle{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent;border:0;padding:0;margin:0;box-shadow:none}.audio-only-toggle:focus-visible{outline:1px dotted #888;outline-offset:-2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.statusbar{height:auto;min-height:44px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.statusbar-right{flex-wrap:wrap;justify-content:flex-end;min-width:0}.footer-audio-status{color:var(--muted);overflow-wrap:anywhere}.footer-audio-status:empty{display:none}.main-compressor{font-size:10px;padding:3px 7px;min-height:24px}.download-options{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0 12px;font-size:12px;animation:fade-in var(--med) var(--ease)}.download-options select{height:28px;max-width:240px;padding:0 8px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--well);color:var(--text);font:inherit;font-size:12px;cursor:pointer}.download-options select:hover{border-color:var(--muted)}.download-status{display:inline-flex;align-items:center;gap:8px}.download-status .play-spinner{width:12px;height:12px;border-width:1.5px}.download-link{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--radius-sm);background:var(--text);color:var(--on-light);font-weight:600;text-decoration:none;animation:icon-in var(--med) var(--ease)}.download-link:hover{background:var(--muted)}.output-selector{flex:0 0 156px;min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px;padding:10px 8px;background:var(--master);border-left:1px solid var(--surface-2)}.output-title{font-size:11px;color:var(--muted);padding:0 2px}.output-group{flex:1;min-height:0;display:flex;flex-direction:column}.output-grid{display:grid;grid-template-columns:1fr;gap:6px}.output-divider{flex:none;width:100%;height:1px;margin:10px 0;border:0;background:var(--border-strong)}.output-scroll{flex:1;min-height:0;overflow-y:auto;align-content:start;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.output-button{height:44px;padding:0 8px;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:600;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted)}.output-button.wide{grid-column:1 / -1}.output-button[style]{opacity:.6}.output-button[aria-checked=true]{opacity:1;color:var(--text);border-color:var(--text);background-color:var(--surface-3)}.output-button[aria-checked=true][style]{color:#fff}.output-button:hover:not(:disabled){opacity:1}.output-button:disabled{opacity:.35}.output-boost{flex:none;display:flex;justify-content:center;padding-top:8px;border-top:1px solid var(--border-strong)}.listen-reason{margin:0;padding:0 2px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.main-strip .scribble,.reverb-strip .scribble{margin:4px 3px;padding:0 4px}.main-strip .strip-name,.reverb-strip .strip-name{font-size:10px}.main-strip .strip-keys{padding:0 3px 6px}.key.main-mute{gap:0}.key.main-mute span{display:none}.main-strip .main-compressor{padding:3px 4px;font-size:9px}.main-strip .fader-area,.reverb-strip .fader-area{padding:0 3px 8px}.main-strip .fader,.reverb-strip .fader{width:32px;--cap-w: 28px}.main-strip .fader-input,.reverb-strip .fader-input{padding-left:2px}.main-strip .groove,.reverb-strip .groove{left:17px}.main-strip .ruler,.reverb-strip .ruler,.main-strip .meter-scale,.reverb-strip .meter-scale{display:none}.main-strip .meter-col .meter,.reverb-strip .meter-col .meter{width:4px}.output-button{font-size:12px}.bus-section{flex:none;display:flex;flex-direction:column;position:relative;z-index:1;background:var(--master);box-shadow:-10px 0 14px -8px var(--edge-shadow)}.reverb-settings{flex:none;height:302px;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:6px 0;padding:6px 2px;border-bottom:1px solid var(--surface-2)}.reverb-settings.off{opacity:.45;pointer-events:none}.reverb-settings .knob-dial{min-width:0;gap:1px}.reverb-settings{overflow:hidden}.reverb-keys{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.key.reverb-mute{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--muted)}.reverb-keys .main-compressor{height:24px;padding:0 6px;font-size:9px}.key.reverb-mute.on{background:var(--blue-strong);color:var(--text)}.reverb-settings .knob{width:34px;height:34px}.reverb-settings .dial-label,.reverb-settings .dial-value{font-size:9px}.bus-strips{flex:1;min-height:0;display:flex}.bus-strips>.strip{box-shadow:none}.key.enable-audio{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--amber);color:var(--on-light);font-family:var(--font)}.scale-strip{width:22px;border-right:0;background:var(--master)}.scale-spacer{flex:none;height:36px}.scale-strip .fader-area{padding:0 0 8px}.dialog.dsp-dialog.gate,.dialog.dsp-dialog.comp{max-width:min(1000px,calc(100% - 48px))}.dsp-dialog .dialog-bar{height:56px}.dsp-dialog .dialog-bar h2{font-size:16px}.dsp-dialog .dsp-body{padding:8px 20px 20px;gap:16px}.dsp-dialog .dsp-section{padding:16px 20px 20px;gap:14px}.dsp-dialog .dsp-section h3{font-size:14px}.dsp-dialog .dsp-dials{justify-content:space-evenly;gap:16px}.dsp-dialog .knob-dial{min-width:80px;gap:4px}.dsp-dialog .knob-dial .knob{width:60px;height:60px}.dsp-dialog .knob-face{fill:#343434}.dsp-dialog .knob-track{stroke:#1c1c1c}.dsp-dialog .dial-pointer{stroke:#fff;stroke-width:2}.dsp-dialog .knob:not(.disabled):hover .knob-face{fill:#404040}.dsp-dialog .knob.disabled{cursor:not-allowed}.dialog.dsp-dialog{border:0}.dsp-dialog .dial-label,.dsp-dialog .dial-value{font-size:12px}.dsp-dialog .gr-bar{width:12px}.dsp-dialog .gr-scale{width:18px}.dsp-dialog .gr-scale span,.dsp-dialog .gr-caption{font-size:10px}.dsp-dialog .dsp-toggle{width:48px;height:26px;font-size:11px}.play-spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:playback-spin .9s linear infinite}@keyframes playback-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.play-spinner{animation:none}}.pan-horizontal{width:100%}.pan-bar{position:relative;width:52px;height:36px;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:4px}.pan-rail{position:absolute;top:10px;left:4px;right:4px;height:4px;background:var(--well);border-radius:2px}.pan-fill{position:absolute;height:100%;background:var(--green)}.pan-center{position:absolute;left:50%;top:-3px;height:10px;width:1px;background:var(--muted)}.pan-thumb{position:absolute;top:-3px;width:6px;height:10px;transform:translate(-50%);background:var(--text);border-radius:2px}.pan-labels{position:absolute;left:1px;right:1px;bottom:3px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:7px;color:var(--muted)}.pan-bar.disabled{cursor:not-allowed;opacity:.4}.pan-bar:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.timeline{flex-direction:column;gap:4px}.timeline-tools{display:flex;align-items:center;gap:8px;min-height:24px}.timeline-help{margin-right:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dim);font-size:11px}.zoom-group{display:flex;align-items:center;gap:2px;padding:0 2px;height:24px;border-radius:var(--radius-sm);background:var(--surface-2)}.zoom-group button.icon{width:22px;height:20px;border-radius:4px}.zoom-group button.icon svg{width:12px;height:12px}.zoom-group button.ghost:disabled{color:var(--dim);opacity:.5;border-color:transparent}.zoom-group .zoom-fit{height:20px;padding:0 7px;border-radius:4px;font-size:11px}.zoom-level{min-width:30px;text-align:right;color:var(--muted);font-size:10px;padding-right:2px}.zoom-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:64px;height:20px;margin:0 2px;background:transparent;cursor:ew-resize}.zoom-slider::-webkit-slider-runnable-track{height:2px;border-radius:1px;background:linear-gradient(to right,var(--muted) var(--p, 0%),var(--border-strong) var(--p, 0%))}.zoom-slider::-moz-range-track{height:2px;border-radius:1px;background:var(--border-strong)}.zoom-slider::-moz-range-progress{height:2px;border-radius:1px;background:var(--muted)}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;margin-top:-4px;border:0;border-radius:50%;background:var(--text);transition:transform var(--fast) var(--ease)}.zoom-slider::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:var(--text);transition:transform var(--fast) var(--ease)}.zoom-slider:hover::-webkit-slider-thumb,.zoom-slider:active::-webkit-slider-thumb{transform:scale(1.25)}.zoom-slider:hover::-moz-range-thumb,.zoom-slider:active::-moz-range-thumb{transform:scale(1.25)}.zoom-slider:focus-visible{outline:none}.zoom-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--surface-2),0 0 0 4px var(--focus)}.zoom-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--surface-2),0 0 0 4px var(--focus)}.timeline-ruler{display:flex;justify-content:space-between;color:var(--dim);font-size:9px;line-height:12px;-webkit-user-select:none;user-select:none}.timeline-ruler span{position:relative;padding-left:4px}.timeline-ruler span:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:1px;background:var(--border-strong)}.timeline-ruler span:last-child{padding:0 4px 0 0}.timeline-ruler span:last-child:before{left:auto;right:0}.timeline-scroll{position:relative;flex:none;height:8px;margin:0;cursor:ew-resize;touch-action:none;transition:opacity var(--fade) ease-out}.timeline-scroll:before{content:"";position:absolute;left:0;right:0;top:3px;height:2px;border-radius:1px;background:var(--surface-3)}.timeline-thumb{position:absolute;top:2px;height:4px;min-width:12px;border-radius:2px;background:var(--border-strong);transition:background-color var(--fade) ease-out,top var(--fast) var(--ease),height var(--fast) var(--ease)}.timeline-scroll:hover .timeline-thumb,.timeline-scroll:active .timeline-thumb,.timeline-scroll:focus-visible .timeline-thumb{top:1px;height:6px;background:var(--muted)}.timeline-scroll:focus-visible{outline:none}.timeline-scroll:focus-visible .timeline-thumb{box-shadow:0 0 0 2px var(--focus)}.timeline-scroll[data-idle]{opacity:0;pointer-events:none}@container (max-width: 560px){.timeline-help{display:none}.zoom-group{margin-left:auto}}@container (max-width: 420px){.zoom-slider,.zoom-level{display:none}}.range{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--blue) 18%,transparent);border-left:1px solid var(--blue);border-right:1px solid var(--blue);pointer-events:none;animation:fade-in var(--fast) var(--ease)}.range-handle{position:absolute;top:0;bottom:0;width:0}.range-handle.in{left:0}.range-handle.out{right:0}.range-handle i{position:absolute;top:2px;padding:0 3px;border-radius:3px;background:var(--blue);color:#fff;font:600 9px/14px var(--mono);font-style:normal}.range-handle.in i{left:0}.range-handle.out i{right:0}.range-group{display:flex;align-items:center;gap:2px;height:24px;padding:0 2px;border-radius:var(--radius-sm);background:var(--surface-2)}.range-group button.icon{width:24px;height:20px;border-radius:4px}.range-group button.icon svg{width:13px;height:13px}.range-group button.ghost:disabled{color:var(--dim);opacity:.5;border-color:transparent}.range-group .range-toggle[aria-pressed=true]{background:var(--blue-strong);color:var(--text)}.range-readout{padding:0 6px;font-size:11px;color:var(--muted);white-space:nowrap}.range-group .export-button{margin-left:4px}.range-group .export-button:hover:not(:disabled){color:var(--blue)}.dialog.export-dialog{display:flex;max-width:min(560px,calc(100% - 32px));animation:dialog-in var(--med) var(--ease)}.dialog.export-dialog:focus-visible{outline:none}.export-dialog .dialog-bar{gap:10px}.export-dialog .export-range{font-family:var(--mono);font-variant-numeric:tabular-nums}.export-dialog .export-whole{height:24px;padding:0 8px;font-size:11px}.export-body{display:flex;flex-direction:column;gap:12px;padding:4px 16px 16px}.export-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.export-field input{height:30px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--well);color:var(--text)}.export-presets{flex-wrap:wrap}.export-presets button{flex:1;padding:0 10px;font-size:12px;white-space:nowrap}.export-options summary{cursor:pointer;font-size:12px;color:var(--muted);-webkit-user-select:none;user-select:none}.export-options summary:hover{color:var(--text)}.export-options-grid{display:flex;flex-wrap:wrap;gap:12px;padding-top:10px}.export-options-grid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.export-options-grid select{height:28px;min-width:110px;padding:0 8px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--well);color:var(--text);font:inherit;font-size:12px;cursor:pointer}.export-options-grid select:disabled{color:var(--dim);cursor:default}.export-options-grid .export-check{flex-direction:row;align-items:center;gap:6px;align-self:flex-end;height:28px}.export-art-row{display:flex;align-items:flex-start;gap:12px}.export-art-thumb{width:72px;height:72px;flex:none;border-radius:var(--radius-sm);border:1px solid var(--border-strong);object-fit:cover;background:var(--well)}.export-art-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:72px;height:72px;flex:none;padding:0;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--well);color:var(--muted);font-size:11px}.export-art-add:hover:not(:disabled){color:var(--text);border-color:var(--blue)}.export-art-side{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:72px;min-width:0}.export-art-side .meta{white-space:normal}.export-art-actions{display:flex;gap:6px}.export-art-actions button{height:24px;padding:0 8px;font-size:11px}.export-art-warn{color:var(--amber, #d9a21b)}.export-crop{display:flex;flex-wrap:wrap;gap:16px}.export-crop-frame{flex:none;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--well);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.export-crop-frame:active{cursor:grabbing}.export-crop-side{display:flex;flex:1 1 180px;flex-direction:column;gap:10px;min-width:0;font-size:12px;color:var(--muted)}.export-crop-side .meta{white-space:normal}.export-crop-zoom{display:flex;flex-direction:column;gap:4px}.export-crop-zoom input[type=range]{width:100%;accent-color:var(--blue)}.export-crop-actions{display:flex;gap:8px;margin-top:auto;justify-content:flex-end}.export-crop-actions button.primary{height:30px;padding:0 14px}.export-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-height:32px}.export-foot .meta{white-space:normal}.export-foot button.primary{height:30px;padding:0 16px}.mix-list{display:flex;flex-direction:column;gap:2px;width:100%;margin:4px 0 0;padding:0;list-style:none}.mix-list li{display:flex;align-items:center;gap:8px;min-height:28px;padding:0 4px;border-radius:var(--radius-sm)}.mix-list li:hover{background:var(--surface-2)}.mix-list .mix-name{font-weight:500}.mix-list button.ghost{height:24px;padding:0 8px;font-size:11px}.mix-list button.icon{width:24px;height:24px}.mix-list button.row-delete.confirm{width:auto;padding:0 8px 0 6px;gap:6px;display:inline-flex;align-items:center;background:var(--red-strong);color:var(--text);font-weight:600}.strip-keys:has(.dca-chip){grid-template-columns:1fr 1fr 1fr;gap:3px}.key.dca-chip{font-size:9px;letter-spacing:.02em;color:var(--dim)}.key.dca-chip.on{color:var(--on-light)}.key.dca-chip.vox,.dca-strip.vox .dca-count{--dca: #ff8fb1}.key.dca-chip.instrum,.dca-strip.instrum .dca-count{--dca: #7fd1ff}.key.dca-chip.drums,.dca-strip.drums .dca-count{--dca: #ffc46b}.key.dca-chip.on{background:var(--dca);border-color:var(--dca)}.dca-section{flex:none;display:flex;flex-direction:column;position:relative;z-index:1;background:var(--master);box-shadow:-10px 0 14px -8px var(--edge-shadow)}.dca-head{flex:none;min-height:40px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:8px 4px;border-bottom:1px solid var(--surface-2)}.dca-title{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--muted)}.key.dca-auto{width:100%;max-width:120px;height:24px;font-size:10px}.dca-note{flex-basis:100%;font-size:10px;color:var(--muted);text-align:center}.dca-strips{flex:1;min-height:0;display:flex}.dca-strip{width:52px;border-right:0}.dca-strip .scribble{margin:4px 3px;padding:0 4px;background:var(--surface-bar);flex-direction:row;align-items:center;justify-content:space-between;gap:2px}.dca-strip .strip-name{font-size:10px}.dca-count{flex:none;font-family:var(--mono);font-size:9px;color:var(--dca, var(--dim))}.dca-strip .strip-keys{grid-template-columns:1fr;padding:0 3px 6px}.dca-strip .fader-area{padding:0 3px 8px}.dca-strip .fader{width:32px;--cap-w: 28px}.dca-strip .fader-input{padding-left:2px}.dca-strip .groove{left:17px}.dca-strip .ruler{left:0}.dca-strip .meter-scale{display:none}.preset-bar{display:flex;align-items:center;gap:4px;flex:0 1 auto;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding:2px;border-radius:8px}.preset-bar.storing{background:color-mix(in srgb,var(--amber) 14%,transparent)}.preset-slot{display:inline-flex;align-items:center;gap:1px}.key.preset-key{height:28px;min-width:28px;max-width:110px;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font);font-size:12px;color:var(--dim)}.preset-slot.saved .key.preset-key{color:var(--text);background:var(--surface-3)}.preset-slot.active .key.preset-key{box-shadow:inset 0 0 0 1px var(--amber)}.preset-bar.storing .key.preset-key:not(:disabled){color:var(--text)}.key.preset-tool{width:22px;height:28px;display:grid;place-items:center;color:var(--muted)}.key.preset-store{height:28px;padding:0 10px;font-size:11px}.key.preset-store.on{background:var(--amber);border-color:var(--amber);color:var(--on-light)}.preset-edit{display:inline-flex;align-items:center;gap:4px}.preset-edit input{height:28px;width:130px;padding:0 8px;font-size:12px}.preset-edit .key{height:28px;padding:0 10px}.preset-error{font-size:11px;color:var(--red, #ff6b6b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:900px){.key.preset-key{max-width:64px;padding:0 6px}}.strip-menu{position:fixed;z-index:1000;display:flex;flex-direction:column;min-width:180px;max-height:calc(100vh - 16px);overflow-y:auto;padding:5px;border:1px solid var(--line, #454545);border-radius:6px;background:#242424;box-shadow:0 8px 28px #0009}.strip-menu button{border:0;background:transparent;color:inherit;text-align:left;padding:8px 12px;border-radius:3px}.strip-menu button:hover:not(:disabled),.strip-menu button:focus-visible{background:#414141;outline:none}.strip-menu button:disabled{opacity:.4}.copy-mix{position:relative}.copy-mix-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:50;width:280px;padding:14px;background:#242424;border:1px solid #454545;border-radius:6px;box-shadow:0 8px 28px #0009}.copy-mix-popover label{display:grid;gap:8px}.copy-mix-popover select{width:100%;padding:6px}.copy-mix-popover p{font-size:12px;line-height:1.5}.copy-mix-popover button+button{margin-left:8px}.auto-dsp{border-bottom:1px solid var(--border, #333);padding:10px 16px;font-size:12px}.auto-dsp-bar,.auto-dsp-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.auto-dsp-details{max-height:300px;overflow-y:auto;padding-top:8px;line-height:1.5}.auto-dsp-details p{margin:6px 0}.auto-dsp-details select{margin-left:8px;background:var(--surface, #222);color:inherit;border:1px solid var(--border, #555);border-radius:4px;padding:4px}.auto-dsp-details progress{width:100%;accent-color:#4cc9f0}.auto-dsp-details ul{padding-left:18px;margin:8px 0}.auto-dsp-actions{margin:10px 0}.auto-dsp{flex:0 1 auto;min-height:0;overflow-y:auto}button,summary,select{touch-action:manipulation}@media(pointer:coarse){.banks,.preset-bar{scrollbar-width:none}.row-actions button.icon{opacity:1}.timeline-tools{min-height:32px}.zoom-group{height:32px}.zoom-group button.icon{width:30px;height:28px}.zoom-group .zoom-fit{height:28px;padding:0 10px}.zoom-slider{height:28px}.zoom-slider::-webkit-slider-thumb{width:18px;height:18px;margin-top:-8px}.zoom-slider::-moz-range-thumb{width:18px;height:18px}.timeline-scroll{height:22px}.timeline-scroll:before{top:10px}.timeline-thumb,.timeline-scroll:hover .timeline-thumb,.timeline-scroll:active .timeline-thumb,.timeline-scroll:focus-visible .timeline-thumb{top:7px;height:8px}}.recording-import{flex:none;padding:12px 20px;border-bottom:1px solid var(--border)}.import-heading,.import-choices{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.import-body{display:grid;gap:12px;padding-top:12px}.import-body p{margin:0;max-width:75ch}.import-body>button{justify-self:start}.import-name{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.import-name input{flex:1;min-width:180px;max-width:420px}.import-files{max-height:150px;overflow:auto;padding-left:20px;overflow-wrap:anywhere}.import-files li{margin:5px 0}.import-progress{display:grid;gap:8px}.import-progress progress{width:100%;height:8px;accent-color:var(--accent, #7c9dff)}.import-progress>button{justify-self:start}.recordings-dialog{max-height:90dvh;overflow:auto}.recordings-dialog .import-body{max-height:55dvh;overflow-y:auto}.brand-links{display:inline-flex;gap:10px;margin-left:14px;font-size:12px;font-weight:500}.brand-links a{color:var(--muted);text-decoration:none}.brand-links a:hover{color:var(--text)}.iem-page{--iem-strip: #111111;--iem-ctl: #1a1a1a;--iem-in: 6px;--iem-gap: 8px;--iem-edge: 12px;--iem-r-strip: 8px;--iem-r-ctl: 6px;--cap-h: 34px;--cap-w: 36px;display:flex;flex-direction:column;gap:var(--iem-edge);padding:0 var(--iem-edge) calc(var(--iem-edge) + env(safe-area-inset-bottom));min-height:100vh;min-height:100dvh;box-sizing:border-box;max-width:980px;margin:0 auto}.iem-picker{display:flex;flex-direction:column;gap:var(--iem-edge);padding-top:calc(var(--iem-edge) * 2 + env(safe-area-inset-top))}.iem-picker h1{margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em}.iem-lock{margin:0;font-size:12px;color:#e7d7a7}.iem-pick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--iem-gap)}.iem-pick{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;height:auto;padding:var(--iem-in);overflow:hidden;border-radius:var(--iem-r-strip);background:var(--iem-strip);border-color:transparent;text-align:left}.iem-pick-label{align-self:stretch;height:56px;margin:0;padding:0 12px}.iem-pick-sub{padding:0 12px 6px}.iem-pick-label .strip-name{font-size:16px;letter-spacing:-.01em}.iem-pick-sub{font-size:12px;font-weight:500;color:var(--muted)}.iem-pick.unavailable{opacity:.55}@media(min-width:700px){.iem-pick-grid{grid-template-columns:repeat(4,1fr)}}.iem-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:var(--iem-gap);margin:0 calc(var(--iem-edge) * -1);padding:calc(var(--iem-edge) + env(safe-area-inset-top)) var(--iem-edge) var(--iem-edge);background:var(--bg)}.iem-heading{display:flex;align-items:center;gap:var(--iem-gap);min-width:0}.iem-heading h1{margin:0;font-size:20px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iem-sub{font-size:12px;color:var(--muted);white-space:nowrap}.iem-banner{margin:0;font-size:12px;color:#e7d7a7}.iem-live{display:flex;flex-direction:column;gap:var(--iem-gap)}.iem-live:empty{margin-top:calc(var(--iem-edge) * -1)}.iem-banner.warn{display:flex;align-items:center;justify-content:space-between;gap:var(--iem-gap);min-height:40px;padding:0 var(--iem-in) 0 var(--iem-edge);border-radius:var(--iem-r-ctl);background:var(--surface-2)}.iem-bar{flex-direction:column;align-items:stretch;gap:var(--iem-gap)}.iem-page.iem-mixer-view{height:100vh;height:100dvh;min-height:0;overflow:hidden;padding-bottom:0}.iem-page.iem-mixer-view>.iem-bar{position:static;flex:none}.iem-scroll{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--iem-edge);margin:0 calc(var(--iem-edge) * -1);padding:0 var(--iem-edge) calc(var(--iem-edge) + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.iem-burger{flex:none;width:32px;height:32px;margin-left:-6px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0}.iem-burger:hover:not(:disabled),.iem-burger[aria-expanded=true]{background:var(--surface-2)}.iem-menu{position:relative;flex:none}.iem-menu-panel{position:absolute;top:40px;left:0;z-index:5;min-width:220px;padding:var(--iem-in);display:flex;flex-direction:column;gap:var(--iem-in);border-radius:var(--iem-r-strip);background:var(--surface-2);border:1px solid var(--border-strong);box-shadow:0 12px 32px #00000080}.iem-menu-item{position:relative;display:flex;align-items:center;gap:var(--iem-gap);height:44px;padding:0 var(--iem-edge);font-size:15px;justify-content:flex-start;background:transparent;border-color:transparent;border-radius:var(--iem-r-ctl);color:var(--muted)}.iem-menu-item:hover:not(:disabled){background:transparent;color:var(--text)}.iem-menu-item.on{color:var(--text);background:var(--surface-3)}.iem-master-bar{display:flex;align-items:center;gap:var(--iem-gap);height:58px}.iem-hfader{position:relative;flex:1;height:100%;--cap-h: 40px;--cap-w: 34px}.iem-hfader .fader-input{height:40px;top:0;bottom:auto}.iem-hgroove{position:absolute;left:calc(var(--cap-h) / 2);right:calc(var(--cap-h) / 2);top:16px;height:8px;border-radius:2px;background:var(--well);pointer-events:none}.iem-hruler{position:absolute;left:calc(var(--cap-h) / 2);right:calc(var(--cap-h) / 2);top:0;bottom:0;pointer-events:none}.iem-htick{position:absolute;top:4px;width:1px;height:32px;margin-left:-.5px;background:linear-gradient(var(--border-strong) 0 7px,transparent 7px 25px,var(--border-strong) 25px)}.iem-hlabel{position:absolute;top:37px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:9px;line-height:1;color:var(--dim);white-space:nowrap}.fader-input.horizontal{writing-mode:horizontal-tb;direction:ltr;padding:0;cursor:ew-resize}.fader-input.horizontal::-webkit-slider-thumb{width:var(--cap-h);height:var(--cap-w);background:linear-gradient(90deg,var(--cap) 0 calc(50% - 7px),var(--cap-groove) calc(50% - 7px) calc(50% - 6px),var(--cap) calc(50% - 6px) calc(50% - 1px),var(--cap-line) calc(50% - 1px) calc(50% + 1px),var(--cap) calc(50% + 1px) calc(50% + 6px),var(--cap-groove) calc(50% + 6px) calc(50% + 7px),var(--cap) calc(50% + 7px))}.fader-input.horizontal::-moz-range-thumb{width:var(--cap-h);height:var(--cap-w);background:linear-gradient(90deg,var(--cap) 0 calc(50% - 7px),var(--cap-groove) calc(50% - 7px) calc(50% - 6px),var(--cap) calc(50% - 6px) calc(50% - 1px),var(--cap-line) calc(50% - 1px) calc(50% + 1px),var(--cap) calc(50% + 1px) calc(50% + 6px),var(--cap-groove) calc(50% + 6px) calc(50% + 7px),var(--cap) calc(50% + 7px))}.fader-input.horizontal:disabled::-webkit-slider-thumb{background:var(--cap-off)}.fader-input.horizontal:disabled::-moz-range-thumb{background:var(--cap-off)}.iem-tabs{position:relative;flex:none;display:flex;gap:4px;margin:0 calc(var(--iem-edge) * -1);padding:0 var(--iem-edge);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.iem-tabs::-webkit-scrollbar{display:none}.iem-tab-pill{position:absolute;z-index:0;top:0;bottom:0;left:0;width:0;border-radius:var(--iem-r-ctl);background:var(--surface-2);transition:transform .26s var(--ease),width .26s var(--ease);pointer-events:none}.iem-tab{position:relative;z-index:1;flex:none;scroll-snap-align:center;height:44px;padding:0 18px;font-size:15px;font-weight:600;letter-spacing:-.01em;background:transparent;border:0;border-radius:0;color:var(--dim)}.iem-tab:hover:not(:disabled){background:transparent;color:var(--text)}.iem-tab.on{color:var(--text)}.iem-tab:active{transform:scale(.96)}.iem-label{background:var(--iem-ctl);color:var(--text);border-radius:var(--iem-r-ctl)}.iem-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2px;padding-right:0}.iem-label .strip-name{min-width:0}.iem-pin-btn{position:relative;flex:none;width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;background:transparent;color:inherit;opacity:.35}.iem-pin-btn:after{content:"";position:absolute;top:-8px;right:-4px;bottom:-8px;left:-4px}.iem-pin-btn:hover:not(:disabled){background:transparent;opacity:.7}.iem-pin-btn.on{opacity:1}.iem-pin-btn:disabled{background:transparent;border:0;color:inherit}.iem-pin-btn:active:not(:disabled){transform:scale(.85)}.iem-pin{display:inline-flex;transition:transform .2s var(--ease)}.iem-pin-btn.on .iem-pin{animation:pin-in .32s var(--ease);transform:rotate(-30deg)}@keyframes pin-in{0%{transform:rotate(0) scale(.6)}60%{transform:rotate(-38deg) scale(1.25)}to{transform:rotate(-30deg) scale(1)}}.iem-tile .meter-scale span{font-size:9px;color:var(--dim)}.iem-group-all{display:flex;align-items:center;justify-content:center;margin:var(--iem-in) var(--iem-in) 0;height:34px;font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.08em;color:var(--muted)}.iem-section{display:flex;flex-direction:column;gap:var(--iem-gap)}.iem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--iem-gap)}.iem-tile{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;padding-bottom:var(--iem-in);border-radius:var(--iem-r-strip);background:var(--iem-strip)}.iem-tile .scribble{margin:var(--iem-in) var(--iem-in) 0}.iem-tile .fader-area{flex:none;height:300px;margin-top:var(--iem-in);padding:0 2px}.iem-tile .fader-input{touch-action:none}.iem-tile.off .fader-area{opacity:.45}.key.iem-on{margin:var(--iem-in) var(--iem-in) 0;height:34px;border-radius:var(--iem-r-ctl);border-color:transparent;font-size:12px;letter-spacing:.04em;color:var(--muted)}.key.iem-on:disabled{background:var(--iem-ctl)}.key.iem-on.on{background:var(--green);border-color:var(--green);color:var(--on-light)}.iem-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--iem-edge);margin-top:auto;font-size:12px}.iem-foot .brand-links a{color:var(--muted);text-decoration:none}.iem-show-all{display:flex;align-items:center;gap:var(--iem-gap);min-height:44px;color:var(--muted)}.iem-show-all input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:20px;height:20px;margin:0;border:0;border-radius:var(--iem-r-ctl);background:var(--surface-2);cursor:pointer}.iem-show-all input:checked{background:var(--text) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 6.5' fill='none' stroke='%230a0a0a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat}.iem-show-all input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.iem-rise{animation:rise .34s var(--ease) calc(var(--base, 0ms) + min(var(--i, 0),12) * var(--step, 26ms)) backwards}.iem-section .iem-rise{--base: 0ms;--step: 24ms}.iem-mixer{display:flex;flex-direction:column;gap:var(--iem-edge)}.iem-page.entering .iem-tabs{animation:rise .42s var(--ease) .15s backwards}.iem-page.entering .iem-tab-pill{transition:none}.iem-all .iem-rise{--step: 14ms}.iem-title{animation:rise .3s var(--ease) backwards}.iem-page.entering .iem-bar>.iem-heading{animation:rise .46s var(--ease) backwards}.iem-page.entering .iem-master-bar{animation:rise .46s var(--ease) 80ms backwards}.iem-page.entering .iem-master-bar .iem-hruler{animation:fade-in .52s var(--ease) .22s backwards}.iem-page.entering .iem-section .iem-rise{--base: .26s}.iem-page.entering .iem-foot{animation:rise .42s var(--ease) .52s backwards}.iem-page.entering .iem-picker h1{animation:rise .46s var(--ease) backwards}.iem-picker .iem-rise{--base: 90ms;--step: 40ms}.iem-menu-panel{transform-origin:top left;animation:menu-in .18s var(--ease)}.iem-menu-panel.closing{animation:menu-out .12s ease-in forwards;pointer-events:none}.iem-menu-item{animation:rise .24s var(--ease) calc(40ms + var(--i, 0) * 18ms) backwards}.iem-burger svg path{transition:d 0s}.iem-burger[aria-expanded=true] svg{transform:rotate(90deg)}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px) scale(.96)}}@keyframes menu-out{to{opacity:0;transform:translateY(-4px) scale(.97)}}.iem-pick:active{transform:scale(.97)}.iem-show-all input{transition:background-color var(--fade) var(--ease),transform var(--fast) var(--ease)}.iem-show-all input:checked{animation:pop var(--med) var(--ease)}.iem-show-all input:active{transform:scale(.9)}.key.iem-on{transition:background-color var(--fade) var(--ease),color var(--fade) var(--ease),border-color var(--fade) var(--ease)}.iem-tile.off .fader-area{transition:opacity var(--fade) var(--ease)}.iem-banner{animation:rise .26s var(--ease) backwards}.iem-tile .scribble{transition:background-color .24s var(--ease),color .24s var(--ease)}.iem-name-swap{display:block;animation:name-swap .24s var(--ease) backwards}@keyframes name-swap{0%{opacity:0;transform:translateY(-5px);filter:blur(2px)}}.iem-tile.leaving{animation:strip-leave .2s ease-in forwards;pointer-events:none}@keyframes strip-leave{to{opacity:0;transform:translateY(10px) scale(.97)}}.iem-hmeter{position:absolute;left:calc(var(--cap-h) / 2);right:calc(var(--cap-h) / 2);top:16px;height:8px;border-radius:2px;pointer-events:none}.iem-hmeter .meter-fill{background:linear-gradient(to right,var(--meter-green) 0 77.5%,var(--meter-yellow) 77.5% 94.4%,var(--meter-red) 94.4%);clip-path:inset(0 calc(100% - var(--level, 0%)) 0 0)}.iem-hmeter .meter-hold{transform:translate(var(--hold, 0%))}.iem-hmeter .meter-hold:after{left:-2px;right:auto;top:0;bottom:0;width:2px;height:auto}.meter.iem-hmeter[data-clip]{border-top:0;box-shadow:inset -3px 0 0 var(--meter-red)}@media(prefers-reduced-motion:reduce){.iem-page *,.iem-page{animation:none!important;transition:none!important}}.dsp-section.peq{--peq-teal: #0b7378;--peq-teal-dark: #075358;--peq-yellow: #e8e81c;background:linear-gradient(180deg,var(--peq-teal-dark),var(--peq-teal))}.dsp-section.peq header h3{color:#fff}.peq-top{display:flex;gap:10px;align-items:stretch;min-width:0}.peq-graph{flex:1;min-width:0;aspect-ratio:3.5 / 1;background:#000;border:1px solid #cfd8d8;border-radius:6px}.peq-grid{stroke:#4a4a4a;stroke-width:1;vector-effect:non-scaling-stroke}.peq-grid.major,.peq-grid.zero{stroke:#9a9a9a}.peq-axis{font-family:var(--sans, system-ui),system-ui,sans-serif;font-size:15px;fill:#e8e8e8;pointer-events:none}.peq-curve{fill:none;stroke:var(--peq-yellow);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}.peq-fill{fill:#004aaac7;stroke:none}.peq-hpf-area{fill:#96969673;stroke:#b8b8b8;stroke-width:1;vector-effect:non-scaling-stroke}.spectrum-bars{fill:#3cc85a52;stroke:none}.peq-handle{cursor:grab}.peq-handle:active{cursor:grabbing}.peq-handle circle{fill:#00000003;stroke:var(--band);stroke-width:2.5;vector-effect:non-scaling-stroke}.peq-handle:hover circle{stroke-width:3.5}.peq-handle.out{opacity:.4}.dsp-section.peq.off .peq-curve{stroke:#8a8a8a}.dsp-section.peq.off .peq-fill{fill:#78787859}.dsp-section.peq.off .peq-handle:not(.out){opacity:.55}.peq-meter{position:relative;display:flex;gap:6px;width:44px;flex:none}.peq-meter-bar{position:relative;width:14px;border-radius:7px;overflow:hidden;background:linear-gradient(180deg,#4a0c0c 0,#4a0c0c 9%,#3f3f08 9%,#3f3f08 31%,#0b3412 31%)}.peq-meter-bar span{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ff2a2a 0,#ff2a2a 9%,#f0e020 9%,#f0e020 31%,#2ee05a 31%);clip-path:inset(100% 0 0 0)}.peq-meter-scale{position:relative;flex:1;font-size:10px;color:#e8e8e8}.peq-meter-scale span{position:absolute;left:0;transform:translateY(-50%);line-height:1}.peq-meter-scale span:first-child{transform:none}.peq-meter-scale span:last-child{transform:translateY(-100%)}.peq-bottom{display:flex;gap:12px;align-items:stretch;min-width:0}.peq-bands{flex:1;min-width:0;display:grid;grid-template-columns:1.25fr 1fr 1fr 1.25fr;gap:8px}.peq-band{display:flex;flex-direction:column;min-width:0;border:1px solid rgb(0 0 0 / .5);border-radius:6px;overflow:hidden;background:#0000001f}.peq-band h4{margin:0;padding:8px 0;background:#000;color:var(--band);text-align:center;font-size:16px;font-weight:500;letter-spacing:.02em}.peq-band-body{flex:1;display:flex;gap:10px;padding:12px 10px;justify-content:center}.peq-values{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0;max-width:150px}.peq-modes{display:flex;flex-direction:column;gap:12px}.peq-mode{flex:1;display:grid;place-items:center;width:52px;min-height:46px;padding:0;border:1.5px solid var(--band);border-radius:6px;background:#000;color:#fff}.peq-mode svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.peq-mode.on{color:var(--band);box-shadow:inset 0 0 0 1px var(--band)}.peq-mode.on svg{stroke-width:3}.peq-mode:hover:not(.on){background:#151515}.peq-value{position:relative;flex:1;min-height:46px;display:grid;place-items:center;padding:0 6px 10px;border:1.5px solid var(--band, #cfd8d8);border-radius:6px;background:#000;color:#fff;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.peq-value:focus-visible{outline:2px solid #fff;outline-offset:1px}.peq-value-text{font-size:15px;white-space:nowrap}.peq-value-bar{position:absolute;left:3px;right:3px;bottom:3px;height:7px;border-top:1px solid var(--band, #cfd8d8);background:#1a1a1a;border-radius:0 0 3px 3px;overflow:hidden}.peq-value-bar span{display:block;height:100%;background:#fff;border-radius:0 3px 3px 0}.peq-value.disabled{cursor:default}.peq-value.disabled .peq-value-text{color:#9a9a9a}.peq-side{flex:none;width:96px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:22px 0 12px;gap:16px}.peq-button{width:88px;height:44px;border:1px solid #cfe5e5;border-radius:6px;background:linear-gradient(180deg,#0f8b90,#096468);color:#fff;font-size:17px}.peq-button.on{background:linear-gradient(180deg,#16a6ac,#0c7a7f);box-shadow:inset 0 0 0 1px #fff}.peq-in{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;font-size:17px}.peq-led{display:grid;place-items:center;width:52px;height:52px;padding:0;border:2px solid #0a3d3f;border-radius:50%;background:#1d4a3a}.peq-led span{width:26px;height:9px;border-radius:5px;background:#2b6a50}.peq-led.on{background:#5df07a;border-color:#2bb04a;box-shadow:0 0 10px #5df07a8c}.peq-led.on span{background:#12e030}.peq-hpf{display:flex;align-items:center;gap:8px}.peq-hpf .peq-value{width:96px;min-height:30px;flex:none;padding-bottom:8px}.peq-hpf .peq-value-text{font-size:12px}.peq-hpf .peq-value-bar{height:5px}.peq-hpf-in{height:30px;padding:0 10px;border:1.5px solid var(--band);border-radius:6px;background:#000;color:var(--band);font-size:12px;font-weight:600}.peq-hpf-in.on{background:var(--band);color:#000}.peq-slopes{display:flex;border:1.5px solid var(--band);border-radius:6px;overflow:hidden}.peq-slopes button{height:27px;padding:0 8px;border:0;border-radius:0;background:#000;color:#fff;font-size:11px}.peq-slopes button+button{border-left:1px solid rgb(255 255 255 / .2)}.peq-slopes button.on{background:var(--band);color:#000}@media(max-width:900px){.peq-bands{grid-template-columns:1fr 1fr}.peq-value-text{font-size:13px}}@media(max-width:560px){.dsp-section.peq header{flex-wrap:wrap;gap:8px}.peq-graph{aspect-ratio:2 / 1}.peq-meter{width:32px}.peq-bottom{flex-direction:column}.peq-bands{grid-template-columns:1fr}.peq-side{width:auto;flex-direction:row;padding:0}.peq-in{flex-direction:row;gap:8px}}.dsp-section.peq.off .peq-graph{opacity:1}