.stem-player.svelte-div2ik{padding:var(--space-4) var(--space-5);margin:var(--space-6) 0}.sp-header.svelte-div2ik{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.sp-title.svelte-div2ik{font-family:var(--mono);font-size:var(--fs-xs);font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.12em}.sp-header-right.svelte-div2ik{display:flex;align-items:center;gap:var(--space-4)}.sp-time.svelte-div2ik{font-family:var(--mono);font-size:var(--fs-2xs);color:var(--text-faint);flex-shrink:0}.sp-controls.svelte-div2ik{display:flex;align-items:center;gap:var(--space-2)}.sp-key.svelte-div2ik{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;color:var(--accent);border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(130% 130% at 50% 16%,var(--accent-glow-mid) 0%,transparent 70%),linear-gradient(180deg,var(--elev-sink-top) 0%,var(--elev-sink-bottom) 100%);box-shadow:inset 0 1px 7px #0000004d;cursor:pointer;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.sp-key.svelte-div2ik:hover{border-color:var(--accent-dim);box-shadow:inset 0 1px 7px #0000004d,0 0 14px color-mix(in oklab,var(--accent) 18%,transparent)}.sp-icon.svelte-div2ik{width:18px;height:18px}.sp-stems.svelte-div2ik{display:flex;flex-direction:column;gap:2px}.sp-stem.svelte-div2ik{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;transition:opacity var(--duration-fast)}.sp-stem.muted.svelte-div2ik{opacity:.32}.sp-stem-left.svelte-div2ik{display:flex;align-items:center;gap:var(--space-2);min-width:200px;flex-shrink:0}.sp-stem-color.svelte-div2ik{width:3px;height:20px;border-radius:1px;flex-shrink:0}.sp-stem-name.svelte-div2ik{font-family:var(--mono);font-size:var(--fs-2xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;min-width:56px}.sp-stem-btn.svelte-div2ik{font-family:var(--mono);font-size:var(--fs-2xs);font-weight:700;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-faint);cursor:pointer}.sp-stem-btn.svelte-div2ik:hover{border-color:var(--text-muted);color:var(--text)}.sp-stem-btn.active.svelte-div2ik{border-color:var(--accent-dim);color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,transparent)}.sp-solo.active.svelte-div2ik{border-color:var(--warn);color:var(--warn);background:#f59e0b1a}.sp-volume.svelte-div2ik{width:44px;height:3px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none;cursor:pointer;flex-shrink:0}.sp-volume.svelte-div2ik:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sp-volume.svelte-div2ik::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 0 4px color-mix(in oklab,var(--accent) 40%,transparent)}.sp-stem-wave.svelte-div2ik{flex:1;min-width:0;--wave-h: 34px}@media(max-width:768px){.sp-stem.svelte-div2ik{flex-direction:column;align-items:stretch}.sp-stem-left.svelte-div2ik{min-width:auto}.sp-stem-wave.svelte-div2ik{--wave-h: 28px}}