.continue-creation{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0;padding:18px;border:1px solid #b4d8cb;border-radius:14px;background:#effaf6}.continue-creation>div{flex:1 1 260px}.continue-creation p{margin:6px 0;color:#486d64;font-size:13px;line-height:1.6}.continue-creation a{color:#126c59}.continue-creation [hidden]{display:none}
.continue-creation>div>strong{display:block;margin-top:5px}.continue-creation [role=status]{font-size:12px}.studio-page .auth-wall{padding:14px 18px;box-shadow:none}.studio-page .auth-wall h2{font-size:18px}.studio-page .auth-wall p{font-size:13px}.studio-page .quote-card{margin:0 24px 24px}.studio-page .workspace-help{display:none}.studio-page .workspace-summary{display:block}.studio-page .advanced-workflow>summary{min-height:56px}.studio-page .workspace-main{min-width:0}
@media(max-width:760px){.studio-page .auth-wall .button{width:auto;min-height:40px}.studio-page .quote-card{margin:0 12px 12px}.continue-creation{padding:14px}.continue-creation button{min-height:42px}.studio-page .workspace-summary{display:none}.studio-page .auth-wall h2{font-size:17px}.studio-page .workspace-steps a{min-width:110px}.studio-page .workspace-steps strong{font-size:13px}}

/* The studio is a five-step workspace. Only the active step occupies the page;
   long storyboard and asset lists stay inside their own controls. */
.studio-wizard-mode [data-wizard-step][hidden]{display:none!important}
.studio-wizard-mode .workspace-form{display:block}
.dynamic-panel{display:none}
body[data-generation-mode="dynamic"] .dynamic-panel{display:block}
body[data-generation-mode="dynamic"] #one-click-panel,body[data-generation-mode="dynamic"] #generation-estimate,body[data-generation-mode="dynamic"] #advanced-results,body[data-generation-mode="dynamic"] #compose-panel>.online-video-viewer,body[data-generation-mode="dynamic"] #compose-panel>.local-export-workflow{display:none!important}
.dynamic-inputs{min-width:0;border:0;padding:0;margin:18px 0;display:grid;gap:14px}
.dynamic-inputs legend{font-weight:700;margin-bottom:12px}
.dynamic-inputs textarea,.dynamic-inputs input[type=number]{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:white;color:var(--ink)}
.dynamic-inputs textarea{resize:vertical;min-height:130px}
.dynamic-reference{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:18px;background:#eff9f5;border:1px solid var(--line);border-radius:12px}
.dynamic-reference>span{font-size:12px;color:var(--muted)}
.dynamic-reference img{width:100%;max-height:220px;object-fit:contain}
.dynamic-job{display:grid;gap:10px;margin-top:18px;overflow-wrap:anywhere}
.dynamic-job progress{width:100%;accent-color:var(--teal)}
.dynamic-job small,.dynamic-message{font-size:13px;color:var(--muted);line-height:1.7;overflow-wrap:anywhere}
#dynamic-video-preview{width:100%;max-height:480px;background:var(--ink-deep);border-radius:12px}
.dynamic-panel [hidden]{display:none!important}
.dynamic-shortcut{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted)}
.studio-wizard-mode .continue-creation{display:none!important}
.studio-wizard-mode .workspace-form>.workspace-card,
.studio-wizard-mode .workspace-form>.advanced-workflow,
.studio-wizard-mode .workspace-form>.quote-card{margin-bottom:18px}
.wizard-toolbar{position:sticky;top:var(--studio-header-height,76px);z-index:20;display:flex;align-items:center;gap:18px;margin:0 0 18px;padding:12px 14px;border:1px solid #cfe3df;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(13,62,66,.08)}
.wizard-nav-button{flex:0 0 auto;min-width:132px;min-height:42px;padding:0 14px;font-size:13px}
.wizard-nav-button:disabled{cursor:not-allowed;opacity:.42}
.wizard-toolbar-progress{min-width:0;flex:1;display:grid;grid-template-columns:auto minmax(70px,1fr);align-items:center;column-gap:10px;row-gap:5px}
.wizard-toolbar-progress>span{color:var(--teal-dark);font-size:10px;font-weight:850;letter-spacing:.08em}
.wizard-toolbar-progress>strong{grid-column:1/-1;font-size:15px}
.wizard-toolbar-progress>small{grid-column:1/-1;color:var(--muted);font-size:12px;line-height:1.45}
.wizard-progress-track{overflow:hidden;height:5px;border-radius:99px;background:#dfece9}
.wizard-progress-track i{display:block;width:20%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),#63d3b9);transition:width .25s ease}
.wizard-step-hint.error{color:#a34436}
.studio-wizard-mode .workspace-steps a[aria-current="step"]{background:rgba(50,202,178,.12);color:white}
.studio-wizard-mode .workspace-steps a[aria-current="false"]{background:transparent}
.studio-wizard-mode #storyboard-panel,.studio-wizard-mode #advanced-creation{overflow:visible}
.studio-wizard-mode #storyboard-panel[open]>summary,.studio-wizard-mode #advanced-creation[open]>summary{border-color:rgba(22,168,149,.35);box-shadow:0 8px 22px rgba(15,64,68,.05)}
.studio-wizard-mode #generation-estimate{margin:0 0 18px;padding:22px}
.studio-wizard-mode #generation-estimate .button{font-size:14px}
.manual-generation-actions{padding:18px;border:1px solid var(--line);border-radius:12px;background:#f6faf8}
.manual-generation-actions p{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.6}

@media(max-width:620px){
  .wizard-toolbar{align-items:stretch;flex-wrap:wrap;gap:10px;padding:10px}
  .wizard-toolbar-progress{order:-1;flex-basis:100%}
  .wizard-nav-button{flex:1;min-width:0}
  .wizard-toolbar-progress>strong{font-size:14px}
}
@media(max-width:760px){
  .studio-wizard-mode .workspace-intro{display:none}
  .studio-wizard-mode .workspace-topbar{min-height:0;gap:0;margin:0 0 8px;padding:0}
  .studio-wizard-mode .workspace-topbar>div:first-child{display:none}
  .studio-wizard-mode .cloud-state{width:100%;padding:8px 12px}
}
.studio-page .document-upload-button span{background:var(--ink-deep);border-color:var(--ink-deep);color:white}
.continue-creation[hidden]{display:none}
.storyboard-actions{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px}
.storyboard-count{display:grid;gap:6px;font-size:13px;font-weight:700;color:var(--ink)}
.storyboard-count input{width:150px;min-height:42px;padding:8px 12px;border:1px solid #b5d5ce;border-radius:9px;background:white;font:inherit;color:var(--ink)}
.storyboard-count small{font-size:11px;font-weight:400;color:var(--muted)}
.storyboard-count[hidden],.storyboard-manual[hidden],#undo-storyboard-delete[hidden]{display:none}
.storyboard-manual{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.storyboard-manual>p{flex-basis:100%;margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.storyboard-scene-picker{display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto;align-items:end;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f5faf8}
.storyboard-scene-picker>label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:700}
.storyboard-scene-picker select{width:100%;min-height:40px;padding:7px 10px;border:1px solid #cfe0dc;border-radius:9px;background:white;color:var(--ink);font:inherit}
.storyboard-scene-picker>strong{align-self:center;padding:0 4px;color:var(--teal-dark);font-size:13px;white-space:nowrap}
.storyboard-scene-picker button:disabled{cursor:not-allowed;opacity:.45}
.story-scene-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px}
.story-scene-actions .scene-delete{color:#a34436}
.story-scene-actions button:disabled{opacity:.45;cursor:not-allowed}
.continue-creation>div{flex:1 1 100%}
.continue-creation #save-to-project,.continue-creation #start-new-creation{display:inline-flex;align-items:center;justify-content:center;flex:0 0 150px;width:150px;min-width:150px;height:48px;min-height:48px;padding:0 14px;border-radius:12px;font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap}
@media(max-width:480px){.continue-creation #save-to-project,.continue-creation #start-new-creation{flex:1 1 140px;width:auto;min-width:0}}
@media(max-width:520px){.storyboard-scene-picker{grid-template-columns:1fr 1fr}.storyboard-scene-picker>label{grid-column:1/-1;grid-row:1}.storyboard-scene-picker>strong{justify-self:center}.storyboard-scene-picker button{min-width:0}}
.studio-page .reference-upload-box{min-height:150px;padding:24px;gap:18px;border-top:1px solid #b4d8cb;background:#eff9f5}
.studio-page .reference-upload-box>div:first-child{flex:1 1 220px;min-width:0}
.studio-page .reference-upload-box strong{margin-bottom:8px;font-size:20px;line-height:1.4}
.studio-page .reference-upload-box p{font-size:14px;line-height:1.75;color:#486d64}
.studio-page .reference-upload-box .upload-button span{align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 22px;border:1px solid #8dc7b9;border-radius:12px;font-size:15px;line-height:1.4}
.studio-page .reference-upload-box .upload-button span::before{content:"＋";font-size:23px;font-weight:500}
.studio-page .reference-upload-box .upload-button input:focus-visible+span{outline:2px solid var(--teal);outline-offset:3px}
.studio-page .reference-upload-box .upload-button input:disabled+span{opacity:.55;cursor:wait}
.studio-page .reference-list{gap:10px}
.studio-page .reference-list:empty{display:none}
.studio-page .reference-chip{gap:10px;min-height:44px;padding:6px 8px 6px 14px;border-radius:10px;font-size:13px}
.studio-page .reference-chip button{flex:0 0 32px;width:32px;height:32px;font-size:22px}
@media(max-width:620px){.studio-page .reference-upload-box{padding:20px 18px;gap:16px}.studio-page .reference-upload-box .upload-button,.studio-page .reference-upload-box .upload-button span{width:100%}.studio-page .reference-upload-box strong{font-size:19px}}
.studio-page #generation-estimate{margin:0 0 24px;padding:18px;border-radius:14px}
.studio-page #generation-estimate h3{margin:0 0 12px;font-size:17px}
.studio-page #generation-estimate .quote-line{gap:12px;padding:6px 0;font-size:12px}
.studio-page #generation-estimate .quote-line strong{text-align:right}
.studio-page #generation-estimate .quote-divider{margin:10px 0 12px}
.studio-page #generation-estimate .button{min-height:42px;padding:10px 12px;font-size:12px;line-height:1.5}
.studio-page #generation-estimate>p{margin-top:10px;color:#bdd4d5;font-size:12px;text-align:left;line-height:1.6}
@media(min-width:1181px){
  .studio-page .workspace-summary{display:grid;gap:14px;max-height:calc(100dvh - 116px);overflow-y:auto;scrollbar-width:thin;border-radius:17px}
  .studio-page .workspace-summary #generation-estimate{margin:0}
  .studio-page .workspace-summary .account-mini-card{padding:16px}
  .studio-page .workspace-summary .account-mini-card>strong{margin:8px 0 12px}
  .studio-page .workspace-summary .balance-row{padding:10px;margin-bottom:8px}
  .studio-page .workspace-summary .quota-row{padding:6px 2px}
  .studio-page .workspace-summary .account-mini-card>a{margin-top:12px}
}

.one-click-image-settings{margin:0 0 16px}.one-click-image-settings>label:first-child{grid-column:1/-1}
/* Each step is a separate view; only its content scrolls and navigation stays visible. */
.studio-wizard-mode [hidden]{display:none!important}
.studio-wizard-mode .workspace-main{display:flex;flex-direction:column;height:calc(100dvh - var(--studio-header-height,76px) - 48px);min-height:520px}
.studio-wizard-mode .workspace-topbar{min-height:0;margin:0 0 10px;padding:0;justify-content:flex-end}
.studio-wizard-mode .workspace-topbar>div:first-child{display:none}
.studio-wizard-mode .cloud-state{min-width:0;padding:6px 12px}
.studio-wizard-mode .cloud-state small{display:none}
.studio-wizard-mode .workspace-form{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:4px}
.studio-wizard-mode .workspace-form>.workspace-card{margin-bottom:0}
.studio-wizard-mode .workspace-card{padding:22px}
.studio-wizard-mode .auth-wall{flex-shrink:0;margin-bottom:10px;padding:8px 14px;justify-content:space-between}
.studio-wizard-mode .auth-wall p{margin:0}
.wizard-toolbar{position:static;flex-shrink:0;margin-bottom:12px;padding:10px 14px;box-shadow:none}
.wizard-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;position:sticky;bottom:0;z-index:20;padding:12px 0 0;background:#eef5f3}
.wizard-footer>span{color:var(--muted);font-size:12px;white-space:nowrap}
.wizard-footer .wizard-nav-button{min-height:46px;border-radius:12px}
.studio-wizard-mode #advanced-creation{margin:0}
.studio-wizard-mode #advanced-creation>summary{display:none}
.studio-wizard-mode #advanced-creation>.advanced-workflow-content{padding-top:12px}
.parameter-pages{display:flex;gap:6px;flex-wrap:wrap}
.parameter-pages button{flex:1;min-width:90px;padding:10px 8px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}
.parameter-pages button[aria-current=step]{background:var(--ink-deep);border-color:var(--ink-deep);color:#fff}
.parameter-pages button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.studio-wizard-mode .voice-grid{max-height:280px;overflow-y:auto}
.studio-wizard-mode .reference-upload-box{margin-top:18px;min-height:120px;padding:18px;border-radius:12px}
.studio-wizard-mode .reference-upload-box strong{font-size:18px}
.generation-review{padding:14px 16px;border-radius:12px;background:#edf8f4;color:var(--ink);font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.dynamic-existing,.dynamic-history-details{margin:16px 0;font-size:13px;color:var(--muted)}
.dynamic-existing summary,.dynamic-history-details summary{cursor:pointer;padding:8px 0}
.dynamic-message:empty{display:none}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:1181px){.studio-wizard-mode .studio-shell{grid-template-columns:220px minmax(0,1fr) 260px}}
@media(max-width:1180px){.studio-wizard-mode #generation-estimate{padding:12px;margin:12px 0}.studio-wizard-mode #generation-estimate h3{font-size:14px}.studio-wizard-mode #generation-estimate .quote-line{display:inline-flex;margin-right:18px}.studio-wizard-mode #generation-estimate .quote-divider,.studio-wizard-mode #generation-estimate>p{display:none}}
@media(max-width:820px){
  .studio-wizard-mode .studio-shell{gap:12px}
  .studio-wizard-mode .workspace-intro{display:none}
  .studio-wizard-mode .workspace-steps{display:flex;overflow-x:auto;padding:6px;gap:4px;scrollbar-width:none}
  .studio-wizard-mode .workspace-steps a{min-width:100px;padding:6px}
  .studio-wizard-mode .workspace-steps small{display:none}
  .studio-wizard-mode .workspace-steps strong{font-size:12px}
  .studio-wizard-mode .workspace-main{height:calc(100dvh - var(--studio-header-height,76px) - 100px);min-height:460px}
  .studio-wizard-mode .workspace-summary{display:none}
  .studio-wizard-mode .workspace-topbar{display:none}
  .studio-wizard-mode .workspace-card{padding:16px}
  .studio-wizard-mode .workspace-card-head h3{font-size:20px}
  .wizard-footer{gap:8px;padding-top:8px;padding-bottom:env(safe-area-inset-bottom)}
  .wizard-footer .wizard-nav-button{min-width:0;padding:0 12px;font-size:12px}
  .wizard-footer>span{font-size:11px}
  .parameter-pages{gap:4px}.parameter-pages button{min-width:0;font-size:11px;padding:9px 4px}
}
.studio-wizard-mode .setting-field{display:block}
.studio-wizard-mode .workspace-intro{padding:20px}
.studio-wizard-mode .workspace-intro h1{font-size:23px}
.studio-wizard-mode .workspace-intro p{font-size:13px}
.studio-wizard-mode .workspace-steps a{padding:11px 9px}
/* Step titles receive navigation focus for screen readers, but are not inputs. */
.studio-wizard-mode #wizard-step-label:focus{outline:none}
@media(max-width:820px){.studio-wizard-mode .workspace-steps a{padding:6px}}