.mix-control{display:grid;justify-items:center;gap:4px;margin-left:auto;flex-shrink:0;min-width:84px}
.mix-control[hidden],.player-fallback[hidden]{display:none!important}
.mix-label{font-size:10px;font-weight:700;line-height:1.5;letter-spacing:.14em;color:#eadac1}
.mix-knob{--mix-angle:0deg;--mix-sweep:135deg;position:relative;width:76px;height:76px;border-radius:50%;background:conic-gradient(from 225deg,var(--accent) 0deg var(--mix-sweep),#54453d var(--mix-sweep) 270deg,transparent 270deg);touch-action:none;user-select:none;cursor:ns-resize}
.mix-knob::before{content:'';position:absolute;inset:5px;border:2px solid #141514;border-radius:50%;background:repeating-conic-gradient(#111415 0deg 8deg,#343b3b 8deg 12deg)}
.mix-dial{position:absolute;inset:12px;border-radius:50%;border:1px solid #74675a;background:radial-gradient(circle at 35% 26%,#3d3934,#171a1a 70%);box-shadow:0 3px 4px #0009,inset 0 1px #fff2;transform:rotate(var(--mix-angle));pointer-events:none}
.mix-dial::after{content:'';position:absolute;top:4px;left:calc(50% - 1.5px);width:3px;height:15px;border-radius:2px;background:var(--accent)}
.audio-player[data-product=wurmdrive] .mix-dial{background:conic-gradient(#c9aa72,#7c603c 16%,#dfc38b 33%,#947044 50%,#dfc38b 67%,#85663d 84%,#c9aa72);border-color:#c7ac7f}
.audio-player[data-product=wurmdrive] .mix-dial::after{background:#25251f}
.audio-player[data-product=wurmhole] .mix-knob{--accent:#ef78a8}
.mix-knob:focus-visible{outline:2px solid #f6dab0;outline-offset:5px}
.mix-knob.is-dragging{cursor:grabbing}
.mix-value{font-size:13px;font-weight:600;line-height:1.5;font-variant-numeric:tabular-nums;color:#f4e5cf}
.player-timeline{display:flex;align-items:center;gap:14px;margin-top:12px}
.player-timeline .seek-label{flex:1;min-width:0;margin-top:0}
.player-loop{min-width:48px;min-height:44px;padding:6px 9px;border:1px solid #a48c6a88;border-radius:4px;background:#211e1a;color:#cfbfa6;font-size:10px;letter-spacing:.04em}
.player-loop[aria-pressed=true]{background:var(--accent);color:#201a17;border-color:var(--accent)}
.listen .preview-note{line-height:1.7}
@media(max-width:650px){
 .audio-player .player-controls{gap:10px}
 .audio-player .play-time{font-size:10px;white-space:nowrap}
 .mix-control{min-width:80px}
 .player-timeline{gap:10px;margin-top:6px}
}