.participant-sound-button { display:inline-flex; align-items:center; justify-content:center; max-width:100%; min-height:34px; padding:6px 8px; margin-top:8px; border:1px solid var(--line); border-radius:8px; background:var(--raised); color:var(--muted); font-size:11px; line-height:1.3; cursor:pointer; }
.participant-sound-button:hover { color:var(--text); background:var(--selected); }
.participant-sound-button:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
#participant-sound-dialog { width:min(420px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:24px; border:1px solid var(--line); border-radius:16px; background:var(--surface); color:var(--text); }
#participant-sound-dialog .participant-sound-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
#participant-sound-dialog h2 { font-size:20px; line-height:1.35; margin:0; }
#participant-sound-name { margin:8px 0 20px; color:var(--accent); overflow-wrap:anywhere; }
#participant-sound-dialog .participant-volume-value { display:block; text-align:center; font-size:32px; font-weight:700; margin:14px 0; }
#participant-sound-dialog .participant-volume-row { display:grid; grid-template-columns:36px minmax(0,1fr) 36px; gap:12px; align-items:center; }
#participant-sound-dialog .participant-volume-row button { width:36px; min-width:0; min-height:36px; padding:0; font-size:22px; }
#participant-sound-dialog input[type="range"] { width:100%; min-width:0; padding:0; accent-color:var(--accent); }
#participant-sound-dialog .participant-volume-scale { display:flex; justify-content:space-between; margin:5px 48px 16px; color:var(--subtle); font-size:11px; }
#participant-sound-dialog .sound-switch { margin:16px 0; }
#participant-sound-dialog small, #participant-volume-hint { display:block; color:var(--muted); font-size:12px; line-height:1.6; }
#participant-sound-dialog .dialog-actions { flex-wrap:wrap; }
.noise-mode-row { display:grid; gap:8px; margin:12px 0; }
.noise-mode-row select { width:100%; }
#maximum-noise-preset { max-width:100%; margin:10px 0; white-space:normal; }
#settings-participant-volumes { display:flex; flex-wrap:wrap; gap:8px; }
#settings-participant-volumes .participant-sound-button { margin-top:0; font-size:12px; }
.participant-setting { display:grid; gap:4px; padding:10px; border:1px solid var(--line); border-radius:9px; min-width:0; max-width:100%; }
.participant-setting strong { font-size:12px; overflow-wrap:anywhere; }
@media(max-width:480px) { #participant-sound-dialog { padding:20px; } }