.sound-dialog{width:min(34rem,calc(100vw - 2rem));max-height:90vh;overflow:auto}
.sound-access:empty{display:none}
.sound-dialog h2{margin-top:0}
.sound-controls{display:grid;gap:1rem;margin:1.2rem 0}
.sound-controls label:not(.sound-mute){display:grid;grid-template-columns:1fr auto;gap:.35rem .8rem;font-weight:600}
.sound-controls input[type=range]{grid-column:1 / -1;width:100%;accent-color:#6acde9;min-height:28px}
.sound-controls output{color:#9fb8c4;font-variant-numeric:tabular-nums}
.sound-mute{display:flex;align-items:center;gap:.6rem}
.sound-preview-buttons{display:flex;flex-wrap:wrap;gap:.5rem}
.sound-dialog .sound-note{color:#9fb0bd;font-size:.92rem;line-height:1.5}
.music-credit{display:inline-flex;align-items:center;gap:.65rem;color:#d3e5f1;text-decoration:none;font:600 12px/1.3 Rajdhani,sans-serif;letter-spacing:.03em;flex-shrink:0}
.music-credit img{display:block;width:44px;height:44px;object-fit:contain;border-radius:50%;border:1px solid #68459a;box-sizing:border-box}
.music-credit:hover,.music-credit:focus-visible{color:#91e5f4;text-decoration:underline;text-underline-offset:3px}
.music-credit:focus-visible{outline:2px solid #91e5f4;outline-offset:5px}
.music-credit--sound{display:flex;width:max-content;max-width:100%;margin:1.2rem 0 0 auto}
.audio-preview{max-width:1100px;margin:2rem auto;padding:0 1rem}
.audio-preview h1{font-family:Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.audio-preview table{width:100%;border-collapse:collapse;background:#0b1822}
.audio-preview th,.audio-preview td{text-align:left;padding:.8rem;border-bottom:1px solid #254454}
.audio-preview th{color:#8dd8e9;text-transform:uppercase;font-size:.85rem;letter-spacing:.06em}
.audio-preview tr:hover{background:#122530}
.audio-preview td:last-child{white-space:nowrap}
#mixed-board{display:block;width:100%;max-height:65vh;background:radial-gradient(ellipse at center,#13232f,#050d13);border:1px solid #315063;border-radius:4px}
#mix-grid path{stroke:#314657;stroke-width:.015;opacity:.35}
.audio-preview .audio-toolbar{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin:1rem 0}
@media(max-width:600px){.audio-preview th:nth-child(2),.audio-preview td:nth-child(2){display:none}.audio-preview td{padding:.6rem}.sound-dialog{padding:1rem}}