.knob-wrapper{flex-direction:column;align-items:center;gap:8px;width:100%;min-width:0;display:flex;position:relative}.knob-wrapper,.knob-wrapper *{-webkit-user-select:none;user-select:none}.knob-surround{width:clamp(var(--knob-size-min), 14vw, var(--knob-size-max));height:clamp(var(--knob-size-min), 14vw, var(--knob-size-max));min-width:var(--knob-size-min);min-height:var(--knob-size-min);max-width:var(--knob-size-max);max-height:var(--knob-size-max);cursor:pointer;touch-action:none;background:#2a2a2a;border:1px solid #3c3c3c;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.knob-dial{width:clamp(var(--knob-dial-min-size), 9vw, var(--knob-dial-max-size));height:clamp(var(--knob-dial-min-size), 9vw, var(--knob-dial-max-size));min-width:var(--knob-dial-min-size);min-height:var(--knob-dial-min-size);max-width:var(--knob-dial-max-size);max-height:var(--knob-dial-max-size);background:linear-gradient(135deg,#3a3a3a 0%,#202020 100%);border:1px solid #4b4b4b;border-radius:50%;transition:transform 50ms linear;position:relative;transform:rotate(0)}.knob-dial:after{content:"";background:#d5d5d5;border-radius:2px;width:3px;height:8px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.knob-label{color:#9a9a9a;text-transform:uppercase;cursor:pointer;letter-spacing:.5px;font-size:10px;font-weight:700;transition:color .2s}.knob-label:hover{color:#f0f0f0}.knob-value{color:#cfcfcf;min-width:40px;margin-top:1px;font-family:Consolas,monospace;font-size:11px}.knob-wrapper[data-presentation=compact]{--knob-size-min:var(--ds-knob-compact-size);--knob-size-max:var(--ds-knob-compact-size);--knob-dial-min-size:var(--ds-knob-compact-dial);--knob-dial-max-size:var(--ds-knob-compact-dial);gap:calc(var(--ds-step)/2)}.knob-wrapper[data-presentation=compact] .knob-label{letter-spacing:0;text-align:center;white-space:nowrap;text-overflow:ellipsis;cursor:default;max-width:100%;font-size:9px;overflow:hidden}.knob-wrapper[data-presentation=compact] .knob-value{font-variant-numeric:tabular-nums;text-align:center;margin-top:0}@media (prefers-reduced-motion:reduce){.knob-dial{transition:none}}
.ds-audio-preferences{justify-content:space-between;align-items:center;gap:calc(var(--ds-step)*2);flex-wrap:wrap;min-width:0;display:flex}.ds-audio-preferences-presets{align-items:center;gap:var(--ds-step);flex-wrap:wrap;flex:0 430px;min-width:0;display:flex}.ds-audio-preferences .ds-piano-envelope[data-presentation=compact]{gap:var(--ds-step);flex-wrap:nowrap;flex:1;min-width:0}.ds-piano-envelope[data-presentation=compact]>.ds-select-field{flex:1;min-width:0;max-width:none}.ds-audio-preferences-controls{gap:calc(var(--ds-step)*2);flex:0 420px;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;display:grid}.audio-preferences-host.knobs-container{background:var(--ds-panel);border:1px solid var(--ds-line);border-radius:4px;max-height:none;padding:8px 12px;display:block;overflow:visible}.audio-preferences-host.knobs-container.hidden-by-config{display:none}@media (max-width:540px){.ds-audio-preferences{gap:calc(var(--ds-step)*1.5)}.ds-audio-preferences-presets,.ds-audio-preferences-controls{flex:100%}.ds-audio-preferences-controls{gap:calc(var(--ds-step)/2)}.audio-preferences-host.knobs-container{padding:6px var(--ds-step)}}.ds-audio-preferences-presets>.ds-check-field{text-transform:none;letter-spacing:normal;white-space:nowrap;font-size:12px}