@font-face{font-family:CommerceSans;src:url(assets/commerce-sans-regular.woff2) format('woff2');font-weight:400 500;font-display:swap}
@font-face{font-family:CommerceSans;src:url(assets/commerce-sans-semibold.woff2) format('woff2');font-weight:600 900;font-display:swap}
@font-face{font-family:CommerceDisplay;src:url(assets/studio-bold.ttf);font-weight:600 900;font-display:swap}
/* The same palette and type family as the launch page. Artwork keeps its own styling. */
:root{--bg:#f6f6f9;--paper:#f6f6f9;--surface:#fff;--ink:#141418;--muted:#61636d;--line:#e4e4ea;--accent:#e0163a;--accent-soft:#fff0f3;--blue:#e0163a;--blue-light:#fff0f3;--error:#b41e36;--radius:22px;--font:CommerceSans,'PingFang SC','Microsoft YaHei',sans-serif}
body.studio-light{margin:0;background:var(--bg);color:var(--ink);font:15px/1.75 var(--font);color-scheme:light;-webkit-font-smoothing:antialiased}
.studio-light *{box-sizing:border-box}.studio-light [hidden]{display:none!important}.studio-light .app{margin:0}
.studio-light ::selection{background:#ffe03d;color:#141418}.studio-light :focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.studio-light :is(button,input,textarea,select){font-family:inherit}.studio-light :is(h1,h2,h3){text-wrap:balance;letter-spacing:-.025em}.studio-light p{text-wrap:pretty}
.studio-light :is(img,video){max-width:100%}.studio-light :is(main,section,form,fieldset,aside){min-width:0}
.studio-light a{text-underline-offset:4px}.studio-light :is(a,button,summary){-webkit-tap-highlight-color:transparent}
.studio-light .skip{position:fixed;top:10px;left:16px;z-index:100;transform:translateY(-180%);padding:10px 18px;background:var(--ink);color:#fff;border-radius:9px;text-decoration:none}.studio-light .skip:focus{transform:none}
/* Shared header and explicit tool navigation. */
:is(.studio-light,.studio-light>.app)>header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:none;height:80px;margin:0;padding:0 max(28px,calc((100vw - 1344px)/2));background:#f6f6f9;border-bottom:1px solid var(--line)}
.studio-light header .workspace-brand{padding:0;color:var(--ink);font:800 30px/1 CommerceDisplay,CommerceSans,sans-serif;letter-spacing:-1.1px;text-decoration:none;white-space:nowrap;display:block}
.studio-light header .workspace-brand i{color:var(--accent);font-style:normal}.studio-light header .workspace-brand span{font:400 12px/1.4 var(--font);letter-spacing:.06em;color:var(--muted);margin-left:16px}
.studio-light header .account{display:flex;align-items:center;gap:24px;font-size:13px;margin-left:auto}.studio-light header .account a{text-decoration:none}.studio-light header .login,.studio-light .nav-login{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 20px;border-radius:100px;border:1px solid var(--ink);background:var(--ink);color:#fff;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}
.studio-light header>nav{display:flex;align-items:center;gap:24px;font-size:13px;margin-left:auto}.studio-light header>nav a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.studio-light .topbar>nav,.studio-light .reverse-header>nav{display:none}
.studio-light .studio-rail{position:relative;inset:auto;width:100%;padding:12px max(28px,calc((100vw - 1344px)/2));background:#fff;border-bottom:1px solid var(--line)}
.studio-rail nav{display:flex;gap:6px;align-items:center;overflow-x:auto;scrollbar-width:thin}.studio-rail a{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:46px;padding:10px 16px;border-radius:12px;color:var(--muted);font-size:13px;text-decoration:none;transition:background .18s,color .18s}
.studio-rail a:hover{background:var(--bg);color:var(--ink)}.studio-rail a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.studio-rail svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.rail-foot{display:none}
.studio-light .preview-environment-note{margin:0;padding:9px 24px;text-align:center;background:#fff8d8;color:#6d5811;font-size:12px}.preview-environment-note a{color:inherit;font-weight:600}
:is(.studio-light,.studio-light>.app)>main{max-width:1400px;width:100%;margin:0 auto;padding:42px 28px 64px}.studio-light .wrap{max-width:none;width:100%;margin:0;padding:0}
.studio-light :is(.heading,.hero,.reverse-hero){display:block;padding:0;margin:0 0 32px;max-width:none;min-height:0;border:0}
.studio-light :is(.heading h1,.hero h1,.reverse-hero h1,.account-top h1,.assets-heading h1){font:700 clamp(30px,3.2vw,44px)/1.3 var(--font);letter-spacing:-.045em;margin:0 0 12px;color:var(--ink)}
.studio-light :is(.heading,.hero,.reverse-hero)>p,.studio-light :is(.heading,.hero)>div>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:65ch;margin:10px 0 0}
.studio-light .eyebrow{color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.16em;margin:0 0 12px}.studio-light .heading .eyebrow,.studio-light .hero .eyebrow{margin:0 0 12px;color:var(--accent);font-size:11px}.studio-light :is(.heading-tag,.hero-note){display:none}
.studio-light :is(.panel,.box,.reverse-panel,.reverse-result,.auth-card,.reverse-empty-state){background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 32px -26px #24243d30}
.studio-light .panel-head{background:#fff;border-bottom:1px solid var(--line);padding:24px 28px;gap:14px;flex-wrap:wrap}.studio-light .panel-head h2,.studio-light .reverse-step h2{font-size:18px;font-weight:600;line-height:1.55}.studio-light .panel-head p{font-size:13px;color:var(--muted);line-height:1.8}
.studio-light :is(.step,.step-number,.reverse-step>span){display:inline-grid;place-items:center;width:30px;height:30px;font-size:12px;border:0;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-weight:600;flex-shrink:0}
.studio-light :is(form#briefForm,form#posterForm){padding:28px!important}.studio-light label{font-size:14px;font-weight:500}.studio-light :is(.field-label,.section-label){font-size:14px;font-weight:600}
.studio-light :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]),textarea:not(.canvas-inline-editor),select){width:100%;min-width:0;min-height:48px;border:1px solid #d4d5dd;border-radius:11px;background:#fafafd;color:var(--ink);padding:11px 14px;font:400 15px/1.7 var(--font);box-shadow:none;transition:border-color .18s,box-shadow .18s}
.studio-light :is(input,textarea)::placeholder{color:#777985;font-size:14px}.studio-light :is(input,textarea,select):focus{border-color:var(--accent);box-shadow:0 0 0 3px #e0163a0c}.studio-light :is(input,select,textarea):disabled{background:#eff0f4;color:#787a86}.studio-light :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--accent)}
.studio-light :is(.upload,.reverse-upload){position:relative;background:#f9f9fc;border:1.5px dashed #bec0cb;border-radius:15px;min-height:170px;padding:24px 18px;transition:border-color .18s,background .18s}.studio-light :is(.upload,.reverse-upload):hover,.studio-light :is(.upload,.reverse-upload):focus-within{border-color:var(--accent);background:#fff5f7}.studio-light :is(.upload,.reverse-upload) strong{font-size:15px;font-weight:600}.studio-light :is(.upload,.reverse-upload) :is(span,small){font-size:12px;color:var(--muted)}
.studio-light :is(.upload-symbol,.upload-icon){display:grid;place-items:center;width:42px;height:42px;background:var(--accent-soft);color:var(--accent)!important;font-size:26px!important;border-radius:12px;margin-bottom:8px}
.studio-light :is(.field-help,.small,.cost,.cost-note,.check,.editor-note,.reverse-check,.reverse-disclaimer){font-size:13px!important;line-height:1.85;color:var(--muted)}.studio-light .check input{width:17px;height:17px;margin-top:4px;flex:none}.studio-light .check{align-items:flex-start}.studio-light .muted{color:var(--muted)}
.studio-light :is(.primary,.generate,.reverse-submit,.button.primary){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 24px;border:1px solid var(--accent);border-radius:100px;background:var(--accent);color:#fff;font-size:15px;font-weight:600;box-shadow:none;text-decoration:none;transition:background .18s,transform .18s}
.studio-light :is(.primary,.generate,.reverse-submit,.button.primary):hover:not(:disabled){background:#bf1230;border-color:#bf1230;color:#fff}.studio-light :is(.primary,.secondary):active:not(:disabled){transform:translateY(1px)}
.studio-light :is(.secondary,.pager button,.merge-button){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid #d4d5dd;border-radius:100px;background:#fff;color:var(--ink);font-size:13px;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s}.studio-light :is(.secondary,.pager button,.merge-button):hover:not(:disabled){background:#f1f1f6;border-color:#a1a3af}
.studio-light .text-button{background:transparent;color:var(--accent);font-size:13px;min-height:44px;border:0}.studio-light button:disabled{opacity:.5;cursor:not-allowed}.studio-light .generate{width:100%;font-size:16px}.studio-light .image-entry{color:var(--accent)}
.studio-light details{border-color:var(--line)}.studio-light summary{min-height:44px;font-size:14px;color:var(--ink);cursor:pointer}.studio-light summary span,.studio-light summary em{color:var(--muted);font-size:12px}
.studio-light :is(.default-settings,.identified-product,.file-meta,.template-story,.rate,.price-preview){background:#f6f6fa;border:1px solid var(--line);border-radius:12px;color:var(--ink)}.studio-light .default-settings{border-left:3px solid var(--accent)}.studio-light .default-settings p{font-size:15px}.studio-light :is(.tag,.pill){background:var(--accent-soft);color:#bd1733}.studio-light :is(.error,.reverse-error){background:#fff0f3;border:1px solid #f3c4cd;color:#a71931;border-radius:12px}.studio-light :is(.notice,.note){background:#fff8df;color:#6e5613;border-color:#f0dda1}
.studio-light :is(.output-card,.plan-card){background:#fff;border:1px solid var(--line);border-radius:14px}.studio-light :is(.full-video-prompt,.reverse-prompt){background:#fafafd;font-size:15px;line-height:1.95;padding:22px;min-height:430px}.studio-light :is(.progress,.video-progress-panel){background:#fff4f6;border-color:#f3d1d8;box-shadow:none}.studio-light .progress.is-idle{background:#f6f6fa;border-color:var(--line)}.studio-light .progress.is-error{background:#fff0f3;border-color:#f3c4cd}.studio-light .progress.is-done{background:#eff8f3;border-color:#bfddcd}.studio-light .progress-icon{background:#fff;color:var(--accent)}.studio-light .progress-track{background:#e8e8ee}.studio-light .progress-track>span{background:var(--accent)}.studio-light .progress-steps li{color:#686b76;font-size:11px}.studio-light .progress-steps li::before{background:#c7c9d3;box-shadow:0 0 0 3px #eeeef3}.studio-light .progress-steps li.is-active{color:var(--accent)}.studio-light .progress-steps li.is-done{color:#256449}.studio-light .spinner{border-color:#e9c4cb;border-top-color:var(--accent)}
.studio-light .video-steps .current{color:var(--accent);border-color:var(--accent)}.studio-light .video-steps .done{color:#256449;border-color:#256449}.studio-light .positive{color:#256449}.studio-light .negative{color:#aa233c}
.studio-light dialog{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:24px;max-width:calc(100vw - 32px);max-height:88dvh;overflow:auto;box-shadow:0 28px 100px #20203038}.studio-light dialog::backdrop{background:#17172580;backdrop-filter:blur(5px)}.studio-light dialog .panel-head{border-radius:24px 24px 0 0}.studio-light .dialog-cost{color:var(--accent)}.studio-light .dialog-actions{gap:12px;flex-wrap:wrap}.studio-light #toast{background:var(--ink);color:#fff;border-radius:12px;box-shadow:0 8px 24px #14141825}
.studio-light footer{max-width:1344px;margin:0 auto;border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:12px;gap:20px}.studio-light>footer{padding-inline:28px}
/* Video: a clear brief, with the preview becoming the output panel. */
.page-video .choice-section{display:none}.page-video .workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:28px;align-items:start;max-width:1344px;margin:auto}.page-video .workspace:has(.result-panel:not([hidden])){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.page-video .workspace:has(.result-panel:not([hidden])) .workspace-video-reference{display:none}
.workspace-video-reference{position:sticky;top:24px;display:flex;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;min-width:0}.workspace-video-reference h2{font-size:25px;line-height:1.4;margin:0 0 12px}.workspace-video-reference p{font-size:14px;color:var(--muted);line-height:1.85;max-width:45ch}.workspace-video-reference small{display:block;font-size:12px;color:var(--muted);margin:12px 0 18px}.workspace-video-reference .media-preview{width:min(250px,100%);aspect-ratio:9/16;margin:8px auto 0;border-radius:20px;overflow:hidden;background:#efeff4}.workspace-video-reference .media-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 16%}.workspace-video-reference .video-badge{display:none}
.studio-light .presenter-settings{background:#f9f9fc;border:1px solid var(--line);border-radius:14px;padding:22px}.studio-light .creation-paths{background:#f2f2f7;border:1px solid var(--line);padding:5px;border-radius:14px;gap:4px}.studio-light .creation-paths button{border:0;background:transparent;color:var(--muted);border-radius:10px;font-size:14px;min-height:46px}.studio-light .creation-paths button[aria-pressed=true]{background:#fff;color:var(--accent);box-shadow:0 2px 6px #20203008}
.studio-light .template-categories button{background:#fff;border:1px solid var(--line);color:var(--muted);border-radius:100px;min-height:44px;padding:8px 15px}.studio-light .template-categories button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:#e7a0ae}.studio-light .ad-template-card{background:#fafafd;border:1px solid var(--line);border-radius:14px}.studio-light .ad-template-card:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
/* Poster controls are chrome; no rules here recolor the rendered artwork. */
.page-poster .layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:start}.page-poster .result-panel{position:sticky;top:24px;min-width:0}.page-poster.editing-poster .layout{grid-template-columns:1fr}.page-poster.editing-poster .result-panel{position:static}.page-poster .poster-types{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.page-poster .poster-types span{background:#f9f9fc;border-color:var(--line);color:var(--muted);font-size:12px;min-height:48px}.page-poster .poster-types input:checked+span{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.page-poster .poster-types label:focus-within{outline:2px solid var(--accent);outline-offset:3px;border-radius:9px}
.page-poster .style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.page-poster .style-card{background:#fff;border:1px solid var(--line);padding:11px;border-radius:13px}.page-poster .style-card.selected,.page-poster .style-card:has(input:checked){background:#fff7f9;border:1px solid var(--accent);padding:11px;box-shadow:inset 0 0 0 1px var(--accent)}.page-poster .style-card strong{font-size:13px}.page-poster .style-card small{font-size:12px;color:var(--muted)}.page-poster .style-swatch{height:58px;border-radius:7px}.page-poster .style-card:focus-within{outline:2px solid var(--accent);outline-offset:3px}
.page-poster .result-body{padding:28px}.page-poster .result-empty{padding:24px 16px 36px;min-height:400px}.poster-concept{width:min(228px,75%);margin:0 auto 24px}.poster-concept img{display:block;width:100%;height:auto;border-radius:14px}.poster-concept figcaption{font-size:12px;color:var(--muted);margin-top:10px}.page-poster .result-empty h3{font-size:22px}.page-poster .progress{margin:24px}.page-poster .editor-stage{background-color:#ececf2;background-image:conic-gradient(#e0e1e9 25%,transparent 0 50%,#e0e1e9 0 75%,transparent 0);background-size:20px 20px;padding:22px;border-color:var(--line)}.page-poster .layer-panel{background:#fafafd;border-color:var(--line);padding:18px}.page-poster .layer-row{min-height:44px}.page-poster .layer-row:hover{background:#efeff5}.page-poster .layer-row.selected{background:var(--accent-soft);color:var(--accent);border-color:#efb5c1}.page-poster .control{font-size:12px}.page-poster .control input[type=range]{min-height:30px}.page-poster .delete-layer-button{background:#fff0f3;color:#a71931;border-color:#efb5c1}.page-poster .canvas-inline-editor{font-family:'PingFang SC','Microsoft YaHei',sans-serif;box-shadow:none}.page-poster .replace-field{border-color:#b9bbc7;color:var(--muted)}.page-poster .poster-canvas{touch-action:none}
/* Reference analysis */
.page-reverse .reverse-hero h1{font-size:40px}.page-reverse .reverse-hero h1 br{display:none}.page-reverse .reverse-hero h1 em{color:var(--accent);font-style:normal}.page-reverse .reverse-note{background:#fff8df;border:1px solid #eee1b4;border-radius:12px;padding:16px 20px;font-size:13px}.page-reverse .reverse-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.reverse-empty-state{padding:30px;position:sticky;top:24px}.reverse-empty-state h2{font-size:26px;line-height:1.45}.reverse-empty-state p,.reverse-empty-state li{font-size:14px;color:var(--muted);line-height:1.85}.reverse-empty-state ol{list-style:none;padding:0}.reverse-empty-state li{padding:12px 0;border-top:1px solid var(--line)}.reverse-empty-state li b{color:var(--accent);margin-right:16px}.reverse-layout:has(.reverse-result:not([hidden])) .reverse-empty-state{display:none}.reference-visuals{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 12px}.reference-visuals figure{margin:0;background:#f6f6fa;border-radius:12px;overflow:hidden}.reference-visuals .media-preview{height:250px}.reference-visuals figcaption{padding:10px 12px;font-size:12px;color:var(--muted)}.reference-visual-note{font-size:12px!important}.studio-light .reverse-shot{background:#f5f5f9;border:1px solid var(--line)}
/* Personal assets, membership, and billing share the same controls. */
.studio-light .member-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);align-items:center;gap:80px;max-width:1160px;padding-block:64px 90px}.studio-light .intro h1{font:700 clamp(36px,4.5vw,56px)/1.25 var(--font);letter-spacing:-.045em}.studio-light .intro .eyebrow{display:inline-block;padding:4px 12px;background:#ffe03d;color:var(--ink);border-radius:7px;transform:rotate(-2deg)}.studio-light .intro p{max-width:33em}.studio-light .auth-card{padding:36px}.studio-light .login-title{font-size:27px}.studio-light .code-row button{min-width:118px;padding-inline:14px}.studio-light .wechat{color:#246d4b}.studio-light .balance-card{background:#fff;border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:22px;padding:32px}.studio-light .balance-card p{color:var(--muted)}.studio-light .balance{color:var(--ink);font-size:64px;font-variant-numeric:tabular-nums}.studio-light .box{padding:28px}.studio-light th{background:#f7f7fa;color:var(--muted)}.studio-light td{border-color:var(--line)}.studio-light tbody tr:hover{background:#fafafd}.studio-light :is(th,td,.balance,.time,output){font-variant-numeric:tabular-nums}.studio-light .stats article{background:#fff;border-color:var(--line);border-radius:16px}.studio-light .stats article:first-child{background:#fff0f3}.studio-light .admin-tabs button{background:#fff;border-color:var(--line);border-radius:100px}.studio-light .admin-tabs [aria-current=page]{background:var(--ink);color:#fff;border-color:var(--ink)}
.studio-light .assets-heading{margin-bottom:28px}.studio-light :is(.assets-heading p,.asset-note,#status,.asset-body p,.asset-meta){color:var(--muted)}.studio-light .asset-toolbar{border-color:var(--line)}.studio-light .asset-filters button{color:var(--muted);border-radius:100px}.studio-light .asset-filters button[aria-pressed=true]{background:var(--accent-soft);border-color:#ecc0ca;color:var(--accent)}.studio-light .asset-card{background:#fff;border-color:var(--line);border-radius:20px}.studio-light .asset-preview{background:#efeff4;color:var(--ink)}.studio-light .asset-body{padding:22px}.studio-light .asset-empty{background:#fff;border:1px dashed #c8cad5;padding:64px 24px;border-radius:22px}.studio-light .asset-skeleton{background:#ededf3;border-color:var(--line)}.studio-light #detailPrompt{background:#fafafd;border-color:var(--line);color:var(--ink)}.studio-light #detailStatus{color:var(--accent)}.studio-light #search{background:#fff;border-color:#d4d5dd;color:var(--ink)}
.progress.is-processing #progressBar{width:35%!important;animation:processing-sweep 1.6s ease-in-out infinite alternate}@keyframes processing-sweep{from{transform:translateX(0)}to{transform:translateX(180%)}}
@media(max-width:1050px){.studio-light .studio-rail{padding-inline:20px}.studio-rail a{padding-inline:12px;font-size:12px}.page-poster .layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.page-video .workspace,.page-video .workspace:has(.result-panel:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.studio-light .member-layout{gap:32px}.page-poster .progress{margin:18px}.page-poster .progress-steps{grid-template-columns:1fr 1fr;gap:12px}.page-poster .result-body{padding:20px}}
@media(max-width:820px){.page-video .workspace,.page-video .workspace:has(.result-panel:not([hidden])),.page-poster .layout,.page-reverse .reverse-layout{grid-template-columns:minmax(0,1fr)}.workspace-video-reference,.page-poster .result-panel,.reverse-empty-state{position:static}.workspace-video-reference{display:grid;grid-template-columns:1fr 100px;gap:22px;padding:24px}.workspace-video-reference .media-preview{width:100px;margin:0;align-self:center}.workspace-video-reference h2{font-size:22px}.studio-light .member-layout{grid-template-columns:1fr;max-width:620px;gap:28px;padding-block:36px}.studio-light .intro ul{display:none}.studio-light .studio-rail{padding:10px 18px}.studio-rail a{font-size:12px;padding-inline:13px}.studio-light .hero p:not(.eyebrow){font-size:14px}}
@media(max-width:560px){:is(.studio-light,.studio-light>.app)>header{height:70px;padding-inline:18px;gap:12px}.studio-light header .workspace-brand{font-size:28px}.studio-light header .workspace-brand span{display:none}.studio-light header .account{gap:12px;font-size:12px}.studio-light header .login{padding:9px 15px;max-width:140px}.studio-light header>nav{gap:14px;font-size:12px}.studio-light .studio-rail{padding:8px 12px}.studio-rail nav{gap:3px}.studio-rail a{flex-direction:column;gap:4px;padding:8px 12px;min-height:62px;font-size:11px}.studio-rail a[data-route=home]{display:none}.studio-rail svg{width:19px;height:19px}:is(.studio-light,.studio-light>.app)>main{padding:28px 16px 44px}.studio-light :is(.heading h1,.hero h1,.reverse-hero h1,.account-top h1,.assets-heading h1){font-size:29px;line-height:1.38}.studio-light :is(.heading,.hero,.reverse-hero){margin-bottom:24px}.studio-light .panel-head{padding:20px;gap:10px}.studio-light .panel-head h2{font-size:17px}.studio-light :is(form#briefForm,form#posterForm){padding:20px!important}.studio-light :is(.panel,.box,.reverse-panel,.reverse-result,.auth-card,.reverse-empty-state){border-radius:18px}.studio-light .preview-environment-note{padding:8px 16px;font-size:11px}.studio-light :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]),textarea:not(.canvas-inline-editor),select){font-size:16px}.studio-light .presenter-settings{padding:16px}.studio-light .two-fields{grid-template-columns:1fr}.studio-light .check{font-size:12px!important}.workspace-video-reference{grid-template-columns:1fr 90px;padding:20px;gap:16px}.workspace-video-reference .media-preview{width:90px}.workspace-video-reference h2{font-size:19px}.workspace-video-reference p{font-size:13px}.workspace-video-reference small{font-size:11px}.page-poster .result-body{padding:18px}.page-poster .result-empty{padding:18px 8px 26px}.studio-light .progress{margin:16px;padding:16px}.studio-light .progress-top{flex-wrap:wrap;gap:6px}.page-poster .poster-types{grid-template-columns:repeat(3,minmax(0,1fr))}.page-poster .style-card small{font-size:11px}.page-poster .editor-stage{padding:10px}.studio-light :is(.reverse-panel,.reverse-result,.reverse-empty-state,.auth-card,.box){padding:22px}.reference-visuals .media-preview{height:210px}.reverse-empty-state h2{font-size:23px}.studio-light .reverse-note{font-size:12px}.studio-light .intro h1{font-size:36px}.studio-light .balance-card{padding:24px}.studio-light .balance{font-size:52px}.studio-light .assets-heading{align-items:flex-start;gap:12px}.studio-light .assets-heading>.primary{white-space:nowrap;padding-inline:18px;font-size:13px}.studio-light .account-top{align-items:flex-start;gap:14px}.studio-light .account-top>button{flex-shrink:0;white-space:nowrap}.studio-light footer{flex-wrap:wrap;padding:20px 0}.studio-light>footer{padding-inline:18px}.studio-light .full-video-prompt,.studio-light .reverse-prompt{padding:16px;min-height:360px}.studio-light dialog .dialog-actions{padding:20px}.studio-light .creation-paths button{font-size:13px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.studio-light *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Form sections and navigation stay readable at narrow widths. */
.studio-light #presenterSettings{border:1px solid var(--line);border-radius:14px;background:#fafafd;padding:22px;margin-block:24px}
.studio-light #presenterSettings h3{font-size:17px;margin:0 0 8px}.studio-light #presenterSettings p{font-size:13px;color:var(--muted);margin:6px 0 18px}.studio-light #presenterFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.studio-light #presenterFields>label:last-child{grid-column:1/-1}.studio-light header #member{display:inline-flex;align-items:center;min-height:44px;padding:9px 18px;border-radius:100px;background:var(--ink);color:#fff}
.studio-light .reverse-header .workspace-brand .logo-mark{display:none}.studio-light .simple-ad .step-number{display:inline-grid}
@media(max-width:560px){.studio-rail nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:4px}.studio-rail a{flex-direction:row;gap:7px;padding:9px 4px;min-height:44px;font-size:11px}.studio-rail a[data-route=home]{display:none}.studio-rail svg{width:16px;height:16px}.studio-light #presenterSettings{padding:16px}.studio-light #presenterFields{grid-template-columns:1fr}.studio-light .page-assets .account{gap:10px}}
/* Hidden radio inputs must not inherit the full-width text-field dimensions. */
.studio-light .poster-types label{position:relative}.studio-light :is(.poster-types,.style-card) input[type=radio]{position:absolute;width:1px;height:1px;min-height:0;min-width:0;padding:0;margin:0;border:0;opacity:0;overflow:hidden;clip-path:inset(50%)}