@font-face{font-family:Yes Italic;src:url(/assets/YesItalicBook-RoxE-CSRpqUlL.ttf) format("truetype");font-weight:400;font-style:normal}:root,[data-theme=dark]{color-scheme:dark;font-family:system-ui,sans-serif;--bg-app: #24272d;--bg-panel: #2b2e34;--bg-raised: #33373e;--bg-elevated: #393e46;--bg-control: #42474f;--bg-control-hover: #515761;--bg-inset: #202329;--bg-scope: #1b1e24;--topbar-bg: linear-gradient(#3c4149, #32363e);--border: #484e57;--border-strong: #5c636e;--border-subtle: #3e434b;--text: #e8e8e8;--text-secondary: #b9bfc8;--text-muted: #9aa0aa;--text-dim: #8d949e;--text-faint: #767d87;--accent: #4b7fd0;--accent-bright: #5b9dff;--segment-active: #45566d;--accent-wash: #263243;--brand: #e03c3c;--positive: #5ec98a;--positive-soft: #7fd6a4;--positive-faint: #4a7d61;--warning: #d9a441;--on-accent: #fff;--track-fallback: #636974;--row-hover: #3c4149;--row-selected: #3a475a;--lane-selected: #3a3f47;--grid-line: #464b55;--grid-line-bar: #5f6675;--grid-line-faint: rgb(70 75 85 / 32%);--fader-groove: #4b515b;--meter-off: #41464f;--knob-dial: #44484f;--knob-dial-master: #5b626c;--bg-master: #3e434b;--master-cap: #8b939f;--master-name: #d9a45f;--clip-mix-base: #24272d;--clip-fill-strength: 32%;--clip-selected-tint: #fff;--clip-selected-tint-strength: 32%;--time-selection-fill: rgb(214 228 255 / 34%);--clip-border-strength: 72%;--clip-title-text: #16191f;--scrim: rgb(0 0 0 / 55%);--shadow-menu: 0 6px 20px rgb(0 0 0 / 45%);--shadow-dialog: 0 12px 40px rgb(0 0 0 / 55%);--shadow-cap: 0 1px 3px rgb(0 0 0 / 50%);--shadow-inset: inset 0 1px 0 rgb(0 0 0 / 35%);--focus-ring: rgb(255 255 255 / 55%)}[data-theme=light]{color-scheme:light;--bg-app: #dfe3e8;--bg-panel: #e4e7ec;--bg-raised: #f6f7f9;--bg-elevated: #fff;--bg-control: #fff;--bg-control-hover: #e7ebf1;--bg-inset: #fff;--bg-scope: #fafbfc;--topbar-bg: linear-gradient(#fdfdfe, #eef0f4);--border: #cbd0d8;--border-strong: #b0b7c2;--border-subtle: #dfe3e9;--text: #1b1f26;--text-secondary: #39414c;--text-muted: #5b636e;--text-dim: #757d88;--text-faint: #949ba5;--accent: #2f6ac2;--accent-bright: #2f7ae5;--segment-active: #cfe0fa;--accent-wash: #e8f0fd;--brand: #d02b2b;--positive: #1f8f57;--positive-soft: #1c8a52;--positive-faint: #5f9c7c;--warning: #a1720f;--on-accent: #fff;--track-fallback: #b4bac3;--row-hover: #eef1f6;--row-selected: #d9e5f6;--lane-selected: #e9eef5;--grid-line: #ced3da;--grid-line-bar: #aab2bd;--grid-line-faint: rgb(206 211 218 / 45%);--fader-groove: #c3c8d0;--meter-off: #d5d9e0;--knob-dial: #d3d8df;--knob-dial-master: #ccd2da;--bg-master: #e9ecf1;--master-cap: #8d95a1;--master-name: #8a5c14;--clip-mix-base: #fff;--clip-fill-strength: 52%;--clip-selected-tint: #000;--clip-selected-tint-strength: 24%;--time-selection-fill: rgb(24 48 96 / 24%);--clip-border-strength: 88%;--clip-title-text: #16191f;--scrim: rgb(22 28 38 / 38%);--shadow-menu: 0 6px 20px rgb(24 30 40 / 16%);--shadow-dialog: 0 12px 40px rgb(24 30 40 / 22%);--shadow-cap: 0 1px 3px rgb(24 30 40 / 28%);--shadow-inset: inset 0 1px 0 rgb(24 30 40 / 8%);--focus-ring: rgb(0 0 0 / 45%)}body{margin:0;background:var(--bg-app);color:var(--text)}.start-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.start-screen__button{font-size:1.1rem;padding:.9rem 1.6rem;cursor:pointer}.start-screen__hint{color:var(--text-muted);font-size:.85rem}.app{display:flex;flex-direction:column;height:100vh}.app__topbar{position:relative;display:flex;align-items:center;flex-wrap:nowrap;gap:.5rem;padding:.5rem .7rem;border-bottom:1px solid var(--border);background:var(--topbar-bg);flex:none}.app__brand{font-family:Yes Italic,system-ui,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.02em;color:var(--brand);white-space:nowrap;padding-right:.5rem;margin-right:.25rem;border-right:1px solid var(--border-strong)}.topbar__group{display:flex;align-items:center;gap:.55rem;padding:.3rem .45rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-inset)}.topbar__cluster{display:flex;align-items:center;gap:.3rem}.topbar__cluster--song{position:relative}.topbar__cluster--settings{margin-left:.15rem;padding-left:.55rem;border-left:1px solid var(--border)}.topbar__popover.topbar__popover{position:absolute;top:calc(100% + 4px);left:0}.topbar__field{display:flex;align-items:center;gap:.3rem;font-size:.8rem}.topbar__label{font-size:.65rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim)}.topbar__field input[type=number],.topbar__field input[type=text]{width:3.4rem;background:var(--bg-inset);color:var(--text);border:1px solid var(--border-strong);border-radius:5px;padding:.2rem .35rem;font-variant-numeric:tabular-nums}.topbar__field input[type=text]{width:8rem}.topbar__hint{font-size:.7rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.topbar__button{height:2rem;display:inline-flex;align-items:center;padding:0 .6rem;font-size:.75rem;font-weight:600}.topbar__stepper{display:flex}.topbar__stepper button{display:flex;align-items:center;justify-content:center;width:1.9rem;height:2rem;padding:0;border-radius:0}.topbar__stepper button:first-child{border-radius:5px 0 0 5px}.topbar__stepper button:last-child{border-radius:0 5px 5px 0;border-left-width:0}.topbar__icon-step svg{width:.95rem;height:.95rem}.icon-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border-radius:6px;color:var(--text-secondary)}.icon-button svg{width:1.15rem;height:1.15rem}.icon-button:hover:not(:disabled){background:var(--bg-control-hover)}.icon-button--play[aria-pressed=true]{background:#2f7d4f;border-color:#3fa268;color:#fff}.icon-button--loop[aria-pressed=true]{background:#3a5f9e;border-color:var(--accent);color:#fff}.icon-button--metronome[aria-pressed=true]{background:#8a5a2f;border-color:#c07f3f;color:#fff}.clock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.6rem;padding:.25rem .6rem;background:var(--bg-scope);border:1px solid var(--border);border-radius:8px;font-variant-numeric:tabular-nums}.topbar__cluster--transport{margin-left:auto}.clock__portal{display:contents}.clock__primary{display:flex;flex-direction:column;gap:.05rem;padding-right:.6rem;border-right:1px solid var(--border-subtle)}.clock__bars{font-size:1.15rem;font-weight:600;line-height:1.1;color:var(--positive-soft);min-width:7ch}.clock__separator{color:var(--positive-faint);padding:0 .08rem}.clock__fields{display:flex;gap:.6rem}.clock__field{display:flex;flex-direction:column;gap:.05rem}.clock__label{font-size:.6rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.clock__value{font-size:.85rem;color:var(--text-secondary);line-height:1.2}.clock__value--input{width:3ch;background:none;border:none;color:var(--text-secondary);font:inherit;font-size:.85rem;font-variant-numeric:tabular-nums;padding:0;-webkit-appearance:none;-moz-appearance:textfield;appearance:textfield}.clock__value--input::-webkit-outer-spin-button,.clock__value--input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.clock__value--input:hover,.clock__value--input:focus{color:var(--text);outline:none}.clock__select{background:none;border:none;color:var(--text-secondary);font:inherit;font-size:.85rem;padding:0}.clock__select:hover,.clock__select:focus{color:var(--text);outline:none}.clock__bpm{display:flex;align-items:center;gap:.2rem}.clock__stepper{display:flex;flex-direction:column;gap:1px}.clock__stepper button{width:11px;height:8px;padding:0;border:none;border-radius:2px;background:none;color:var(--text-faint);font-size:.45rem;line-height:1}.clock__stepper button:hover{color:var(--text);background:var(--bg-control)}.clock__field--active .clock__value{color:var(--accent-bright)}.clock__field--active .clock__label{color:var(--accent)}.waveform{display:block;width:100%;height:100%;pointer-events:none}.clip-lane__clip .waveform{position:absolute;left:0;top:14px;height:calc(100% - 14px);opacity:.5}.app__divider{flex:none;height:6px;cursor:row-resize;touch-action:none;border-top:1px solid var(--border)}.app__divider:hover{background:var(--border)}.mixer{display:flex;align-items:stretch;gap:.5rem;flex:none;padding:.5rem;overflow:hidden;background:var(--bg-panel)}.mixer__strips{display:flex;align-items:stretch;gap:2px;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden}.channel-strip{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:none;width:122px;padding:.5rem .4rem;background:var(--bg-raised);border:1px solid var(--border);border-top:3px solid var(--track-color, var(--track-fallback));border-radius:6px}.channel-strip--master{background:var(--bg-master);border-color:var(--border-strong);border-top-color:var(--master-cap);box-shadow:inset 0 0 0 1px #ffffff05}.channel-strip--master .channel-strip__fader{--fader-cap-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 21'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23f0a09a'/%3E%3Cstop offset='42%25' stop-color='%23d9615a'/%3E%3Cstop offset='50%25' stop-color='%23a9291f'/%3E%3Cstop offset='58%25' stop-color='%23e0716a'/%3E%3Cstop offset='100%25' stop-color='%23f0a09a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0.75' y='0.75' width='34.5' height='19.5' rx='3' fill='url(%23g)' stroke='%237a2018' stroke-width='1.5'/%3E%3Crect x='5' y='9' width='26' height='3' rx='0.5' fill='%237a2018'/%3E%3C/svg%3E")}.channel-strip--master .knob__dial{background-color:var(--knob-dial-master)}.channel-strip__name--master{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--master-name);padding:.15rem .2rem;border:1px solid transparent}.channel-strip--selected{border-left-color:var(--accent);border-right-color:var(--accent);border-bottom-color:var(--accent)}.channel-strip__name{width:100%;background:none;border:1px solid transparent;border-radius:4px;color:var(--text);font-size:.75rem;font-weight:600;text-align:center;padding:.15rem .2rem}.channel-strip__name:hover,.channel-strip__name:focus{border-color:var(--border-strong);outline:none}.channel-strip__knobs{display:flex;gap:.5rem}.channel-strip__mute{width:2rem;height:1.4rem;padding:0;font-size:.7rem;font-weight:700;line-height:1}.channel-strip__mute[aria-pressed=true]{background:#a83a3a;border-color:#c24b4b;color:#fff}.channel-strip__mute--solo[aria-pressed=true]{background:#b8912f;border-color:var(--warning)}.channel-strip__buttons{display:flex;gap:.25rem}.channel-strip__fader-well{--fader-cap-height: 21px;flex:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;min-height:0}.channel-strip__fader-accessories{margin-block:calc(var(--fader-cap-height) / 2);display:flex;justify-content:flex-end;align-items:stretch;gap:3px;padding-right:3px}.fader-scale{position:relative;flex:none;width:20px}.fader-scale__tick{position:absolute;right:2px;transform:translateY(50%);font-size:.5rem;line-height:1;color:var(--text-faint);white-space:nowrap}.fader-scale__tick--floor{color:var(--text-faint)}.level-meter{--meter-green: #4caf6d;--meter-yellow: #d9b545;--meter-red: #c0433f;flex:none;width:8px;display:flex;flex-direction:column;gap:1px}.level-meter__led{flex:1;min-height:0;background-color:var(--meter-off);border-radius:1px}.channel-strip__fader{--fader-cap-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 21'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23eceef1'/%3E%3Cstop offset='42%25' stop-color='%23c7cad0'/%3E%3Cstop offset='50%25' stop-color='%23a7abb3'/%3E%3Cstop offset='58%25' stop-color='%23cfd2d7'/%3E%3Cstop offset='100%25' stop-color='%23eceef1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0.75' y='0.75' width='34.5' height='19.5' rx='3' fill='url(%23g)' stroke='%236b6f76' stroke-width='1.5'/%3E%3Crect x='5' y='9' width='26' height='3' rx='0.5' fill='%236b6f76'/%3E%3C/svg%3E");flex:1;writing-mode:vertical-lr;direction:rtl;width:36px;height:100%;margin:0;cursor:ns-resize;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.channel-strip__fader::-webkit-slider-runnable-track{width:100%;height:100%;background:linear-gradient(to right,transparent 0,transparent calc(50% - 4.5px),var(--fader-groove) calc(50% - 4.5px),var(--fader-groove) calc(50% + 4.5px),transparent calc(50% + 4.5px),transparent 100%)}.channel-strip__fader::-moz-range-track{width:100%;background:linear-gradient(to right,transparent 0,transparent calc(50% - 4.5px),var(--fader-groove) calc(50% - 4.5px),var(--fader-groove) calc(50% + 4.5px),transparent calc(50% + 4.5px),transparent 100%)}.channel-strip__fader::-webkit-slider-thumb{-webkit-appearance:none;width:36px;height:var(--fader-cap-height);margin:0;background-image:var(--fader-cap-svg);background-size:100% 100%;box-shadow:var(--shadow-cap);cursor:ns-resize}.channel-strip__fader::-moz-range-thumb{width:36px;height:var(--fader-cap-height);border:none;background-image:var(--fader-cap-svg);background-size:100% 100%;box-shadow:var(--shadow-cap);cursor:ns-resize}.channel-strip__value{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.7rem}.channel-strip__slots{display:flex;flex-direction:column;gap:.2rem;width:100%}.channel-strip__slot{display:flex;align-items:center;gap:.3rem;box-sizing:border-box;width:100%;min-height:1.5rem;padding:.15rem .3rem;background:var(--bg-inset);border:1px solid var(--border);border-radius:4px;cursor:pointer}.channel-strip__slot:hover{border-color:var(--border-strong)}.channel-strip__slot--open{border-color:var(--accent);background:var(--accent-wash)}.channel-strip__slot-power{flex:none;width:.9rem;height:.9rem;padding:0;border-radius:3px;font-size:.5rem;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--positive)}.channel-strip__slot-power[aria-pressed=true]{color:var(--text-faint)}.channel-strip__chips{display:flex;flex:none;gap:.15rem}.channel-strip__chip{width:1rem;height:1rem;padding:0;border-radius:3px;font-size:.55rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--positive);border-color:color-mix(in srgb,var(--positive) 45%,transparent)}.channel-strip__chip[aria-pressed=true]{color:var(--text-faint);border-color:var(--border)}.channel-strip__slot-label{flex:none;font-size:.55rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.channel-strip__slot-meter{flex:1;min-width:0;height:.35rem;display:flex;justify-content:flex-end;border-radius:2px;background:color-mix(in srgb,var(--text) 10%,transparent);overflow:hidden}.channel-strip__slot-meter-fill{height:100%;background:var(--accent);transition:width 60ms linear}.eq-thumbnail{flex:1;min-width:0;height:22px;color:color-mix(in srgb,var(--text) 75%,transparent)}.plugin-pane{display:flex;flex-direction:column;flex:none;width:580px;background:var(--bg-raised);border:1px solid var(--border);border-top:3px solid var(--track-color, var(--track-fallback));border-radius:6px;overflow:hidden}.plugin-pane__header{display:flex;align-items:center;gap:.5rem;padding:.4rem .55rem;background:var(--bg-panel);border-bottom:1px solid var(--border);flex:none}.plugin-pane__title{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.2}.plugin-pane__eyebrow{font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.plugin-pane__track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;color:var(--text)}.plugin-pane__bypass,.plugin-pane__close{flex:none;width:1.7rem;height:1.7rem;padding:0;font-size:.9rem;line-height:1}.plugin-pane__bypass{color:var(--positive)}.plugin-pane__bypass[aria-pressed=true]{color:var(--text-faint)}.plugin-pane__prepost{display:flex;flex:none;border:1px solid var(--border-strong);border-radius:5px;overflow:hidden}.plugin-pane__prepost button{border:none;border-radius:0;padding:.3rem .55rem;font-size:.65rem;font-weight:600;letter-spacing:.04em;background:var(--bg-control);color:var(--text-muted)}.plugin-pane__prepost button[aria-pressed=true]{background:var(--segment-active);color:var(--text)}.dynamics-pane{--dyn-1: 4px;--dyn-2: 8px;--dyn-3: 12px;--dyn-text-label: .6rem;--dyn-text-value: .7rem;--dyn-text-small: .55rem;--dyn-unit-width: 13px;display:flex;flex-direction:column;flex:1;min-height:0;gap:var(--dyn-2);padding:var(--dyn-2);overflow-y:auto}.dyn-section{display:flex;flex-direction:column;gap:var(--dyn-2);padding:var(--dyn-2);background:var(--bg-inset);border:1px solid var(--border);border-radius:5px}.dyn-section--focused{border-color:var(--border-strong)}.dyn-section__head{display:flex;align-items:center;gap:var(--dyn-2);cursor:pointer}.dyn-section--collapsed .dyn-section__head:hover .dyn-section__name{color:var(--text)}.dyn-section__power{flex:none;width:20px;height:20px;padding:0;border-radius:3px;font-size:var(--dyn-text-small);line-height:1;display:flex;align-items:center;justify-content:center;color:var(--positive)}.dyn-section__power[aria-pressed=true]{color:var(--text-faint)}.dyn-section__name{flex:none;width:88px;font-size:var(--dyn-text-label);font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim)}.dyn-section__meter{flex:1;min-width:0;height:6px;display:flex;justify-content:flex-end;border-radius:2px;background:color-mix(in srgb,var(--text) 10%,transparent);overflow:hidden}.dyn-section__meter-fill{height:100%;background:var(--accent);transition:width 60ms linear}.dyn-section__value{flex:none;width:56px;text-align:right;font-size:var(--dyn-text-label);font-variant-numeric:tabular-nums;color:var(--text-muted)}.dyn-section__body{display:flex;align-items:center;gap:var(--dyn-3);padding-top:var(--dyn-2);border-top:1px solid var(--border-subtle)}.dyn-curve{flex:none;width:188px;height:144px;background:var(--bg-scope);border:1px solid var(--border-subtle);border-radius:4px}.dyn-curve__unity{stroke:var(--border-strong);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:3 3}.dyn-curve__line{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}.dyn-section__knobs{flex:1;display:grid;grid-template-columns:repeat(var(--dyn-cols, 4),76px);align-content:center;justify-content:center;gap:var(--dyn-3) var(--dyn-2)}.dyn-knob{display:flex;flex-direction:column;align-items:center;gap:var(--dyn-1)}.dyn-knob__field{display:flex;align-items:baseline;justify-content:center;gap:2px;max-width:100%}.dyn-knob__field:before{content:"";flex:none;width:var(--dyn-unit-width)}.dyn-knob__input{width:44px;min-width:0;padding:2px var(--dyn-1);font-size:var(--dyn-text-value);text-align:center;font-variant-numeric:tabular-nums}.dyn-knob__unit{flex:none;width:var(--dyn-unit-width);font-size:var(--dyn-text-small);color:var(--text-dim)}.dyn-section--off .dyn-section__knobs,.dyn-section--off .dyn-curve{opacity:.45}.dyn-section__auto{padding:2px var(--dyn-1);font-size:var(--dyn-text-small);font-weight:600;letter-spacing:.06em;color:var(--text-muted);background:var(--bg-control);border:1px solid var(--border-strong);border-radius:3px}.dyn-section__auto:hover{color:var(--text);background:var(--bg-control-hover)}.channel-eq{display:flex;flex-direction:column;flex:1;min-height:0;gap:.45rem;padding:.5rem .6rem .55rem}.channel-eq__plot{display:grid;grid-template-columns:1.9rem 1fr;grid-template-rows:1fr .95rem;flex:1;min-height:0;column-gap:.25rem}.channel-eq__db-axis{position:relative}.channel-eq__db-tick{position:absolute;right:0;transform:translateY(-50%);font-size:.6rem;font-variant-numeric:tabular-nums;color:var(--text-faint)}.channel-eq__freq-axis{position:relative;grid-column:2}.channel-eq__freq-tick{position:absolute;top:.1rem;transform:translate(-50%);font-size:.6rem;font-variant-numeric:tabular-nums;color:var(--text-faint)}.channel-eq__graph{position:relative;min-height:0;background:var(--bg-scope);border:1px solid var(--border);border-radius:4px}.channel-eq__canvas{display:block;width:100%;height:100%;border-radius:4px}.channel-eq__handle{position:absolute;width:18px;height:18px;margin-left:-9px;margin-top:-9px;border-radius:50%;background:var(--band-color, var(--accent));border:1.5px solid var(--bg-scope);display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;line-height:1;color:var(--bg-scope);cursor:grab;touch-action:none;transition:width 90ms ease,height 90ms ease,margin 90ms ease,box-shadow .12s ease}.channel-eq__handle:hover{width:21px;height:21px;margin-left:-10.5px;margin-top:-10.5px}.channel-eq__handle:active{cursor:grabbing}.channel-eq__handle--focused{width:22px;height:22px;margin-left:-11px;margin-top:-11px;box-shadow:0 0 0 2px var(--focus-ring),0 0 12px var(--band-color, var(--accent))}.channel-eq__handle--disabled{background:transparent;border-color:var(--band-color, var(--text-faint));color:var(--band-color, var(--text-faint));opacity:.5}.channel-eq__handle-label{pointer-events:none}.channel-eq__handle:focus-visible{outline:2px solid var(--text);outline-offset:2px}.channel-eq__band-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex:none}.channel-eq__band-tabs{display:flex;gap:.45rem}.channel-eq__band-tab{width:1.7rem;height:1.7rem;padding:0;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;line-height:1;border:1.5px solid var(--band-color, var(--text-dim));border-radius:50%;background:none;color:var(--band-color, var(--text-dim));opacity:.55}.channel-eq__band-tab:hover{opacity:.85}.channel-eq__band-tab--focused{opacity:1;background:color-mix(in srgb,var(--band-color, var(--accent)) 22%,transparent);box-shadow:0 0 0 1px var(--band-color, var(--accent))}.channel-eq__band-tab--disabled{opacity:.3}.channel-eq__focused-row{display:grid;grid-template-columns:1.4rem 1fr 1.7rem;align-items:center;gap:.6rem;flex:none;padding-top:.5rem;border-top:1px solid var(--border-subtle)}.channel-eq__focused-index{font-size:.95rem;font-weight:700;color:var(--band-color, var(--text));font-variant-numeric:tabular-nums;text-align:center;cursor:default}.channel-eq__knobs{display:flex;align-items:center;justify-content:center;gap:1.1rem}.channel-eq__knob-group{display:flex;align-items:center;gap:.3rem}.channel-eq__knob-field{display:flex;align-items:baseline;gap:.15rem}.channel-eq__unit{width:1rem;font-size:.55rem;color:var(--text-dim)}.channel-eq__field{width:3.2rem;padding:.15rem .3rem;font-size:.72rem;text-align:center;font-variant-numeric:tabular-nums}.channel-eq__slope-group{display:flex;gap:.15rem}.channel-eq__slope-button{padding:.2rem .4rem;font-size:.62rem;font-variant-numeric:tabular-nums}.channel-eq__slope-button--active{border-color:var(--band-color, var(--accent));background:var(--segment-active);color:var(--text)}.channel-eq__band-power{width:1.7rem;height:1.7rem;padding:0;font-size:.8rem;color:var(--positive)}.channel-eq__band-power[aria-pressed=true]{color:var(--text-faint)}.knob{--knob-fill: var(--accent);position:relative;display:flex;flex-direction:column;align-items:center;gap:.15rem}.knob__dial{position:relative;width:32px;height:32px;border-radius:50%;background-color:var(--knob-dial);mask:radial-gradient(circle,transparent 60%,#000 62%);-webkit-mask:radial-gradient(circle,transparent 60%,#000 62%)}.knob__indicator{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.knob__indicator:after{content:"";position:absolute;top:2px;left:50%;width:2px;height:8px;background:var(--text);transform:translate(-50%)}.knob__hitarea{position:absolute;top:0;left:50%;width:32px;height:32px;transform:translate(-50%);cursor:ns-resize;touch-action:none}.knob__input{position:absolute;top:0;left:50%;width:32px;height:32px;margin:0;transform:translate(-50%);opacity:0;pointer-events:none}.knob__label{font-size:.6rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.02em}.channel-strip__knobs .knob:first-child{--knob-fill: var(--brand)}.channel-strip__knobs .knob:first-child .knob__label{font-family:Yes Italic,system-ui,sans-serif;color:var(--brand)}.knob__value{font-size:.65rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.arrangement{display:flex;flex-direction:column;flex:1;min-height:200px;background:var(--bg-panel);padding:.5rem .75rem .75rem;border-bottom:1px solid var(--border)}.arrangement__body{display:flex;align-items:flex-start;flex:1;min-height:0;overflow-y:auto}.arrangement__labels{display:flex;flex-direction:column;min-width:0}.arrangement__labels-spacer{height:41px;flex:none}.arrangement__row-label{height:40px;flex:none;display:flex;align-items:center;gap:.35rem;width:100%;box-sizing:border-box;background:var(--bg-elevated);border-left:3px solid var(--track-color, var(--track-fallback));border-bottom:1px solid var(--border-subtle);padding:0 .9rem 0 .6rem;cursor:pointer;transition:background-color .12s ease}.arrangement__row-label:hover{background:var(--row-hover)}.arrangement__row-label__name{flex:1;min-width:0;font:inherit;font-size:.8rem;font-weight:500;text-align:left;color:var(--text-dim);background:none;border:none;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.arrangement__row-label:hover .arrangement__row-label__name{color:var(--text-secondary)}.arrangement__row-label__name--editing{cursor:text;color:var(--text)}.arrangement__row-label__buttons{display:flex;flex:none;gap:.2rem}.arrangement__divider{flex:none;align-self:stretch;width:6px;margin:0 2px;cursor:col-resize;touch-action:none;border-radius:3px}.arrangement__divider:hover{background:var(--border-strong)}.arrangement__row-label--selected{background:var(--row-selected)}.arrangement__row-label--selected .arrangement__row-label__name{color:var(--text);font-weight:600}.arrangement__scroll{flex:1;min-height:100%;display:flex;flex-direction:column;overflow-x:auto;background-color:var(--bg-raised);background-image:repeating-linear-gradient(to right,var(--grid-line) 0,var(--grid-line) 1px,transparent 1px,transparent 100%),repeating-linear-gradient(to right,var(--grid-line-faint) 0,var(--grid-line-faint) 1px,transparent 1px,transparent 100%);background-repeat:repeat}.arrangement__timeline{position:relative;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;gap:4px;flex:1 0 auto;background-color:var(--bg-raised);background-image:repeating-linear-gradient(to right,var(--grid-line-bar) 0,var(--grid-line-bar) 1px,transparent 1px,transparent 100%),repeating-linear-gradient(to right,var(--grid-line-faint) 0,var(--grid-line-faint) 1px,transparent 1px,transparent 100%);background-repeat:repeat}.arrangement__lanes{position:relative;display:flex;flex-direction:column}.arrangement__playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--text);pointer-events:none}.loop-bar{position:relative;height:14px;flex:none;background:var(--bg-scope);border-bottom:1px solid var(--border-subtle);cursor:crosshair;touch-action:none}.loop-bar__region{position:absolute;top:2px;bottom:2px;min-width:2px;border:1px solid var(--border-strong);border-radius:3px;background:transparent;cursor:grab}.loop-bar__region--enabled{background:#3a5f9e;border-color:#6d9bea}.loop-bar__handle{position:absolute;top:-2px;bottom:-2px;width:7px;cursor:ew-resize}.loop-bar__handle--start{left:-3px}.loop-bar__handle--end{right:-3px}.loop-bar__region--enabled .loop-bar__handle:hover{background:#ffffff40;border-radius:2px}.ruler{position:sticky;top:0;height:18px;flex:none;font-size:.7rem;color:var(--text-dim);background:var(--bg-panel);z-index:1;cursor:pointer}.ruler__tick{position:absolute;top:0;border-left:1px solid var(--border-strong);padding-left:3px}.ruler__tick--beat{top:auto;bottom:0;height:5px;border-color:var(--border-subtle)}.ruler__tick--past-end{opacity:.4}.clip-lane{position:relative;height:40px;box-sizing:border-box;flex:none;background-color:var(--bg-raised);background-image:repeating-linear-gradient(to right,var(--grid-line-bar) 0,var(--grid-line-bar) 1px,transparent 1px,transparent 100%),repeating-linear-gradient(to right,var(--grid-line-faint) 0,var(--grid-line-faint) 1px,transparent 1px,transparent 100%);background-repeat:repeat;border-bottom:1px solid var(--border-subtle);overflow:hidden;cursor:text;touch-action:none}.clip-lane__time-selection{position:absolute;top:0;bottom:0;z-index:2;background:var(--time-selection-fill);border-left:1px solid var(--accent-bright);border-right:1px solid var(--accent-bright);box-sizing:border-box;pointer-events:none}.clip-lane__time-selection--marker{width:2px!important;border:none;background:var(--accent-bright);animation:insert-marker-blink 1s steps(1) infinite}@keyframes insert-marker-blink{50%{opacity:.25}}.clip-lane--selected{background-color:var(--lane-selected);box-shadow:inset 0 0 0 1px var(--accent)}.clip-lane--drag-over{box-shadow:inset 0 0 0 1px var(--accent-bright)}.clip-lane__clip{position:absolute;top:0;height:100%;background:color-mix(in srgb,var(--track-color, var(--accent-bright)) var(--clip-fill-strength),var(--clip-mix-base));border:1px solid color-mix(in srgb,var(--track-color, var(--accent-bright)) var(--clip-border-strength),var(--clip-mix-base));border-radius:3px;box-sizing:border-box;overflow:hidden;cursor:grab;touch-action:none}.clip-lane__clip-name{position:absolute;top:0;left:0;right:0;height:14px;padding:0 4px;font-size:.62rem;line-height:14px;color:var(--clip-title-text);background:var(--track-color, var(--accent-bright));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.clip-lane__clip--selected{background:color-mix(in srgb,var(--clip-selected-tint) var(--clip-selected-tint-strength),var(--track-color, var(--accent-bright)));border-color:var(--text);box-shadow:0 0 0 2px var(--text)}.clip-lane__clip--selected .waveform{opacity:.85}.clip-lane__clip--muted{opacity:.45;background-image:repeating-linear-gradient(135deg,transparent 0 5px,color-mix(in srgb,var(--text) 12%,transparent) 5px 10px)}.clip-lane__clip-body{position:absolute;top:50%;left:0;right:0;bottom:0;cursor:text;touch-action:none}.clip-lane__clip:active{cursor:grabbing}.clip-lane__handle{position:absolute;top:0;height:50%;z-index:1;cursor:col-resize;touch-action:none;background:transparent}.clip-lane__handle--start{left:0}.clip-lane__handle--end{right:0}.clip-lane__clip:hover .clip-lane__handle{background:var(--text);opacity:.55}.inspector{display:flex;flex-direction:column;align-items:stretch;flex:none;align-self:stretch;width:176px;margin-right:.75rem;padding:.7rem;background:linear-gradient(180deg,var(--bg-elevated),var(--bg-raised) 60px);border:1px solid var(--border);border-radius:8px;font-size:.8rem;overflow-y:auto}.inspector__title{font-size:.65rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;padding-bottom:.5rem;margin-bottom:.6rem;border-bottom:1px solid var(--border)}.inspector__empty{flex:1;display:flex;align-items:center}.inspector__placeholder{margin:0;color:var(--text-faint);font-size:.75rem;line-height:1.5}.inspector__header{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.7rem}.inspector__header .inspector__track{flex:none}.inspector__name{font-size:.85rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector__track{align-self:flex-start;color:var(--text-muted);font-size:.7rem;font-weight:600;background:var(--bg-control);border-radius:999px;padding:.15rem .55rem}.inspector__section{padding-top:.6rem;margin-top:.6rem;border-top:1px solid var(--border-subtle)}.inspector__section:first-of-type{padding-top:0;margin-top:0;border-top:none}.inspector__caption{display:block;font-size:.6rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem}.inspector__row{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.inspector__row select,.inspector__row button{font-size:.75rem;padding:.2rem .4rem}.inspector__row input[data-numeric-field]{width:3.6rem;font:inherit;font-variant-numeric:tabular-nums;padding:.15rem .3rem}.inspector__row input[data-numeric-field]::placeholder{font-size:.68rem;font-style:italic;color:var(--text-faint);opacity:1}.inspector__checkbox{display:flex;align-items:center;gap:.3rem;color:var(--text-secondary)}.inspector__checkbox input[type=checkbox]{accent-color:var(--accent)}.inspector__value{color:var(--text-muted);font-variant-numeric:tabular-nums}.inspector__label{flex:none;width:2.4rem;color:var(--text-dim)}.inspector__value--warn{color:var(--warning)}.inspector__value--file{font-size:.65rem;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.inspector__note{margin:.35rem 0 0;font-size:.65rem;line-height:1.4;color:var(--text-dim)}.inspector__note--busy{color:var(--accent-bright);animation:inspector-busy 1.1s ease-in-out infinite}@keyframes inspector-busy{0%,to{opacity:.55}50%{opacity:1}}.inspector__text{width:100%;box-sizing:border-box;font:inherit;font-size:.8rem;color:var(--text);background:var(--bg-inset);border:1px solid var(--border-strong);border-radius:4px;padding:.25rem .4rem}.inspector__swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem}.inspector__swatch{height:1.4rem;width:100%;min-width:0;box-sizing:border-box;padding:0;border:none;border-radius:3px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.inspector__swatch--active{box-shadow:0 0 0 2px var(--bg-elevated),0 0 0 3px var(--text)}.inspector__swatch--custom{background:none}.inspector__swatch--custom::-webkit-color-swatch-wrapper{padding:0}.inspector__swatch--custom::-webkit-color-swatch{border:none;border-radius:3px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 65%,transparent)}.inspector__swatch--custom::-moz-color-swatch{border:none;border-radius:3px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 65%,transparent)}.inspector__toggle{flex:1;font-size:.75rem;padding:.25rem .4rem}.inspector__toggle[aria-pressed=true]{background:#a83a3a;border-color:#c24b4b;color:#fff}.inspector__toggle--solo[aria-pressed=true]{background:#b8912f;border-color:var(--warning)}.inspector__toggle--alt[aria-pressed=true]{background:var(--accent);border-color:var(--accent-bright);color:#fff}.inspector__toggle--mixed[aria-pressed=mixed]{background:linear-gradient(var(--bg-control) 50%,#a83a3a 50%);border-color:#c24b4b;border-style:dashed}.inspector__toggle--alt.inspector__toggle--mixed[aria-pressed=mixed]{background:linear-gradient(var(--bg-control) 50%,var(--accent) 50%);border-color:var(--accent-bright)}.context-menu{position:fixed;z-index:20;display:flex;flex-direction:column;min-width:8rem;padding:.25rem;gap:.15rem;background:var(--bg-control);border:1px solid var(--border-strong);border-radius:6px;box-shadow:var(--shadow-menu)}.context-menu button{background:none;border:none;border-radius:4px;text-align:left;padding:.35rem .6rem;font-size:.85rem}.context-menu button:hover{background:var(--bg-control-hover)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:var(--scrim)}.dialog{display:flex;flex-direction:column;gap:.75rem;min-width:18rem;max-width:24rem;max-height:70vh;padding:1rem;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:10px;box-shadow:var(--shadow-dialog)}.dialog__title{margin:0;font-size:.95rem}.dialog--wide{min-width:30rem;max-width:34rem}.dialog__empty{margin:0;color:var(--text-muted);font-size:.85rem}.file-list{display:flex;flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;overflow-y:auto}.file-list__row{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem;border-radius:4px}.file-list__row:hover{background:var(--bg-control-hover)}.file-list__name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem}.file-list__meta{color:var(--text-muted);font-size:.75rem;font-variant-numeric:tabular-nums}.file-list__play{flex:none;width:1.75rem;height:1.75rem;padding:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;line-height:1}.dialog__actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.dialog__note{margin-right:auto;color:var(--text-muted);font-size:.75rem}.save-light{flex:none;width:7px;height:7px;border-radius:50%;background:#4a9e6d;transition:background-color .15s ease}.save-light--saving{background:#b8913f}.save-light--error{width:9px;height:9px;background:#e2575e;animation:save-light-pulse 1.4s ease-in-out infinite}@keyframes save-light-pulse{50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.save-light--error{animation:none}}.menu__heading{margin:.35rem 0 .1rem;padding:0 .5rem;font-size:.6rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim)}.menu__heading:first-child{margin-top:0}.song-list{display:flex;flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;overflow-y:auto}.song-list__item{width:100%;background:none;border:none;border-radius:4px;text-align:left;padding:.5rem .6rem;font-size:.85rem}.song-list__item:hover:not(:disabled){background:var(--bg-control-hover)}.song-list__item--active{color:var(--positive-soft);cursor:default}.dialog__cancel{align-self:flex-end}.settings__section{display:flex;flex-direction:column;gap:.5rem}.settings__caption{margin:0;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.settings__themes{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.settings__note{margin:0;font-size:.72rem;line-height:1.45;color:var(--text-muted)}.theme-card{display:flex;flex-direction:column;align-items:stretch;gap:.4rem;padding:.4rem;background:var(--bg-control);border:1px solid var(--border)}.theme-card:hover{border-color:var(--border-strong)}.theme-card--active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-card__label{font-size:.75rem;font-weight:600}.theme-card__preview{display:flex;flex-direction:column;height:2.6rem;overflow:hidden;border:1px solid var(--border);border-radius:4px;background:var(--bg-raised)}.theme-card__preview-bar{flex:none;height:.7rem;background:var(--topbar-bg);border-bottom:1px solid var(--border)}.theme-card__preview-body{display:flex;align-items:center;flex:1;padding:0 .3rem;background:var(--bg-panel)}.theme-card__preview-accent{width:62%;height:.5rem;border-radius:2px;background:var(--accent)}button{background:var(--bg-control);color:var(--text);border:1px solid var(--border-strong);border-radius:6px;padding:.4rem .8rem;cursor:pointer}button:disabled{opacity:.4;cursor:default}input[data-numeric-field]{cursor:ns-resize}.inspector__row input[data-numeric-field],.channel-eq__field,.dyn-knob__input{background:var(--bg-inset);color:var(--text);border:none;border-radius:4px;transition:background-color .1s ease}.inspector__row input[data-numeric-field]:hover:not(:disabled),.channel-eq__field:hover:not(:disabled),.dyn-knob__input:hover:not(:disabled){background:var(--bg-control-hover)}.inspector__row input[data-numeric-field]:focus,.channel-eq__field:focus,.dyn-knob__input:focus{background:var(--accent-wash);outline:none}.inspector__row input[data-numeric-field]:disabled{opacity:.4;cursor:default}body.is-dragging-value{cursor:ns-resize;-webkit-user-select:none;user-select:none}select{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border-strong);border-radius:5px;padding:.25rem .4rem;cursor:pointer}select:disabled{opacity:.4;cursor:default}button:focus:not(:focus-visible),select:focus:not(:focus-visible),input[type=checkbox]:focus:not(:focus-visible){outline:none}