:root{--bg-deep: #07071a;--bg-mid: #12103a;--panel-glass: rgb(14 12 42 / 58%);--panel-border: rgb(255 255 255 / 9%);--panel-blur: 14px;--elevation-1: 0 1px 2px rgb(0 0 0 / 30%);--elevation-2: 0 6px 24px rgb(0 0 0 / 35%);--deck-a: #ff5c87;--deck-b: #45d8ff;--accent-warm: #ffb84d;--positive: #45d8ff;--violet: #7b5cff;--text-hi: #eef0ff;--text-lo: rgb(238 240 255 / 55%);--text-micro: rgb(238 240 255 / 38%);--meter-gradient: linear-gradient( 90deg, var(--positive) 0%, var(--accent-warm) 78%, var(--deck-a) 100% );--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-control: 6px;--radius-panel: 10px;--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-color: var(--text-hi);--font-ui: "Space Grotesk", "Avenir Next", "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", menlo, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);color:var(--text-hi);background:radial-gradient(900px 600px at 18% 12%,rgb(255 92 135 / 20%),transparent 60%),radial-gradient(1000px 700px at 85% 30%,rgb(69 216 255 / 16%),transparent 60%),radial-gradient(1200px 800px at 50% 110%,rgb(123 92 255 / 22%),transparent 65%),linear-gradient(180deg,var(--bg-deep),var(--bg-mid));background-attachment:fixed;-webkit-font-smoothing:antialiased}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}h1,h2,h3{font-weight:600;letter-spacing:.02em}h1{font-size:15px;letter-spacing:.34em}h2{font-size:13px}small,.text-lo{color:var(--text-lo);font-size:12px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.unsure{color:var(--accent-warm);text-decoration:underline dotted var(--accent-warm);text-underline-offset:3px}.micro{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-lo)}button{font-family:var(--font-ui);font-size:13px;color:var(--text-hi);background:#ffffff0f;border:1px solid var(--panel-border);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);cursor:pointer;min-height:32px}button:hover:not(:disabled){background:#ffffff1a}button:disabled{opacity:.45;cursor:not-allowed}input[type=file]{font-family:var(--font-ui);font-size:13px;color:var(--text-lo)}input[type=range]{accent-color:var(--deck-tint, var(--accent-cool));min-height:32px}input[type=number]{font-family:var(--font-mono);font-size:13px;color:var(--text-hi);background:#ffffff0f;border:1px solid var(--panel-border);border-radius:var(--radius-control);padding:var(--space-1) var(--space-2);min-height:32px}label{font-size:12px;color:var(--text-lo)}pre{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px;color:var(--text-lo);white-space:pre-wrap}a{color:var(--deck-b)}[role=alert]{color:var(--accent-warm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.inactive{color:var(--text-lo)}.mixer{display:flex;flex-direction:column;gap:10px;min-width:260px}.mixer__channels{display:grid;grid-template-columns:1fr .8fr 1fr;gap:8px;align-items:start}.mixer__strip,.mixer__master{display:flex;flex-direction:column;gap:6px}.mixer__strip-name{text-align:center;color:var(--text-hi);letter-spacing:.25em}.mixer__knob{display:flex;flex-direction:column;gap:2px}.mixer__knob input[type=range]{width:100%}.mixer__readout{font-size:10px;color:var(--text-lo);text-align:right}.mixer__todo{display:flex;justify-content:space-between;align-items:baseline;gap:6px;padding:4px 6px;border:1px dashed var(--text-lo);border-radius:4px;opacity:.45}.mixer__todo-note{color:var(--text-lo);letter-spacing:.1em}.mixer__note{color:var(--text-lo);text-align:center}.mixer__meter{display:flex;flex-direction:column;gap:2px}.mixer__meter-track{position:relative}.mixer__meter-unity{position:absolute;top:0;bottom:0;width:1px;background:var(--text-lo);opacity:.7}.mixer__meter-peak{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--text-hi)}.bar__fill--reduction{background:var(--accent-warm)}.mixer__fx{display:flex;flex-direction:column;gap:2px;padding:4px;border:1px solid var(--panel-border);border-radius:var(--radius-control)}.mixer__fx-toggle{font:inherit;font-size:10px;letter-spacing:.1em;padding:3px 6px;color:var(--text-lo);background:transparent;border:1px solid var(--panel-border);border-radius:var(--radius-control);cursor:pointer}.mixer__fx-toggle[aria-pressed=true]{color:var(--text-hi);border-color:var(--violet);background:#7b5cff2e}.mixer__fx-units{display:flex;gap:4px}.mixer__fx-units .mixer__fx-toggle{flex:1}.perform{position:relative;z-index:1;display:grid;grid-template-rows:48px 208px 1fr;gap:var(--space-3);height:100%;padding:var(--space-3)}.glass{position:relative;background:var(--panel-glass);backdrop-filter:blur(var(--panel-blur));border:1px solid var(--panel-border);border-radius:var(--radius-panel);box-shadow:var(--elevation-1)}.perform__topbar{display:flex;gap:var(--space-4);align-items:center;padding:0 var(--space-4)}.perform__brand{display:flex;gap:var(--space-3);align-items:baseline}.perform__spacer{margin-left:auto}.perform__waveforms{display:grid;grid-template-rows:1fr 1fr;gap:var(--space-1);padding:var(--space-3);min-height:0}.waveform{position:relative;width:100%;height:100%;min-height:0;cursor:pointer}.waveform__canvas{display:block;width:100%;height:100%}.waveform__empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-micro);font-size:11px;letter-spacing:.18em;text-transform:uppercase;pointer-events:none}.perform__placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-micro);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.perform__decks{display:grid;grid-template-columns:minmax(320px,380px) 1fr minmax(320px,380px);gap:var(--space-3);min-height:0}.perform__deck{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);overflow-y:auto}.perform__deck--a{--drop-outline: var(--deck-a);--deck-tint: var(--deck-a);border-top:2px solid var(--deck-a)}.perform__deck--b{--drop-outline: var(--deck-b);--deck-tint: var(--deck-b);border-top:2px solid var(--deck-b)}.perform__deck--drop{outline:2px solid var(--drop-outline);outline-offset:-2px}.perform__deck-title{font-size:11px;letter-spacing:.18em;text-transform:uppercase}.perform__deck--a .perform__deck-title{color:var(--deck-a)}.perform__deck--b .perform__deck-title{color:var(--deck-b)}.perform__stage{display:flex;align-items:safe center;justify-content:safe center;padding:var(--space-4);overflow:auto}.bar{display:block;width:100%;height:8px;overflow:hidden;background:#ffffff14;border:1px solid var(--panel-border);border-radius:var(--radius-control)}.bar--meter{height:16px}.bar__fill{width:0%;height:100%;background:var(--meter-gradient)}.bar--seekable{cursor:pointer}.bar__fill--deck-a{background:var(--deck-a)}.bar__fill--deck-b{background:var(--deck-b)}.render-canvas{display:block;width:480px;height:270px;background:var(--bg-deep);border:1px solid var(--panel-border);border-radius:var(--radius-control)}.render-canvas--waveform{width:480px;height:66px}.bar--progress{height:4px}.notice{padding:var(--space-3);border:1px solid var(--panel-border);border-radius:var(--radius-control);font-size:13px;line-height:1.4}.notice--error,.notice--warning{border-color:var(--accent-warm);color:var(--accent-warm);background:#ffb84d14}.transport{align-items:stretch}.transport__cue,.transport__play{min-width:88px;min-height:44px}.transport__cue[aria-pressed=true]{border-color:var(--accent-warm);color:var(--accent-warm)}.transport__play[aria-pressed=true]{border-color:var(--deck-a);color:var(--deck-a)}.transport__phase{margin-left:auto;font-variant:small-caps}.transport__times{justify-content:space-between}.transport__elapsed{color:var(--text-hi);font-size:20px}.transport__remaining{color:var(--text-lo)}.key-hints{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.key-hints kbd{display:inline-block;min-width:2.5em;padding:2px var(--space-2);color:var(--text-hi);font-family:var(--font-mono);font-size:11px;text-align:center;background:#ffffff14;border:1px solid var(--panel-border);border-radius:var(--radius-control)}.track-summary{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4);align-items:baseline;margin:0}.track-summary dd{margin:0;min-width:0}.track-summary__title{overflow:hidden;color:var(--text-hi);text-overflow:ellipsis;white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.stack--tight{gap:var(--space-1)}.rule{width:100%;height:0;margin:var(--space-2) 0;border:0;border-top:1px solid var(--panel-border)}.row{display:flex;gap:var(--space-3);align-items:center}.transport__sync{width:100%;font-weight:600;letter-spacing:.12em;color:var(--deck-tint, var(--accent-cool));border-color:var(--deck-tint, var(--accent-cool))}.transport__sync:disabled{color:var(--text-lo);border-color:var(--panel-border)}.pads{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.pads__pad{aspect-ratio:1.6;font-family:var(--font-mono);font-size:13px;color:var(--text-lo)}.pads__pad--set{color:var(--deck-tint, var(--accent-cool));border-color:var(--deck-tint, var(--accent-cool));background:color-mix(in srgb,var(--deck-tint, var(--accent-cool)) 14%,transparent)}.loop__state{margin-left:auto}.perform__stage-stack{display:flex;flex-direction:column;gap:var(--space-4);align-items:center;width:100%}