.workshop-audio{box-sizing:border-box;display:grid;grid-template-columns:auto minmax(130px,1fr);gap:10px 18px;min-width:0;margin:18px 0 0;padding:14px 16px 12px;border:1px solid #8291aa70;background:#15233a;color:#f5e9cb;font:14px/1.4 Bricolage,system-ui,sans-serif}
.workshop-audio legend{padding:0 7px;font-weight:700;color:#f5e9cb}
.workshop-audio-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-width:116px;min-height:44px;padding:9px 12px;border:1px solid #8390a8;border-radius:3px;background:#21334c;box-shadow:0 3px 0 #0b1427;color:#f5e9cb;font:inherit;cursor:pointer;touch-action:manipulation}
.workshop-audio-toggle svg{display:block;width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.workshop-audio-toggle[aria-pressed=false] .workshop-audio-waves{opacity:.2}
.workshop-audio-toggle[aria-pressed=true]{background:#f2bd53;color:#17273e;border-color:#ffe4a3}
.workshop-audio-compact{box-sizing:border-box;width:44px;min-width:44px;height:44px;padding:10px}
.workshop-audio-compact span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.workshop-audio-volume{display:grid;grid-template-columns:auto minmax(68px,1fr) 4ch;align-items:center;gap:10px;min-width:0;min-height:44px;color:#d8dfed}
.workshop-audio-volume input{box-sizing:border-box;width:100%;min-width:68px;height:44px;margin:0;accent-color:#f2bd53;cursor:pointer;touch-action:pan-y}
.workshop-audio-volume output{font-variant-numeric:tabular-nums;text-align:right;font-size:12px}
.workshop-audio small{grid-column:1/-1;color:#bac6d9;font-size:12px}
.workshop-audio-toggle:focus-visible,.workshop-audio-volume input:focus-visible{outline:3px solid #f2bd53;outline-offset:4px}
@media(max-width:480px){.workshop-audio{grid-template-columns:1fr;padding:12px;gap:10px}.workshop-audio-toggle{justify-self:start}.workshop-audio-volume{grid-template-columns:auto minmax(90px,1fr) 4ch;gap:12px}}