.sound-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0;color:#b6cacc}
.sound-controls button{padding:6px 8px;border:1px solid #3b5457;background:#142226;color:#c7e8dd;font-size:11px;line-height:1.3;white-space:nowrap;min-height:29px}
.sound-controls .sound-toggle[aria-pressed="true"]{border-color:#5b9d8c;color:#b9f5d8}.sound-controls .sound-toggle[aria-pressed="false"]{color:#98a7af;border-color:#435057}
.sound-volume{width:65px;height:20px;accent-color:#91dec0;margin:0;cursor:pointer;flex:0 0 65px}
.sound-level{font:10px monospace;color:#a8bdc2;min-width:28px}.sound-controls .sound-preview{padding:4px 7px;min-width:26px;color:#9cd8c3}
.sound-status{font-size:10px;color:#efbfa0;line-height:1.5}.sound-status:empty{display:none}.sound-controls button:focus-visible,.sound-volume:focus-visible{outline:2px solid #fff78d;outline-offset:3px}
.setup-panel>.sound-controls{margin:17px 0 4px;padding:12px 0;border-top:1px solid #2b4145}
.midline>.row{gap:12px}.midline .sound-controls{gap:5px}.midline .sound-controls button{font-size:10px}.midline .sound-volume{width:51px;flex-basis:51px}
@media(max-width:1100px) and (min-width:901px){.midline>.row{gap:6px}.midline .sound-level{display:none}.midline .sound-volume{width:40px;flex-basis:40px}.midline .sound-preview{display:none}}
@media(max-width:650px){.midline{flex-wrap:wrap;gap:8px}.midline>.row{flex-wrap:wrap;justify-content:flex-end;width:100%;gap:8px}.midline .sound-controls{margin-right:auto}.midline .sound-volume{width:48px;flex-basis:48px}.midline .sound-level{display:none}.sound-controls button{min-height:32px}}