.studio{padding:5px 0 24px;font-size:16px;line-height:1.65}.studio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.studio-kicker{color:var(--text-soft,#8290a4);font-size:14px;letter-spacing:2px;margin-bottom:6px}.studio-heading h1{font-size:34px;letter-spacing:-1px;line-height:1.4}.studio-heading h1+p{margin-top:8px;font-size:17px;color:var(--muted,#737b8c)}.studio-gallery-link{display:flex;align-items:center;gap:10px;color:var(--brand,#315bea);font-size:15px;white-space:nowrap;padding-bottom:5px}.studio-gallery-link svg{width:17px;height:17px}.studio-grid{display:grid;grid-template-columns:minmax(350px,430px) minmax(0,1fr);gap:26px;align-items:start}.studio-sidebar{min-width:0;display:grid;gap:20px}.studio-panel{background:var(--surface,#fff);border:1px solid var(--line,#e6eaf1);border-radius:12px;min-width:0}.studio-compose,.studio-jobs{padding:24px}.studio-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.studio-panel-heading h2{font-size:19px;line-height:1.5;font-weight:650}.studio-model-label{display:flex;align-items:center;gap:6px;color:var(--muted,#737b8c);font-size:14px;white-space:nowrap}.studio-model-label img{object-fit:contain}.studio textarea{display:block;width:100%;min-height:156px;resize:vertical;padding:15px 16px;font-size:17px;line-height:1.75;font-family:inherit;color:var(--ink,#20242c);background:var(--surface-muted,#fafbfd);border:1px solid var(--line-strong,#d5dce7);border-radius:9px;outline-offset:3px}.studio textarea::placeholder{color:var(--text-soft,#8290a4)}.studio-prompt-meta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:var(--text-soft,#8290a4);font-size:14px}.studio-prompt-meta>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.studio-examples{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0 23px}.studio-examples button{display:flex;align-items:center;gap:5px;border:1px solid var(--line,#e6eaf1);border-radius:6px;padding:6px 8px;font-size:14px;color:var(--text-secondary,#596579);background:var(--surface,#fff)}.studio-examples svg{width:13px;height:13px}.studio-examples button:hover{color:var(--brand,#315bea);background:var(--brand-soft,#eef3ff)}.studio-field-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.studio select{display:block;width:100%;height:45px;border:1px solid var(--line-strong,#d5dce7);border-radius:7px;background:var(--surface,#fff);padding:8px 12px;color:var(--ink,#20242c);font-size:16px}.studio-publish-option{display:flex;gap:11px;align-items:flex-start;margin-top:21px;cursor:pointer}.studio-publish-option input{margin:5px 0 0;width:17px;height:17px;flex:none;accent-color:var(--action,#315bea)}.studio-publish-option strong{font-weight:500;font-size:15px;display:block}.studio-publish-option small{font-size:14px;color:var(--muted,#737b8c);line-height:1.6;display:block;margin-top:4px}.studio-price{background:var(--surface-soft,#f5f7fb);border-radius:8px;padding:15px 16px;margin:21px 0 16px}.studio-price>div{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--text-secondary,#647084);font-size:14px}.studio-price>div+div{margin-top:8px}.studio-price strong{font-size:23px;letter-spacing:-.4px;font-weight:650;color:var(--ink,#20242c);font-variant-numeric:tabular-nums}.studio-price>div>span:last-child{font-variant-numeric:tabular-nums}.studio-price p{font-size:14px;color:var(--muted,#737b8c);line-height:1.7;border-top:1px solid var(--line,#e6eaf1);padding-top:10px;margin-top:12px}.studio-generate{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;padding:11px 16px;border-radius:8px;font-size:16px;font-weight:600;background:var(--action,#315bea);color:#fff}.studio-generate>svg{width:18px;height:18px}.studio-generate>svg:last-child{margin-left:auto}.studio-generate>span{margin-right:auto}.studio-generate:hover:not(:disabled){background:var(--action-hover,#244bd3)}.studio-generate:disabled{opacity:.5;cursor:not-allowed}.studio-charge-note{font-size:14px;color:var(--muted,#737b8c);line-height:1.8;margin-top:12px}.studio-service-note,.studio-notice{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.studio-service-note:empty,.studio-notice:empty{display:none}.studio-service-note{padding:12px 14px;border-radius:7px;background:var(--surface-soft,#f2f5fa);color:var(--text-secondary,#647084);margin-top:17px}.studio-service-note a,.studio-notice a{color:var(--brand,#315bea);text-decoration:underline;text-underline-offset:3px}.studio-notice{margin-top:14px;color:var(--text-secondary,#647084)}.studio-notice.error{color:var(--danger,#aa443c)}.studio-recovery{margin-top:16px;background:var(--warning-soft,#fff8e8);border:1px solid var(--warning-line,#ead9b5);border-radius:8px;padding:13px;color:var(--warning,#8c6425);font-size:14px}.studio-recovery button{display:flex;align-items:center;gap:7px;border:1px solid var(--warning-line,#ead9b5);background:var(--surface,#fff);padding:7px 11px;border-radius:5px;font-size:14px;margin-top:10px}.studio-recovery svg{width:15px;height:15px}.studio-jobs{padding-bottom:15px}.studio-icon-button{width:32px;height:32px;display:grid;place-items:center;color:var(--muted,#737b8c);border-radius:6px}.studio-icon-button:hover{background:var(--surface-soft,#f2f5fa)}.studio-icon-button svg{width:17px;height:17px}.studio-job-list{max-height:390px;overflow:auto}.studio-muted{font-size:14px;color:var(--muted,#737b8c);line-height:1.8}.studio-job-row{display:flex;gap:11px;align-items:center;width:100%;border-top:1px solid var(--line,#e6eaf1);padding:13px 2px;text-align:left}.studio-job-row:first-child{border-top:0;padding-top:0}.studio-job-row:hover{color:var(--brand,#315bea)}.studio-job-symbol{width:36px;height:36px;display:grid;place-items:center;background:var(--surface-soft,#f2f5fa);border:1px solid var(--line,#e6eaf1);border-radius:8px;flex:none;color:var(--text-secondary,#647084)}.studio-job-symbol svg{width:19px;height:19px}.studio-job-copy{min-width:0;flex:1}.studio-job-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:550}.studio-job-copy small{display:block;font-size:14px;color:var(--muted,#737b8c);margin-top:2px}.studio-job-row>svg{width:14px;height:14px;flex:none}.studio-preview{overflow:hidden}.studio-preview-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 28px;border-bottom:1px solid var(--line,#e6eaf1)}.studio-preview-label{font-size:14px;letter-spacing:1.6px;color:var(--text-soft,#8290a4)}.studio-preview-head h2{font-size:21px;line-height:1.5;font-weight:600;margin-top:5px;overflow-wrap:anywhere}.studio-status{font-size:14px;white-space:nowrap;color:var(--muted,#737b8c);border:1px solid var(--line,#e6eaf1);padding:4px 9px;border-radius:5px}.studio-status.ready{color:var(--success,#327453);background:var(--success-soft,#edf8f1);border-color:var(--success-line,#d6e9dc)}.studio-status.error{color:var(--danger,#aa443c)}.studio-stage{position:relative;min-height:500px;aspect-ratio:16/10;background:var(--surface-muted,#fafbfd);isolation:isolate;display:grid;place-items:center;overflow:hidden}.studio-stage-empty,.studio-stage-progress,.studio-start{text-align:center;padding:40px;max-width:600px;margin:auto}.studio-empty-icon,.studio-ready-icon{display:grid;place-items:center;width:65px;height:65px;background:var(--surface,#fff);border:1px solid var(--line,#e6eaf1);border-radius:18px;margin:0 auto 23px;color:var(--text-soft,#8290a4)}.studio-empty-icon svg{width:34px;height:34px}.studio-stage h3{font-size:24px;line-height:1.5;font-weight:550;letter-spacing:-.4px}.studio-stage p{font-size:16px;color:var(--muted,#737b8c);line-height:1.8;max-width:420px;margin:12px auto 0}.studio-flow{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:26px;color:var(--text-soft,#8290a4);font-size:14px}.studio-flow svg{width:13px;height:13px}.studio-progress-indicator{display:block;width:34px;height:34px;border:2px solid var(--line,#e6eaf1);border-top-color:var(--brand,#315bea);border-radius:50%;margin:0 auto 25px;animation:studio-spin 1.2s linear infinite}.studio-stage-progress>span:last-child{display:block;color:var(--text-soft,#8290a4);font-size:14px;margin-top:18px}.studio-ready-icon{color:var(--success,#327453);background:var(--success-soft,#edf8f1);border-color:var(--success-line,#d6e9dc)}.studio-ready-icon svg{width:29px;height:29px}.studio-start button{display:inline-flex;align-items:center;gap:9px;padding:12px 23px;border-radius:8px;margin-top:24px;color:#fff;background:var(--action,#315bea);font-size:16px;font-weight:550}.studio-start button svg{width:18px;height:18px}.studio-stage iframe{width:100%;height:100%;min-height:500px;border:0;position:absolute;inset:0;display:block;background:#141a23}.studio-stage:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;background:#141a23}.studio-stage:fullscreen iframe{width:100%;height:100%}.studio-playbar{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--line,#e6eaf1);padding:15px 24px}.studio-play-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.studio-playbar button,.studio-playbar a{font-size:14px;color:var(--text-secondary,#647084);display:inline-flex;align-items:center;gap:6px;padding:3px 0}.studio-playbar button:hover,.studio-playbar a:hover{color:var(--brand,#315bea)}.studio-playbar svg{width:16px;height:16px}.studio-playbar .studio-visibility{border:1px solid var(--line,#e6eaf1);padding:7px 10px;border-radius:6px;white-space:nowrap}.studio-result-meta{font-size:14px;line-height:1.9;color:var(--muted,#737b8c);padding:15px 25px 0}.studio-result-meta a{color:var(--brand,#315bea)}.studio-preview-footnote{font-size:14px;line-height:1.8;color:var(--text-soft,#8290a4);padding:18px 25px}.studio [hidden]{display:none!important}.studio button:focus-visible,.studio a:focus-visible,.studio input:focus-visible,.studio select:focus-visible,.studio textarea:focus-visible{outline:2px solid var(--brand,#315bea);outline-offset:3px}.studio :disabled{cursor:not-allowed}.studio button:disabled{opacity:.5}.studio input:disabled+span{opacity:.6}.studio textarea:disabled,.studio select:disabled{opacity:.7}@keyframes studio-spin{to{transform:rotate(360deg)}}
@media(min-width:1700px){.studio-grid{grid-template-columns:460px minmax(0,1fr);gap:32px}.studio-compose,.studio-jobs{padding:28px}.studio-stage{min-height:600px}}
@media(max-width:1100px){.studio-grid{grid-template-columns:minmax(310px,380px) minmax(0,1fr);gap:20px}.studio-compose,.studio-jobs{padding:20px}.studio-preview-head{padding:20px}.studio-stage{min-height:450px;aspect-ratio:auto}.studio-stage iframe{min-height:450px}.studio-stage-empty,.studio-stage-progress,.studio-start{padding:25px}.studio-playbar{padding:15px 18px;flex-wrap:wrap}.studio-play-actions{gap:13px}.studio-prompt-meta{display:block}.studio-prompt-meta>span:last-child{display:block;margin-top:3px}}
@media(max-width:850px){.studio-grid{display:flex;flex-direction:column}.studio-sidebar{display:contents}.studio-compose{width:100%;order:1}.studio-preview{width:100%;order:2}.studio-jobs{width:100%;order:3}.studio-job-list{max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.studio-stage{aspect-ratio:16/10;min-height:380px}.studio-stage iframe{min-height:380px}.studio-prompt-meta{display:flex}.studio-prompt-meta>span:last-child{margin:0}.studio-heading h1{font-size:30px}.studio-heading h1+p{font-size:16px}}
@media(max-width:560px){.studio{padding-top:0}.studio-heading{align-items:flex-start;gap:15px;margin-bottom:20px}.studio-kicker{font-size:14px;letter-spacing:1.2px}.studio-heading h1{font-size:27px}.studio-gallery-link{font-size:14px;padding-top:8px;gap:5px}.studio-gallery-link svg{width:14px;height:14px}.studio-heading h1+p{font-size:15px;max-width:250px}.studio-compose,.studio-jobs{padding:18px}.studio-model-label{font-size:14px}.studio-panel-heading{gap:10px}.studio-panel-heading h2{font-size:18px}.studio textarea{font-size:16px;min-height:140px;padding:12px 13px}.studio-prompt-meta{font-size:14px;display:block}.studio-prompt-meta>span:last-child{margin-top:3px}.studio-examples{gap:6px;margin-bottom:19px}.studio-examples button{font-size:14px}.studio-price{padding:13px}.studio-preview-head{padding:18px;align-items:flex-start}.studio-preview-head h2{font-size:19px}.studio-status{font-size:14px;padding:3px 7px}.studio-preview-label{letter-spacing:1px;font-size:14px}.studio-stage{aspect-ratio:auto;min-height:400px}.studio-stage iframe{min-height:400px}.studio-stage h3{font-size:21px}.studio-stage p{font-size:15px}.studio-stage-empty,.studio-stage-progress,.studio-start{padding:28px 22px}.studio-flow{gap:8px;font-size:14px}.studio-playbar{padding:13px 17px;gap:13px}.studio-play-actions{gap:15px}.studio-playbar button,.studio-playbar a{font-size:14px}.studio-preview-footnote,.studio-result-meta{padding-left:18px;padding-right:18px}.studio-job-list{display:block}.studio-charge-note{font-size:14px}}
@media(prefers-reduced-motion:reduce){.studio-progress-indicator{animation:none}}

.studio-stage-progress.is-waiting .studio-progress-indicator{animation:none;border-color:var(--warning-line,#ead9b5);background:var(--warning-soft,#fff8e8)}
.studio-load-more{display:block;width:100%;padding:10px;margin-top:10px;color:var(--brand,#315bea);border:1px solid var(--line,#e6eaf1);border-radius:6px;font-size:14px;background:var(--surface,#fff)}
