/* Keep the stage and choices together within a single editor viewport. */
.studio{height:min(790px,calc(100svh - 32px));min-height:590px;align-items:stretch}
.preview-panel,.controls{min-height:0;min-width:0}
.canvas-frame{min-height:0;overflow:hidden}
.canvas-frame canvas{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain}
.preview-top,.preview-bottom{flex-shrink:0}
.controls{overflow:hidden}
.tabs{flex-shrink:0;gap:0}
.tabs button{padding:14px 6px;font-size:14px;min-width:0}
.control-panel{overflow-y:auto;min-height:0;scrollbar-color:#86a95a #16372a;scrollbar-width:thin;padding:20px 3px 14px;overscroll-behavior-y:contain}
.control-panel h3{font-size:20px}
.option{min-height:108px}
.option img{height:64px}
.face-grid .option img{background:#fffbed;border-radius:5px;padding:9px}
.studio-actions{flex-shrink:0;padding-top:12px;border-top:1px solid #426149}
.secondary-actions{gap:8px;margin-bottom:10px}
.secondary-actions .button{padding:10px 7px}
.reset{padding:10px 5px;font-size:13px}
.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.export-actions .button{padding:14px 8px;gap:5px;font-size:14px}
.share-x{background:#fffef3;color:#103c2b}
.share-hint{font-size:12px;line-height:1.45;color:#c1d0b9;margin:10px 0 0}
.download-note{font-size:12px;margin-top:8px;line-height:1.4}
.background-grid{grid-template-columns:repeat(3,1fr)}
.swatch{height:50px}
@media(max-width:1050px){.studio{grid-template-columns:.9fr 1.1fr}.outfit-grid{grid-template-columns:repeat(3,1fr)}.preview-top,.preview-bottom{padding:16px 12px;letter-spacing:0}}
@media(max-width:720px){
 html{scroll-padding-top:8px}
 .generator{padding-left:3%;padding-right:3%}
 .studio{display:flex;flex-direction:column;height:calc(100svh - 16px);min-height:570px;max-height:860px;gap:8px}
 .preview-panel{flex:0 0 34%;border-radius:9px}
 .preview-top,.preview-bottom{padding:8px 12px;font-size:11px;line-height:1.1}
 .preview-top{border:0}.preview-bottom{border:0}
 .controls{flex:1;padding:0 10px 10px;border-radius:9px}
 .tabs button{padding:12px 4px;font-size:13px;min-height:44px}
 .control-panel{min-height:0;padding:12px 3px;flex:1}
 .control-panel h3{font-size:17px;margin-bottom:10px}
 .outfit-grid{grid-template-columns:repeat(3,1fr);gap:8px}
 .option{min-height:91px;padding:7px 4px}
 .option[aria-pressed=true]{padding:6px 3px}
 .option img{height:46px;margin-bottom:5px}
 .option span{font-size:12px}
 .none-icon{height:46px}
 .control-note{font-size:12px;margin:10px 0 0}
 .studio-actions{padding-top:7px}
 .secondary-actions{margin-bottom:6px}
 .secondary-actions .button,.reset{min-height:38px;padding:7px;font-size:12px}
 .export-actions .button{padding:10px 5px;min-height:42px;font-size:13px}
 .share-hint{margin-top:6px;font-size:11px}
 .download-note{margin-top:5px;font-size:11px}
}
@media(max-height:600px) and (min-width:721px){.studio{height:570px;min-height:570px}}