/* One task at a time; underlying game, request and recovery state stay mounted. */
.creator-flow .studio-grid{display:block}
.creator-flow .studio-controls{display:contents}
.creator-flow .creator-navigation{display:flex;gap:6px;margin:12px 0 18px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.creator-flow .creator-navigation button{flex:1;min-width:0;padding:10px 12px;font-size:14px;border-color:transparent;background:transparent}
.creator-flow .creator-navigation button[aria-pressed=true]{background:#24394a;border-color:#91bbbd;color:#fff}
.creator-flow .creation-guide{padding:10px 0;background:transparent;border:0;border-radius:0;margin:0}
.creator-flow #creator-stage-label{display:block;font-size:14px;font-weight:750;color:#b9dcda;margin:0 0 3px}
.creator-flow #creator-saved-state{font-size:13px;line-height:1.45;margin:0;color:#b9c8db}
.creator-flow #creation-guide-title,.creator-flow #creation-guide-detail{display:none}
.creator-flow #creator-request-summary{font-size:13px;text-align:left;padding:6px 0;min-height:44px;color:var(--accent)}
.creator-flow .draft-remix-credit{padding:0;border:0;border-radius:0;margin:0 0 4px;font-size:13px}
.creator-flow .draft-remix-credit summary{cursor:pointer;line-height:1.45;padding:8px 0}
.creator-flow .draft-remix-credit details p{margin:0 0 8px;color:var(--muted)}
.creator-flow .creator-progress{max-width:850px;margin:0 0 20px}
.creator-flow .generation-outcome{margin:0;padding:0;border:0;box-shadow:none}
.creator-flow .generation-outcome .status:empty{display:none}
.creator-flow .generation-recovery{display:flex;gap:8px;flex-wrap:wrap}
.creator-flow .studio-preview,.creator-flow #generate-form,.creator-flow .studio-sharing{max-width:1040px;margin:0 auto 20px}
.creator-flow #generate-form{max-width:850px}
.creator-flow .studio-preview .game-frame-wrap{height:clamp(350px,56vh,650px)}
.creator-flow .studio-preview .preview-heading{margin-bottom:12px}
.creator-flow .creator-return{justify-content:flex-end;margin-bottom:0}
.creator-flow #creator-ask-after-play{background:var(--accent);border-color:var(--accent);color:#121a22}
.creator-flow .creator-secondary{margin:22px 0 0;border-top:1px solid var(--line);padding:12px 0;background:transparent}
.creator-flow .creator-secondary>summary{cursor:pointer;padding:10px 0;min-height:44px;font-size:14px;color:#b6c5d9}
.creator-flow .creator-secondary-content{max-width:850px;padding-top:12px}
.creator-flow .creator-secondary .panel{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:12px 0;margin:0}
.creator-flow .creator-secondary .panel>summary{padding:10px 0;font-size:14px;min-height:44px}
.creator-flow .creator-secondary .panel:not([open])>p{display:none}
.creator-flow[data-creator-pane=progress] .studio-preview,
.creator-flow[data-creator-pane=progress] #generate-form,
.creator-flow[data-creator-pane=progress] .studio-sharing,
.creator-flow[data-creator-pane=play] #generate-form,
.creator-flow[data-creator-pane=play] .studio-sharing,
.creator-flow[data-creator-pane=refine] .studio-preview,
.creator-flow[data-creator-pane=refine] .studio-sharing,
.creator-flow[data-creator-pane=publish] .studio-preview,
.creator-flow[data-creator-pane=publish] #generate-form{display:none}
.creator-flow:not([data-creator-pane=progress]) .creator-progress{display:none}
.creator-flow .refinement-prompts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.creator-flow .refinement-prompts button{font-size:13px;line-height:1.35;text-align:left;border:1px solid #4d6776;border-radius:9px;background:#172b37;color:#d9eeee;padding:10px 12px;min-height:44px}
.creator-flow #creator-contributions{margin-top:14px}
@media(max-width:620px){
 .creator-flow .creator-navigation{gap:2px}.creator-flow .creator-navigation button{padding:10px 6px;font-size:13px}
 .creator-flow .creation-guide{padding:6px 0}
 .creator-flow .studio-preview{padding:12px}
 .creator-flow .studio-preview .game-frame-wrap{height:430px}
 .creator-flow .studio-sharing,.creator-flow #generate-form{padding:16px}
 .creator-flow .refinement-prompts{display:grid;grid-template-columns:1fr}
}
