: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}.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-a);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}}.perform{position:relative;z-index:1;display:grid;grid-template-rows:48px 132px 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;gap:var(--space-2);padding:var(--space-3)}.perform__waveform-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;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{border-top:2px solid var(--deck-a)}.perform__deck--b{border-top:2px solid var(--deck-b)}.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:center;justify-content:center;padding:var(--space-4);color:var(--text-micro);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.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)}.render-canvas{display:block;width:480px;height:270px;background:var(--bg-deep);border:1px solid var(--panel-border);border-radius:var(--radius-control)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;gap:var(--space-3);align-items:center}