.stage-controls{display:grid;grid-template-columns:auto minmax(100px,1fr) auto;gap:20px;margin:24px 0 16px}
.stage-controls button{min-height:46px;min-width:110px;width:auto;height:auto;border-radius:8px;padding:10px 16px;font-size:16px;line-height:1.4}
.stage-controls button span{display:inline}
.stage-progress{text-align:center;font-size:15px;font-weight:600}
.stage-progress progress{display:block;width:100%;height:8px;margin-top:8px;accent-color:#246185}
.stage-view{aspect-ratio:auto;margin-bottom:0;overflow:hidden}
.stage-thumbs button{cursor:pointer}
.stage-thumbs button[aria-pressed=true]{outline:2px solid #246185;outline-offset:2px}
.control-status{min-height:1.5em;font-size:14px;line-height:1.5;margin:12px 0 0}
.mood-hint{font-size:16px;color:#e4edf3;margin:0 0 6px}
#mood-status{margin:0 0 12px;color:#e4edf3}
.mood-controls button{cursor:pointer;min-height:46px;font-size:16px}
.mood-controls button.selected{box-shadow:0 0 0 2px #fff}
@media(max-width:760px){
 .stage-controls{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
 .stage-progress{grid-column:1/-1;grid-row:1;text-align:left;font-size:14px}
 .stage-controls button{min-width:0;font-size:14px;min-height:46px;padding:10px 12px}
 .stage-controls button:disabled{background:#d4dde3;color:#526777}
 .stage-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
 .stage-thumbs button{aspect-ratio:auto;align-self:stretch}
 .stage-thumbs span{display:block;font-size:10px;line-height:1.3;padding:5px 3px;position:static;overflow-wrap:anywhere}
 .stage-thumbs button::after{content:none}
 .stage-thumbs img{height:auto;min-height:0;aspect-ratio:16/9}
 .mood-controls{width:100%;border-radius:10px;box-sizing:border-box}
 .mood-controls button{flex:1;border-radius:7px;padding:9px 16px;font-size:15px}
 .atmosphere .section-heading{align-items:stretch}
}