.studio-about.modal-content{padding-top:20px}
.studio-about>h3:first-child{margin-top:0}
/* The canvas receives the remaining height; the 16:9 slide fits both axes. */
.studio-generation-flow .modal-body>#build-preview{display:flex;flex-direction:column;overflow:hidden;scrollbar-gutter:auto;padding:18px 24px 12px}
#build-preview .build-heading{flex:none;min-width:0}
#build-preview .build-heading h2{font-size:20px;line-height:1.3;margin:8px 0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#build-preview .build-heading p{margin:0 0 10px;font-size:12px;line-height:1.5;min-height:1.5em}
#build-preview #build-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#build-preview .build-canvas{flex:1;min-height:0;display:grid;place-items:center;padding:12px;container-type:size;container-name:studio-build}
#build-preview .build-stage{flex:none;width:min(100cqw,calc(100cqh * 16 / 9));height:auto;aspect-ratio:16/9;max-width:100%}
#build-preview .build-caption{flex:none;margin:9px 0 7px;min-width:0}
#build-preview #build-current{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#build-preview #build-count{flex:none}
#build-preview .build-strip{flex:none;min-height:0;padding-bottom:0;scrollbar-width:none}
#build-preview .build-strip::-webkit-scrollbar{display:none}
#build-preview .build-thumb{flex-basis:92px;min-height:34px;padding:7px}
.studio-generation-flow .build-bottom{gap:8px;padding-top:12px;padding-bottom:12px}
.studio-generation-flow .build-bottom .btn{white-space:nowrap;font-size:12px;min-width:0;padding:10px 13px}
.hero .eyebrow.studio-slogan{min-height:20px;gap:8px;overflow:hidden}
.studio-slogan-text{display:inline-block;white-space:pre;opacity:1;transition:opacity .45s ease}
.studio-slogan-text.is-leaving{opacity:0}
.studio-slogan-text.is-entering>span{display:inline-block;animation:studio-letter-in .5s both;animation-delay:calc(var(--letter) * 25ms)}
.studio-hero-frame{position:absolute;inset:0;opacity:1;transition:opacity 1s ease;contain:layout paint}
.studio-hero-frame.is-prepared{opacity:0}
.studio-hero-frame.is-leaving{opacity:0}
.studio-hero-frame>img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes studio-letter-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){
 .studio-generation-flow .modal-body>#build-preview{padding:12px 14px 10px}
 #build-preview .build-heading h2{font-size:17px;margin-top:6px}
 #build-preview .build-eyebrow{font-size:10px}
 #build-preview .build-canvas{padding:7px}
 #build-preview .build-caption{font-size:10px}
 .studio-generation-flow .build-bottom .btn{font-size:10px;padding:9px 10px}
 .hero .eyebrow.studio-slogan{font-size:9px;letter-spacing:1px}
}
@media(max-height:520px){
 .studio-generation-flow .modal-top{height:46px;flex-basis:46px;padding-top:10px;padding-bottom:10px}
 .studio-generation-flow .wizard-bottom.build-bottom{height:54px;flex-basis:54px;padding:7px 14px}
 #build-preview .build-eyebrow{display:none}
 #build-preview .build-heading h2{font-size:15px;margin:0 0 3px}
 #build-preview .build-heading p{font-size:10px;margin-bottom:6px}
 #build-preview .build-caption{margin:5px 0}
 #build-preview .build-thumb{min-height:26px;padding:4px 7px}
}
@media(prefers-reduced-motion:reduce){.studio-slogan-text,.studio-hero-frame{transition:none}.studio-slogan-text.is-entering>span{animation:none}}
@container studio-build (max-height:180px){
 #build-preview .build-wait-stack{display:none}
 #build-preview .build-waiting{gap:3px;padding:6px;font-size:10px}
 #build-preview .build-waiting strong{font-size:11px}
 #build-preview .build-wait-time{margin:0;font-size:9px}
}