[hidden]{display:none!important}.studio-nav{display:flex;align-items:center;gap:24px;font-size:12px;color:#b4bea7}#credit-balance{border:1px solid #465237;border-radius:30px;padding:8px 13px;color:#e7ebbf}.studio-layout{display:grid;grid-template-columns:345px minmax(0,1fr);gap:26px;max-width:1400px;padding:26px;margin:0 auto}.creator-panel,.workspace{border:1px solid #303b27;border-radius:22px;background:#11160e}.creator-panel{padding:26px}.creator-panel h1{font-size:32px;letter-spacing:-1.2px;margin:16px 0}.creator-panel>p{font-size:12px;line-height:1.7}.creator-panel fieldset{border:0;padding:0;margin:0;min-width:0}.creator-panel label{margin-top:20px}.creator-panel select,.creator-panel textarea{width:100%;border:1px solid #424d36;border-radius:10px;padding:12px;background:#0a0f08;color:#eaf0df;font:inherit;font-size:12px}.creator-panel textarea{resize:vertical;line-height:1.7}.creator-panel input[type=file]{max-width:100%;font-size:11px;color:#bac3ad}.creator-panel input::file-selector-button{background:#293323;border:1px solid #4b5d3a;border-radius:7px;padding:9px;color:#ebf3dd;margin-right:8px;cursor:pointer}.studio-upload{min-height:148px;padding:15px;border:1px dashed #52613f;border-radius:12px;background:#171d11;display:flex;flex-direction:column;gap:14px;justify-content:center}.studio-upload img{width:100%;height:155px;object-fit:contain}.studio-upload span{font-size:10px;color:#8e9a80}.studio-help{font-size:11px;line-height:1.7;color:#a2af91}.creator-panel .button{width:100%;margin-top:15px}.creator-panel button:disabled,fieldset:disabled{opacity:.5;cursor:not-allowed}.studio-policy{font-size:10px;line-height:1.8;color:#8e9b7c;margin-top:24px;border-top:1px solid #333d2a;padding-top:19px}.quote-card{padding:18px;background:#242b13;border:1px solid #60662d;border-radius:12px;margin-top:20px}.quote-card strong{font-size:22px;color:var(--yellow)}.quote-card p,#generation-message{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.studio-link{border:0;background:transparent;color:#d0dba5;padding:10px 0;text-decoration:underline;text-underline-offset:4px;font-size:11px;cursor:pointer}.workspace{padding:28px;min-width:0}.workspace-heading,.history-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.workspace-heading h2{font-size:24px;margin:13px 0 22px;letter-spacing:-.7px}.task-state{font-size:9px;letter-spacing:1px;color:#c8d995;border:1px solid #424f31;padding:8px 10px;border-radius:20px;white-space:nowrap}.result-viewer{--viewer-height:440px;height:var(--viewer-height);border-radius:17px;border:1px solid #2f3824;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#303a1b,#0d120a 70%)}.result-viewer model-viewer{width:100%;height:100%;--poster-color:transparent}.viewer-empty{text-align:center;padding:20px;color:#dce6c5}.viewer-empty img{opacity:.75;object-fit:contain}.viewer-empty p{font-size:19px;letter-spacing:-.4px}.viewer-empty span{font-size:12px;line-height:1.8;color:#96a283}.history-heading{margin-top:30px}.history-heading h2{font-size:18px}.job-list{display:grid;gap:9px;margin-top:20px}.job-card{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;border:1px solid #35402b;background:#191f13;color:#e4ebd7;border-radius:11px;padding:15px;cursor:pointer}.job-card:hover,.job-card[aria-pressed=true]{border-color:#a29e3e}.job-card small{display:block;margin-top:6px;color:#98a486;font-size:10px}.job-card>span:last-child{font-size:10px;color:#d1d89c}.job-list>p{font-size:12px;color:#9aa78a}@media(max-width:950px){.studio-layout{grid-template-columns:300px minmax(0,1fr);padding:18px;gap:16px}.creator-panel,.workspace{padding:20px}.workspace-heading{display:block}.task-state{display:inline-block;margin-bottom:15px}.result-viewer{--viewer-height:360px;height:var(--viewer-height)}}@media(max-width:700px){.studio-layout{grid-template-columns:1fr;padding:14px}.studio-nav{gap:10px;font-size:10px}.studio-nav>a{display:none}.creator-panel h1{font-size:29px}.result-viewer{--viewer-height:340px;height:var(--viewer-height)}.workspace-heading{display:flex;align-items:start}.task-state{white-space:normal;max-width:110px;text-align:center}.workspace-heading h2{font-size:20px}}

.studio-upload .studio-upload-art{width:56px;height:56px;align-self:center;object-fit:contain}.studio-upload:has(#studio-input-preview:not([hidden])) .studio-upload-art{display:none}

/* Keep controls aligned and their visible copy independent of browser locale. */
.creator-panel select{appearance:none;-webkit-appearance:none;min-height:46px;padding:12px 42px 12px 14px;background-image:var(--select-chevron);background-repeat:no-repeat;background-position:right 14px center;background-size:16px 16px}
.file-picker{position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:44px;border-radius:8px}
.creator-panel .file-picker input[type=file]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.creator-panel .file-picker-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:40px;padding:8px 12px;border:1px solid #4b5d3a;border-radius:8px;background:#293323;color:#ebf3dd;font-size:11px}
.creator-panel .file-picker-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#bac3ad}
.file-picker:focus-within{outline:2px solid var(--yellow);outline-offset:4px}
.file-picker:hover .file-picker-button{border-color:#a2ae7a}
fieldset:disabled .file-picker input{cursor:not-allowed}
.creator-panel select:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}

.guest-note{border:1px solid #343e2b;background:#192011;border-radius:12px;padding:14px;margin:16px 0}.guest-note p,.draft-tools p{font-size:11px;line-height:1.7;color:#aab79a}.guest-note a{display:inline-block;font-size:11px;color:#e8e6af;margin-top:8px;text-decoration:underline;text-underline-offset:3px}.draft-tools{margin-top:16px}.draft-tools .studio-link{padding:6px 0}.studio-nav>a{display:block!important}

.generation-estimate{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:12px 14px;border:1px solid #465237;border-radius:10px;background:#1b2212;font-size:12px;color:#bac3ad}.generation-estimate strong{font-size:18px;color:var(--yellow);white-space:nowrap}

.quality-help-link{display:inline-block;color:#cbd49d;font-size:11px;margin:0 0 10px;text-decoration:underline;text-underline-offset:3px}

#studio-payment-status{font-size:12px;color:#e6e4ad}#studio-subscription{font-size:12px;color:#b6c5a5}
.payment-confirm{max-width:560px}.payment-confirm .paywall-inner{padding:36px}.payment-confirm h2{padding-right:0;font-size:30px}.payment-review{padding:18px;background:#1c2515;border:1px solid #445332;border-radius:14px;margin:20px 0}.payment-review img{display:block;margin:0 auto 15px;width:100%;height:160px;object-fit:contain}.payment-review strong{color:var(--yellow)}.payment-confirm .button{width:100%;margin:12px 0}.payment-confirm .studio-link{display:block;margin:auto;font-size:14px}.payment-confirm p{color:#bfcbb0;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:600px){.payment-confirm .paywall-inner{padding:26px 20px}.payment-confirm h2{font-size:26px}}
.viewer-tools,.rail-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.viewer-tools .button{padding:8px 15px;min-height:36px;font-size:13px}.recent-rail{display:none}.rail-header{justify-content:space-between}.rail-header h2{font-size:18px}.history-list{display:grid;gap:8px;font-size:13px;color:#bbc4ad}.history-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #3a442f;border-radius:13px;background:#191f13;color:#eef1e7;text-decoration:none}.history-card:hover,.history-card[aria-current=true]{border-color:#aeab49}.history-photos{display:flex;align-items:center;gap:3px;flex-wrap:wrap;background:#232c1e;border-radius:7px;overflow:hidden;min-width:54px;min-height:54px;justify-content:center;font-size:11px;color:#c5cfb9}.history-photos img{width:54px;height:54px;object-fit:contain}.history-info{display:grid;gap:3px;font-size:12px}.history-info small{color:#abb69b}.history-page{max-width:1120px;margin:auto;padding:36px 20px}.history-page>p{color:#bdc7b1}.history-page h1{font-size:clamp(28px,4vw,44px)}#history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:15px}.history-page .history-card{display:grid;align-content:start}.history-page .history-photos img{width:auto;max-width:100%;height:110px}.history-page .history-info{font-size:14px}
@media(min-width:1250px){.studio-layout{max-width:1580px;grid-template-columns:minmax(290px,345px) minmax(0,1fr)}}

.workspace{align-self:start}
.generation-wait{padding:clamp(20px,4vw,44px);border-radius:16px;border:1px solid #3b492b;background:radial-gradient(ellipse at bottom,#232e17,#10160d 85%)}
.progress-heading{display:flex;gap:12px;justify-content:space-between;align-items:baseline}.progress-heading h3{font-size:clamp(18px,2vw,25px);margin:0}.progress-number{color:var(--yellow);font-size:clamp(22px,3vw,36px);font-variant-numeric:tabular-nums}
.progress-track{height:8px;background:#39432c;border-radius:10px;overflow:hidden;margin:18px 0 8px}.progress-track i{display:block;width:var(--fill,0%);height:100%;background:var(--yellow);border-radius:inherit;transition:width .8s ease}
.generation-wait ol{display:flex;justify-content:space-between;list-style:none;padding:0;font-size:12px;color:#a2ad94}.generation-wait li[data-step=current]{color:var(--yellow);font-weight:700}.generation-wait li[data-step=done]{color:#e3eacb}
.progress-eta,#background-note small{font-size:12px;color:#b7c3ab}.progress-eta{margin:24px 0 0;font-variant-numeric:tabular-nums}
#background-note{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;padding:16px 0;border-bottom:1px solid #333d2b}#background-note p{margin:0;font-size:14px}#background-note small{width:100%}#background-note a{font-size:13px;padding:4px 0}
.generation-wait.complete{padding:0 0 12px;border:0;background:none}.complete .progress-heading h3,.complete .progress-number{font-size:12px}.complete .progress-track{height:3px;margin-top:5px}.complete ol,.complete .progress-eta{display:none}
@media(min-width:701px){.studio-layout{align-items:start;grid-template-rows:auto 1fr}.creator-panel{grid-column:1;grid-row:1/3}.workspace{grid-column:2;grid-row:1}.studio-layout .studio-quality{grid-row:2;grid-column:2/-1}}

.is-submitting::before{content:'';width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:checkout-spin 1s linear infinite}
@media(prefers-reduced-motion:reduce){.progress-track i{transition:none}.is-submitting::before{animation:none}}
.studio-workspace-links { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; font-size: 13px; }
.studio-workspace-links a { color: var(--field-label); text-decoration: underline; text-underline-offset: 3px; }
