:root{--stem-song: hsl(30 6% 52%);--stem-vocals: hsl(156 48% 32%);--stem-accompaniment: hsl(212 46% 44%);--stem-drums: hsl(16 66% 48%);--stem-bass: hsl(258 38% 52%);--stem-other: hsl(40 70% 40%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--stem-song: hsl(40 6% 56%);--stem-vocals: hsl(152 42% 62%);--stem-accompaniment: hsl(210 60% 70%);--stem-drums: hsl(16 76% 66%);--stem-bass: hsl(258 60% 76%);--stem-other: hsl(42 74% 62%)}}:root[data-theme=dark]{--stem-song: hsl(40 6% 56%);--stem-vocals: hsl(152 42% 62%);--stem-accompaniment: hsl(210 60% 70%);--stem-drums: hsl(16 76% 66%);--stem-bass: hsl(258 60% 76%);--stem-other: hsl(42 74% 62%)}.st-stage{position:relative;display:grid;min-height:24rem;min-width:0}.st-stage>*{grid-area:1 / 1;min-width:0}[hidden].st-song,[hidden].st-problem,[hidden].st-drop,.st-transport[hidden]{display:none}[data-state=decoding] .st-drop{cursor:progress}@keyframes st-breathe{to{opacity:.45;transform:scale(.94)}}.st-song{display:grid;align-content:start;gap:var(--space-5);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);animation:t-in var(--dur-3) var(--ease-out)}.st-song-head{display:flex;align-items:center;gap:var(--space-4);min-width:0}.st-song-icon{flex:none;display:grid;place-items:center;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent);font-size:var(--text-lg)}.st-song-text{flex:1;min-width:0}.st-song-name{font-size:var(--text-lg);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-song-facts{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3)}[data-state=working] #st-clear{visibility:hidden}.st-transport{display:flex;align-items:center;gap:var(--space-4);animation:t-in var(--dur-3) var(--ease-out)}.st-play{flex:none;border-radius:50%}.st-seek{flex:1;min-width:0}.st-time{flex:none;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-2);font-variant-numeric:tabular-nums}.st-lanes{display:grid;gap:var(--space-3);--pos: 0%;--done: 0%}.st-lane{--c: var(--stem-song);display:grid;gap:var(--space-2);animation:t-in var(--dur-3) var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * var(--stagger))}.st-lane-head{display:flex;align-items:center;gap:var(--space-2);min-height:var(--space-8);min-width:0}.st-lane-name{display:inline-flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;font-size:var(--text-sm);font-weight:500}.st-dot{flex:none;width:.6rem;height:.6rem;border-radius:50%;background:var(--c)}.st-lane.is-quiet .st-lane-name{color:var(--ink-3)}.st-ms{flex:none;display:inline-grid;place-items:center;width:var(--space-8);height:var(--space-8);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background-color var(--dur-1) var(--ease-move),color var(--dur-1) var(--ease-move),border-color var(--dur-1) var(--ease-move)}.st-ms:hover{border-color:color-mix(in oklab,var(--ink) 24%,transparent);color:var(--ink)}.st-ms[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.st-ms.is-solo[aria-pressed=true]{background:var(--c);border-color:var(--c);color:var(--paper)}.st-vol{flex:0 1 7rem;min-width:4rem}.st-lane-save{flex:none;width:var(--space-8);min-height:var(--space-8);height:var(--space-8);padding:0}.st-wave{position:relative;height:3.5rem;border-radius:var(--radius-sm);background:color-mix(in oklab,var(--c) 7%,var(--paper-2));overflow:hidden;cursor:pointer;touch-action:none}.st-wave svg{position:absolute;inset:0;width:100%;height:100%;color:var(--c);transition:opacity var(--dur-2) var(--ease-move)}.st-lane.is-quiet .st-wave svg{opacity:.25}.st-wave:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--pos);background:color-mix(in oklab,var(--c) 12%,transparent);pointer-events:none}.st-wave:after{content:"";position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:var(--ink);opacity:0;pointer-events:none}[data-state=done] .st-wave:after{opacity:.8}[data-state=working] .st-wave:before{width:var(--done);background:color-mix(in oklab,var(--accent) 22%,transparent);transition:width var(--dur-3) var(--ease-move)}[data-state=ready] .st-wave,[data-state=working] .st-wave{cursor:default}.st-hint,.st-status{min-height:3lh;font-size:var(--text-sm);color:var(--ink-2)}.st-hint.is-error{color:var(--danger)}.st-bar>i{width:var(--v, 0%);animation:none;transition:width var(--dur-2) var(--ease-move)}#st-cancel,.st-more .btn{justify-self:start}.st-facts{min-height:2lh}.st-files{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.st-files li{display:flex;align-items:center;gap:var(--space-3);min-width:0}.st-files .st-dot{background:var(--c)}.st-files .btn{flex:1;justify-content:flex-start;min-width:0;padding:0 var(--space-3)}.st-files .st-file-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis}.st-files small{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3)}.st-more{display:grid;gap:var(--space-1)}.ws-side .btn[hidden]{display:none}@media(max-width:520px){.st-vol{display:none}.st-song{padding:var(--space-4)}}@media(prefers-reduced-motion:reduce){.st-song,.st-transport,.st-lane{animation:none}}