/* The studio uses the same shared surfaces, typography and theme tokens as the other generators. */
*{box-sizing:border-box}.creator-studio .app-header{position:relative;min-height:70px;padding:12px 24px}.creator-studio .app-header h1{font-size:1.1rem;margin:0}.creator-studio .app-header .eyebrow{font-size:.65rem}.creator-studio .header-actions{gap:8px;flex-wrap:wrap}.creator-studio .creator-workspace{width:calc(100% - 48px);max-width:1600px;margin:24px auto 48px;display:grid;grid-template-columns:320px minmax(0,1fr) 260px;gap:20px;align-items:start}.creator-studio .panel{min-width:0;padding:22px;border-radius:24px;border:1px solid var(--border-subtle);background:var(--surface-glass);box-shadow:var(--shadow-card,0 12px 36px #0002)}.creator-studio .panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:18px}.creator-studio .creator-form .panel-heading{flex-wrap:wrap}.creator-studio .creator-form .panel-heading>div{flex:1 0 100%}.creator-studio .creator-form .panel-heading .quiet-button{white-space:nowrap}.creator-studio .panel-heading h2{font-size:1.15rem;line-height:1.3;margin:4px 0 0}.creator-studio .eyebrow{color:var(--accent-mint);font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.creator-studio p{line-height:1.6}.creator-note{font-size:.82rem;color:var(--text-secondary)}.creator-field{display:grid;gap:6px;margin:16px 0;color:var(--text-secondary);font-size:.86rem;font-weight:600}.creator-field :is(input,select,textarea),.scene-card input,.scene-card textarea{width:100%;min-width:0;min-height:46px;padding:12px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-sunken);color:var(--text-primary);font:inherit;line-height:1.45}.creator-field textarea{min-height:86px;resize:vertical}.creator-studio :is(input,textarea,select):focus-visible{outline:2px solid var(--accent-mint);outline-offset:2px}.creator-studio details{border-top:1px solid var(--border-subtle);margin-top:18px;padding-top:16px}.creator-studio summary{cursor:pointer;color:var(--text-primary);font-weight:700;font-size:.9rem;line-height:1.5}.creator-studio .creator-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.creator-studio :is(.primary-button,.secondary-button){font:inherit;font-size:.82rem;font-weight:700;min-height:44px;padding:10px 16px;border-radius:999px;cursor:pointer}.creator-studio .primary-button{border:1px solid var(--accent-mint);background:var(--accent-mint);color:var(--accent-mint-ink,#04201a)}.creator-studio .secondary-button{border:1px solid var(--border-strong);background:transparent;color:var(--text-primary)}.creator-studio .quiet-button{border:0;background:transparent;color:var(--accent-mint);font:inherit;font-size:.8rem;cursor:pointer;padding:5px 0}.creator-studio .creator-status{font-size:.8rem;color:var(--accent-mint);margin-top:14px;line-height:1.5}.creator-studio .creator-form .creator-actions>*{flex:1 1 auto}.creator-studio .creator-preview{padding:20px}.preview-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.preview-controls label{font-size:.75rem;color:var(--text-secondary);display:grid;gap:5px}.preview-controls select{min-height:42px;max-width:190px;padding:8px 12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-sunken);color:var(--text-primary)}.creator-preview-frame{display:block;width:100%;aspect-ratio:210 / 297;border:0;border-radius:8px;background:var(--surface-sunken);box-shadow:0 10px 30px #0003}.preview-paging{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.preview-paging button{min-width:44px;padding:8px 12px}.preview-paging button:disabled{opacity:.35;cursor:default}.preview-paging span{color:var(--text-secondary);font-size:.8rem}.creator-export .creator-actions{display:grid;grid-template-columns:1fr}.creator-export .creator-actions>*{width:100%;text-align:center}.creator-export h3{font-size:.9rem;margin:24px 0 4px}.creator-export input[type=file]{max-width:100%;font-size:.75rem;margin-top:10px;color:var(--text-secondary)}.creator-export .export-format{border:1px solid var(--border-subtle);border-radius:12px;padding:12px;color:var(--text-secondary);font-size:.8rem;line-height:1.5;margin:16px 0}.creator-export .export-format strong{color:var(--text-primary);display:block}.scene-grid{display:grid;gap:12px}.creator-studio .scene-card{padding:14px;background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:14px}.scene-card header{display:flex;gap:10px;justify-content:space-between;align-items:center}.scene-card textarea{min-height:72px}.scene-card .creator-actions{flex-wrap:nowrap}.scene-card .creator-actions label{min-width:0}.studio-tabs{display:none}.creator-workflow{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px;border-top:1px solid var(--border-subtle);padding-top:16px}.creator-workflow a{font-size:.75rem;text-decoration:none;padding:6px 9px;border-radius:99px;color:var(--text-secondary);background:var(--soft-fill)}.creator-workflow a[aria-current]{color:var(--accent-mint);border:1px solid var(--border-strong)}.creator-studio dialog{width:min(940px,calc(100% - 24px));max-height:95vh;padding:18px;border:1px solid var(--border-strong);border-radius:20px;background:var(--surface-sunken);color:var(--text-primary);overflow:auto}.creator-studio dialog::backdrop{background:#000b}.expanded-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.expanded-heading h2{font-size:1.1rem;margin:0}.creator-studio dialog iframe{max-width:794px;margin:auto}.creator-studio dialog .preview-paging{max-width:794px;margin:14px auto}.creator-studio #manual-export textarea{width:100%;min-height:180px;padding:12px;color:var(--text-primary);background:var(--surface-sunken);border:1px solid var(--border-strong)}
@media(min-width:1500px){.creator-studio .creator-workspace{grid-template-columns:350px minmax(0,1fr) 290px}}
@media(max-width:1120px) and (min-width:761px){.creator-studio .creator-workspace{grid-template-columns:310px minmax(0,1fr)}.creator-studio .creator-export{grid-column:2}.creator-studio .creator-form{grid-row:1 / span 2}}
@media(max-width:760px){.creator-studio .app-header{padding:14px 16px;position:static;grid-template-columns:auto 1fr}.creator-studio .header-actions{grid-column:1/-1;justify-content:flex-start}.creator-studio .app-header h1{font-size:.96rem}.creator-studio .creator-workspace{width:calc(100% - 24px);margin:16px auto 30px;display:block}.creator-studio .panel{padding:18px}.studio-tabs{display:flex;gap:8px;margin:14px 12px 0}.studio-tabs button{flex:1;border:1px solid var(--border-strong);border-radius:99px;min-height:44px;background:var(--surface-sunken);color:var(--text-secondary);font:inherit;font-size:.83rem;font-weight:700}.studio-tabs button[aria-pressed=true]{background:var(--accent-mint);color:var(--accent-mint-ink,#04201a)}.creator-studio .panel[data-studio-panel]{display:none}.creator-studio .panel.is-active{display:block}.creator-studio .creator-preview[data-studio-panel]{display:block;position:absolute;left:-10000px;top:0;visibility:hidden;width:calc(100% - 24px);pointer-events:none}.creator-studio .creator-preview.is-active{position:static;visibility:visible;width:auto;pointer-events:auto}.creator-studio .creator-preview{padding:14px}.creator-studio dialog{padding:12px}.preview-controls{gap:8px}.preview-controls select{max-width:170px}.creator-studio .preview-controls button{font-size:.75rem;padding:8px 12px}}
@media print{.creator-studio>*{display:none!important}}