.site-audio-tools{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:60;display:flex;gap:0;box-shadow:0 3px 16px #0006;font:12px/1.4 var(--mono,monospace)}
.site-audio-tools button{font:inherit;background:#1a1a1a;color:#b8e000;border:1px solid #535353;padding:7px 10px;cursor:pointer}
.site-audio-tools button+button{border-left:0;color:#ccc}.site-audio-tools button:hover{background:#292929}
.site-audio-tools button:focus-visible,.alsa-strip:focus-visible{outline:2px solid #b8e000;outline-offset:2px}
.has-site-audio{padding-bottom:56px}

.alsa-mixer{--cyan:#00cbd6;--yellow:#f1e62c;--green:#26c95a;position:absolute;inset:30px 0 0;z-index:20;box-sizing:border-box;background:#000;color:var(--cyan);border:1px solid var(--cyan);padding:5px 8px 7px;display:flex;flex-direction:column;overflow:hidden;cursor:default;font:12px/1.15 var(--mono,monospace);image-rendering:pixelated}
.alsa-mixer[hidden],.alsa-mixer [hidden]{display:none!important}
.alsa-mixer.alsa-floating{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(720px,calc(100vw - 24px));height:min(390px,calc(100dvh - 34px));z-index:10000;box-shadow:0 10px 80px #000d}
.alsa-title{height:11px;margin-top:-3px;text-align:center;color:var(--yellow);font-weight:700}
.alsa-header{display:flex;justify-content:space-between;gap:16px;min-height:52px;padding:0 21px 2px}
.alsa-device{white-space:nowrap}.alsa-device b{color:var(--yellow);font-weight:700}.alsa-keys{min-width:184px;white-space:nowrap}.alsa-keys b{font-weight:400;color:var(--cyan)}
.alsa-bank{position:relative;display:flex;align-items:flex-end;justify-content:space-evenly;gap:12px;min-width:595px;min-height:0;flex:1;overflow-x:auto;overflow-y:hidden;padding:4px 7px 0;scrollbar-color:var(--cyan) #000;scrollbar-width:thin}
.alsa-bank:before,.alsa-bank:after{content:'←\A←\A←\A←\A←';position:sticky;bottom:46px;color:var(--cyan);white-space:pre;line-height:13px;align-self:flex-end;z-index:2}
.alsa-bank:before{left:0;margin-left:-7px}.alsa-bank:after{right:0;content:'→\A→\A→\A→\A→';margin-right:-7px}
.alsa-strip{appearance:none;border:0;background:none;color:inherit;padding:0;min-width:74px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;font:inherit;cursor:pointer;position:relative}
.alsa-scale{position:absolute;right:calc(50% + 15px);bottom:51px;height:139px;display:flex;flex-direction:column;justify-content:space-between;font-style:normal;color:var(--cyan);pointer-events:none}.alsa-scale i{font-style:normal}
.alsa-meter{width:22px;height:138px;border:1px solid var(--cyan);padding:2px;display:flex;flex-direction:column;gap:1px;justify-content:flex-start;box-sizing:border-box;touch-action:none;cursor:ns-resize}
.alsa-meter i{display:block;flex:1;min-height:2px;background:#000}.alsa-meter i.green.lit{background:var(--green)}.alsa-meter i.white.lit{background:#e8e8e8}.alsa-meter i.red.lit{background:#e95c55}
.alsa-percent{height:14px;margin-top:3px;color:var(--yellow);font-weight:700;white-space:nowrap}.alsa-switch{height:12px;color:#e8e8e8;font-weight:700}.alsa-strip.channel-off .alsa-switch{color:#e95c55}.alsa-label{min-width:69px;margin-top:1px;padding:1px 3px;background:#1837b7;color:#fff;font-weight:700;text-align:center;white-space:nowrap}
.alsa-strip.selected .alsa-label:before{content:'<';position:absolute;margin-left:-9px;color:var(--yellow)}.alsa-strip.selected .alsa-label:after{content:'>';position:absolute;margin-left:3px;color:var(--yellow)}
.alsa-footer{height:14px;padding:2px 6px 0;color:var(--cyan);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.alsa-help{position:absolute;inset:27px 22px 24px;background:#000;border:1px solid var(--cyan);padding:14px;color:#ddd;line-height:1.6;z-index:5}.alsa-help b{color:var(--yellow)}
.alsa-native-range{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}

@media(max-width:620px){.alsa-mixer{padding:4px;font-size:10px}.alsa-header{padding:0 4px;gap:8px}.alsa-keys{min-width:150px}.alsa-bank{justify-content:flex-start;gap:2px;min-width:0}.alsa-bank:before,.alsa-bank:after{display:none}.alsa-strip{min-width:62px}.alsa-label{min-width:57px}.alsa-device{overflow:hidden}.alsa-title{margin-top:-2px}.alsa-footer{font-size:9px}.alsa-mixer.alsa-floating{height:min(360px,calc(100dvh - 20px))}}
@media(max-width:430px){.alsa-keys{display:none}.alsa-header{min-height:49px}.alsa-bank{overflow-x:auto}.site-audio-tools{font-size:11px}}
@media(prefers-reduced-motion:reduce){.alsa-bank{scroll-behavior:auto!important}}