.setup-mode>.topbar{justify-content:space-between}
.setup-mode .topbar .header-actions{display:flex}
.setup-mode .header-actions>:not(#menu-button){display:none}
#sound-button{border-color:#d8bd7b38}
.audio-dialog{width:min(650px,calc(100vw - 28px));max-height:90dvh;overflow-y:auto}
.audio-intro{color:#b8c6b2;margin-bottom:18px}
.audio-master{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 18px;padding:15px 0;border-top:1px solid #c8af7133;border-bottom:1px solid #c8af7133}
.audio-master>label{font-size:16px;font-weight:600;color:#efe4c8}
.audio-master input{width:20px;height:20px;accent-color:#cfb575;cursor:pointer}
#audio-status{grid-column:1/-1;min-height:2.8em;font-size:13px;line-height:1.4;color:#9fad99}
#audio-retry{grid-column:1/-1;justify-self:start;padding:6px 0;font-size:13px}
.audio-sliders{display:grid;gap:17px;margin:21px 0 18px}
.audio-slider{display:grid;grid-template-columns:1fr auto;gap:8px}
.audio-slider label{font-size:14px;color:#d6ddcd}
.audio-slider output{font-size:13px;color:#d5b675;font-variant-numeric:tabular-nums}
.audio-slider input{grid-column:1/-1;width:100%;height:24px;accent-color:#ceb16d;cursor:pointer}

.voice-audition{border:1px solid #c8af713b;background:#07181059;padding:17px}
.voice-audition-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.voice-audition-heading .eyebrow{font-size:11px;letter-spacing:.09em}
.voice-audition select{color:#f3e4c0;background:#17291f;border:1px solid #b5a57266;border-radius:3px;padding:8px 10px;font:14px var(--sans);max-width:63%}
.voice-preview-hero{display:flex;align-items:center;gap:14px;margin:17px 0}
.voice-preview-hero .hero-art{width:57px;height:68px;min-width:57px;border:1px solid #c2a76c4d;background-size:300% 100%}
.voice-preview-hero>div:last-child{display:flex;flex-direction:column;gap:6px}
.voice-preview-hero strong{font:26px var(--serif);color:#f2e4c4}
.voice-preview-hero span{font-size:13px;line-height:1.4;color:#aabdac}
.voice-preview-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.voice-preview-button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:9px 5px;border:1px solid #c4a7695c;color:#e4d0a4;background:#233625;font:13px var(--sans)}
.voice-preview-button:hover{background:#3c4c31;border-color:#d9be79}
.voice-preview-button .icon{width:13px;height:13px}

.audio-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:21px}
.audio-footer>span{font-size:11px;line-height:1.6;color:#9da990}
.audio-footer strong{font-size:13px;color:#ccba8a;font-weight:500}
.audio-footer .primary-button{padding:11px 23px;min-height:42px}



.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:640px){
 .setup-mode>.topbar{gap:12px}.setup-mode .brand{min-width:0}.setup-mode .brand h1{font-size:18px}
 .setup-mode .brand-subtitle{font-size:10px}.setup-mode .brand{gap:11px}
 .audio-dialog{padding:22px 18px}.voice-audition{padding:13px}.voice-audition-heading{align-items:flex-start;flex-direction:column;gap:10px}
 .voice-audition select{max-width:100%;width:100%}.voice-preview-hero strong{font-size:25px}
 .audio-footer{gap:12px}

}
@media(max-height:620px) and (min-width:641px){}

.soundtrack-preview{margin:20px 0 24px}.soundtrack-preview>label{display:block;font-size:15px;color:#e5d6b4;margin-bottom:9px}
.audio-sample-controls{display:grid;grid-template-columns:minmax(0,1fr) 85px;gap:10px}
.audio-sample-controls select{min-width:0;width:100%;background:#17291f;color:#eee0bd;border:1px solid #b5a57266;padding:10px;font:14px var(--sans)}
.voice-preview-status{min-height:1.5em;color:#b4c4b4;font:14px/1.5 var(--sans);margin:14px 0 0}
.effects-audition{margin-top:22px}.effect-preview-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.voice-preview-button{font-size:14px;min-height:44px}.voice-preview-hero span{font-size:14px}.audio-footer>span{font-size:13px}.audio-footer strong{font-size:14px}
.voice-preview-button:disabled{opacity:.4}
