/* Fits inside the existing page-controls owner; no second floating dock. */
.ambience-mixer { position:relative; min-width:0; pointer-events:auto; font:12px/1.5 var(--font-mono,monospace); }
.ambience-mixer summary,.ambience-quiet { min-height:36px; padding:7px 10px; cursor:pointer; color:var(--text,#e9e6db); background:var(--bg,#111b1e); border:1px solid var(--border,#7c806f); }
.ambience-mixer__panel { box-sizing:border-box; width:100%; padding:10px; color:var(--color-text,#e9e6db); background:var(--color-bg,#111b1e); border:1px solid var(--color-divider,#7c806f); }
.ambience-mixer:not([open]) > .ambience-mixer__panel { display:none; }
.ambience-mixer label { display:grid; gap:6px; margin-bottom:14px; }
.ambience-mixer select { width:100%; min-height:40px; padding:7px; color:inherit; background:inherit; border:1px solid currentColor; font:inherit; }
.ambience-mixer input { width:100%; min-height:32px; accent-color:#bb9754; }
.ambience-mixer output { display:block; font-size:12px; }
.ambience-mixer p { max-width:30ch; margin:12px 0 0; font-size:11px; opacity:.85; }
.ambience-mixer :focus-visible,.ambience-quiet:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.ambience-quiet[hidden] { display:none!important; }