:root{color-scheme:light;--bg:#f7f8f5;--surface:#fff;--surface-secondary:#eef0eb;--text:#20241f;--text-secondary:#626a60;--border:#dce0d7;--accent:#315e45;--accent-hover:#234832;--success:#31704a;--danger:#ac3730;--radius:12px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
:root[data-theme="dark"]{color-scheme:dark;--bg:#181a18;--surface:#202320;--surface-secondary:#292d29;--text:#eff2ec;--text-secondary:#b0b8ac;--border:#3b4239;--accent:#b0d1b4;--accent-hover:#c6e4c8;--success:#a3d6af;--danger:#ffaaa1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 var(--font);-webkit-font-smoothing:antialiased}button,input,select,a{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit}button,select{color:var(--text)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button,a,select{touch-action:manipulation}.container{width:min(100% - 64px,1200px);margin-inline:auto}.skip-link{position:absolute;left:16px;top:-80px;padding:12px;background:var(--surface);z-index:20}.skip-link:focus{top:12px}.header{border-bottom:1px solid var(--border)}.header-inner{height:88px;display:flex;align-items:center;gap:48px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:650;letter-spacing:-.7px;font-size:21px;white-space:nowrap}.logo{width:30px;height:32px;color:var(--accent);flex:none}.nav{display:flex;gap:28px;align-items:center}.nav a,.nav button{font-size:var(--mobile-minimum-14,14px);text-decoration:none;background:none;border:0;padding:10px 0}.nav a{border-bottom:1px solid var(--accent)}.header-tools{margin-left:auto;display:flex;align-items:center;gap:16px}.theme-control{position:relative;display:flex;align-items:center;gap:8px;font-size:var(--mobile-minimum-14,14px)}.theme-control select{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:10px 28px 10px 12px;min-height:44px;max-width:138px}.avatar{border:1px solid var(--border);border-radius:50%;width:40px;height:40px;background:var(--surface);font-size:var(--mobile-minimum-14,14px);opacity:1!important;color:var(--text-secondary)}.menu-toggle{display:none;border:1px solid var(--border);background:transparent;border-radius:8px;width:44px;height:44px}.hero{padding:80px 0 58px;max-width:980px}.eyebrow{font-size:var(--mobile-minimum-14,14px);text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-weight:650;margin:0 0 24px}.hero h1{font-size:clamp(38px,4.5vw,66px);font-weight:560;line-height:1.08;letter-spacing:-.047em;margin:0;max-width:970px}.hero-copy{font-size:18px;line-height:1.65;color:var(--text-secondary);max-width:620px;margin:26px 0 0}.availability{font-size:var(--mobile-minimum-14,14px);color:var(--text-secondary);margin-top:14px}.marketplaces{display:flex;flex-wrap:wrap;gap:14px 30px;align-items:baseline;margin:30px 0 0;font-size:var(--mobile-minimum-14,14px)}.marketplaces span{font-weight:650;letter-spacing:-.3px}.marketplaces small{font-size:var(--mobile-minimum-14,14px);color:var(--text-secondary);font-weight:400;margin-left:4px}.workspace{border-top:1px solid var(--border);padding:32px 0 60px}.section-top{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-bottom:22px}.section-top h2{font-size:20px;font-weight:550;letter-spacing:-.5px;margin:0}.step-label{font-size:var(--mobile-minimum-14,14px);color:var(--text-secondary);letter-spacing:.08em}.upload-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:stretch}.dropzone{position:relative;min-height:304px;border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface);display:flex;align-items:center;justify-content:center;text-align:center;padding:28px;transition:border-color .18s,background .18s}.dropzone.drag-over{border-color:var(--accent);background:var(--surface-secondary)}.dropzone:focus-within{border-color:var(--accent)}.upload-icon{width:40px;height:40px;margin-bottom:14px;color:var(--text-secondary)}.dropzone h3{font-weight:500;font-size:18px;margin:0 0 8px}.muted,.small{color:var(--text-secondary)}.small{font-size:var(--mobile-minimum-14,14px)}.dropzone p{margin:8px 0}.btn{min-height:46px;border:1px solid var(--border);border-radius:8px;padding:11px 20px;font-weight:550;background:var(--surface);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:background .18s,color .18s,border-color .18s}.btn:hover:not(:disabled){background:var(--surface-secondary)}.btn-primary{background:var(--accent);color:var(--accent-on);border-color:var(--accent)}:root[data-theme="dark"] .btn-primary{color:#1c291e}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-large{min-height:52px;padding-inline:26px}.file-input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.upload-summary{display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:0}.upload-summary h3{font-size:25px;line-height:1.25;letter-spacing:-.7px;font-weight:500;margin:0}.upload-summary p{margin:0}.uploadPreview{display:flex;align-items:center;gap:22px;min-width:0;width:100%}.source-frame{width:144px;flex:none;aspect-ratio:3/4;background:var(--surface-secondary);border-radius:8px;overflow:hidden}.source-frame img{width:100%;height:100%;object-fit:contain;display:block}.source-details{min-width:0;text-align:left}.source-details strong{font-size:16px;font-weight:550}.source-details p{font-size:var(--mobile-minimum-14,14px);overflow-wrap:anywhere;color:var(--text-secondary)}.link-button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;padding:12px 0;min-height:44px;color:var(--text)}.status{font-size:var(--mobile-minimum-14,14px);overflow-wrap:anywhere;min-height:20px}.status:empty{display:none}.error-text{color:var(--danger)}.product-details{padding-top:8px}.product-details #name{font-size:24px;font-weight:550;margin:0 0 8px;letter-spacing:-.7px}.product-details #benefits{font-size:var(--mobile-minimum-14,14px);color:var(--text-secondary);margin:0 0 12px}.wb{font-size:var(--mobile-minimum-14,14px)}.checklist{list-style:none;padding:0;margin:20px 0;display:grid;gap:7px;font-size:var(--mobile-minimum-14,14px)}.checklist li::before{content:'✓';color:var(--success);margin-right:10px}.checklist li.pending::before{content:'○';color:var(--text-secondary)}.generation-controls{margin-top:24px}.generation-controls p{font-size:var(--mobile-minimum-14,14px);color:var(--text-secondary);margin:10px 0}.progress{border-block:1px solid var(--border);padding:32px 0;margin-bottom:48px}.progress h2{font-size:24px;font-weight:500;margin:0 0 20px}.progress ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:16px 36px;color:var(--text-secondary);font-size:var(--mobile-minimum-14,14px)}.progress .done{color:var(--success)}.progress .active{color:var(--text)}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px;animation:breathe 1.6s ease-in-out infinite}.results{padding:0 0 64px}.results-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.results h2{font-size:36px;font-weight:520;letter-spacing:-1.1px;margin:0}.results-subtitle{color:var(--text-secondary);margin:8px 0 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.item{min-width:0}.preview-frame{aspect-ratio:3/4;background:var(--surface-secondary);border-radius:10px;overflow:hidden;position:relative}.preview-frame img{display:block;width:100%;height:100%;object-fit:contain}.result-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:16px}.result-caption h3{font-size:19px;font-weight:550;margin:0;letter-spacing:-.4px}.result-number{font-size:var(--mobile-minimum-14,14px);color:var(--text-secondary)}.conceptdesc{font-size:var(--mobile-minimum-14,14px);color:var(--text-secondary);margin:7px 0 16px;min-height:20px}.result-actions{display:flex;gap:10px}.result-actions .btn{font-size:var(--mobile-minimum-14,14px);flex:1;padding-inline:10px}.failed-frame{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;text-align:center;gap:10px;color:var(--text-secondary)}.failed-frame strong{font-size:16px;font-weight:500;color:var(--text)}.failed-symbol{font-size:24px;color:var(--danger)}.final img{aspect-ratio:3/4;object-fit:contain;width:100%;height:auto;max-width:450px}.developer{padding:24px;border:1px solid var(--border);border-radius:8px;margin-bottom:48px}.developer summary{cursor:pointer;min-height:44px;font-weight:550}.dev-actions{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.debug-output{white-space:pre-wrap;overflow-wrap:anywhere;font:var(--mobile-minimum-14,14px)/1.6 ui-monospace,monospace;max-height:360px;overflow:auto;background:var(--surface-secondary);padding:16px;border-radius:6px}.footer{border-top:1px solid var(--border);padding:26px 0 38px;display:flex;justify-content:space-between;gap:20px;font-size:var(--mobile-minimum-14,14px);color:var(--text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@keyframes breathe{50%{opacity:.35}}@media(min-width:1600px){.hero{padding-top:96px}}@media(max-width:1023px){.container{width:calc(100% - 48px)}.header-inner{gap:28px}.nav{gap:18px}.hero{padding-top:56px}.upload-layout{gap:28px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-control>span{display:none}}@media(max-width:639px){.container{width:calc(100% - 32px)}.header-inner{height:76px;gap:8px}.brand{font-size:17px;letter-spacing:-.5px;gap:7px}.logo{width:24px;height:27px}.header-tools{gap:8px}.theme-control select{font-size:var(--mobile-minimum-14,14px);max-width:100px;padding:9px 20px 9px 8px}.avatar{display:none}.menu-toggle{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;padding:20px;background:var(--surface);border-bottom:1px solid var(--border);z-index:10}.nav.open{display:flex;justify-content:center}.hero{padding:42px 0 38px}.hero h1{font-size:38px}.hero-copy{font-size:16px;margin-top:20px}.eyebrow{margin-bottom:20px;font-size:var(--mobile-minimum-14,14px)}.marketplaces{gap:12px 20px;margin-top:24px}.marketplaces span{font-size:var(--mobile-minimum-14,14px)}.marketplaces small{font-size:var(--mobile-minimum-14,14px)}.workspace{padding-top:24px;padding-bottom:40px}.upload-layout{grid-template-columns:1fr;gap:24px}.dropzone{min-height:270px;padding:20px}.upload-summary h3{font-size:22px}.source-frame{width:120px}.source-details{max-width:160px}.uploadPreview{gap:16px}.generation-controls .btn{width:100%}.results-head{display:block}.results h2{font-size:28px}.results .status{margin-top:14px}.grid{grid-template-columns:minmax(0,1fr);gap:32px}.progress ol{display:grid;gap:12px}.footer{flex-direction:column;gap:6px}.developer{padding:16px}.dev-actions{flex-direction:column}.section-top h2{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Approved composition: neutral two-column hero; product/results are the focus. */
:root{--bg:#f8f8f7;--surface:#fff;--surface-secondary:#eeeeeb;--text:#242423;--text-secondary:#686864;--border:#ddddd8;--accent:#252624;--accent-hover:#41433f}
:root[data-theme="dark"]{--bg:#191a19;--surface:#222322;--surface-secondary:#2c2d2b;--text:#f0f0ec;--text-secondary:#b0b1aa;--border:#3e403b;--accent:#e5e7df;--accent-hover:#fff}
.header-inner{height:80px}.logo{color:var(--text)}.account-button{background:none;border:0;font-size:var(--mobile-minimum-14,14px);min-height:44px;padding:8px;color:var(--text-secondary)}.hero{max-width:none;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:clamp(40px,6vw,90px);align-items:center;padding:64px 0 70px}.hero h1{font-size:clamp(40px,4.15vw,60px);font-weight:550;line-height:1.07;letter-spacing:-.045em}.hero-copy{font-size:16px;line-height:1.65;margin:24px 0;max-width:540px}.hero-formats{font-size:var(--mobile-minimum-14,14px);letter-spacing:.04em;color:var(--text-secondary);margin:12px 0 0}.hero .marketplaces{gap:12px 26px;margin-top:30px;font-size:var(--mobile-minimum-14,14px)}.hero .availability{font-size:var(--mobile-minimum-14,14px);line-height:1.6;margin-top:20px}.hero-visual{margin:0;width:100%;max-width:430px;justify-self:end}.hero-visual img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;border-radius:4px}.hero-visual figcaption{font-size:var(--mobile-minimum-14,14px);color:var(--text-secondary);margin-top:12px}.workspace{padding-top:36px}.results{padding-top:48px}.results-head{align-items:center}.results-tools{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.results-tools .link-button{font-size:var(--mobile-minimum-14,14px);min-height:44px;padding:8px 0}.results>#ps{margin:0 0 24px}.result-actions button[disabled]{display:none}.result-actions .btn{flex:none;min-width:120px}.preview-frame{border-radius:4px}.results .grid{row-gap:42px}.progress{margin-top:44px}.btn{border-radius:6px}.dropzone{border-radius:6px}.source-frame{border-radius:4px}
@media(min-width:1600px){.hero{padding-top:80px;padding-bottom:88px}}
@media(max-width:1023px){.hero{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);padding:48px 0}.hero h1{font-size:clamp(36px,4.5vw,46px)}.hero-copy{font-size:var(--mobile-minimum-15,15px)}.desktop-break{display:none}.hero .marketplaces{gap:10px 20px}.hero-visual{max-width:360px}.results-head{gap:20px}.results h2{font-size:30px}}
@media(max-width:639px){.header-inner{height:72px}.account-button{display:none}.nav{top:72px}.hero{grid-template-columns:minmax(0,1fr);gap:32px;padding:36px 0}.hero h1{font-size:38px;line-height:1.06;letter-spacing:-.045em}.hero-copy{font-size:var(--mobile-minimum-15,15px);margin:20px 0}.hero .btn-large{width:100%}.hero .marketplaces{justify-content:space-between;gap:8px;margin-top:22px}.hero-visual{width:min(100%,300px);justify-self:center}.hero-visual figcaption{text-align:center}.hero .availability{font-size:var(--mobile-minimum-14,14px)}.workspace{padding-top:26px}.results{padding-top:32px}.results-head{display:flex;flex-direction:column;align-items:stretch;gap:20px}.results h2{font-size:28px}.results-tools{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.results-tools .btn{font-size:var(--mobile-minimum-14,14px);padding-inline:14px}.results .status{margin-top:0}.results-subtitle{font-size:var(--mobile-minimum-14,14px)}.result-actions .btn{width:100%}.header-tools{gap:6px}}
/* Visual alignment with design/marketcard-approved-ui.png. */
:root{--bg:#fafbfc;--surface:#fff;--surface-secondary:#f0f2f5;--text:#101216;--text-secondary:#626978;--border:#e2e5ea;--accent:#101317;--accent-hover:#30343a;--font:Arial,Helvetica,ui-sans-serif,system-ui,sans-serif}
:root[data-theme="dark"]{--bg:#101315;--surface:#191d21;--surface-secondary:#23282d;--text:#f7f8f9;--text-secondary:#afb6bf;--border:#30363c;--accent:#f1f3f5;--accent-hover:#fff}
.header{border-bottom:0}.header-inner{height:72px;gap:62px}.brand{font-size:20px;font-weight:700}.logo{width:26px;height:28px}.nav{gap:30px}.nav a,.nav button{font-size:var(--mobile-minimum-14,14px)}.account-button{background:var(--surface-secondary);border-radius:5px;min-width:96px;font-weight:600}.theme-control>span{display:none}.theme-control select{border:0;background:transparent;font-size:var(--mobile-minimum-14,14px)}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding:32px 0 40px}.hero h1{font-size:clamp(38px,3.7vw,53px);font-weight:700;line-height:1.01;letter-spacing:-.047em}.hero-copy{font-size:17px;line-height:1.28;margin:18px 0}.hero .btn-large{min-height:48px;padding-inline:30px}.hero .marketplaces{margin-top:22px;font-size:var(--mobile-minimum-14,14px);gap:22px}.hero .availability{margin-top:14px;font-size:var(--mobile-minimum-14,14px)}.hero-formats{font-size:var(--mobile-minimum-14,14px);margin-top:8px}.hero-visual{position:relative;max-width:440px;padding:18px 65px 30px 10px;isolation:isolate}.hero-visual::before{content:'';position:absolute;inset:26px 52px 30px 35px;background:var(--surface-secondary);border-radius:14px;transform:rotate(5deg);z-index:-1}.hero-visual img{transform:rotate(-6deg);border-radius:12px;box-shadow:0 8px 14px #0000000a}.hero-visual figcaption{margin:28px 0 0;text-align:right;font-size:16px;font-style:italic;color:var(--text)}.hero-analysis{position:absolute;right:0;top:23%;width:168px;padding:20px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px;font-size:var(--mobile-minimum-14,14px);line-height:1.4}.hero-analysis strong{display:block;color:var(--text);margin-bottom:14px}.hero-analysis span{display:block;margin:10px 0;color:var(--text-secondary)}.hero-analysis small{font-size:var(--mobile-minimum-14,14px);color:var(--text-secondary)}.results{padding-top:22px}.results h2{font-size:30px;font-weight:700;letter-spacing:-.7px}.results-subtitle{margin-top:5px;font-size:var(--mobile-minimum-14,14px)}.results-head{margin-bottom:20px}.results-tools .btn{background:transparent;color:var(--text);border-color:var(--border);font-size:var(--mobile-minimum-14,14px)}.result-caption{margin-top:10px}.result-caption h3{font-size:16px;font-weight:700}.conceptdesc{font-size:var(--mobile-minimum-14,14px);margin:5px 0 10px}.result-actions .btn{min-width:0;font-size:var(--mobile-minimum-14,14px);padding:8px 14px}.grid{gap:28px 20px}.results .grid{row-gap:28px}
@media(min-width:1600px){.hero{padding:42px 0 48px}}
@media(max-width:1023px){.header-inner{gap:28px}.hero{gap:30px}.hero h1{font-size:38px}.hero-copy{font-size:var(--mobile-minimum-15,15px)}.hero-visual{padding-right:40px}.hero-analysis{width:145px;padding:14px 12px}.hero .marketplaces{gap:12px}}
@media(max-width:639px){.header-inner{height:64px;gap:4px}.brand{font-size:17px;gap:6px}.logo{width:23px;height:25px}.theme-control select{max-width:88px;font-size:var(--mobile-minimum-14,14px);padding-left:3px}.header-tools{gap:2px}.nav{top:64px}.hero{display:block;padding:24px 0 16px}.hero h1{font-size:34px;line-height:1.02}.hero-copy{font-size:var(--mobile-minimum-14,14px);line-height:1.35;margin:14px 0}.hero-visual{display:none}.hero #heroUpload,.hero-formats{display:none}.hero .marketplaces{margin-top:18px;font-size:var(--mobile-minimum-14,14px)}.hero .availability{margin-top:10px}.workspace{padding-top:20px;border-top:0}.workspace .section-top{display:none}.dropzone{min-height:228px}.upload-layout{gap:20px}.upload-summary h3{font-size:20px}.results{padding-top:24px}.results h2{font-size:26px}.results-head{gap:14px}.results-tools .btn{min-height:44px}.result-caption h3{font-size:18px}}
:root[data-theme="dark"] .results-tools .btn-primary{color:var(--text);background:transparent}

/* === Approved mockup fidelity pass — 2026-09-17 === */
:root{--page-max:1510px;--page-pad:54px;--bg:#f7f8fa;--surface:#fff;--surface-secondary:#f2f4f7;--text:#0d0f12;--text-secondary:#606773;--border:#e1e5ea;--accent:#0b0d10;--accent-hover:#252930;--font:Arial,Helvetica,"Segoe UI",sans-serif}
:root[data-theme="dark"]{--bg:#101418;--surface:#171c21;--surface-secondary:#20262c;--text:#f7f8fa;--text-secondary:#aab2bc;--border:#30373f;--accent:#f5f7f9;--accent-hover:#fff}
body{font-size:16px;background:var(--bg)}
.container{width:min(calc(100% - (var(--page-pad) * 2)),var(--page-max));margin-inline:auto}
.header-inner{height:86px;gap:72px}.brand{font-size:22px;font-weight:800;letter-spacing:-.75px}.logo{width:30px;height:32px}.nav{gap:38px}.nav a,.nav button{font-size:var(--mobile-minimum-15,15px);font-weight:500}.header-tools{gap:18px}.account-button{min-width:108px;min-height:46px;font-size:var(--mobile-minimum-14,14px);border-radius:8px}.theme-control select{font-size:var(--mobile-minimum-14,14px);min-width:94px}
.hero{min-height:590px;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:72px;padding:44px 0 52px;align-items:center}.hero-content{align-self:center}.hero h1{font-size:clamp(58px,4.55vw,76px);line-height:.98;letter-spacing:-.058em;font-weight:800;max-width:720px}.hero-copy{font-size:20px;line-height:1.28;max-width:650px;margin:28px 0 0;color:#343a44}.hero .btn-large{min-height:58px;padding:0 34px;font-size:18px;border-radius:7px;margin-top:26px}.hero-formats{font-size:var(--mobile-minimum-14,14px);margin-top:10px}.hero .marketplaces{margin-top:30px;gap:18px 30px;align-items:center}.marketplaces span{position:relative;font-size:var(--mobile-minimum-15,15px);font-weight:600;padding-left:34px;min-height:28px;display:inline-flex;align-items:center}.marketplaces span::before{position:absolute;left:0;width:26px;height:26px;border-radius:6px;display:grid;place-items:center;color:#fff;font-size:var(--mobile-minimum-14,14px);font-weight:800}.marketplaces span:nth-child(1)::before{content:'WB';background:#c71ed8}.marketplaces span:nth-child(2)::before{content:'OZ';background:#1769ff}.marketplaces span:nth-child(3)::before{content:'a';background:#111}.marketplaces span:nth-child(4)::before{content:'K';background:#ef4141}.marketplaces small{font-size:var(--mobile-minimum-14,14px)}.hero .availability{display:none}
.hero-visual{position:relative;width:min(100%,590px);max-width:none;padding:12px 96px 36px 20px;justify-self:end;isolation:isolate}.hero-visual::before{inset:28px 80px 42px 52px;border-radius:20px;transform:rotate(5deg);background:#eef0f3}.hero-visual img{width:100%;aspect-ratio:3/4;transform:rotate(-5deg);border-radius:18px;box-shadow:0 18px 40px #1111}.hero-analysis{right:0;top:24%;width:205px;padding:24px 20px;border-radius:14px;box-shadow:0 14px 35px #1111;font-size:var(--mobile-minimum-14,14px)}.hero-analysis strong{font-size:var(--mobile-minimum-14,14px);margin-bottom:16px}.hero-analysis span{margin:12px 0}.hero-analysis small{display:none}.hero-visual figcaption{font-family:"Segoe Print","Bradley Hand",cursive;font-size:17px;line-height:1.15;margin:22px 18px 0 0;text-align:right;transform:rotate(-5deg)}
.workspace{padding:34px 0 72px}.section-top{margin-bottom:26px}.section-top h2{font-size:22px;font-weight:700}.upload-layout{grid-template-columns:1fr 1fr;gap:28px}.dropzone,.upload-summary{min-height:330px}.dropzone{border-radius:10px}.upload-summary{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:44px}.upload-summary h3{font-size:31px;font-weight:750;line-height:1.08}.upload-summary .muted{font-size:var(--mobile-minimum-15,15px);line-height:1.5}.upload-summary>.btn{width:100%;margin-top:auto}.source-frame{width:170px}
.results{padding:34px 0 70px}.results-head{margin-bottom:26px}.results h2{font-size:40px;font-weight:800;letter-spacing:-1.3px}.results-subtitle{font-size:var(--mobile-minimum-15,15px)}.results-tools{flex-direction:row;align-items:center}.results-tools .btn{min-height:46px;padding-inline:22px}.grid,.results .grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.preview-frame{border-radius:8px}.result-caption{margin-top:10px}.result-caption h3{font-size:16px}.result-number{display:none}.conceptdesc{display:none}.result-actions{gap:7px}.result-actions .btn{font-size:var(--mobile-minimum-14,14px);min-height:38px;padding:7px 10px}.footer{padding:28px 0 38px}
@media(max-width:1199px){:root{--page-pad:34px}.header-inner{gap:36px}.hero{min-height:520px;gap:38px}.hero h1{font-size:clamp(48px,5vw,62px)}.hero-copy{font-size:18px}.hero-visual{width:min(100%,500px);padding-right:70px}.hero-analysis{width:175px;padding:18px 15px}.grid,.results .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){:root{--page-pad:20px}.header-inner{height:68px;gap:8px}.brand{font-size:18px}.logo{width:25px;height:27px}.nav{top:68px}.account-button{display:none}.theme-control select{max-width:88px;min-width:0}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;padding:18px;background:var(--surface);border-bottom:1px solid var(--border);z-index:10}.nav.open{display:flex;justify-content:center}.hero{display:block;min-height:0;padding:34px 0 28px}.hero h1{font-size:clamp(39px,11vw,50px);line-height:.99;max-width:520px}.hero-copy{font-size:16px;line-height:1.35;margin-top:20px}.desktop-break{display:none}.hero #heroUpload{display:inline-flex;width:auto;margin-top:20px}.hero-formats{display:block}.hero .marketplaces{margin-top:24px;gap:14px 18px}.marketplaces span{font-size:var(--mobile-minimum-14,14px);padding-left:30px}.marketplaces span::before{width:24px;height:24px}.hero-visual{display:none}.workspace{padding:24px 0 46px}.workspace .section-top{display:flex}.upload-layout{grid-template-columns:1fr;gap:18px}.dropzone,.upload-summary{min-height:270px}.upload-summary{padding:28px}.upload-summary h3{font-size:26px}.results{padding-top:28px}.results h2{font-size:32px}.results-head{display:flex;flex-direction:column;align-items:stretch;gap:18px}.results-tools{justify-content:space-between}.grid,.results .grid{grid-template-columns:1fr;gap:34px}.result-caption h3{font-size:19px}.result-actions .btn{min-height:44px;font-size:var(--mobile-minimum-14,14px)}.footer{flex-direction:column;gap:7px}}

/* === Literal approved mockup pass === */
:root{--page-max:1560px;--page-pad:56px;--logo-cut:#fff;--mockup-radius:10px}
.header{background:var(--surface)}
.header-inner{height:76px;gap:64px}
.brand{font-size:18px;font-weight:600;letter-spacing:.035em;gap:9px}.brand .logo{width:29px;height:29px;object-fit:contain;flex:none}
.nav{gap:34px}.nav a,.nav button{font-size:var(--mobile-minimum-14,14px);font-weight:500;color:var(--text)}.nav a{border-bottom:1px solid var(--text);padding-bottom:5px}
.header-tools{gap:16px}.theme-control{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.theme-icon-button{width:42px;height:42px;border:0;background:transparent;color:var(--text);display:grid;place-items:center;padding:0}.theme-icon-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.theme-icon-button .sun-icon circle{fill:none}.theme-icon-button .sun-icon{display:none}.theme-icon-button .moon-icon{display:block}:root[data-theme="dark"] .theme-icon-button .sun-icon{display:block}:root[data-theme="dark"] .theme-icon-button .moon-icon{display:none}
.account-button{min-width:94px;min-height:42px;background:var(--surface-secondary);border:0;border-radius:6px;color:var(--text);font-weight:650;opacity:1!important}
.hero{min-height:500px;grid-template-columns:44% 56%;gap:24px;padding:20px 0 34px;align-items:center}
.hero-content{padding-left:0}.hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(50px,4vw,64px);line-height:.99;letter-spacing:-3px;font-weight:800;max-width:650px}.hero-copy{font-size:18px;line-height:1.27;max-width:600px;margin:22px 0 0;color:var(--text-secondary)}
.hero .btn-large{min-height:52px;margin-top:22px;padding:0 30px;font-size:16px;font-weight:700;border-radius:6px}.hero-formats{font-size:var(--mobile-minimum-14,14px);margin-top:8px}.hero .marketplaces{margin-top:24px;gap:24px}.marketplaces span{font-size:var(--mobile-minimum-14,14px);padding-left:32px}.marketplaces span::before{width:25px;height:25px;border-radius:5px}
.hero-visual{width:min(100%,660px);padding:4px 92px 32px 8px;margin-right:16px}.hero-visual::before{inset:20px 70px 30px 40px;border-radius:16px}.hero-visual img{border-radius:14px}.hero-analysis{right:0;top:23%;width:210px;padding:20px 18px 18px;border-radius:12px;font-size:var(--mobile-minimum-14,14px)}.hero-analysis strong{display:flex;align-items:center;gap:10px;font-size:var(--mobile-minimum-14,14px);margin-bottom:16px}.analysis-chart-icon{width:23px;height:23px;fill:currentColor;flex:none}.hero-analysis span{display:flex;align-items:center;gap:10px;margin:10px 0;color:var(--text-secondary)}.analysis-dot{font-style:normal;font-size:16px;line-height:1;color:#8b95a4}.hero-visual figcaption{font-family:"Segoe Print","Bradley Hand",cursive;font-size:16px;margin:16px 14px 0 0}
.workspace{border-top:1px solid var(--border);padding-top:28px}.section-top h2{font-size:18px}.step-label{font-size:var(--mobile-minimum-14,14px)}.upload-layout{gap:24px}.dropzone,.upload-summary{min-height:300px}.upload-summary{padding:36px}.upload-summary h3{font-size:29px}
.results{padding-top:22px}.results-head{align-items:flex-start;margin-bottom:16px}.results h2{font-size:30px;letter-spacing:-1px}.results-subtitle{font-size:var(--mobile-minimum-14,14px);margin-top:2px}.results-tools .btn{min-height:40px;font-size:var(--mobile-minimum-14,14px);padding-inline:18px;border-radius:6px}.grid,.results .grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.preview-frame{border-radius:4px}.result-caption{margin-top:7px}.result-caption h3{font-size:var(--mobile-minimum-14,14px)}.result-actions{gap:5px}.result-actions .btn{min-height:34px;font-size:var(--mobile-minimum-14,14px);padding:5px 8px;border-radius:5px}
.footer-shell{border-top:1px solid var(--border);background:var(--surface)}.footer{min-height:94px;padding:18px 0;display:grid;grid-template-columns:1.2fr 2fr 1.2fr;align-items:center;gap:30px}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.footer-logo{font-size:var(--mobile-minimum-14,14px)}.footer-logo .logo{width:25px;height:25px}.footer-brand small{font-size:var(--mobile-minimum-14,14px);color:var(--text-secondary);margin-left:34px}.footer-nav{display:flex;justify-content:center;gap:34px;font-size:var(--mobile-minimum-14,14px);color:var(--text-secondary)}.footer-copy{display:flex;justify-content:flex-end;align-items:center;gap:24px;font-size:var(--mobile-minimum-14,14px);color:var(--text-secondary);text-align:right}.social-icons{display:flex;gap:12px;color:var(--text);font-size:var(--mobile-minimum-14,14px)}
:root[data-theme="dark"] .header,:root[data-theme="dark"] .footer-shell{background:#11161a}:root[data-theme="dark"]{--logo-cut:#11161a}
@media(max-width:1199px){:root{--page-pad:32px}.header-inner{gap:32px}.hero{grid-template-columns:48% 52%}.hero h1{font-size:50px}.hero-visual{width:min(100%,560px);padding-right:72px}.hero-analysis{width:175px}.grid,.results .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer{grid-template-columns:1fr}.footer-nav{justify-content:flex-start}.footer-copy{justify-content:flex-start;text-align:left}}
@media(max-width:767px){:root{--page-pad:18px}.header-inner{height:64px}.brand{font-size:16px}.brand .logo{width:23px;height:23px}.theme-icon-button{width:40px;height:40px}.menu-toggle{display:block}.hero{display:block;min-height:0;padding:28px 0 20px}.hero-content{padding-left:0}.hero h1{font-size:40px;letter-spacing:-2px;line-height:1}.hero-copy{font-size:var(--mobile-minimum-15,15px)}.hero-visual{display:none}.hero #heroUpload{display:inline-flex}.hero-formats{display:block}.workspace{padding-top:20px}.grid,.results .grid{grid-template-columns:1fr}.results h2{font-size:28px}.footer{min-height:0;padding:22px 0}.footer-nav{flex-wrap:wrap;gap:12px 20px}.footer-copy{flex-wrap:wrap}}

/* Clear, accessible waiting states for analysis and image generation. */
.ui-spinner{display:inline-block;flex:none;width:24px;height:24px;border:3px solid color-mix(in srgb,var(--text-secondary) 24%,transparent);border-top-color:var(--accent);border-radius:50%;animation:ui-spin .8s linear infinite}.ui-spinner-small{width:18px;height:18px;border-width:2px}.ui-spinner-large{width:42px;height:42px;border-width:4px}.preview-loading{display:grid;place-items:center;isolation:isolate;background:#e7e9ec;color:var(--text-secondary)}:root[data-theme="dark"] .preview-loading{background:#292e33}.preview-loading::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);transform:translateX(-100%);animation:ui-shimmer 1.8s ease-in-out infinite}:root[data-theme="dark"] .preview-loading::before{background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.08) 50%,transparent 65%)}.preview-spinner-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;font-size:var(--mobile-minimum-14,14px);font-weight:600;text-align:center}.result-loading .result-caption{opacity:.58}.loading-line{width:58%;height:9px;margin-top:10px;border-radius:999px;background:var(--border)}.result-ready{animation:ui-reveal .28s ease-out}.result-failed .result-caption{opacity:.72}
.analysis-edit-group{display:grid;gap:7px;margin-top:16px}.analysis-edit-group label{font-size:var(--mobile-minimum-14,14px);font-weight:700;color:var(--text)}.analysis-input{width:100%;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);padding:11px 12px;font:inherit;line-height:1.4;resize:vertical}.analysis-input:hover{border-color:color-mix(in srgb,var(--text) 35%,var(--border))}.analysis-input:focus{border-color:var(--accent);outline:3px solid color-mix(in srgb,var(--accent) 18%,transparent);outline-offset:1px}.product-details #name.product-name-input{min-height:112px;max-height:192px;overflow-y:auto;overflow-x:hidden;white-space:pre-wrap;overflow-wrap:anywhere;resize:vertical;font-size:16px;font-weight:400;line-height:1.45;margin:0;letter-spacing:0}.analysis-textarea{min-height:94px}.field-hint{font-size:var(--mobile-minimum-14,14px);line-height:1.35;color:var(--text-secondary)}.product-details>.small{margin-bottom:4px}.product-details .wb{margin-top:18px}
.quality-control{display:grid;gap:7px;margin-bottom:14px;max-width:360px}.quality-control>span{font-size:var(--mobile-minimum-14,14px);font-weight:700}.quality-control select{width:100%;min-height:46px;border:1px solid var(--border);border-radius:7px;background:var(--surface);padding:10px 36px 10px 12px}.quality-control small{font-size:var(--mobile-minimum-14,14px);line-height:1.4;color:var(--text-secondary)}
.exact-text-control{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px;border:1px solid var(--border);border-radius:6px;background:var(--surface-secondary);cursor:pointer}.exact-text-control input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent);flex:none}.exact-text-control span{display:grid;gap:3px}.exact-text-control strong{font-size:var(--mobile-minimum-14,14px);line-height:1.35}.exact-text-control small{font-size:var(--mobile-minimum-14,14px);line-height:1.4;color:var(--text-secondary)}.exact-text-control:has(input:checked){border-color:var(--accent)}.exact-text-control:has(input:disabled){cursor:not-allowed;opacity:.58}
.wishes-group{margin-top:18px}.field-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.field-label-row output{font-size:var(--mobile-minimum-14,14px);line-height:1;color:var(--text-secondary);font-variant-numeric:tabular-nums}.optional-mark{font-weight:400;font-style:normal;color:var(--text-secondary)}.wishes-group .analysis-textarea{min-height:126px}
@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes ui-shimmer{60%,100%{transform:translateX(100%)}}@keyframes ui-reveal{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.ui-spinner{animation:none;border-top-color:var(--text-secondary)}.preview-loading::before,.result-ready{animation:none}}

/* Result format selector and optional generation inputs. */
.result-setup{margin-top:28px;padding-top:26px;border-top:1px solid var(--border)}
.result-setup>h3{font-size:20px!important;font-weight:750!important;letter-spacing:-.35px!important;margin:0 0 14px!important}
.result-type-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.result-type-tab{min-width:0;min-height:72px;padding:12px 13px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px}
.result-type-tab strong,.result-type-tab span{display:block;color:inherit!important}
.result-type-tab strong{font-size:var(--mobile-minimum-14,14px);line-height:1.25}
.result-type-tab span{font-size:var(--mobile-minimum-14,14px);line-height:1.3;color:var(--text-secondary)!important}
.result-type-tab.active{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}
.result-type-tab.active strong,.result-type-tab.active span{color:var(--surface)!important}
:root[data-theme="dark"] .result-type-tab.active{color:#11161a}
:root[data-theme="dark"] .result-type-tab.active strong,:root[data-theme="dark"] .result-type-tab.active span{color:#11161a!important}
.mode-availability{margin:12px 0 0!important;padding:10px 12px;border-radius:7px;background:var(--surface-secondary);color:var(--text-secondary);font-size:var(--mobile-minimum-14,14px)!important;line-height:1.4}
.optional-assets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.asset-upload{min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr);gap:11px;align-items:center;padding:10px;border:1px dashed var(--border);border-radius:8px;background:var(--surface-secondary);cursor:pointer}
.asset-upload:hover{border-color:var(--text-secondary)}
.asset-upload>input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.asset-preview{width:58px;aspect-ratio:1;border-radius:7px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;overflow:hidden}
.asset-preview img{width:100%;height:100%;object-fit:cover;display:block;grid-area:1/1}
.asset-preview b{grid-area:1/1;font-size:24px;font-weight:400;color:var(--text-secondary)}
.asset-preview img:not([hidden])+b{display:none}
.asset-upload>span:last-child{min-width:0;display:grid;gap:3px}
.asset-upload strong{font-size:var(--mobile-minimum-14,14px);line-height:1.3}
.asset-upload small{font-size:var(--mobile-minimum-14,14px);line-height:1.35;color:var(--text-secondary)}
.asset-upload i{font-size:var(--mobile-minimum-14,14px);line-height:1.25;font-style:normal;text-decoration:underline;text-underline-offset:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-options{min-width:0;margin:18px 0 0;padding:0;border:0}
.studio-options legend{margin-bottom:10px;font-size:var(--mobile-minimum-14,14px);font-weight:700}
.studio-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.studio-options legend{grid-column:1/-1}
.studio-options label{min-width:0;display:grid;grid-template-columns:58px 18px minmax(0,1fr);gap:9px;align-items:center;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer}
.studio-options label:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.studio-options input{width:16px;height:16px;margin:0;accent-color:var(--accent)}
.studio-options label>span{font-size:var(--mobile-minimum-14,14px);line-height:1.35}
.studio-sample{display:block;width:58px;aspect-ratio:1;object-fit:cover;object-position:center;border-radius:7px;background:var(--surface-secondary)}
@media(max-width:1199px){.result-type-tabs,.optional-assets,.studio-options{grid-template-columns:1fr}}
@media(max-width:767px){.result-setup{margin-top:24px;padding-top:22px}.result-type-tabs{grid-template-columns:1fr 1fr}.optional-assets,.studio-options{grid-template-columns:1fr}.result-type-tab{min-height:78px;padding:10px}.asset-upload{grid-template-columns:54px minmax(0,1fr)}.asset-preview,.studio-sample{width:54px}}
@media(max-width:430px){.result-type-tabs{grid-template-columns:1fr}.studio-options label{grid-template-columns:52px 18px minmax(0,1fr)}}

/* === Two-stage create flow — product first, result format second === */
.stage-card{margin:26px 0 0;padding:30px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 1px 0 rgba(13,15,18,.02)}
.workspace.stage-card{padding:30px;border-top:1px solid var(--border)}
.stage-heading{margin:0 0 24px}
.stage-label{display:flex;align-items:center;gap:10px;margin:0 0 9px;color:var(--text-secondary);font-size:var(--mobile-minimum-14,14px);font-weight:750;letter-spacing:.085em;text-transform:uppercase}
.stage-label span{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border);border-radius:50%;background:var(--surface-secondary);color:var(--text);font-size:var(--mobile-minimum-14,14px);letter-spacing:0}
.stage-heading h2{margin:0;font-size:28px;line-height:1.05;letter-spacing:-.65px}
.workspace.stage-card .upload-layout{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:34px;align-items:start}
.workspace.stage-card .dropzone{min-height:330px;align-self:start;background:var(--surface-secondary)}
.workspace.stage-card .upload-summary{min-height:330px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;justify-content:flex-start}
.workspace.stage-card .upload-summary>button{margin-top:18px}
.result-workspace{margin-bottom:34px}
.result-workspace .result-setup{margin:0;padding:0;border-top:0}
.result-workspace .result-type-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.result-workspace .result-type-tab{min-height:88px;padding:15px 16px}
.result-workspace .result-type-tab strong{font-size:var(--mobile-minimum-14,14px)}
.result-workspace .result-type-tab span{font-size:var(--mobile-minimum-14,14px)}
.result-workspace .optional-assets{gap:14px;margin-top:22px}
.result-workspace .studio-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.result-workspace .wishes-group{margin-top:22px}
.result-workspace .generation-controls{margin-top:22px}
@media(max-width:1199px){.stage-card,.workspace.stage-card{padding:26px}.workspace.stage-card .upload-layout{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:26px}.result-workspace .result-type-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.result-workspace .studio-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.stage-card,.workspace.stage-card{margin-top:18px;padding:20px;border-radius:10px}.stage-heading{margin-bottom:18px}.stage-heading h2{font-size:24px}.workspace.stage-card .upload-layout{grid-template-columns:1fr;gap:22px}.workspace.stage-card .dropzone,.workspace.stage-card .upload-summary{min-height:0}.workspace.stage-card .dropzone{min-height:250px}.result-workspace .result-type-tabs{grid-template-columns:1fr 1fr}.result-workspace .optional-assets,.result-workspace .studio-options{grid-template-columns:1fr}}
@media(max-width:430px){.result-workspace .result-type-tabs{grid-template-columns:1fr}}

/* Compact horizontal result-mode menu. It always stays in one row. */
.result-workspace .result-type-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:min(100%,760px);padding:4px;border:1px solid var(--border);border-radius:14px;background:var(--surface-secondary);overflow:visible}
.result-workspace .result-type-tab{min-width:0;min-height:46px;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:var(--text-secondary);align-items:center;text-align:center;white-space:nowrap}
.result-workspace .result-type-tab strong{width:100%;font-size:var(--mobile-minimum-14,14px);line-height:1.15;font-weight:650}
.result-workspace .result-type-tab.active{background:var(--accent);color:var(--accent-on);box-shadow:0 1px 2px rgba(13,15,18,.12)}
.mode-description{min-height:20px;margin:11px 2px 0;color:var(--text-secondary);font-size:var(--mobile-minimum-14,14px);line-height:1.45}
.studio-options legend small{margin-left:8px;color:var(--text-secondary);font-size:var(--mobile-minimum-14,14px);font-weight:400}
.asset-upload-shell{min-width:0;position:relative}.asset-upload-shell .asset-upload{height:100%;padding-right:72px}.asset-reset{position:absolute;right:10px;bottom:9px;z-index:2;padding:3px 0;border:0;background:transparent;color:var(--text-secondary);font:inherit;font-size:var(--mobile-minimum-14,14px);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.asset-reset:hover{color:var(--text)}.asset-reset:disabled{cursor:not-allowed;opacity:.5}
.result-workspace .studio-options{display:block}.studio-option-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-options label>span{display:grid;gap:3px}.studio-options label>span strong{font-size:var(--mobile-minimum-14,14px);line-height:1.25}.studio-options label>span small{color:var(--text-secondary);font-size:var(--mobile-minimum-14,14px);line-height:1.35}
.video-options{margin:18px 0 0;padding:0;border:0}.video-options legend{margin-bottom:10px;font-size:var(--mobile-minimum-14,14px);font-weight:700}.video-duration-options{display:flex;gap:8px}.duration-choice{min-width:118px;min-height:42px;padding:8px 16px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font:inherit;font-size:var(--mobile-minimum-14,14px);font-weight:650;cursor:pointer}.duration-choice.active{border-color:var(--accent);background:var(--accent);color:var(--accent-on)}:root[data-theme="dark"] .duration-choice.active{color:#11161a}.duration-choice:disabled{cursor:not-allowed;opacity:.58}
.video-result{grid-column:1/-1;max-width:540px}.video-result .preview-frame{aspect-ratio:3/4}.video-result video{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;background:#111}
@media(max-width:1199px){.result-workspace .result-type-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.result-workspace .result-type-tabs{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;padding:3px;border-radius:12px}.result-workspace .result-type-tab{min-height:42px;padding:7px 2px;border-radius:9px}.result-workspace .result-type-tab strong{font-size:var(--mobile-minimum-14,14px);letter-spacing:-.2px}.mode-description{font-size:var(--mobile-minimum-14,14px)}.studio-options legend small{display:block;margin:4px 0 0}.studio-option-list{grid-template-columns:1fr}.video-duration-options{display:grid;grid-template-columns:1fr 1fr}.duration-choice{min-width:0;width:100%}}
@media(max-width:430px){.result-workspace .result-type-tab strong{font-size:var(--mobile-minimum-14,14px);letter-spacing:-.25px}}

/* User cabinet, saved products and generation history. */
.balance-button{border:0;background:transparent;color:var(--text);font:inherit;font-size:var(--mobile-minimum-14,14px);font-weight:700;white-space:nowrap;cursor:pointer}
.balance-button:hover{text-decoration:underline;text-underline-offset:4px}
.star-icon{display:inline-block;width:1em;height:1em;border:.18em solid currentColor;border-radius:50%;vertical-align:-.12em;flex:none}.balance-button{display:inline-flex;align-items:center;gap:5px}.button-price{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding-left:12px;border-left:1px solid currentColor;font-weight:800}.button-price .star-icon{width:15px;height:15px}.credit-prices strong{display:inline-flex;align-items:center;gap:7px}
.account-menu{position:relative}.account-button{display:flex;align-items:center;gap:7px;max-width:170px}.account-button>span:first-child{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--accent);color:var(--accent-on);font-size:var(--mobile-minimum-14,14px);font-weight:800}.account-button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-dropdown{--account-menu-font-size:18px;position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:180px;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 14px 40px rgba(0,0,0,.14)}.account-dropdown a{display:block;padding:10px 11px;border-radius:7px;color:var(--text);font-size:var(--account-menu-font-size,18px);text-decoration:none}.account-dropdown a:hover{background:var(--surface-secondary)}
.account-view{min-height:calc(100vh - 210px);padding-top:56px;padding-bottom:70px}.view-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.view-heading h1{margin:0 0 7px;font-size:40px;letter-spacing:-1.2px}.view-heading>div>p:last-child{margin:0;color:var(--text-secondary)}
.products-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.products-toolbar label{width:min(100%,560px)}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{position:relative;min-width:0;border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.product-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.08)}.product-open{width:100%;padding:0;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.product-thumb{display:block;aspect-ratio:4/5;background:var(--surface-secondary);overflow:hidden}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-meta{display:grid;gap:5px;padding:13px 14px 15px}.product-meta strong{padding-right:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--mobile-minimum-14,14px)}.product-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:var(--mobile-minimum-14,14px)}.product-more{position:absolute;right:9px;bottom:38px;width:32px;height:30px;border:0;border-radius:7px;background:var(--surface-secondary);color:var(--text);font-weight:800;letter-spacing:1px;cursor:pointer}.empty-state{grid-column:1/-1;padding:70px 20px;border:1px dashed var(--border);border-radius:12px;text-align:center}.empty-state h2{margin:0 0 8px}
.profile-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px}.profile-card,.profile-stats article{border:1px solid var(--border);border-radius:12px;background:var(--surface)}.profile-summary{display:flex;align-items:center;gap:18px;padding:26px}.profile-avatar{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:var(--accent);color:var(--accent-on);font-size:28px;font-weight:800}.profile-summary h2{margin:0 0 6px}.profile-summary p{margin:0}.profile-stats{grid-row:span 2;display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-stats article{display:flex;flex-direction:column;align-items:flex-start;min-height:148px;padding:22px}.profile-stats article:first-child{grid-column:1/-1;background:var(--accent);color:var(--accent-on)}.profile-stats strong{font-size:34px;line-height:1}.profile-stats span{margin-top:7px;font-size:var(--mobile-minimum-14,14px)}.profile-stats .btn{margin-top:auto}.account-data{padding:26px}.account-data h2{margin:0 0 20px}.account-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--border);font-size:var(--mobile-minimum-14,14px)}.account-row span{color:var(--text-secondary)}.account-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.danger-link{padding:0;border:0;background:transparent;color:#c33;font:inherit;font-size:var(--mobile-minimum-14,14px);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.credit-history-card{grid-column:1/-1;padding:26px}.credit-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.credit-history-head h2{margin:0 0 6px}.credit-history-head p{margin:0;max-width:700px;font-size:var(--mobile-minimum-14,14px);line-height:1.5}.credit-history{display:grid;margin-top:12px}.credit-history article{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.credit-history article:last-child{border-bottom:0}.credit-history article div{display:grid;gap:4px}.credit-history small,.credit-balance{color:var(--text-secondary);font-size:var(--mobile-minimum-14,14px)}.credit-amount{font-size:18px;font-weight:800}.credit-amount.plus{color:#16844a}.credit-amount.minus{color:#b62e2e}.admin-user-actions{display:grid;gap:8px}
.credit-pagination{padding-top:4px}
.credit-prices-card{padding:26px}.credit-prices-card h2{margin:0 0 6px}.credit-prices{display:grid;margin-top:16px}.credit-prices>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--border)}.credit-prices>div:last-child{border-bottom:0}.credit-prices strong{white-space:nowrap}.credit-refund-note{margin:16px 0 0;padding:12px 14px;border-radius:10px;background:var(--surface-soft);color:var(--text-secondary);font-size:var(--mobile-minimum-14,14px);line-height:1.5}
.retention-note{display:grid;gap:5px;margin:12px 0 0;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:var(--mobile-minimum-14,14px);line-height:1.5}.retention-note strong{white-space:normal}.retention-note span{color:var(--text-secondary)}
.product-dialog{width:min(92vw,520px);padding:0;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:0 24px 70px rgba(0,0,0,.28)}.product-dialog::backdrop{background:rgba(16,18,20,.58);backdrop-filter:blur(3px)}.product-dialog form{position:relative;display:grid;gap:15px;padding:26px}.product-dialog h2{margin:0}.dialog-close{position:absolute;right:16px;top:13px;border:0;background:transparent;color:var(--text-secondary);font-size:25px;cursor:pointer}.dialog-product{display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:center}.dialog-product img{width:84px;height:104px;border-radius:8px;object-fit:cover;background:var(--surface-secondary)}.dialog-product p{margin:4px 0}.product-dialog label{display:grid;gap:6px;font-size:var(--mobile-minimum-14,14px);font-weight:700}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:5px}.dialog-actions .danger-link{margin-right:auto}
.top-up-dialog{width:min(94vw,1040px);max-height:min(90vh,760px);padding:0;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);box-shadow:0 28px 90px rgba(0,0,0,.32)}.top-up-dialog::backdrop{background:rgba(16,18,20,.62);backdrop-filter:blur(5px)}.top-up-shell{position:relative;padding:30px}.top-up-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 36px 24px 0}.top-up-heading h2,.top-up-checkout h2{margin:4px 0 0;font-size:28px}.top-up-heading>p{max-width:440px;margin:0;color:var(--text-secondary);font-size:var(--mobile-minimum-14,14px);line-height:1.5}.top-up-heading .stage-label{display:flex;align-items:center;gap:7px}.top-up-heading .star-icon{width:14px;height:14px}.top-up-packages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.top-up-package{position:relative;display:flex;flex-direction:column;min-width:0;min-height:360px;padding:22px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.top-up-package.popular{border:2px solid var(--accent);padding:21px}.top-up-package h3{margin:0 0 10px;font-size:20px}.package-price{display:block;font-size:28px;letter-spacing:-.7px}.package-credits{display:flex;align-items:center;gap:7px;margin:10px 0 0;font-size:var(--mobile-minimum-15,15px);font-weight:750}.package-credits .star-icon{width:16px;height:16px}.top-up-package ul{display:grid;gap:10px;margin:22px 0;padding:18px 0 0;border-top:1px solid var(--border);list-style:none}.top-up-package li{position:relative;padding-left:19px;color:var(--text-secondary);font-size:var(--mobile-minimum-14,14px);line-height:1.35}.top-up-package li::before{content:'✓';position:absolute;left:0;color:#16844a;font-weight:800}.top-up-package .btn{width:100%;margin-top:auto}.package-badge{position:absolute;top:-11px;right:12px;padding:4px 9px;border-radius:999px;background:var(--accent);color:var(--accent-on);font-size:var(--mobile-minimum-14,14px);font-weight:800}.top-up-checkout{width:min(100%,460px);margin:0 auto;padding:12px 0}.top-up-checkout>.link-button{margin-bottom:24px}.top-up-order-summary{display:grid;margin:22px 0;border:1px solid var(--border);border-radius:12px;background:var(--surface-secondary)}.top-up-order-summary>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;border-bottom:1px solid var(--border)}.top-up-order-summary>div:last-child{border-bottom:0}.top-up-order-summary span{color:var(--text-secondary)}.top-up-order-summary strong{display:flex;align-items:center;gap:7px}.top-up-order-summary .order-total{font-size:18px}.top-up-order-summary .order-total span{color:var(--text);font-weight:750}.top-up-checkout>.btn{width:100%;margin-top:18px}.top-up-checkout>.status{min-height:22px;margin:10px 0 0;font-size:var(--mobile-minimum-14,14px);line-height:1.45}
.results.stage-card{margin-bottom:34px}.results.stage-card .stage-heading{margin-bottom:8px}.generation-history{display:grid;gap:30px;margin-top:36px;padding-top:30px;border-top:1px solid var(--border)}.generation-history:empty{display:none}.generation-group-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}.generation-group-head h3,.generation-group-head p{margin:0}.generation-group-head p,.generation-group-head span{color:var(--text-secondary);font-size:var(--mobile-minimum-14,14px)}.generation-grid{margin-top:0!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-layout{grid-template-columns:1fr}.profile-stats{grid-row:auto}}
@media(max-width:767px){.balance-button{display:none}.account-button>span:last-child{display:none}.account-view{padding-top:30px}.view-heading{align-items:flex-start;flex-direction:column}.view-heading h1{font-size:32px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.products-toolbar{align-items:flex-start;flex-direction:column}.profile-stats{grid-template-columns:1fr 1fr}.dialog-actions{flex-wrap:wrap}.dialog-actions .danger-link{width:100%;margin:0 0 8px;text-align:left}.credit-history-card{padding:20px}.credit-history-head{align-items:stretch;flex-direction:column}.credit-history article{grid-template-columns:58px minmax(0,1fr)}.credit-balance{grid-column:2}}
@media(max-width:900px){.top-up-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.top-up-package{min-height:330px}}
@media(max-width:600px){.top-up-dialog{width:calc(100vw - 18px);max-height:calc(100vh - 18px)}.top-up-shell{padding:22px 16px}.top-up-heading{align-items:flex-start;flex-direction:column;gap:8px;margin-right:28px}.top-up-heading h2,.top-up-checkout h2{font-size:25px}.top-up-packages{grid-template-columns:1fr}.top-up-package{min-height:0}.top-up-package ul{margin-bottom:20px}.top-up-checkout{padding-top:4px}}
@media(max-width:430px){.products-grid{grid-template-columns:1fr}.profile-stats{grid-template-columns:1fr}.profile-stats article:first-child{grid-column:auto}}

/* Density and readable type for My Products — 2026-09-19. */
.account-view .view-heading>div>p:last-child{font-size:16px;line-height:1.5}
.account-view .stage-label,.account-view .stage-label span,.account-view .muted,.account-view .status,.products-toolbar,.product-meta small,#productsCount{font-size:var(--mobile-minimum-14,14px)}
.products-toolbar .analysis-input{font-size:var(--mobile-minimum-14,14px);min-height:44px}
.products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,180px));gap:16px;justify-content:start}
.product-status{display:inline-flex;width:max-content;max-width:100%;align-items:center;padding:4px 7px;border-radius:999px;font-size:var(--mobile-minimum-14,14px);font-weight:700;line-height:1.25}.product-status.ready{background:rgba(22,132,74,.1);color:#16844a}.product-status.processing{background:rgba(37,99,235,.1);color:#2563eb}.product-status.partial{background:rgba(180,110,0,.12);color:#9a5d00}.product-status.error{background:rgba(197,49,49,.1);color:#b62e2e}.product-status.draft{background:var(--surface-secondary);color:var(--text-secondary)}.asset-retention{min-height:38px;margin:7px 0 10px;color:var(--text-secondary);font-size:var(--mobile-minimum-14,14px)}.delete-result{color:var(--danger)}.results-subtitle{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.results-subtitle .btn,.generation-group-actions .btn{min-height:38px;padding:7px 11px;font-size:var(--mobile-minimum-14,14px)}.generation-group-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.notification-button{position:relative;width:42px;height:42px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);font-size:22px}.notification-button span{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:var(--mobile-minimum-14,14px);line-height:20px;font-weight:800}.notifications-dialog>div{position:relative;padding:26px}.notifications-list{display:grid;max-height:58vh;overflow:auto}.notifications-list article{padding:14px 0;border-bottom:1px solid var(--border)}.notifications-list article.unread{border-left:3px solid var(--accent);padding-left:12px}.notifications-list article p,.notifications-list article small{margin:4px 0;color:var(--text-secondary)}.notifications-list article small{font-size:var(--mobile-minimum-14,14px)}.admin-controls{margin-top:24px;padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.admin-controls h2{margin-top:0}.admin-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.admin-control-grid label{display:grid;gap:7px;font-size:var(--mobile-minimum-14,14px)}.admin-control-grid label:has(input[type=checkbox]){display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--border);border-radius:8px}.legal-view{padding-top:44px;padding-bottom:70px}.legal-card{max-width:820px;margin:20px auto 0;padding:clamp(24px,5vw,58px);border:1px solid var(--border);border-radius:16px;background:var(--surface)}.legal-card h1{font-size:clamp(32px,5vw,52px);line-height:1.1}.legal-card h2{margin-top:34px;font-size:22px}.legal-card p{color:var(--text-secondary)}.legal-placeholder{padding:16px;border-left:3px solid #c28b00;background:rgba(194,139,0,.08)}.footer-nav a{text-decoration:none}.footer-nav a:hover{text-decoration:underline}
@media(max-width:767px){.admin-control-grid{grid-template-columns:1fr}.notification-button{width:38px;height:38px}.result-actions{flex-wrap:wrap}.result-actions .btn{min-width:calc(50% - 5px)}}
.product-meta{gap:6px;padding:12px}
.product-meta strong{font-size:var(--mobile-minimum-14,14px);line-height:1.35;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:38px}
.product-meta small{line-height:1.4;white-space:normal}
.product-card-details{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-right:34px}.product-card-details small{white-space:nowrap}
.product-more{right:8px;bottom:48px;width:34px;height:34px;font-size:var(--mobile-minimum-14,14px)}
.balance-button,.profile-stats span,.account-row,.danger-link,.product-dialog label,.dialog-product .small,.generation-group-head p,.generation-group-head span{font-size:var(--mobile-minimum-14,14px)}
.account-button>span:first-child{font-size:var(--mobile-minimum-14,14px)}
.footer{font-size:var(--mobile-minimum-14,14px);line-height:1.5}
.footer small,.footer span,.footer a,.footer-nav{font-size:var(--mobile-minimum-14,14px)}
@media(max-width:1100px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,170px));gap:14px}}
@media(max-width:767px){.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-meta{gap:4px;padding:10px}.product-meta strong{padding-right:0;font-size:var(--mobile-minimum-14,14px);min-height:35px;white-space:normal;overflow-wrap:anywhere}.product-meta small{font-size:var(--mobile-minimum-14,14px)}.product-card-details{align-items:flex-start;flex-direction:column;gap:2px;padding-right:32px}.product-more{right:6px;bottom:12px;width:30px;height:30px}.products-toolbar label{width:100%}.footer{gap:12px}.footer,.footer small,.footer span,.footer a,.footer-nav{font-size:var(--mobile-minimum-14,14px)}}
@media(max-width:430px){.products-grid{grid-template-columns:1fr}.product-thumb{aspect-ratio:4/3}.product-meta strong{min-height:auto}.product-more{bottom:43px}}

/* Administration workspace. */
.role-badge{display:inline-flex;align-items:center;min-height:32px;padding:6px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:var(--mobile-minimum-14,14px);font-weight:700;white-space:nowrap}
.admin-tabs{display:flex;gap:7px;margin-bottom:22px;padding:5px;border:1px solid var(--border);border-radius:12px;background:var(--surface-secondary);overflow-x:auto}.admin-tabs button{flex:0 0 auto;min-height:40px;padding:8px 14px;border:0;border-radius:8px;background:transparent;color:var(--text-secondary);font:inherit;font-size:var(--mobile-minimum-14,14px);font-weight:650;cursor:pointer}.admin-tabs button.active{background:var(--accent);color:var(--accent-on)}
.admin-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:22px}.admin-stats article{display:grid;gap:8px;min-height:110px;padding:18px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.admin-stats strong{font-size:30px;line-height:1}.admin-stats span{color:var(--text-secondary);font-size:var(--mobile-minimum-14,14px)}
.admin-toolbar{display:flex;gap:10px;margin-bottom:16px}.admin-toolbar input{width:min(100%,480px)}.admin-toolbar select{width:190px}
.admin-content{min-height:220px}.admin-table-wrap{width:100%;overflow:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.admin-table{width:100%;min-width:840px;border-collapse:collapse;font-size:var(--mobile-minimum-14,14px)}.admin-table th,.admin-table td{padding:13px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.admin-table th{position:sticky;top:0;background:var(--surface-secondary);color:var(--text-secondary);font-size:var(--mobile-minimum-14,14px);font-weight:700}.admin-table tr:last-child td{border-bottom:0}.admin-table td>strong,.admin-table td>span,.admin-table td>small{display:block}.admin-table td>small{margin-top:4px;color:var(--text-secondary);font-size:var(--mobile-minimum-14,14px)}.admin-inline{display:flex;align-items:center;gap:7px}.admin-inline .analysis-input{min-width:150px;min-height:38px;padding:7px 9px;font-size:var(--mobile-minimum-14,14px)}.admin-inline .btn{min-height:38px;padding:7px 10px;font-size:var(--mobile-minimum-14,14px)}.admin-empty{padding:56px 22px;border:1px dashed var(--border);border-radius:12px;color:var(--text-secondary);font-size:var(--mobile-minimum-14,14px);text-align:center}.status-pill{display:inline-flex!important;width:max-content;padding:5px 8px;border-radius:999px;font-size:var(--mobile-minimum-14,14px);font-weight:700}.status-pill.rejected{background:rgba(197,49,49,.1);color:#b62e2e}
.status-pill.paid{background:rgba(22,132,74,.1);color:#16844a}
.admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.admin-page-summary{color:var(--text-secondary);font-size:var(--mobile-minimum-14,14px)}.admin-page-buttons{display:flex;align-items:center;gap:6px}.admin-page-buttons button{display:grid;place-items:center;min-width:38px;min-height:38px;padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:var(--mobile-minimum-14,14px);font-weight:650;cursor:pointer}.admin-page-buttons button:hover:not(:disabled){border-color:var(--accent);background:var(--surface-secondary)}.admin-page-buttons button.active{border-color:var(--accent);background:var(--accent);color:var(--accent-on)}.admin-page-buttons button:disabled{opacity:.4;cursor:not-allowed}.admin-page-gap{min-width:24px;color:var(--text-secondary);text-align:center}
@media(max-width:1100px){.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.admin-view .view-heading{gap:14px}.admin-tabs{margin-left:-2px;margin-right:-2px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-stats article{min-height:92px;padding:14px}.admin-stats strong{font-size:26px}.admin-toolbar{flex-direction:column}.admin-toolbar input,.admin-toolbar select{width:100%}.admin-table th,.admin-table td{padding:11px 12px}.admin-inline{align-items:stretch;flex-direction:column}.admin-inline .btn{width:100%}.admin-pagination{align-items:flex-start;flex-direction:column}.admin-page-buttons{width:100%;overflow-x:auto;padding-bottom:3px}.admin-page-buttons button{flex:0 0 auto;min-width:42px;min-height:42px}}


/* Animated pending generation card. */
.loading-card{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;color:var(--text-secondary);isolation:isolate}
.loading-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.55) 42%,transparent 64%);transform:translateX(-110%);animation:pending-shimmer 2.1s ease-in-out infinite}
.loading-card .loader{width:42px;height:42px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:pending-spin .9s linear infinite}
.loading-card p{width:min(100%,230px);margin:0;font-size:var(--mobile-minimum-14,14px);line-height:1.5;text-align:center}
.loading-progress-track{width:min(72%,190px);height:5px;overflow:hidden;border-radius:999px;background:var(--border)}
.loading-progress-bar{display:block;width:45%;height:100%;border-radius:inherit;background:var(--accent);animation:pending-progress 1.6s ease-in-out infinite}
.results>.remake-pending-grid{display:block;width:calc((100% - 64px)/5);margin:0 0 28px;align-self:start}
.results>.remake-pending-grid>.item{width:100%;margin:0}
.results>.remake-pending-grid .preview-frame{width:100%;background:var(--surface-secondary)}
@media(max-width:1199px){.results>.remake-pending-grid{width:calc((100% - 32px)/3)}}
@media(max-width:767px){.results>.remake-pending-grid{width:100%}}

/* Keep every header control inside narrow phone viewports. */
@media(max-width:767px){.header-inner{min-width:0;gap:6px}.brand{min-width:0;flex:0 1 auto}.header-tools{min-width:0;margin-left:auto;gap:4px;flex:0 0 auto}.theme-icon-button,.notification-button,.menu-toggle{width:38px;height:38px;min-width:38px;padding:0;flex:none}.account-menu{width:38px;min-width:38px;flex:none}.account-button{display:grid;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;place-items:center}.account-button>span:first-child{width:25px;height:25px}.account-button>span:last-child{display:none}}
@media(max-width:360px){.theme-icon-button{display:none}}
@keyframes pending-spin{to{transform:rotate(360deg)}}
@keyframes pending-shimmer{55%,100%{transform:translateX(110%)}}
@keyframes pending-progress{0%{transform:translateX(-115%)}50%{transform:translateX(65%)}100%{transform:translateX(225%)}}
@media(prefers-reduced-motion:reduce){.loading-card::before,.loading-card .loader,.loading-progress-bar{animation:none}}

/* Final hero collage: original 3:4 cards, transparent background, no frames. */
.hero-visual{width:min(128%,820px);padding:0;margin:0;align-self:center;justify-self:end}
.hero-visual::before,.hero-analysis,.hero-visual figcaption{display:none}
.hero-visual img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transform:none;border-radius:0;box-shadow:none}
@media(max-width:1199px){.hero-visual{width:min(118%,700px);padding:0;justify-self:end}}
@media(max-width:767px){.hero{display:flex;flex-direction:column}.hero-visual{display:block;order:-1;width:calc(100% + (2 * var(--page-pad)));max-width:none;margin:0 calc(-1 * var(--page-pad)) 14px;padding:0}.hero-visual img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}}
.footer-shell{margin-top:32px}
@media(max-width:767px){.footer-shell{margin-top:24px}}
.profile-avatar-image{width:70px;height:70px;border-radius:50%;object-fit:cover}.auth-identities{display:grid;margin-bottom:8px}.auth-identity{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--border);font-size:var(--mobile-minimum-14,14px)}.auth-identity strong{color:#16844a;font-size:var(--mobile-minimum-14,14px)}.auth-identity a{color:var(--text);font-size:var(--mobile-minimum-14,14px);text-underline-offset:3px}.payment-email{display:grid;gap:7px;margin:18px 0}.payment-email span{font-size:var(--mobile-minimum-14,14px);font-weight:700}
.receipt-consent{display:flex;align-items:flex-start;gap:10px;margin:16px 0;color:var(--text);font-size:var(--mobile-minimum-14,14px);line-height:1.5;cursor:pointer}.receipt-consent input{flex:none;width:19px;height:19px;margin:1px 0 0;accent-color:var(--accent);cursor:pointer}.receipt-consent a{color:var(--accent);text-underline-offset:2px}@media(max-width:767px){.receipt-consent{font-size:17px}}


/* Public marketplace SEO content. */
.seo-overview{margin-top:52px;padding:36px}
.seo-overview-intro{max-width:800px;margin-bottom:24px}
.seo-overview-intro h2,.seo-faq>h2{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.05;letter-spacing:-.85px}
.seo-overview-intro>p:last-child{max-width:720px;margin:16px 0 0;color:var(--text-secondary);font-size:16px;line-height:1.65}
.seo-marketplace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.seo-marketplace-card{padding:24px;border:1px solid var(--border);border-radius:10px;background:var(--surface-secondary)}
.seo-marketplace-card h2{margin:8px 0 12px;font-size:22px;line-height:1.15;letter-spacing:-.4px}
.seo-marketplace-card p:last-child{margin:0;color:var(--text-secondary);font-size:var(--mobile-minimum-14,14px);line-height:1.62}
.seo-card-label{margin:0;color:var(--accent);font-size:var(--mobile-minimum-14,14px);font-weight:800;letter-spacing:.065em;text-transform:uppercase}
.seo-faq{max-width:880px;margin-top:34px}
.seo-faq>h2{margin-bottom:16px;font-size:28px}
.seo-faq details{border-top:1px solid var(--border)}
.seo-faq details:last-child{border-bottom:1px solid var(--border)}
.seo-faq summary{padding:17px 2px;cursor:pointer;font-weight:750}
.seo-faq details p{margin:0;padding:0 2px 18px;color:var(--text-secondary);font-size:var(--mobile-minimum-14,14px);line-height:1.65}
@media(max-width:900px){.seo-marketplace-grid{grid-template-columns:1fr}.seo-marketplace-card{padding:22px}}
@media(max-width:639px){.seo-overview{margin-top:34px;padding:24px 20px}.seo-overview-intro h2{font-size:30px}.seo-faq>h2{font-size:25px}}

/* Compact mobile catalog: three products per row. */
@media(max-width:767px){.products-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.product-meta{padding:8px}.product-meta strong{font-size:var(--mobile-minimum-14,14px);min-height:32px}.product-meta small{font-size:var(--mobile-minimum-14,14px)}.product-more{right:5px;bottom:39px}}
@media(max-width:430px){.products-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.product-thumb{aspect-ratio:1/1}.product-meta{padding:7px}.product-meta strong{min-height:30px;font-size:var(--mobile-minimum-14,14px);line-height:1.25}.product-meta small{font-size:var(--mobile-minimum-14,14px)}.product-more{bottom:36px}}

.public-pricing{margin:0 0 72px;padding:clamp(28px,5vw,56px);border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.public-pricing-heading{max-width:720px;margin-bottom:30px}
.public-pricing-heading h2{margin:8px 0 12px;font-size:clamp(30px,4vw,46px);line-height:1.05;letter-spacing:-1.4px}
.public-pricing-heading>p:last-child{margin:0;color:var(--text-secondary)}
.public-pricing-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.public-price-card{position:relative;display:flex;min-height:285px;flex-direction:column;padding:22px;border:1px solid var(--border);border-radius:12px;background:var(--surface-secondary)}
.public-price-card h3{margin:0 0 20px;font-size:17px}
.public-price-card .public-price{font-size:30px;line-height:1;letter-spacing:-1px}
.public-price-card p{margin:12px 0 0;color:var(--text-secondary)}
.public-price-card ul{display:grid;gap:8px;margin:22px 0 24px;padding:0;list-style:none}
.public-price-card li{font-weight:750}
.public-price-card li::before{content:"✓";margin-right:8px;color:var(--accent)}
.public-price-card .btn{width:100%;margin-top:auto}
.public-price-card>small{position:absolute;right:14px;top:14px;padding:4px 8px;border-radius:999px;background:var(--text);color:var(--surface);font-size:var(--mobile-minimum-14,14px);font-weight:750}
.public-price-card-popular{border-color:var(--text)}
.public-price-card-trial{background:var(--surface)}
.public-pricing-foot{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:26px}
.public-pricing-foot p{max-width:720px;margin:0;color:var(--text-secondary)}
.public-pricing-foot strong{color:var(--text)}
@media(max-width:1199px){.public-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.public-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:519px){.public-pricing{margin-bottom:44px;padding:24px 18px}.public-pricing-grid{grid-template-columns:1fr}.public-price-card{min-height:240px}}


/* AIMATEKA responsive creation workspace, September 2026. */
:root{--page-max:1400px;--page-pad:clamp(22px,3vw,44px);--bg:#f2f5fa;--surface:#fff;--surface-secondary:#f7f9fe;--text:#111319;--text-secondary:#555d6b;--border:#e0e5ef;--accent:#a42be5;--accent-hover:#8c18d4;--success:#1bb585;--font:Arial,Helvetica,"Segoe UI",sans-serif}
:root[data-theme="dark"]{--bg:#171321;--surface:#211b2d;--surface-secondary:#2b2438;--text:#f9f7fc;--text-secondary:#c4bbd0;--border:#443b53;--accent:#ba55ef;--accent-hover:#cd78f4;--success:#38cba0}
body{background:var(--bg);color:var(--text)}
.header{background:var(--surface);border-bottom:1px solid var(--border)}
.header-inner{height:76px;gap:32px}.brand{font-size:21px;font-weight:800;letter-spacing:-.4px}.brand .logo{width:38px;height:38px;object-fit:contain;flex:none}.nav a{font-size:16px}.header-tools{gap:12px}.balance-button{display:inline-flex;gap:6px;align-items:center;padding:9px 13px;border-radius:30px;background:var(--surface);border:1px solid var(--border);font-size:16px}.balance-button .star-icon{color:#8f27d4}.account-button{border-radius:50%;min-width:44px;width:44px;height:44px;padding:0;background:var(--surface-secondary);font-size:0}.account-button #accountInitial{font-size:20px}.account-button #accountName{display:none}.theme-icon-button{color:var(--text-secondary)}
:root[data-theme="dark"] .header,:root[data-theme="dark"] .footer-shell{background:var(--surface)}
:root[data-theme="dark"] .btn-primary,:root[data-theme="dark"] .btn-primary:hover:not(:disabled){color:#fff}
.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn{border-radius:12px;font-weight:700}.link-button,.mini-action{color:var(--accent);text-decoration:none;font-weight:700}.link-button:hover,.mini-action:hover{text-decoration:underline}
.create-heading{font-size:38px;line-height:1.1;letter-spacing:-1px;margin:25px 0 4px}.mobile-back,.mobile-continue,.mobile-nav{display:none}
html[data-auth-state="user"] #hero{display:none!important}
html:not([data-auth-state="user"]) .create-heading{display:none}
.stage-card,.workspace.stage-card{margin:16px 0 0;padding:28px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 8px 24px rgba(43,47,85,.025)}
.stage-heading{display:flex;align-items:baseline;gap:18px;margin:0 0 20px}.stage-heading .stage-label{margin:0;color:#717b8d;font-size:20px;font-weight:500}.stage-heading .stage-label span{font-size:inherit;font-weight:inherit;color:inherit;background:none;padding:0}.stage-heading h2{font-size:32px;font-weight:800;letter-spacing:-.8px;line-height:1.1}.results-head h2{font-size:32px}
.workspace.stage-card .upload-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.workspace.stage-card .dropzone{min-height:0;display:block;padding:7px;border:1px solid var(--border);border-radius:14px;background:var(--surface-secondary);text-align:center}.workspace.stage-card .dropzone:has(#uploadEmpty:not([hidden])){min-height:315px;display:grid;place-items:center}.workspace.stage-card .upload-summary{min-height:0;padding:0;background:transparent;border:0}.uploadPreview{display:flex;flex-direction:column;align-items:stretch;gap:8px}.source-frame{width:100%;height:auto;aspect-ratio:1.15/1;border-radius:10px;background:var(--surface-secondary)}.source-frame img{width:100%;height:100%;object-fit:contain}.source-details{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;text-align:center}.source-details strong,.source-details p{display:none}.source-details .link-button{width:100%;min-height:46px;padding:8px;border-radius:10px;background:#faf4ff;font-size:17px}
:root[data-theme="dark"] .source-details .link-button{background:#35263f}
#beforeAnalysis{align-self:center}#beforeAnalysis p{font-size:18px}.workspace.stage-card .upload-summary>button#an{min-height:48px;margin-top:0}.upload-summary .status{min-height:0;color:var(--text-secondary);font-size:var(--mobile-minimum-14,14px)}.product-details{padding:0}.analysis-edit-group{margin-top:0;margin-bottom:12px}.analysis-edit-group label{font-size:18px;font-weight:800}.product-details #name.product-name-input{height:auto;min-height:48px;max-height:88px;padding:10px 13px;font-size:18px;line-height:1.4;border-radius:10px}.analysis-input{border-radius:10px}.field-hint{font-size:var(--mobile-minimum-14,14px)}.field-label-row{align-items:center;justify-content:space-between}.field-label-row label{display:block}.benefit-count{font-size:var(--mobile-minimum-14,14px);font-weight:500;color:var(--text-secondary)}.mini-action{min-height:40px;border:0;background:none;padding:5px 0;font-size:16px}.benefit-preview{display:grid;gap:5px}.benefit-preview>div{display:flex;align-items:center;gap:12px;min-height:42px;padding:5px 11px;border:1px solid var(--border);border-radius:9px;font-size:16px}.benefit-preview b{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:9px;background:var(--accent);color:#fff;font-size:var(--mobile-minimum-14,14px)}.benefit-preview span{overflow-wrap:anywhere}.expand-benefits{min-height:44px;width:100%;margin-top:7px;border:0;border-radius:9px;background:#f7e9ff;color:#8427c6;font-weight:700;font-size:16px}.expand-benefits:hover{background:#efd6ff}:root[data-theme="dark"] .expand-benefits{background:#392348;color:#efccff}
.exact-text-control{align-items:center;flex-direction:row-reverse;justify-content:space-between;padding:8px 2px;margin-top:4px;border:0;background:transparent}.exact-text-control input{width:42px;height:25px;margin:0;appearance:none;border-radius:20px;background:#c8cfda;position:relative;cursor:pointer}.exact-text-control input::before{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0002}.exact-text-control input:checked{background:var(--accent)}.exact-text-control input:checked::before{left:20px}.exact-text-control strong{font-size:16px}.exact-text-control small{font-size:var(--mobile-minimum-14,14px)}.product-details .wb{font-size:var(--mobile-minimum-14,14px);margin-top:8px}.product-details .checklist{margin:8px 0 0;font-size:var(--mobile-minimum-14,14px);color:var(--text-secondary)}
.result-workspace{margin-bottom:0}.result-workspace .result-type-tabs{width:100%;max-width:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;background:transparent;border:0;overflow:visible}.result-workspace .result-type-tab{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:116px;padding:12px 8px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:0 6px 18px rgba(25,19,55,.035);white-space:normal;text-align:center}.result-workspace .result-type-tab.active{border:2px solid var(--accent);background:var(--surface);color:#8521c8;box-shadow:none}.result-workspace .result-type-tab strong{font-size:19px;line-height:1.2}.result-workspace .result-type-tab small{font-size:var(--mobile-minimum-14,14px);color:var(--text-secondary);line-height:1.2}.result-workspace .result-type-tab.active small{color:#8521c8}.result-workspace .result-type-tab .format-icon{display:block;font-size:30px;line-height:1.05;color:var(--text)!important}.result-workspace .result-type-tab.active .format-icon,.result-workspace .result-type-tab.active strong{color:#8521c8!important}.result-workspace .result-type-tab .video-soon-label{position:absolute;right:5px;top:5px;font-size:var(--mobile-minimum-14,14px);color:var(--text-secondary)!important}.result-workspace .result-type-tab{position:relative}.mode-description{display:none}.trends-control{display:flex;align-items:center;gap:12px;margin:16px 0 0;padding:8px 2px;font-size:17px}.trends-control input{appearance:none;width:46px;height:27px;flex:none;border-radius:20px;background:#c8cfda;position:relative}.trends-control input::before{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0002}.trends-control input{cursor:pointer;transition:background .18s ease}.trends-control input::before{transition:transform .18s ease}.trends-control input:checked{background:var(--accent)}.trends-control input:checked::before{transform:translateX(19px)}.trends-control input:disabled{cursor:not-allowed;opacity:.55}.trends-control input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.trends-info{margin-left:auto;color:var(--text-secondary)}.extras-toggle{width:100%;display:flex;align-items:center;gap:15px;min-height:50px;margin-top:12px;padding:10px 17px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--accent);font-size:18px;font-weight:700;text-align:left}.extras-toggle span:last-child{margin-left:auto;font-size:25px;line-height:1}.extras-toggle[aria-expanded="true"] span:last-child{transform:rotate(90deg)}#extrasContent{padding-top:12px}.result-workspace .optional-assets{margin-top:0}.result-workspace .generation-controls{margin-top:14px}.generation-controls #pv{width:100%;min-height:56px;background:var(--accent);color:#fff;border-color:var(--accent);font-size:20px}.generation-controls #pv:hover{background:var(--accent-hover)}.generation-controls p{font-size:var(--mobile-minimum-14,14px);margin:8px 0 0}
.results.stage-card{padding-top:28px;margin-bottom:32px}.results-head{align-items:center}.results-head h2{font-size:31px}.results-subtitle{font-size:var(--mobile-minimum-14,14px)}.results .grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.result-caption h3{font-size:16px}.conceptdesc{font-size:var(--mobile-minimum-14,14px)}.result-actions .btn{min-height:42px}.preview-frame{border-radius:10px;background:var(--surface-secondary)}.preview-frame img{object-fit:contain}
.footer-shell{background:var(--surface)}
@media(max-width:1199px){.result-workspace .result-type-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.results .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace.stage-card .upload-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:899px){.workspace.stage-card .upload-layout{grid-template-columns:1fr}.source-frame{max-width:420px;margin:auto}.results .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
 :root{--page-pad:14px}.container{width:calc(100% - 28px)}body{padding-bottom:76px}.header{position:sticky;top:0;z-index:30}.header-inner{height:66px;gap:8px}.brand{font-size:16px;letter-spacing:-.3px}.brand .logo{width:30px;height:30px}.brand span{white-space:nowrap}.mobile-back:not([hidden]){display:grid;place-items:center;flex:none;width:49px;height:49px;padding:0 0 4px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font-family:Arial,sans-serif;font-size:34px;font-weight:500;line-height:1;cursor:pointer}.mobile-back:hover{border-color:var(--accent);color:var(--accent)}.mobile-back:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.header-tools{gap:5px}.balance-button{display:inline-flex;min-height:36px;padding:4px 7px;font-size:var(--mobile-minimum-14,14px)}.balance-word{display:none}.theme-icon-button{display:none}.notification-button{width:32px;height:32px;font-size:19px}.account-menu{display:block}.account-button{min-width:33px;width:33px;height:33px}.account-button #accountInitial{font-size:var(--mobile-minimum-15,15px)}.menu-toggle{display:none!important}.nav{display:none!important}.create-heading{display:none}
 html[data-auth-state="user"] .mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:35;display:grid;grid-template-columns:1fr 1fr;min-height:72px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);background:var(--surface)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-decoration:none;font-size:var(--mobile-minimum-14,14px);color:var(--text-secondary)}.mobile-nav a span{font-size:24px;line-height:1}.mobile-nav a[aria-current]{color:var(--accent)}.mobile-nav .nav-plus{width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;text-align:center;font-size:25px;line-height:28px}
 .stage-card,.workspace.stage-card{margin-top:14px;padding:15px;border-radius:16px}.stage-heading{margin-bottom:12px;gap:13px}.stage-heading .stage-label{font-size:16px}.stage-heading h2{font-size:29px}.workspace.stage-card .upload-layout{grid-template-columns:1fr;gap:10px}.workspace.stage-card .dropzone{padding:5px}.workspace.stage-card .dropzone:has(#uploadEmpty:not([hidden])){min-height:240px}.source-frame{aspect-ratio:1.1/1;max-width:none}.source-details .link-button{min-height:44px;font-size:16px}.workspace.stage-card .upload-summary{padding:0;min-height:0}.upload-summary #an{width:100%}.analysis-edit-group{margin-bottom:11px}.analysis-edit-group label{font-size:18px}.product-details #name.product-name-input{min-height:46px;font-size:18px}.benefit-preview>div{font-size:16px}.exact-text-control strong{font-size:var(--mobile-minimum-15,15px)}.exact-text-control small{display:none}.product-details .checklist{display:none}.mobile-continue{display:flex;width:100%;margin-top:10px;font-size:19px;min-height:54px}
 .result-workspace .result-type-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.result-workspace .result-type-tab{min-height:115px;padding:9px 5px}.result-workspace .result-type-tab strong{font-size:18px}.result-workspace .result-type-tab small{font-size:var(--mobile-minimum-14,14px)}.result-workspace .result-type-tab .format-icon{font-size:28px}.trends-control{font-size:16px}.extras-toggle{font-size:17px}.generation-controls #pv{font-size:18px}.results-head h2{font-size:28px}.results .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.result-caption h3{font-size:var(--mobile-minimum-14,14px)}.result-actions{flex-wrap:wrap}.result-actions .btn{width:100%;font-size:var(--mobile-minimum-14,14px)}.conceptdesc{font-size:var(--mobile-minimum-14,14px)}.results-tools{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.results-subtitle{font-size:var(--mobile-minimum-14,14px)}.footer-shell{display:none}
 html[data-auth-state="user"][data-mobile-step="1"] #resultSetupSection,html[data-auth-state="user"][data-mobile-step="1"] #results,html[data-auth-state="user"][data-mobile-step="2"] #workspace,html[data-auth-state="user"][data-mobile-step="2"] #results,html[data-auth-state="user"][data-mobile-step="3"] #workspace,html[data-auth-state="user"][data-mobile-step="3"] #resultSetupSection{display:none!important}
 html[data-auth-state="user"] .seo-overview,html[data-auth-state="user"] #publicPricing{display:none!important}
 body:has(#create[hidden]) .mobile-back{display:none!important}
}
@media(max-width:380px){.brand{font-size:var(--mobile-minimum-14,14px)}.header-inner{gap:5px}.brand .logo{width:26px;height:26px}.header-tools{gap:2px}.balance-button{font-size:var(--mobile-minimum-14,14px);padding-inline:4px}.notification-button{width:28px}.account-button{width:30px;min-width:30px}.result-workspace .result-type-tab small{font-size:var(--mobile-minimum-14,14px)}}
#workspace:has(#work:not([hidden])) #an{display:none}
#workspace:has(#work:not([hidden])) #as:empty{display:none}
@media(max-width:767px){#workspace:has(#work:not([hidden])) #as{display:none}}
.stage-heading .stage-label span{display:inline;width:auto;height:auto;border:0;border-radius:0;background:transparent;letter-spacing:0;text-transform:none}
/* Saved products, photograph viewer and upload feedback */
.dropzone{position:relative}.upload-activity{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:22px;border-radius:inherit;background:color-mix(in srgb,var(--surface) 94%,transparent);text-align:center;color:var(--text);font-size:17px}.upload-activity .ui-spinner{width:46px;height:46px}
.saved-product-detail{max-width:960px;margin:0 auto;padding-bottom:70px}.saved-detail-heading,.viewer-heading{display:flex;align-items:center;gap:14px;margin-bottom:22px}.saved-detail-heading h1,.viewer-heading h2{margin:0;font-size:clamp(25px,4vw,37px);line-height:1.12}.saved-detail-heading p,.viewer-heading p{margin:4px 0 0;color:var(--text-secondary)}.saved-detail-back{display:grid;place-items:center;flex:none;width:49px;height:49px;padding:0 0 4px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font-size:34px;line-height:1}.saved-detail-back:hover,.viewer-arrow:hover{border-color:var(--accent);color:var(--accent)}.saved-source-card{display:flex;align-items:center;gap:16px;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.saved-source-card img{width:88px;height:88px;object-fit:contain;border-radius:10px;background:var(--surface-secondary)}.saved-source-card div{display:grid;gap:3px}.saved-source-card span{color:var(--text-secondary)}.saved-create{margin:16px 0 24px;min-height:55px}.saved-product-detail>h2{font-size:24px}.saved-generation{margin:20px 0 28px}.saved-generation h3{font-size:17px;margin-bottom:12px}.saved-image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.saved-image-card{display:grid;gap:8px;padding:7px;border:1px solid var(--border);border-radius:14px;background:var(--surface);text-align:left;color:var(--text)}.saved-image-card img,.saved-image-grid video{width:100%;aspect-ratio:3/4;object-fit:contain;background:var(--surface-secondary);border-radius:9px}.saved-image-card strong{padding:0 5px 6px;font-size:var(--mobile-minimum-14,14px)}.saved-image-card:hover,.result-ready .preview-frame:hover{border-color:var(--accent);cursor:pointer}.result-ready .preview-frame{cursor:pointer}
.result-viewer{width:min(100% - 24px,650px);max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:18px;background:var(--bg);color:var(--text);overflow:auto}.result-viewer::backdrop{background:rgba(12,9,22,.76)}.viewer-shell{padding:20px}.viewer-heading h2{font-size:25px}.viewer-media{position:relative;display:flex;align-items:center;justify-content:center;min-height:240px;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;touch-action:pan-y}.viewer-media img{display:block;width:100%;max-height:min(65dvh,720px);aspect-ratio:3/4;object-fit:contain}.viewer-arrow{position:absolute;z-index:1;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:46px;height:55px;border:1px solid var(--border);border-radius:13px;background:var(--bg);color:var(--text);font-size:28px;line-height:1}.viewer-arrow:first-child{left:8px}.viewer-arrow:last-child{right:8px}.viewer-dots{display:flex;justify-content:center;gap:8px;margin:13px 0}.viewer-dots button{width:10px;height:10px;padding:0;border:1px solid var(--accent);border-radius:50%;background:transparent}.viewer-dots button.active{background:var(--accent)}.viewer-download{width:100%;min-height:54px}
@media(max-width:767px){.saved-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.saved-product-detail{padding-top:2px}.saved-product-detail .saved-create{width:100%}.saved-detail-heading h1{font-size:26px}.result-viewer{width:100%;max-width:none;max-height:100dvh;min-height:100dvh;border-radius:0}.viewer-shell{padding:16px 14px 85px}.viewer-media img{max-height:70dvh}.saved-source-card img{width:70px;height:70px}}
/* Product objects follow the prototype's list navigation. */
.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{border-radius:16px}.product-open{display:flex;align-items:center;min-height:96px}.product-thumb{flex:none;width:76px;height:76px;aspect-ratio:1;margin:9px;border:1px solid var(--border);border-radius:12px}.product-thumb img{object-fit:contain}.product-meta{flex:1;min-width:0;padding:10px 42px 10px 3px}.product-meta strong{font-size:16px;white-space:normal;line-height:1.3}.product-card-details{display:block}.product-card-details small:last-child{display:none}.product-open::after{content:'›';position:absolute;right:15px;top:19px;font-size:30px;line-height:1}.product-more{right:10px;bottom:7px;z-index:1;background:transparent}
@media(max-width:767px){.products-grid{grid-template-columns:1fr;gap:10px}.product-open{min-height:91px}.product-meta strong{font-size:16px;min-height:0}.product-meta small{font-size:var(--mobile-minimum-14,14px)}.product-thumb{width:68px;height:68px}.product-more{bottom:6px}}
.viewer-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.viewer-actions .btn{min-height:48px}.viewer-nav{display:grid;grid-template-columns:1fr 1fr;min-height:66px;border-top:1px solid var(--border);background:var(--surface)}.viewer-nav button{display:flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;color:var(--text-secondary);font-size:var(--mobile-minimum-15,15px);font-weight:700}.viewer-nav button:hover{color:var(--accent)}.viewer-nav .nav-plus{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-size:22px;line-height:1}.result-viewer .viewer-shell{padding-bottom:18px}
@media(max-width:767px){.result-viewer{display:flex;flex-direction:column}.result-viewer .viewer-shell{flex:1;padding-bottom:16px;overflow:auto}.viewer-nav{position:sticky;bottom:0;z-index:2;flex:none;min-height:70px;padding-bottom:env(safe-area-inset-bottom)}.viewer-nav button{flex-direction:column;gap:0;font-size:var(--mobile-minimum-14,14px)}.viewer-actions .btn{font-size:var(--mobile-minimum-15,15px)}}
.result-viewer:not([open]){display:none!important}
@media(min-width:768px){.viewer-media img{max-height:min(60dvh,calc(100dvh - 310px));min-height:0;aspect-ratio:auto}.result-viewer{max-height:calc(100dvh - 16px)}}
.viewer-zoom-tools{display:flex;justify-content:center;align-items:center;gap:8px;margin:10px 0}.viewer-zoom-tools button{min-width:42px;min-height:38px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:9px;font-weight:700}.viewer-zoom-tools button:focus-visible{outline:2px solid var(--accent)}.viewer-zoom-tools .zoom-reset{padding:0 12px}.viewer-media.zoomed{overflow:auto;justify-content:flex-start;align-items:flex-start;height:min(65dvh,720px);touch-action:pan-x pan-y}.viewer-media.zoomed img{max-height:none;max-width:none;width:auto;flex:none;margin:auto}.viewer-media.zoomed .viewer-arrow{position:sticky;flex:none;margin-top:25%;top:50%}.viewer-media.zoomed .viewer-arrow:last-child{margin-left:auto}
.viewer-heading{position:relative;padding-right:42px}.viewer-dismiss{position:absolute;top:0;right:0;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);font-size:29px;line-height:1}.viewer-dismiss:hover{color:var(--accent);border-color:var(--accent)}
@media(min-width:768px){.result-viewer .viewer-nav{display:none}}
/* Four-point star from the center of the Aimateka mark. */
.star-icon{display:inline-block;flex:none;width:1em;height:1em;border:0;border-radius:0;background:currentColor;vertical-align:-.13em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 2C35 20 44 29 62 32 44 35 35 44 32 62 29 44 20 35 2 32 20 29 29 20 32 2Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 2C35 20 44 29 62 32 44 35 35 44 32 62 29 44 20 35 2 32 20 29 29 20 32 2Z'/%3E%3C/svg%3E") center/contain no-repeat}
.balance-button{background:#fff}.balance-button .star-icon,.public-price-card .star-icon,.top-up-package .star-icon{color:#8f27d4}.create-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.create-actions:has(#firstPreview[hidden]){grid-template-columns:1fr}.create-actions .btn{width:100%;min-width:0;min-height:62px;padding:12px 14px;white-space:normal;text-align:center;line-height:1.22;color:#fff!important}.create-actions .star-icon{color:#fff}.create-actions .button-price{flex:none;white-space:nowrap}.public-pricing-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1199px){.public-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.create-actions{grid-template-columns:1fr}.create-actions:has(#firstPreview[hidden]){grid-template-columns:1fr}.create-actions .btn{min-height:60px;justify-content:space-between;gap:10px;text-align:left}.create-actions .button-price{margin-left:auto}}
@media(max-width:767px){.public-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:519px){.public-pricing-grid{grid-template-columns:1fr}}
.balance-button{color:#2c193c}
/* The guest landing page explains the three stages before the examples. */
html:not([data-auth-state="user"]) #workspace{display:none!important}
html:not([data-auth-state="guest"]) .guest-how,html:not([data-auth-state="guest"]) .guest-examples{display:none!important}
.guest-how{padding:38px 0 56px;border-top:1px solid var(--border)}
.guest-section-heading{text-align:center;max-width:670px;margin:0 auto 32px}
.guest-section-heading .stage-label,.guest-examples-heading .stage-label{margin:0 0 8px}
.guest-section-heading h2,.guest-examples-heading h2{font-size:clamp(26px,3vw,38px);line-height:1.14;letter-spacing:-.035em;margin:0;font-weight:650}
.guest-section-heading p:last-child,.guest-examples-heading p:last-child{color:var(--text-secondary);margin:10px 0 0;font-size:var(--mobile-minimum-15,15px)}
.guest-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.guest-step{min-width:0;border:1px solid var(--border);background:var(--surface);border-radius:20px;overflow:hidden}
.guest-step-visual{height:186px;position:relative;display:grid;place-items:center;overflow:hidden;background:#f4eff9}
.guest-step-concept{background:#f6f2ff}.guest-step-result{background:#edf4ed}
.guest-photo-sheet{position:relative;width:130px;height:148px;padding:8px 8px 22px;background:#fff;box-shadow:0 14px 30px #35185026;transform:rotate(-7deg);border-radius:8px}
.guest-photo-sheet img{width:100%;height:100%;object-fit:cover;border-radius:4px}.guest-upload-spark{position:absolute;right:-17px;bottom:20px;width:44px;height:44px;border-radius:50%;background:#8f27d4;display:grid;place-items:center;color:#fff;font-size:30px;line-height:1;box-shadow:0 5px 16px #48125f44}
.guest-concept-sheet{width:174px;height:135px;background:#fff;border-radius:13px;box-shadow:0 14px 30px #3518501e;padding:17px 18px;transform:rotate(4deg)}
.guest-concept-title{font-size:var(--mobile-minimum-15,15px);font-weight:750;color:#402454}.guest-concept-choices{display:flex;gap:8px;margin:14px 0}.guest-concept-choices i{width:29px;height:29px;border-radius:8px;background:#a98bce}.guest-concept-choices i:nth-child(2){background:var(--accent);outline:2px solid #8f27d4;outline-offset:2px}.guest-concept-choices i:nth-child(3){background:#a4bbc4}.guest-concept-line{display:block;background:#dcd2e7;height:6px;width:90%;border-radius:10px;margin-top:8px}.guest-concept-line.short{width:58%}.guest-concept-star{position:absolute;color:#8f27d4;font-size:38px;right:calc(50% - 118px);top:28px}
.guest-result-stack{position:relative;width:126px;height:150px;background:#fff;border:7px solid #fff;border-radius:9px;box-shadow:0 15px 30px #27452a29;transform:rotate(6deg)}.guest-result-stack:before{content:'';position:absolute;inset:0;background:#fff;border-radius:8px;transform:translate(-22px,10px) rotate(-12deg);z-index:-1;box-shadow:0 7px 18px #27452a20}.guest-result-stack img{display:block;width:100%;height:100%;object-fit:contain;border-radius:3px}.guest-result-stack span{position:absolute;bottom:6px;left:6px;background:#fff;color:#214633;padding:3px 6px;font-weight:800;font-size:var(--mobile-minimum-14,14px);letter-spacing:.06em;border-radius:3px}.guest-result-check{position:absolute;right:calc(50% - 112px);bottom:27px;width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#52a879;color:white;font-size:21px;font-weight:800}
.guest-step-copy{padding:22px 24px 26px}.guest-step-number{font-size:var(--mobile-minimum-14,14px);letter-spacing:.08em;color:#8f27d4;font-weight:750}.guest-step-copy h3{margin:7px 0;font-size:20px;line-height:1.25;letter-spacing:-.025em}.guest-step-copy p{margin:0;color:var(--text-secondary);font-size:var(--mobile-minimum-14,14px);line-height:1.55}.guest-start{display:flex;max-width:260px;margin:28px auto 0;color:#fff!important}
.guest-examples{padding:44px 0 72px;border-top:1px solid var(--border)}.guest-examples-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.guest-carousel-controls{display:flex;gap:10px}.guest-carousel-controls button{width:46px;height:46px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);font-size:20px}.guest-carousel-controls button:hover{border-color:#8f27d4;color:#8f27d4}
.guest-carousel{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:0 0 14px}.guest-example{flex:0 0 clamp(185px,22vw,246px);scroll-snap-align:start;min-width:0}.guest-example-art{height:clamp(240px,28vw,312px);border-radius:16px;overflow:hidden;position:relative}.guest-studio-art{background:#f5f1f0}.guest-studio-art img{width:100%;height:100%;object-fit:cover;display:block}.guest-card-art{isolation:isolate;padding:18px;color:#fff}.guest-card-art:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#181128bb 0%,transparent 48%,#181128aa 100%);z-index:-1}.guest-card-purple{background:#9a75a5}.guest-card-orange{background:#9d4527}.guest-card-blue{background:#456477}.guest-card-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.guest-art-headline{display:block;font-weight:850;font-size:clamp(22px,2.3vw,30px);line-height:1.02;letter-spacing:-.035em;text-shadow:0 2px 10px #0006}.guest-art-caption{position:absolute;bottom:18px;left:18px;font-size:var(--mobile-minimum-14,14px);font-weight:750;letter-spacing:.14em}.guest-example-caption{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:13px 3px}.guest-example-caption strong{font-size:var(--mobile-minimum-15,15px)}.guest-example-caption span{font-size:var(--mobile-minimum-14,14px);color:var(--text-secondary);text-align:right}
@media(max-width:767px){.guest-how{padding:28px 0 44px}.guest-steps{grid-template-columns:1fr;gap:12px}.guest-step{display:grid;grid-template-columns:38% 1fr;border-radius:15px;min-height:164px}.guest-step-visual{height:100%;min-height:164px}.guest-photo-sheet,.guest-result-stack{transform:scale(.72) rotate(-7deg)}.guest-concept-sheet{transform:scale(.72) rotate(4deg)}.guest-concept-star{right:6px}.guest-result-check{right:10px;bottom:19px}.guest-step-copy{padding:18px 14px}.guest-step-copy h3{font-size:17px}.guest-step-copy p{font-size:var(--mobile-minimum-14,14px)}.guest-examples{padding:35px 0 55px}.guest-example{flex-basis:205px}.guest-example-art{height:260px}.guest-examples-heading h2{font-size:26px}}
@media(max-width:440px){.guest-examples-heading{align-items:start}.guest-carousel-controls button{width:36px;height:36px}.guest-step{grid-template-columns:34% 1fr}.guest-step-copy{padding:15px 12px}.guest-step-copy h3{font-size:16px}}


/* Readable type: at least 14px on desktop and 17px on phones. */
.result-workspace .result-type-tab .pack-copy-mobile{display:none}
.result-workspace .result-type-tab .pack-copy-desktop{display:inline}
.result-workspace .result-type-tab{min-height:130px}
.result-workspace .result-type-tab small{white-space:normal;overflow-wrap:normal;text-wrap:balance}
@media(max-width:767px){
.account-button,.account-button #accountInitial,.account-button>span:first-child,.account-row,.account-view .stage-label,.account-view .stage-label span,.account-view .muted,.account-view .status,.products-toolbar,.product-meta small,#productsCount,.account-view .view-heading>div>p:last-child,.admin-control-grid label,.admin-empty,.admin-inline .analysis-input{font-size:17px}
.admin-inline .btn,.admin-page-buttons button,.admin-page-summary,.admin-stats span,.admin-table,.admin-table td>small,.admin-table th,.admin-tabs button,.analysis-dot,.asset-reset{font-size:17px}
.asset-retention,.asset-upload i,.asset-upload small,.asset-upload strong,.auth-identity,.auth-identity a,.auth-identity strong,.availability,.avatar,.balance-button{font-size:17px}
.balance-button,.profile-stats span,.account-row,.danger-link,.product-dialog label,.dialog-product .small,.generation-group-head p,.generation-group-head span,.benefit-count,.benefit-preview b,.benefit-preview>div,.brand,.checklist,.conceptdesc,.credit-history small,.credit-balance,.credit-history-head p,.credit-refund-note{font-size:17px}
.danger-link,.duration-choice,.exact-text-control small,.exact-text-control strong,.expand-benefits,.eyebrow,.failed-frame strong,.field-hint,.field-label-row output,.footer{font-size:17px}
.footer small,.footer span,.footer a,.footer-nav,.footer,.footer small,.footer span,.footer a,.footer-nav,.footer-brand small,.footer-copy,.footer-logo,.footer-nav,.generation-controls p,.generation-group-head p,.generation-group-head span,.guest-art-caption,.guest-concept-title{font-size:17px}
.guest-example-caption span,.guest-example-caption strong,.guest-result-stack span,.guest-section-heading p:last-child,.guest-examples-heading p:last-child,.guest-step-copy h3,.guest-step-copy p,.guest-step-number,.hero .availability,.hero .btn-large,.hero .marketplaces{font-size:17px}
.hero-analysis,.hero-analysis small,.hero-analysis strong,.hero-copy,.hero-formats,.hero-visual figcaption,.loading-card p,.marketplaces,.marketplaces small,.marketplaces span{font-size:17px}
.marketplaces span::before,.mini-action,.mobile-nav a,.mode-availability,.mode-description,.nav a,.nav a,.nav button,.notification-button span,.notifications-list article small,.package-badge{font-size:17px}
.package-credits,.payment-email span,.preview-spinner-wrap,.product-details #benefits,.product-details .checklist,.product-details .wb,.product-dialog label,.product-meta small,.product-meta strong,.product-more{font-size:17px}
.product-status,.products-toolbar .analysis-input,.profile-stats span,.progress ol,.public-price-card>small,.quality-control small,.quality-control>span,.result-actions .btn,.result-caption h3,.result-number{font-size:17px}
.result-type-tab span,.result-type-tab strong,.result-workspace .result-type-tab .video-soon-label,.result-workspace .result-type-tab small,.result-workspace .result-type-tab span,.results-subtitle,.results-subtitle .btn,.generation-group-actions .btn,.results-tools .btn,.results-tools .link-button,.retention-note{font-size:17px}
.role-badge,.saved-image-card strong,.seo-card-label,.seo-faq details p,.seo-marketplace-card p:last-child,.seo-overview-intro>p:last-child,.small,.social-icons,.source-details .link-button,.source-details p{font-size:17px}
.source-details strong,.stage-heading .stage-label,.stage-label,.stage-label span,.status,.status-pill,.step-label,.studio-options label>span,.studio-options label>span small,.studio-options label>span strong{font-size:17px}
.studio-options legend,.studio-options legend small,.theme-control,.theme-control select,.top-up-checkout>.status,.top-up-heading>p,.top-up-package li,.trends-control,.upload-summary .muted,.upload-summary .status{font-size:17px}
.video-options legend,.viewer-actions .btn,.viewer-nav button,.wb,body{font-size:17px}
.mode-availability{font-size:17px!important}
.debug-output{font-size:17px}
.result-workspace .result-type-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
.result-workspace .result-type-tab{min-height:132px;padding:12px 9px}
.result-workspace .result-type-tab .pack-copy-desktop{display:none}
.result-workspace .result-type-tab .pack-copy-mobile{display:inline}
.marketplaces span{padding-left:34px}
.marketplaces span::before{width:28px;height:28px}
.guest-step{min-height:180px}
.guest-step-visual{min-height:180px}
.guest-example-caption{flex-wrap:wrap}
.guest-example-caption span{max-width:100%}
.product-meta strong{min-height:0}
.result-actions .btn{min-height:48px}
.mobile-nav{min-height:78px}
body{padding-bottom:84px}
}

html:not([data-auth-state="guest"]) .guest-upload-label,html[data-auth-state="guest"] .user-upload-label{display:none!important}

.result-workspace .result-type-tab.active .pack-copy-desktop,.result-workspace .result-type-tab.active .pack-copy-mobile{color:#8521c8!important}

.guest-carousel{scroll-snap-type:none;scrollbar-width:none}.guest-carousel::-webkit-scrollbar{display:none}.guest-example{scroll-snap-align:none}.guest-example-art{border-radius:0;padding:0;background:transparent;aspect-ratio:3/4;height:auto}.guest-example-art img{display:block;width:100%;height:100%;object-fit:cover}.guest-example-art::before{display:none}

/* Mobile type scale: 120% of existing sizes. */
@media (max-width:767px){.brand{font-size:25.2px}}
@media (max-width:767px){.nav a,.nav button{font-size:16.8px}}
@media (max-width:767px){.theme-control{font-size:16.8px}}
@media (max-width:767px){.avatar{font-size:16.8px}}
@media (max-width:767px){.eyebrow{font-size:16.8px}}
@media (max-width:767px){.hero h1{font-size:clamp(45.6px,5.4vw,79.2px)}}
@media (max-width:767px){.hero-copy{font-size:21.6px}}
@media (max-width:767px){.availability{font-size:16.8px}}
@media (max-width:767px){.marketplaces{font-size:16.8px}}
@media (max-width:767px){.marketplaces small{font-size:16.8px}}
@media (max-width:767px){.section-top h2{font-size:24px}}
@media (max-width:767px){.step-label{font-size:16.8px}}
@media (max-width:767px){.dropzone h3{font-size:21.6px}}
@media (max-width:767px){.small{font-size:16.8px}}
@media (max-width:767px){.upload-summary h3{font-size:30px}}
@media (max-width:767px){.source-details strong{font-size:19.2px}}
@media (max-width:767px){.source-details p{font-size:16.8px}}
@media (max-width:767px){.status{font-size:16.8px}}
@media (max-width:767px){.product-details #name{font-size:28.8px}}
@media (max-width:767px){.product-details #benefits{font-size:16.8px}}
@media (max-width:767px){.wb{font-size:16.8px}}
@media (max-width:767px){.checklist{font-size:16.8px}}
@media (max-width:767px){.generation-controls p{font-size:16.8px}}
@media (max-width:767px){.progress h2{font-size:28.8px}}
@media (max-width:767px){.progress ol{font-size:16.8px}}
@media (max-width:767px){.results h2{font-size:43.2px}}
@media (max-width:767px){.result-caption h3{font-size:22.8px}}
@media (max-width:767px){.result-number{font-size:16.8px}}
@media (max-width:767px){.conceptdesc{font-size:16.8px}}
@media (max-width:767px){.result-actions .btn{font-size:16.8px}}
@media (max-width:767px){.failed-frame strong{font-size:19.2px}}
@media (max-width:767px){.failed-symbol{font-size:28.8px}}
@media (max-width:767px){.footer{font-size:16.8px}}
@media (max-width:767px) and (max-width:639px){.brand{font-size:20.4px}}
@media (max-width:767px) and (max-width:639px){.theme-control select{font-size:16.8px}}
@media (max-width:767px) and (max-width:639px){.hero h1{font-size:45.6px}}
@media (max-width:767px) and (max-width:639px){.hero-copy{font-size:19.2px}}
@media (max-width:767px) and (max-width:639px){.eyebrow{font-size:16.8px}}
@media (max-width:767px) and (max-width:639px){.marketplaces span{font-size:16.8px}}
@media (max-width:767px) and (max-width:639px){.marketplaces small{font-size:16.8px}}
@media (max-width:767px) and (max-width:639px){.upload-summary h3{font-size:26.4px}}
@media (max-width:767px) and (max-width:639px){.results h2{font-size:33.6px}}
@media (max-width:767px) and (max-width:639px){.section-top h2{font-size:21.6px}}
@media (max-width:767px){.account-button{font-size:16.8px}}
@media (max-width:767px){.hero h1{font-size:clamp(48px,4.98vw,72px)}}
@media (max-width:767px){.hero-copy{font-size:19.2px}}
@media (max-width:767px){.hero-formats{font-size:16.8px}}
@media (max-width:767px){.hero .marketplaces{font-size:16.8px}}
@media (max-width:767px){.hero .availability{font-size:16.8px}}
@media (max-width:767px){.hero-visual figcaption{font-size:16.8px}}
@media (max-width:767px){.results-tools .link-button{font-size:16.8px}}
@media (max-width:767px) and (max-width:1023px){.hero h1{font-size:clamp(43.2px,5.4vw,55.2px)}}
@media (max-width:767px) and (max-width:1023px){.hero-copy{font-size:18px}}
@media (max-width:767px) and (max-width:1023px){.results h2{font-size:36px}}
@media (max-width:767px) and (max-width:639px){.hero h1{font-size:45.6px}}
@media (max-width:767px) and (max-width:639px){.hero-copy{font-size:18px}}
@media (max-width:767px) and (max-width:639px){.hero .availability{font-size:16.8px}}
@media (max-width:767px) and (max-width:639px){.results h2{font-size:33.6px}}
@media (max-width:767px) and (max-width:639px){.results-tools .btn{font-size:16.8px}}
@media (max-width:767px) and (max-width:639px){.results-subtitle{font-size:16.8px}}
@media (max-width:767px){.brand{font-size:24px}}
@media (max-width:767px){.nav a,.nav button{font-size:16.8px}}
@media (max-width:767px){.theme-control select{font-size:16.8px}}
@media (max-width:767px){.hero h1{font-size:clamp(45.6px,4.44vw,63.6px)}}
@media (max-width:767px){.hero-copy{font-size:20.4px}}
@media (max-width:767px){.hero .marketplaces{font-size:16.8px}}
@media (max-width:767px){.hero .availability{font-size:16.8px}}
@media (max-width:767px){.hero-formats{font-size:16.8px}}
@media (max-width:767px){.hero-visual figcaption{font-size:19.2px}}
@media (max-width:767px){.hero-analysis{font-size:16.8px}}
@media (max-width:767px){.hero-analysis small{font-size:16.8px}}
@media (max-width:767px){.results h2{font-size:36px}}
@media (max-width:767px){.results-subtitle{font-size:16.8px}}
@media (max-width:767px){.results-tools .btn{font-size:16.8px}}
@media (max-width:767px){.result-caption h3{font-size:19.2px}}
@media (max-width:767px){.conceptdesc{font-size:16.8px}}
@media (max-width:767px){.result-actions .btn{font-size:16.8px}}
@media (max-width:767px) and (max-width:1023px){.hero h1{font-size:45.6px}}
@media (max-width:767px) and (max-width:1023px){.hero-copy{font-size:18px}}
@media (max-width:767px) and (max-width:639px){.brand{font-size:20.4px}}
@media (max-width:767px) and (max-width:639px){.theme-control select{font-size:16.8px}}
@media (max-width:767px) and (max-width:639px){.hero h1{font-size:40.8px}}
@media (max-width:767px) and (max-width:639px){.hero-copy{font-size:16.8px}}
@media (max-width:767px) and (max-width:639px){.hero .marketplaces{font-size:16.8px}}
@media (max-width:767px) and (max-width:639px){.upload-summary h3{font-size:24px}}
@media (max-width:767px) and (max-width:639px){.results h2{font-size:31.2px}}
@media (max-width:767px) and (max-width:639px){.result-caption h3{font-size:21.6px}}
@media (max-width:767px){body{font-size:19.2px}}
@media (max-width:767px){.brand{font-size:26.4px}}
@media (max-width:767px){.nav a,.nav button{font-size:18px}}
@media (max-width:767px){.account-button{font-size:16.8px}}
@media (max-width:767px){.theme-control select{font-size:16.8px}}
@media (max-width:767px){.hero h1{font-size:clamp(69.6px,5.46vw,91.2px)}}
@media (max-width:767px){.hero-copy{font-size:24px}}
@media (max-width:767px){.hero .btn-large{font-size:21.6px}}
@media (max-width:767px){.hero-formats{font-size:16.8px}}
@media (max-width:767px){.marketplaces span{font-size:18px}}
@media (max-width:767px){.marketplaces span::before{font-size:16.8px}}
@media (max-width:767px){.marketplaces small{font-size:16.8px}}
@media (max-width:767px){.hero-analysis{font-size:16.8px}}
@media (max-width:767px){.hero-analysis strong{font-size:16.8px}}
@media (max-width:767px){.hero-visual figcaption{font-size:20.4px}}
@media (max-width:767px){.section-top h2{font-size:26.4px}}
@media (max-width:767px){.upload-summary h3{font-size:37.2px}}
@media (max-width:767px){.upload-summary .muted{font-size:18px}}
@media (max-width:767px){.results h2{font-size:48px}}
@media (max-width:767px){.results-subtitle{font-size:18px}}
@media (max-width:767px){.result-caption h3{font-size:19.2px}}
@media (max-width:767px){.result-actions .btn{font-size:16.8px}}
@media (max-width:767px) and (max-width:1199px){.hero h1{font-size:clamp(57.6px,6vw,74.4px)}}
@media (max-width:767px) and (max-width:1199px){.hero-copy{font-size:21.6px}}
@media (max-width:767px) and (max-width:767px){.brand{font-size:21.6px}}
@media (max-width:767px) and (max-width:767px){.hero h1{font-size:clamp(46.8px,13.2vw,60px)}}
@media (max-width:767px) and (max-width:767px){.hero-copy{font-size:19.2px}}
@media (max-width:767px) and (max-width:767px){.marketplaces span{font-size:16.8px}}
@media (max-width:767px) and (max-width:767px){.upload-summary h3{font-size:31.2px}}
@media (max-width:767px) and (max-width:767px){.results h2{font-size:38.4px}}
@media (max-width:767px) and (max-width:767px){.result-caption h3{font-size:22.8px}}
@media (max-width:767px) and (max-width:767px){.result-actions .btn{font-size:16.8px}}
@media (max-width:767px){.brand{font-size:21.6px}}
@media (max-width:767px){.nav a,.nav button{font-size:16.8px}}
@media (max-width:767px){.hero h1{font-size:clamp(60px,4.8vw,76.8px)}}
@media (max-width:767px){.hero-copy{font-size:21.6px}}
@media (max-width:767px){.hero .btn-large{font-size:19.2px}}
@media (max-width:767px){.hero-formats{font-size:16.8px}}
@media (max-width:767px){.marketplaces span{font-size:16.8px}}
@media (max-width:767px){.hero-analysis{font-size:16.8px}}
@media (max-width:767px){.hero-analysis strong{font-size:16.8px}}
@media (max-width:767px){.analysis-dot{font-size:19.2px}}
@media (max-width:767px){.hero-visual figcaption{font-size:19.2px}}
@media (max-width:767px){.section-top h2{font-size:21.6px}}
@media (max-width:767px){.step-label{font-size:16.8px}}
@media (max-width:767px){.upload-summary h3{font-size:34.8px}}
@media (max-width:767px){.results h2{font-size:36px}}
@media (max-width:767px){.results-subtitle{font-size:16.8px}}
@media (max-width:767px){.results-tools .btn{font-size:16.8px}}
@media (max-width:767px){.result-caption h3{font-size:16.8px}}
@media (max-width:767px){.result-actions .btn{font-size:16.8px}}
@media (max-width:767px){.footer-logo{font-size:16.8px}}
@media (max-width:767px){.footer-brand small{font-size:16.8px}}
@media (max-width:767px){.footer-nav{font-size:16.8px}}
@media (max-width:767px){.footer-copy{font-size:16.8px}}
@media (max-width:767px){.social-icons{font-size:16.8px}}
@media (max-width:767px) and (max-width:1199px){.hero h1{font-size:60px}}
@media (max-width:767px) and (max-width:767px){.brand{font-size:19.2px}}
@media (max-width:767px) and (max-width:767px){.hero h1{font-size:48px}}
@media (max-width:767px) and (max-width:767px){.hero-copy{font-size:18px}}
@media (max-width:767px) and (max-width:767px){.results h2{font-size:33.6px}}
@media (max-width:767px){.preview-spinner-wrap{font-size:16.8px}}
@media (max-width:767px){.analysis-edit-group label{font-size:16.8px}}
@media (max-width:767px){.product-details #name.product-name-input{font-size:19.2px}}
@media (max-width:767px){.field-hint{font-size:16.8px}}
@media (max-width:767px){.quality-control>span{font-size:16.8px}}
@media (max-width:767px){.quality-control small{font-size:16.8px}}
@media (max-width:767px){.exact-text-control strong{font-size:16.8px}}
@media (max-width:767px){.exact-text-control small{font-size:16.8px}}
@media (max-width:767px){.field-label-row output{font-size:16.8px}}
@media (max-width:767px){.result-setup>h3{font-size:24px!important}}
@media (max-width:767px){.result-type-tab strong{font-size:16.8px}}
@media (max-width:767px){.result-type-tab span{font-size:16.8px}}
@media (max-width:767px){.mode-availability{font-size:16.8px!important}}
@media (max-width:767px){.asset-preview b{font-size:28.8px}}
@media (max-width:767px){.asset-upload strong{font-size:16.8px}}
@media (max-width:767px){.asset-upload small{font-size:16.8px}}
@media (max-width:767px){.asset-upload i{font-size:16.8px}}
@media (max-width:767px){.studio-options legend{font-size:16.8px}}
@media (max-width:767px){.studio-options label>span{font-size:16.8px}}
@media (max-width:767px){.stage-label{font-size:16.8px}}
@media (max-width:767px){.stage-label span{font-size:16.8px}}
@media (max-width:767px){.stage-heading h2{font-size:33.6px}}
@media (max-width:767px){.result-workspace .result-type-tab strong{font-size:16.8px}}
@media (max-width:767px){.result-workspace .result-type-tab span{font-size:16.8px}}
@media (max-width:767px) and (max-width:767px){.stage-heading h2{font-size:28.8px}}
@media (max-width:767px){.result-workspace .result-type-tab strong{font-size:16.8px}}
@media (max-width:767px){.mode-description{font-size:16.8px}}
@media (max-width:767px){.studio-options legend small{font-size:16.8px}}
@media (max-width:767px){.asset-reset{font-size:16.8px}}
@media (max-width:767px){.studio-options label>span strong{font-size:16.8px}}
@media (max-width:767px){.studio-options label>span small{font-size:16.8px}}
@media (max-width:767px){.video-options legend{font-size:16.8px}}
@media (max-width:767px){.duration-choice{font-size:16.8px}}
@media (max-width:767px) and (max-width:767px){.result-workspace .result-type-tab strong{font-size:16.8px}}
@media (max-width:767px) and (max-width:767px){.mode-description{font-size:16.8px}}
@media (max-width:767px) and (max-width:430px){.result-workspace .result-type-tab strong{font-size:16.8px}}
@media (max-width:767px){.balance-button{font-size:16.8px}}
@media (max-width:767px){.account-button>span:first-child{font-size:16.8px}}
@media (max-width:767px){.account-dropdown a{font-size:16.8px}}
@media (max-width:767px){.view-heading h1{font-size:48px}}
@media (max-width:767px){.product-meta strong{font-size:16.8px}}
@media (max-width:767px){.product-meta small{font-size:16.8px}}
@media (max-width:767px){.profile-avatar{font-size:33.6px}}
@media (max-width:767px){.profile-stats strong{font-size:40.8px}}
@media (max-width:767px){.profile-stats span{font-size:16.8px}}
@media (max-width:767px){.account-row{font-size:16.8px}}
@media (max-width:767px){.danger-link{font-size:16.8px}}
@media (max-width:767px){.credit-history-head p{font-size:16.8px}}
@media (max-width:767px){.credit-history small,.credit-balance{font-size:16.8px}}
@media (max-width:767px){.credit-amount{font-size:21.6px}}
@media (max-width:767px){.credit-refund-note{font-size:16.8px}}
@media (max-width:767px){.retention-note{font-size:16.8px}}
@media (max-width:767px){.dialog-close{font-size:30px}}
@media (max-width:767px){.product-dialog label{font-size:16.8px}}
@media (max-width:767px){.top-up-heading h2,.top-up-checkout h2{font-size:33.6px}}
@media (max-width:767px){.top-up-heading>p{font-size:16.8px}}
@media (max-width:767px){.top-up-package h3{font-size:24px}}
@media (max-width:767px){.package-price{font-size:33.6px}}
@media (max-width:767px){.package-credits{font-size:18px}}
@media (max-width:767px){.top-up-package li{font-size:16.8px}}
@media (max-width:767px){.package-badge{font-size:16.8px}}
@media (max-width:767px){.top-up-order-summary .order-total{font-size:21.6px}}
@media (max-width:767px){.top-up-checkout>.status{font-size:16.8px}}
@media (max-width:767px){.generation-group-head p,.generation-group-head span{font-size:16.8px}}
@media (max-width:767px) and (max-width:767px){.view-heading h1{font-size:38.4px}}
@media (max-width:767px) and (max-width:600px){.top-up-heading h2,.top-up-checkout h2{font-size:30px}}
@media (max-width:767px){.account-view .view-heading>div>p:last-child{font-size:19.2px}}
@media (max-width:767px){.account-view .stage-label,.account-view .stage-label span,.account-view .muted,.account-view .status,.products-toolbar,.product-meta small,#productsCount{font-size:16.8px}}
@media (max-width:767px){.products-toolbar .analysis-input{font-size:16.8px}}
@media (max-width:767px){.product-status{font-size:16.8px}}
@media (max-width:767px){.asset-retention{font-size:16.8px}}
@media (max-width:767px){.results-subtitle .btn,.generation-group-actions .btn{font-size:16.8px}}
@media (max-width:767px){.notification-button{font-size:26.4px}}
@media (max-width:767px){.notification-button span{font-size:16.8px}}
@media (max-width:767px){.notifications-list article small{font-size:16.8px}}
@media (max-width:767px){.admin-control-grid label{font-size:16.8px}}
@media (max-width:767px){.legal-card h1{font-size:clamp(38.4px,6vw,62.4px)}}
@media (max-width:767px){.legal-card h2{font-size:26.4px}}
@media (max-width:767px){.product-meta strong{font-size:16.8px}}
@media (max-width:767px){.product-more{font-size:16.8px}}
@media (max-width:767px){.balance-button,.profile-stats span,.account-row,.danger-link,.product-dialog label,.dialog-product .small,.generation-group-head p,.generation-group-head span{font-size:16.8px}}
@media (max-width:767px){.account-button>span:first-child{font-size:16.8px}}
@media (max-width:767px){.footer{font-size:16.8px}}
@media (max-width:767px){.footer small,.footer span,.footer a,.footer-nav{font-size:16.8px}}
@media (max-width:767px) and (max-width:767px){.product-meta strong{font-size:16.8px}}
@media (max-width:767px) and (max-width:767px){.product-meta small{font-size:16.8px}}
@media (max-width:767px) and (max-width:767px){.footer,.footer small,.footer span,.footer a,.footer-nav{font-size:16.8px}}
@media (max-width:767px){.role-badge{font-size:16.8px}}
@media (max-width:767px){.admin-tabs button{font-size:16.8px}}
@media (max-width:767px){.admin-stats strong{font-size:36px}}
@media (max-width:767px){.admin-stats span{font-size:16.8px}}
@media (max-width:767px){.admin-table{font-size:16.8px}}
@media (max-width:767px){.admin-table th{font-size:16.8px}}
@media (max-width:767px){.admin-table td>small{font-size:16.8px}}
@media (max-width:767px){.admin-inline .analysis-input{font-size:16.8px}}
@media (max-width:767px){.admin-inline .btn{font-size:16.8px}}
@media (max-width:767px){.admin-empty{font-size:16.8px}}
@media (max-width:767px){.status-pill{font-size:16.8px}}
@media (max-width:767px){.admin-page-summary{font-size:16.8px}}
@media (max-width:767px){.admin-page-buttons button{font-size:16.8px}}
@media (max-width:767px) and (max-width:767px){.admin-stats strong{font-size:31.2px}}
@media (max-width:767px){.loading-card p{font-size:16.8px}}
@media (max-width:767px){.auth-identity{font-size:16.8px}}
@media (max-width:767px){.auth-identity strong{font-size:16.8px}}
@media (max-width:767px){.auth-identity a{font-size:16.8px}}
@media (max-width:767px){.payment-email span{font-size:16.8px}}
@media (max-width:767px){.seo-overview-intro h2,.seo-faq>h2{font-size:clamp(33.6px,4.8vw,50.4px)}}
@media (max-width:767px){.seo-overview-intro>p:last-child{font-size:19.2px}}
@media (max-width:767px){.seo-marketplace-card h2{font-size:26.4px}}
@media (max-width:767px){.seo-marketplace-card p:last-child{font-size:16.8px}}
@media (max-width:767px){.seo-card-label{font-size:16.8px}}
@media (max-width:767px){.seo-faq>h2{font-size:33.6px}}
@media (max-width:767px){.seo-faq details p{font-size:16.8px}}
@media (max-width:767px) and (max-width:639px){.seo-overview-intro h2{font-size:36px}}
@media (max-width:767px) and (max-width:639px){.seo-faq>h2{font-size:30px}}
@media (max-width:767px) and (max-width:767px){.product-meta strong{font-size:16.8px}}
@media (max-width:767px) and (max-width:767px){.product-meta small{font-size:16.8px}}
@media (max-width:767px) and (max-width:430px){.product-meta strong{font-size:16.8px}}
@media (max-width:767px) and (max-width:430px){.product-meta small{font-size:16.8px}}
@media (max-width:767px){.public-pricing-heading h2{font-size:clamp(36px,4.8vw,55.2px)}}
@media (max-width:767px){.public-price-card h3{font-size:20.4px}}
@media (max-width:767px){.public-price-card .public-price{font-size:36px}}
@media (max-width:767px){.public-price-card>small{font-size:16.8px}}
@media (max-width:767px){.brand{font-size:25.2px}}
@media (max-width:767px){.nav a{font-size:19.2px}}
@media (max-width:767px){.balance-button{font-size:19.2px}}
@media (max-width:767px){.account-button #accountInitial{font-size:24px}}
@media (max-width:767px){.create-heading{font-size:45.6px}}
@media (max-width:767px){.stage-heading .stage-label{font-size:24px}}
@media (max-width:767px){.stage-heading h2{font-size:38.4px}}
@media (max-width:767px){.results-head h2{font-size:38.4px}}
@media (max-width:767px){.source-details .link-button{font-size:20.4px}}
@media (max-width:767px){#beforeAnalysis p{font-size:21.6px}}
@media (max-width:767px){.upload-summary .status{font-size:16.8px}}
@media (max-width:767px){.analysis-edit-group label{font-size:21.6px}}
@media (max-width:767px){.product-details #name.product-name-input{font-size:21.6px}}
@media (max-width:767px){.field-hint{font-size:16.8px}}
@media (max-width:767px){.benefit-count{font-size:16.8px}}
@media (max-width:767px){.mini-action{font-size:19.2px}}
@media (max-width:767px){.benefit-preview>div{font-size:19.2px}}
@media (max-width:767px){.benefit-preview b{font-size:16.8px}}
@media (max-width:767px){.expand-benefits{font-size:19.2px}}
@media (max-width:767px){.exact-text-control strong{font-size:19.2px}}
@media (max-width:767px){.exact-text-control small{font-size:16.8px}}
@media (max-width:767px){.product-details .wb{font-size:16.8px}}
@media (max-width:767px){.product-details .checklist{font-size:16.8px}}
@media (max-width:767px){.result-workspace .result-type-tab strong{font-size:22.8px}}
@media (max-width:767px){.result-workspace .result-type-tab small{font-size:16.8px}}
@media (max-width:767px){.result-workspace .result-type-tab .format-icon{font-size:36px}}
@media (max-width:767px){.result-workspace .result-type-tab .video-soon-label{font-size:16.8px}}
@media (max-width:767px){.trends-control{font-size:20.4px}}
@media (max-width:767px){.extras-toggle{font-size:21.6px}}
@media (max-width:767px){.extras-toggle span:last-child{font-size:30px}}
@media (max-width:767px){.generation-controls #pv{font-size:24px}}
@media (max-width:767px){.generation-controls p{font-size:16.8px}}
@media (max-width:767px){.results-head h2{font-size:37.2px}}
@media (max-width:767px){.results-subtitle{font-size:16.8px}}
@media (max-width:767px){.result-caption h3{font-size:19.2px}}
@media (max-width:767px){.conceptdesc{font-size:16.8px}}
@media (max-width:767px) and (max-width:767px){.brand{font-size:19.2px}}
@media (max-width:767px) and (max-width:767px){.mobile-back:not([hidden]){font-size:40.8px}}
@media (max-width:767px) and (max-width:767px){.balance-button{font-size:16.8px}}
@media (max-width:767px) and (max-width:767px){.notification-button{font-size:22.8px}}
@media (max-width:767px) and (max-width:767px){.account-button #accountInitial{font-size:18px}}
@media (max-width:767px) and (max-width:767px){.mobile-nav a{font-size:16.8px}}
@media (max-width:767px) and (max-width:767px){.mobile-nav a span{font-size:28.8px}}
@media (max-width:767px) and (max-width:767px){.mobile-nav .nav-plus{font-size:30px}}
@media (max-width:767px) and (max-width:767px){.stage-heading .stage-label{font-size:19.2px}}
@media (max-width:767px) and (max-width:767px){.stage-heading h2{font-size:34.8px}}
@media (max-width:767px) and (max-width:767px){.source-details .link-button{font-size:19.2px}}
@media (max-width:767px) and (max-width:767px){.analysis-edit-group label{font-size:21.6px}}
@media (max-width:767px) and (max-width:767px){.product-details #name.product-name-input{font-size:21.6px}}
@media (max-width:767px) and (max-width:767px){.benefit-preview>div{font-size:19.2px}}
@media (max-width:767px) and (max-width:767px){.exact-text-control strong{font-size:18px}}
@media (max-width:767px) and (max-width:767px){.mobile-continue{font-size:22.8px}}
@media (max-width:767px) and (max-width:767px){.result-workspace .result-type-tab strong{font-size:21.6px}}
@media (max-width:767px) and (max-width:767px){.result-workspace .result-type-tab small{font-size:16.8px}}
@media (max-width:767px) and (max-width:767px){.result-workspace .result-type-tab .format-icon{font-size:33.6px}}
@media (max-width:767px) and (max-width:767px){.trends-control{font-size:19.2px}}
@media (max-width:767px) and (max-width:767px){.extras-toggle{font-size:20.4px}}
@media (max-width:767px) and (max-width:767px){.generation-controls #pv{font-size:21.6px}}
@media (max-width:767px) and (max-width:767px){.results-head h2{font-size:33.6px}}
@media (max-width:767px) and (max-width:767px){.result-caption h3{font-size:16.8px}}
@media (max-width:767px) and (max-width:767px){.result-actions .btn{font-size:16.8px}}
@media (max-width:767px) and (max-width:767px){.conceptdesc{font-size:16.8px}}
@media (max-width:767px) and (max-width:767px){.results-subtitle{font-size:16.8px}}
@media (max-width:767px) and (max-width:380px){.brand{font-size:16.8px}}
@media (max-width:767px) and (max-width:380px){.balance-button{font-size:16.8px}}
@media (max-width:767px) and (max-width:380px){.result-workspace .result-type-tab small{font-size:16.8px}}
@media (max-width:767px){.upload-activity{font-size:20.4px}}
@media (max-width:767px){.saved-detail-heading h1,.viewer-heading h2{font-size:clamp(30px,4.8vw,44.4px)}}
@media (max-width:767px){.saved-detail-back{font-size:40.8px}}
@media (max-width:767px){.saved-product-detail>h2{font-size:28.8px}}
@media (max-width:767px){.saved-generation h3{font-size:20.4px}}
@media (max-width:767px){.saved-image-card strong{font-size:16.8px}}
@media (max-width:767px){.viewer-heading h2{font-size:30px}}
@media (max-width:767px){.viewer-arrow{font-size:33.6px}}
@media (max-width:767px) and (max-width:767px){.saved-detail-heading h1{font-size:31.2px}}
@media (max-width:767px){.product-meta strong{font-size:19.2px}}
@media (max-width:767px){.product-open::after{font-size:36px}}
@media (max-width:767px) and (max-width:767px){.product-meta strong{font-size:19.2px}}
@media (max-width:767px) and (max-width:767px){.product-meta small{font-size:16.8px}}
@media (max-width:767px){.viewer-nav button{font-size:18px}}
@media (max-width:767px){.viewer-nav .nav-plus{font-size:26.4px}}
@media (max-width:767px) and (max-width:767px){.viewer-nav button{font-size:16.8px}}
@media (max-width:767px) and (max-width:767px){.viewer-actions .btn{font-size:18px}}
@media (max-width:767px){.viewer-dismiss{font-size:34.8px}}
@media (max-width:767px){.guest-section-heading h2,.guest-examples-heading h2{font-size:clamp(31.2px,3.6vw,45.6px)}}
@media (max-width:767px){.guest-section-heading p:last-child,.guest-examples-heading p:last-child{font-size:18px}}
@media (max-width:767px){.guest-upload-spark{font-size:36px}}
@media (max-width:767px){.guest-concept-title{font-size:18px}}
@media (max-width:767px){.guest-concept-star{font-size:45.6px}}
@media (max-width:767px){.guest-result-stack span{font-size:16.8px}}
@media (max-width:767px){.guest-result-check{font-size:25.2px}}
@media (max-width:767px){.guest-step-number{font-size:16.8px}}
@media (max-width:767px){.guest-step-copy h3{font-size:24px}}
@media (max-width:767px){.guest-step-copy p{font-size:16.8px}}
@media (max-width:767px){.guest-carousel-controls button{font-size:24px}}
@media (max-width:767px){.guest-art-headline{font-size:clamp(26.4px,2.76vw,36px)}}
@media (max-width:767px){.guest-art-caption{font-size:16.8px}}
@media (max-width:767px){.guest-example-caption strong{font-size:18px}}
@media (max-width:767px){.guest-example-caption span{font-size:16.8px}}
@media (max-width:767px) and (max-width:767px){.guest-step-copy h3{font-size:20.4px}}
@media (max-width:767px) and (max-width:767px){.guest-step-copy p{font-size:16.8px}}
@media (max-width:767px) and (max-width:767px){.guest-examples-heading h2{font-size:31.2px}}
@media (max-width:767px) and (max-width:440px){.guest-step-copy h3{font-size:19.2px}}
@media (max-width:767px) and (max-width:767px){.account-button,.account-button #accountInitial,.account-button>span:first-child,.account-row,.account-view .stage-label,.account-view .stage-label span,.account-view .muted,.account-view .status,.products-toolbar,.product-meta small,#productsCount,.account-view .view-heading>div>p:last-child,.admin-control-grid label,.admin-empty,.admin-inline .analysis-input{font-size:20.4px}}
@media (max-width:767px) and (max-width:767px){.admin-inline .btn,.admin-page-buttons button,.admin-page-summary,.admin-stats span,.admin-table,.admin-table td>small,.admin-table th,.admin-tabs button,.analysis-dot,.asset-reset{font-size:20.4px}}
@media (max-width:767px) and (max-width:767px){.asset-retention,.asset-upload i,.asset-upload small,.asset-upload strong,.auth-identity,.auth-identity a,.auth-identity strong,.availability,.avatar,.balance-button{font-size:20.4px}}
@media (max-width:767px) and (max-width:767px){.balance-button,.profile-stats span,.account-row,.danger-link,.product-dialog label,.dialog-product .small,.generation-group-head p,.generation-group-head span,.benefit-count,.benefit-preview b,.benefit-preview>div,.brand,.checklist,.conceptdesc,.credit-history small,.credit-balance,.credit-history-head p,.credit-refund-note{font-size:20.4px}}
@media (max-width:767px) and (max-width:767px){.danger-link,.duration-choice,.exact-text-control small,.exact-text-control strong,.expand-benefits,.eyebrow,.failed-frame strong,.field-hint,.field-label-row output,.footer{font-size:20.4px}}
@media (max-width:767px) and (max-width:767px){.footer small,.footer span,.footer a,.footer-nav,.footer,.footer small,.footer span,.footer a,.footer-nav,.footer-brand small,.footer-copy,.footer-logo,.footer-nav,.generation-controls p,.generation-group-head p,.generation-group-head span,.guest-art-caption,.guest-concept-title{font-size:20.4px}}
@media (max-width:767px) and (max-width:767px){.guest-example-caption span,.guest-example-caption strong,.guest-result-stack span,.guest-section-heading p:last-child,.guest-examples-heading p:last-child,.guest-step-copy h3,.guest-step-copy p,.guest-step-number,.hero .availability,.hero .btn-large,.hero .marketplaces{font-size:20.4px}}
@media (max-width:767px) and (max-width:767px){.hero-analysis,.hero-analysis small,.hero-analysis strong,.hero-copy,.hero-formats,.hero-visual figcaption,.loading-card p,.marketplaces,.marketplaces small,.marketplaces span{font-size:20.4px}}
@media (max-width:767px) and (max-width:767px){.marketplaces span::before,.mini-action,.mobile-nav a,.mode-availability,.mode-description,.nav a,.nav a,.nav button,.notification-button span,.notifications-list article small,.package-badge{font-size:20.4px}}
@media (max-width:767px) and (max-width:767px){.package-credits,.payment-email span,.preview-spinner-wrap,.product-details #benefits,.product-details .checklist,.product-details .wb,.product-dialog label,.product-meta small,.product-meta strong,.product-more{font-size:20.4px}}
@media (max-width:767px) and (max-width:767px){.product-status,.products-toolbar .analysis-input,.profile-stats span,.progress ol,.public-price-card>small,.quality-control small,.quality-control>span,.result-actions .btn,.result-caption h3,.result-number{font-size:20.4px}}
@media (max-width:767px) and (max-width:767px){.result-type-tab span,.result-type-tab strong,.result-workspace .result-type-tab .video-soon-label,.result-workspace .result-type-tab small,.result-workspace .result-type-tab span,.results-subtitle,.results-subtitle .btn,.generation-group-actions .btn,.results-tools .btn,.results-tools .link-button,.retention-note{font-size:20.4px}}
@media (max-width:767px) and (max-width:767px){.role-badge,.saved-image-card strong,.seo-card-label,.seo-faq details p,.seo-marketplace-card p:last-child,.seo-overview-intro>p:last-child,.small,.social-icons,.source-details .link-button,.source-details p{font-size:20.4px}}
@media (max-width:767px) and (max-width:767px){.source-details strong,.stage-heading .stage-label,.stage-label,.stage-label span,.status,.status-pill,.step-label,.studio-options label>span,.studio-options label>span small,.studio-options label>span strong{font-size:20.4px}}
@media (max-width:767px) and (max-width:767px){.studio-options legend,.studio-options legend small,.theme-control,.theme-control select,.top-up-checkout>.status,.top-up-heading>p,.top-up-package li,.trends-control,.upload-summary .muted,.upload-summary .status{font-size:20.4px}}
@media (max-width:767px) and (max-width:767px){.video-options legend,.viewer-actions .btn,.viewer-nav button,.wb,body{font-size:20.4px}}
@media (max-width:767px) and (max-width:767px){.mode-availability{font-size:20.4px!important}}
@media (max-width:767px) and (max-width:767px){.debug-output{font-size:20.4px}}
@media(max-width:767px){#guestLogin{font-size:20.4px!important}}

/* Star shop: clear separation between the panel and the price cards. */
.top-up-dialog{--text:#172039;--text-secondary:#566176;--border:#dfe2eb;--surface:#fff;--surface-secondary:#f4f4f8;color:var(--text)}
.top-up-dialog,.top-up-shell{background:#f2f3f7}
.top-up-package{background:#fff;border-color:#dedfea;box-shadow:0 5px 18px rgba(30,25,55,.07)}
.top-up-package.popular{box-shadow:0 8px 26px rgba(110,30,170,.14)}
.top-up-heading .stage-label .star-icon{display:inline-block;width:22px;height:22px;border:0;border-radius:0;background:#8f27d4;color:#8f27d4;vertical-align:middle}
@media(max-width:600px){.top-up-shell{padding:24px 18px}.top-up-packages{gap:16px}.top-up-package{padding:22px 20px}.top-up-package.popular{padding:21px 19px}}

/* Let the enlarged guest copy wrap within a phone viewport. */
@media(max-width:767px){
  html[data-auth-state="guest"] .hero{min-width:0;width:100%;max-width:100%}
  html[data-auth-state="guest"] .hero-content{min-width:0;width:100%;max-width:100%;padding:0}
  html[data-auth-state="guest"] .hero h1{max-width:100%;overflow-wrap:anywhere;hyphens:auto}
  html[data-auth-state="guest"] .hero-copy,html[data-auth-state="guest"] .guest-section-heading h2,html[data-auth-state="guest"] .guest-examples-heading h2{overflow-wrap:anywhere}
  html[data-auth-state="guest"] .hero-visual{flex:none;max-width:calc(100% + 2 * var(--page-pad))}
  html[data-auth-state="guest"] .marketplaces{min-width:0;max-width:100%}
}

.trends-control{justify-content:space-between;color:var(--text-secondary)}
:root[data-theme="dark"] .result-workspace .result-type-tab.active,
:root[data-theme="dark"] .result-workspace .result-type-tab.active strong,
:root[data-theme="dark"] .result-workspace .result-type-tab.active small,
:root[data-theme="dark"] .result-workspace .result-type-tab.active .format-icon,
:root[data-theme="dark"] .result-workspace .result-type-tab.active .pack-copy-desktop,
:root[data-theme="dark"] .result-workspace .result-type-tab.active .pack-copy-mobile{color:#f0caff!important}
@media(max-width:767px){
  .guest-example-caption{flex-direction:column;align-items:flex-start;gap:1px}
  .guest-example-caption span{width:100%;text-align:left}
}

/* Signed-in theme switch and future Telegram link live in the profile menu. */
html[data-auth-state="user"] .header-tools>#themeToggle{display:grid!important;order:-1;flex:none}
.account-dropdown{width:230px}
.account-dropdown .account-menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 11px;border:0;border-radius:7px;background:transparent;color:var(--text);font:inherit;font-size:var(--account-menu-font-size,18px);text-align:left}
.account-dropdown .account-theme-toggle{cursor:pointer}
.account-dropdown .account-theme-toggle:hover{background:var(--surface-secondary)}
.account-theme-icon{display:grid;place-items:center;width:24px;height:24px;margin-left:auto;color:var(--text)}
.account-theme-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.account-theme-icon .sun-icon{display:none}.account-theme-icon .moon-icon{display:block}
:root[data-theme="dark"] .account-theme-icon .sun-icon{display:block}
:root[data-theme="dark"] .account-theme-icon .moon-icon{display:none}
.account-dropdown .account-dropdown a.telegram-menu-item{display:flex;align-items:center;gap:10px;color:var(--text);cursor:pointer}
.telegram-menu-item svg{width:21px;height:21px;flex:none;fill:currentColor}
.trends-control{justify-content:flex-start}
.account-dropdown a,.account-dropdown button{font-family:var(--font);font-size:var(--account-menu-font-size,18px);font-weight:400;line-height:1.55}
@media(max-width:767px){.account-dropdown{width:min(260px,calc(100vw - 28px))}}

/* Guest promotion and compact three-line hero headline. */
html[data-auth-state="guest"] .hero h1{font-size:clamp(39px,3.55vw,54px);line-height:1.04;letter-spacing:-.045em}
.public-price-card li{font-weight:400}
.public-price-card p strong{font-weight:750;color:var(--text)}
.trial-promo-tag{position:absolute;right:14px;top:14px;padding:4px 9px;border-radius:999px;background:var(--accent);color:#fff;font-size:var(--mobile-minimum-13,13px);font-weight:700}
.public-price-card .trial-promo-copy{margin:12px 0 0;font-size:var(--mobile-minimum-14,14px);line-height:1.35;color:var(--text-secondary)}
@media(max-width:1199px){html[data-auth-state="guest"] .hero h1{font-size:clamp(38px,4vw,48px)}}
@media(max-width:767px){html[data-auth-state="guest"] .hero h1{font-size:clamp(34px,9vw,40px);letter-spacing:-.04em}}

.admin-generation-preview-row td{padding-top:10px;padding-bottom:14px;background:var(--surface-secondary)}.admin-generation-previews{display:flex;flex-wrap:wrap;gap:10px}.admin-generation-preview{width:96px;height:128px;padding:0;border:1px solid var(--border);border-radius:9px;background:var(--surface);overflow:hidden;cursor:pointer}.admin-generation-preview:hover,.admin-generation-preview:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.admin-generation-preview img{display:block;width:100%;height:100%;object-fit:contain}.admin-generation-photo{width:96px;min-width:96px}.admin-generation-photo small{display:block;margin-top:4px;line-height:1.25;color:var(--text-secondary);overflow-wrap:anywhere}.admin-generation-wishes{margin:12px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.admin-image-viewer{max-width:min(96vw,1100px);max-height:96vh;padding:0;border:0;border-radius:14px;background:var(--surface);color:var(--text)}.admin-image-viewer::backdrop{background:rgba(0,0,0,.75)}.admin-image-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px}.admin-image-viewer-bar button{font-size:28px;line-height:1;border:0;background:none;color:inherit;cursor:pointer}.admin-image-viewer img{display:block;max-width:94vw;max-height:calc(96vh - 60px);width:auto;height:auto;object-fit:contain;margin:auto}

/* Mobile guest hero: wrap at whole words for narrow phones. */
@media(max-width:767px){
  html[data-auth-state="guest"] .hero h1{font-weight:700!important;font-size:26px!important;line-height:1.08;letter-spacing:-.03em;overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance}
  html[data-auth-state="guest"] .hero h1 br{display:none}
}

/* Keep legal links accessible to guests on phones. */
@media(max-width:767px){
  html[data-auth-state="guest"] .footer-shell{display:block;margin-top:24px}
  html[data-auth-state="guest"] .footer{grid-template-columns:minmax(0,1fr);gap:18px;padding:24px 0 96px}
  html[data-auth-state="guest"] .footer-nav{justify-content:flex-start;flex-wrap:wrap;gap:12px 20px}
  html[data-auth-state="guest"] .footer-nav a{font-size:var(--mobile-minimum-14,14px);line-height:1.35}
  html[data-auth-state="guest"] .footer-brand small,html[data-auth-state="guest"] .footer-copy{font-size:var(--mobile-minimum-14,14px)}
}

/* Show the channel in the desktop footer for everyone, and below Help for mobile guests. */
.footer-nav .footer-telegram-link{display:inline-flex;align-items:center;gap:8px}
.footer-nav .footer-telegram-link svg{width:18px;height:18px;flex:none;fill:currentColor}
@media(min-width:768px){.footer-nav{flex-wrap:wrap;gap:12px 20px}}
@media(max-width:767px){
  .footer-nav .footer-telegram-link{display:none}
  html[data-auth-state="guest"] .footer-nav{flex-direction:column;align-items:flex-start;gap:12px}
  html[data-auth-state="guest"] .footer-nav .footer-telegram-link{display:inline-flex}
  html[data-auth-state="guest"] .footer-telegram-link span{font-size:var(--mobile-minimum-14,14px);line-height:1.35}
}

/* Admin-only retoucher follows the existing Aimateka navigation. */
.nav a[hidden],.mobile-nav a[hidden]{display:none!important}
.retoucher-view{padding-top:24px;padding-bottom:40px}
@media(max-width:767px){html[data-retoucher-admin="true"] .mobile-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-nav a{min-width:0}.retoucher-view{width:100%;padding:0 0 76px}}

@media(max-width:767px){.mobile-nav a[data-route="retoucher"]{font-size:clamp(11px,3.2vw,14px);white-space:nowrap}}

.retoucher-view #retoucherRoot{min-height:500px}

.detail-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#16131b;color:#fff}.detail-dialog::backdrop{background:#16131bee}.detail-dialog[open]{display:flex;flex-direction:column}.detail-toolbar{flex:none;display:flex;justify-content:center;gap:8px;padding:8px;background:#29232f}.detail-toolbar button{min-width:40px;min-height:38px;padding:0 10px;border:1px solid #73687a;border-radius:8px;background:#3c3142;color:#fff;cursor:pointer;font-weight:700}.detail-toolbar button:last-child{margin-left:auto}.detail-toolbar button:focus-visible{outline:2px solid #fff}.detail-scroll{flex:1;min-height:0;overflow:auto;display:flex}.detail-scroll img{display:block;max-width:none;max-height:none;flex:none;margin:auto;cursor:zoom-in}

.admin-retouch-list-name{display:flex;align-items:center;gap:10px}.admin-retouch-list-name img{width:52px;height:66px;object-fit:contain;border-radius:7px;background:var(--surface-secondary);flex:none}.admin-retouch-list-name div{min-width:0}.admin-retouch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px;margin-top:16px}.admin-retouch-card{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.admin-retouch-card>strong,.admin-retouch-card>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-retouch-card>small{color:var(--text-secondary);margin:5px 0 10px}.admin-retouch-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-retouch-pair button,.admin-retouch-empty{min-width:0;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--surface-secondary);color:var(--text);text-align:center}.admin-retouch-pair button{cursor:pointer}.admin-retouch-pair button:hover,.admin-retouch-pair button:focus-visible{outline:2px solid var(--accent)}.admin-retouch-pair img{display:block;width:100%;height:116px;object-fit:contain}.admin-retouch-pair span{display:block;font-size:var(--mobile-minimum-12,12px);margin-top:3px}.admin-retouch-empty{display:grid;place-items:center;font-size:var(--mobile-minimum-12,12px)}.admin-retouch-pages{display:flex;align-items:center;justify-content:center;gap:14px;margin:22px 0}.admin-retouch-pages button{min-width:48px}

/* Product steps and temporary mobile typography selector. */
.nav #retoucherDesktopLink{display:none!important}
.mobile-step-nav,.mobile-font-control{display:none}
@media(max-width:767px){
  #create .stage-card{scroll-margin-top:76px}
  html[data-auth-state="user"] #create .mobile-step-nav:has(button:not([hidden])){display:flex;align-items:center;justify-content:space-between;min-height:42px;margin:0 0 9px}
  .mobile-step-nav button:not([hidden]){display:grid;place-items:center;min-width:42px;min-height:42px;padding:0 0 3px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--accent);font:45px/1 Arial,sans-serif}
  .mobile-step-nav .step-nav-forward{margin-left:auto}
  .mobile-step-nav button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
  html[data-auth-state="user"] #mobileFontControl:not([hidden]){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:0;padding:4px 3px}
  .mobile-font-control label{font-size:var(--mobile-minimum-13,13px);font-weight:700;color:var(--text-secondary)}
  .mobile-font-control select{max-width:100%;height:34px;padding:2px 4px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:var(--mobile-minimum-13,13px)}
  .source-details #replacePhoto{width:100%;font-size:16px;white-space:nowrap}
  #create .stage-heading h2{font-size:34px}
  #create .stage-heading .stage-label{font-size:17px}
  #create .result-type-tab strong{font-size:19px}
  #create .result-type-tab small,#create .result-type-tab .pack-copy-mobile{font-size:var(--mobile-minimum-14,14px);line-height:1.3}
  #create .result-type-tab .format-icon{font-size:27px}
  #create .trends-control,#create .extras-toggle,#create .exact-text-control strong{font-size:16px}
  #create .asset-upload strong,#create .analysis-edit-group label{font-size:17px}
  #create .asset-upload small,#create .field-hint,#create .mode-description,#create .results-subtitle{font-size:var(--mobile-minimum-13,13px);line-height:1.45}
  #create .result-caption h3{font-size:16px}
  #create .generation-controls>p,#create .product-details .wb{font-size:var(--mobile-minimum-13,13px)}
}

/* Align step navigation with the heading and restore the mobile text hierarchy. */
.mobile-results-title{display:none}
@media(max-width:767px){
  #create .mobile-step-header{position:relative;min-height:56px;margin-bottom:12px;padding:0 46px}
  #create .mobile-step-header .stage-heading{display:flex;align-items:center;justify-content:center;gap:5px;min-height:56px;margin:0;text-align:center}
  #create .mobile-step-header .stage-heading .stage-label{margin:0;font-size:17px;line-height:1.15;white-space:nowrap}
  #create .mobile-step-header .stage-heading h2{margin:0;font-size:34px;line-height:1.15}
  html[data-auth-state="user"] #create .mobile-step-header .mobile-step-nav:has(button:not([hidden])){position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;min-height:0;margin:0;pointer-events:none}
  #create .mobile-step-header .mobile-step-nav button:not([hidden]){pointer-events:auto}
  #create .mobile-step-header .mobile-step-nav .step-nav-forward{margin-left:auto}
  #create .mobile-results-title{display:block}
  #create #results .results-head h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  #create .result-type-tab strong{font-size:20px;line-height:1.2}
  #create .result-type-tab small,#create .result-type-tab .pack-copy-mobile{font-size:var(--mobile-minimum-14,14px);line-height:1.3}
  #create .studio-options legend{font-size:16px;line-height:1.3}
  #create .studio-options legend small{font-size:var(--mobile-minimum-14,14px);line-height:1.4;font-weight:400}
  #create .studio-options label>span strong{font-size:20px;line-height:1.2}
  #create .studio-options label>span small{font-size:var(--mobile-minimum-14,14px);line-height:1.35}
}

/* Mobile photo choices, actions, and replacement control. */
@media(max-width:767px){
  #create .studio-options label>span strong{font-size:18px;line-height:1.25}
  .mobile-nav a[data-route="create"],.mobile-nav a[data-route="products"]{font-size:18px;line-height:1.2}
  #create .create-actions #pv,#create .create-actions #firstPreview{font-size:20px;line-height:1.22}
  #create .source-details #replacePhoto{display:flex;align-items:center;justify-content:center;width:100%;text-align:center}
}

/* Keep uploaded product previews compact without cropping portrait photos. */
#workspace .uploadPreview .source-frame{width:min(100%,180px);height:160px;max-width:none;aspect-ratio:auto;margin-inline:auto}
#workspace .uploadPreview .source-frame img{width:100%;height:100%;object-fit:contain}
@media(max-width:767px){
  #workspace .uploadPreview .source-frame{width:min(100%,180px);height:min(17dvh,160px)}
}

/* Let the replacement control span the full mobile preview. */
@media(max-width:767px){
  #workspace .uploadPreview .source-details{width:100%;max-width:none}
  #workspace .uploadPreview #replacePhoto{width:100%;justify-content:center;text-align:center}
}

/* FAQ on the public landing page. */
.faq-section{margin:60px 0 72px;padding:clamp(30px,5vw,72px);border-radius:16px;background:#111116;color:#fff}
.faq-section[hidden]{display:none!important}
.faq-heading{margin-bottom:22px}
.faq-eyebrow{margin:0 0 10px;color:#c9a6fa;font-size:var(--mobile-minimum-14,14px);font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.faq-heading h2{margin:0;font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.035em;color:#fff}
.faq-list{border-top:1px solid rgba(255,255,255,.22)}
.faq-list details{border-bottom:1px solid rgba(255,255,255,.22)}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:23px 0;color:#fff;font-size:clamp(18px,1.75vw,24px);font-weight:650;line-height:1.3}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";flex:none;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.36);border-radius:50%;color:#fff;font-size:25px;font-weight:400;line-height:1}
.faq-list details[open] summary::after{content:"−"}
.faq-list summary:hover{color:#d9b9ff}
.faq-list summary:focus-visible{outline:3px solid #b76cff;outline-offset:4px;border-radius:3px}
.faq-list p{max-width:850px;margin:0;padding:0 54px 24px 0;color:#d1d0d8;font-size:17px;line-height:1.65}
@media(max-width:767px){.faq-section{margin:42px 0 52px;padding:28px 20px;border-radius:12px}.faq-heading h2{font-size:34px}.faq-list summary{padding:20px 0;font-size:20px}.faq-list summary::after{width:30px;height:30px;font-size:22px}.faq-list p{padding:0 0 21px;font-size:17px;line-height:1.5}}

/* Consistent section headings and compact desktop FAQ. */
.guest-section-heading h2,.guest-examples-heading h2,.seo-overview-intro h2,.public-pricing-heading h2,.faq-heading h2{font-size:36px}
.faq-list summary{font-size:18px;font-weight:700;line-height:1.3;letter-spacing:-.2px}
.faq-list p{font-size:var(--mobile-minimum-14,14px);line-height:1.62}
@media(max-width:767px){
  .guest-section-heading h2,.guest-examples-heading h2,.seo-overview-intro h2,.public-pricing-heading h2,.faq-heading h2{font-size:34px}
  .faq-list summary{font-size:23px;line-height:1.2;letter-spacing:-.3px}
  .faq-list p{font-size:18px}
}

/* Preserve the section-to-card type hierarchy on phones. */
@media(max-width:767px){
  .seo-marketplace-card h2{font-size:22px}
  .seo-marketplace-card .seo-card-label{font-size:var(--mobile-minimum-15,15px)}
  .seo-marketplace-card p:last-child{font-size:17px}
}

/* Keep SEO questions for visitors while hiding them in the signed-in workspace. */
html[data-auth-state="user"] #faq{display:none!important}
@media(max-width:767px){.faq-list summary{font-size:21.6px;font-weight:500;line-height:1.55;letter-spacing:normal}}

/* Telegram support in the account profile. */
.support-card{grid-column:1/-1;padding:26px}.support-card h2{margin:0 0 8px}.support-card>p{margin:0 0 18px}.support-code-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-bottom:16px}.support-code-row span{color:var(--text-secondary)}.support-code-row strong{font:700 22px/1.2 ui-monospace,monospace;letter-spacing:.08em;user-select:all}.support-card .btn{width:max-content;max-width:100%}.support-card #supportStatus{margin:14px 0 0;font-size:var(--mobile-minimum-14,14px)}
@media(max-width:767px){.support-card{padding:20px}.support-code-row{align-items:flex-start;flex-direction:column;gap:8px}.support-code-row strong{font-size:22px}.support-card .btn{width:100%}.support-card #supportStatus{font-size:17px}}

/* Telegram support appears in the desktop footer and the mobile account menu. */
.support-card{scroll-margin-top:24px}
html:not([data-auth-state="user"]) .support-nav-link{display:none!important}
@media(min-width:768px){.account-dropdown .support-nav-link{display:none!important}}
@media(max-width:767px){.footer-nav .support-nav-link{display:none!important}}

/* Questions link shares the account menu on phones. */
.account-dropdown .faq-menu-item{display:none}
@media(max-width:767px){.account-dropdown .faq-menu-item{display:block}}

/* Estimated image progress while a queued job is being created. */
.image-progress-card .image-progress-value{display:block;color:var(--text);font-size:22px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
.image-progress-card .image-progress-track{display:block;width:min(82%,220px);height:9px;overflow:hidden;border-radius:999px;background:var(--border)}
.image-progress-card .image-progress-bar{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-hover));transition:width .35s ease-out}
.image-progress-card .image-progress-note{color:var(--text-secondary);font-size:var(--mobile-minimum-13,13px);line-height:1.3}
.image-progress-card .preview-spinner-wrap{gap:12px;width:100%;padding:12px;box-sizing:border-box}
.image-progress-card .preview-spinner-wrap .image-progress-track{flex:none}
.image-progress-card .loading-card{gap:12px}
@media(max-width:767px){.image-progress-card .image-progress-value{font-size:23px}.image-progress-card .image-progress-note{font-size:var(--mobile-minimum-14,14px)}}
@media(prefers-reduced-motion:reduce){.image-progress-card .image-progress-bar{transition:none}}

.create-actions:has(#aiScenesPreview:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr))}.create-actions #aiScenesPreview:not([hidden]){grid-column:1/-1}@media(max-width:767px){.create-actions:has(#aiScenesPreview:not([hidden])){grid-template-columns:1fr}}

.products-pagination{margin:16px 0}
.products-pagination .admin-page-buttons{flex-wrap:wrap}
@media(max-width:767px){
 .products-pagination .admin-page-buttons{overflow-x:visible}
 .products-pagination .admin-page-buttons button{min-width:44px;min-height:44px;font-size:17px}
 .products-pagination .admin-page-summary{font-size:17px}
}


/* Keep guest examples compact and allow continuous fractional scrolling. */
.guest-carousel{position:relative;direction:ltr;scroll-behavior:auto}.guest-example{flex-basis:clamp(185px,22vw,250px)}

.square-result .preview-frame{aspect-ratio:1/1}
#squareFormatControl{margin-bottom:16px}

/* Graphite dark theme: neutral surfaces and softer text; purple stays an accent. */
:root[data-theme="dark"]{--bg:#191919;--surface:#2b2b2b;--surface-secondary:#313131;--text:#d6d6d6;--text-secondary:#ababab;--border:#3b3b3b;--logo-cut:#2b2b2b}
:root[data-theme="dark"] .stage-card{box-shadow:0 8px 24px rgba(0,0,0,.12)}
:root[data-theme="dark"] .account-view{background:var(--surface);box-shadow:0 0 0 20px var(--surface)}
:root[data-theme="dark"] .source-details .link-button,
:root[data-theme="dark"] .expand-benefits,
:root[data-theme="dark"] .expand-benefits:hover{background:var(--surface-secondary);color:var(--accent)}
:root[data-theme="dark"] .result-workspace .result-type-tab{box-shadow:none}
:root[data-theme="dark"] .result-workspace .result-type-tab.active,
:root[data-theme="dark"] .result-workspace .result-type-tab.active strong,
:root[data-theme="dark"] .result-workspace .result-type-tab.active small,
:root[data-theme="dark"] .result-workspace .result-type-tab.active .format-icon,
:root[data-theme="dark"] .result-workspace .result-type-tab.active .pack-copy-desktop,
:root[data-theme="dark"] .result-workspace .result-type-tab.active .pack-copy-mobile{color:var(--text)!important}
:root[data-theme="dark"] .stage-heading .stage-label{color:var(--text-secondary)}
:root[data-theme="dark"] .balance-button{background:var(--surface-secondary);color:var(--text)}
:root[data-theme="dark"] .top-up-dialog{--text:#d6d6d6;--text-secondary:#ababab;--border:#3b3b3b;--surface:#2b2b2b;--surface-secondary:#313131}
:root[data-theme="dark"] .top-up-dialog,
:root[data-theme="dark"] .top-up-shell{background:var(--surface-secondary)}
:root[data-theme="dark"] .top-up-package{background:var(--surface);border-color:var(--border);box-shadow:0 5px 18px rgba(0,0,0,.12)}
:root[data-theme="dark"] .top-up-package.popular{border-color:var(--accent);box-shadow:0 8px 26px rgba(0,0,0,.18)}
:root[data-theme="dark"] .guest-step-visual{background:var(--surface-secondary)}
:root[data-theme="dark"] .btn-primary,
:root[data-theme="dark"] .btn-primary:hover:not(:disabled),
:root[data-theme="dark"] .generation-controls #pv{color:#f0f0f0}
:root[data-theme="dark"] .admin-tabs button.active{color:#202020}
:root[data-theme="dark"] .preview-loading{background:var(--surface-secondary)}
:root[data-theme="dark"] .detail-dialog{background:var(--bg);color:var(--text)}
:root[data-theme="dark"] .detail-dialog::backdrop{background:rgba(25,25,25,.94)}
:root[data-theme="dark"] .detail-toolbar{background:var(--surface)}
:root[data-theme="dark"] .detail-toolbar button{background:var(--surface-secondary);border-color:var(--border);color:var(--text)}
:root[data-theme="dark"] .faq-section{background:var(--surface);color:var(--text)}
:root[data-theme="dark"] .faq-heading h2,
:root[data-theme="dark"] .faq-list summary,
:root[data-theme="dark"] .faq-list summary::after{color:var(--text)}
:root[data-theme="dark"] .faq-list p{color:var(--text-secondary)}
:root[data-theme="dark"] .faq-list,
:root[data-theme="dark"] .faq-list details,
:root[data-theme="dark"] .faq-list summary::after{border-color:var(--border)}
@media(max-width:767px){:root[data-theme="dark"] .account-view{box-shadow:0 0 0 10px var(--surface)}}

/* Soften small copy without changing heading color, size, or weight. */
:root[data-theme="dark"]{--text-small:#c5c5c5}
:root[data-theme="dark"] .checklist,
:root[data-theme="dark"] .wb,
:root[data-theme="dark"] .exact-text-control,
:root[data-theme="dark"] .studio-options legend,
:root[data-theme="dark"] .studio-options label>span,
:root[data-theme="dark"] .asset-upload,
:root[data-theme="dark"] .analysis-edit-group label,
:root[data-theme="dark"] .analysis-input,
:root[data-theme="dark"] .wishes-input,
:root[data-theme="dark"] .admin-table,
:root[data-theme="dark"] .result-workspace .result-type-tab.active small{color:var(--text-small)!important}

/* Brand orange + graphite palette. */
:root{--bg:#f4f4f3;--surface:#ffffff;--surface-secondary:#eeeeed;--text:#303234;--text-secondary:#686b6e;--border:#dedfdf;--accent:#ff7800;--accent-hover:#ff7800;--accent-ink:#ff7800;--accent-soft:#ff7800;--accent-on:#fff}
:root[data-theme="dark"]{--bg:#191919;--surface:#2b2b2b;--surface-secondary:#313131;--text:#d6d6d6;--text-secondary:#ababab;--border:#414141;--accent:#ff7800;--accent-hover:#ff7800;--accent-ink:#ff7800;--accent-soft:#313131;--accent-on:#fff}
.brand{font-weight:500;letter-spacing:0}
.brand .logo{filter:none}
:root[data-theme="dark"] .brand .logo{filter:none;content:url("/aimateka-mark-light.svg")}
html h1,html h2,html h3{font-weight:600!important}
.result-workspace .result-type-tab strong{font-weight:600}
.btn-primary,
.btn-primary:hover:not(:disabled),
:root[data-theme="dark"] .btn-primary,
:root[data-theme="dark"] .btn-primary:hover:not(:disabled),
.generation-controls #pv,
:root[data-theme="dark"] .generation-controls #pv,
.guest-start{color:var(--accent-on)!important}
.benefit-preview b,.trial-promo-tag,.admin-tabs button.active,
:root[data-theme="dark"] .admin-tabs button.active,
.mobile-nav .nav-plus{color:var(--accent-on)}
.link-button,.mini-action,.extras-toggle,
.balance-button .star-icon,.public-price-card .star-icon,.top-up-package .star-icon,
.guest-step-number,.guest-concept-star,.faq-eyebrow{color:var(--accent-ink)}
.source-details .link-button,.expand-benefits{background:var(--accent-soft);color:var(--accent-on)}
.expand-benefits:hover{background:var(--surface-secondary)}
.balance-button{color:var(--text);background:var(--surface)}
:root[data-theme="dark"] .balance-button{background:var(--surface-secondary)}
.result-workspace .result-type-tab.active,
.result-workspace .result-type-tab.active .format-icon,
.result-workspace .result-type-tab.active strong,
.result-workspace .result-type-tab.active small,
.result-workspace .result-type-tab.active .pack-copy-desktop,
.result-workspace .result-type-tab.active .pack-copy-mobile{color:var(--text)!important}
.result-workspace .result-type-tab.active small{color:var(--text-secondary)!important}
:root[data-theme="dark"] .result-workspace .result-type-tab.active small{color:var(--text-small)!important}
.guest-upload-spark{background:var(--accent);color:var(--accent-on);box-shadow:0 5px 16px rgba(0,0,0,.12)}
.guest-concept-choices i:nth-child(2){outline-color:var(--accent)}
.guest-carousel-controls button:hover{color:var(--accent-ink);border-color:var(--accent)}
.top-up-heading .stage-label .star-icon{background:var(--accent);color:var(--accent)}
.faq-list summary:hover{color:var(--accent)}
.faq-list summary:focus-visible{outline-color:var(--accent)}
.guest-step-visual,.guest-step-concept{background:var(--surface-secondary)}
.guest-concept-title{color:#454749}
.guest-concept-line{background:#d4d4d4}
.guest-concept-choices i:first-child{background:#b3b3b3}


/* Minimal graphite design: shared desktop/mobile action hierarchy, 2026-10-04. */
:root{--bg:#fff;--surface:#fff;--surface-secondary:#f5f5f4;--text:#303234;--text-secondary:#686b6e;--border:#dedfdf;--accent:#ff7800;--accent-hover:#ff7800;--accent-on:#fff;--how-bg:#eef2f3;--radius:6px}
:root[data-theme="dark"]{--bg:#252729;--surface:#303234;--surface-secondary:#36383a;--text:#dedede;--text-secondary:#b9babb;--text-small:#c5c5c5;--border:#484a4c;--how-bg:#303638;--accent:#ff7800;--accent-hover:#ff7800;--accent-on:#fff}
html[data-auth-state="guest"] body,html[data-auth-state="guest"] .hero,html[data-auth-state="guest"] .guest-examples{background:var(--bg)}
.guest-how{position:relative;isolation:isolate;background:var(--how-bg);border-top:0;padding:48px 0}
.guest-how::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--how-bg);box-shadow:0 0 0 100vmax var(--how-bg);clip-path:inset(0 -100vmax)}
.guest-step{border:0;border-radius:0;background:transparent;box-shadow:none}
.guest-step-visual,.guest-step-concept,:root[data-theme="dark"] .guest-step-visual{background:transparent}
.guest-step-copy{background:transparent}
.guest-how .guest-start{background:var(--accent);border-color:var(--accent);color:var(--accent-on)!important}
.guest-how .guest-start:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.faq-section,:root[data-theme="dark"] .faq-section{background:var(--bg);color:var(--text);border-radius:0;padding-inline:0;border-top:1px solid var(--border)}
.faq-heading h2,.faq-list summary,.faq-list summary::after{color:var(--text)}
.faq-list p{color:var(--text-secondary)}
.faq-list,.faq-list details,.faq-list summary::after{border-color:var(--border)}
.faq-eyebrow,.guest-step-number{color:var(--text-secondary)}
html h1,html h2,html h3{font-weight:500!important}
.brand{font-weight:500;letter-spacing:0}
.stage-card,.workspace.stage-card,:root[data-theme="dark"] .stage-card{border-radius:6px;box-shadow:none}
.result-workspace .result-type-tab{border-radius:4px;box-shadow:none}
.result-workspace .result-type-tab.active{border:1px solid var(--accent);background:var(--surface-secondary);box-shadow:inset 0 -2px var(--accent)}
.result-workspace .result-type-tab .format-icon{display:flex;align-items:center;justify-content:center;color:var(--text);font-size:inherit}
.result-workspace .result-type-tab .format-icon svg{width:26px;height:26px;display:block}
.result-workspace .result-type-tab strong{font-weight:500}
.studio-options label{border-radius:4px;box-shadow:none}
.studio-options label:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.btn-primary,.generation-controls #pv,.guest-start,:root[data-theme="dark"] .btn-primary,:root[data-theme="dark"] .generation-controls #pv{background:var(--accent);border-color:var(--accent);color:var(--accent-on)!important;box-shadow:none}
.btn-primary:hover:not(:disabled),.generation-controls #pv:hover:not(:disabled),.guest-start:hover:not(:disabled),:root[data-theme="dark"] .btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-on)!important}
.create-actions #firstPreview{background:var(--surface);border:1px solid var(--border);color:var(--text)!important;box-shadow:none}
.create-actions #firstPreview:hover:not(:disabled){background:var(--surface-secondary);border-color:var(--text-secondary)}
.mobile-step-nav button:not([hidden]){color:var(--text);border-radius:4px}
@media(max-width:767px){
 .guest-how{padding:32px 0}
 .guest-step{border-radius:0;background:transparent}
 .stage-card,.workspace.stage-card{border-radius:6px;box-shadow:none}
 #create .result-type-tab .format-icon svg{width:28px;height:28px}
 #create .result-type-tab strong{font-weight:500}
 .faq-section{padding-inline:0}
}

/* Visual refresh only: preserve established layout and typography sizes. */
:root{--selection:#eaf1f5;--selection-line:#9cafba}
:root[data-theme="dark"]{--selection:#35414a;--selection-line:#8da5b5}
#create .stage-card,#create .workspace.stage-card,:root[data-theme="dark"] #create .stage-card{border-color:transparent;border-radius:0;background:transparent;box-shadow:none}
#create .dropzone{border-radius:0}
#create .benefit-preview>div{border-color:transparent;border-bottom-color:var(--border);border-radius:0;background:transparent}
#create .benefit-preview b{background:transparent;color:var(--text-secondary);border-radius:0;font-weight:400}
#create .source-details .link-button,#create .expand-benefits{background:transparent;color:var(--text-secondary);border-radius:0}
#create .analysis-input{border-radius:2px;box-shadow:none}
#create .result-type-tab.active{background:var(--selection);border-color:var(--selection-line);box-shadow:none}
#create .studio-options label:has(input:checked){border-color:var(--selection-line);box-shadow:none;background:var(--selection)}
#create .extras-toggle{background:transparent;border-color:var(--border);border-radius:0;color:var(--text-secondary)}
#create .create-actions .btn{border-radius:2px}
.mobile-nav{box-shadow:none;border-top-color:var(--border)}
/* Keep secondary controls readable on graphite surfaces. */
:root[data-theme="dark"] .btn:not(.btn-primary),
:root[data-theme="dark"] #latestGenerationActions button,
:root[data-theme="dark"] .generation-group-head button{background:var(--surface);border-color:var(--border);color:var(--text)!important;box-shadow:none}
:root[data-theme="dark"] .btn:not(.btn-primary):hover:not(:disabled),
:root[data-theme="dark"] #latestGenerationActions button:hover:not(:disabled){background:var(--surface-secondary);color:var(--text)!important}
:root[data-theme="dark"] #create #firstPreview{background:var(--surface);color:var(--text)!important;border-color:var(--border)}
:root[data-theme="dark"] #create .wishes-group textarea::placeholder{color:var(--text-secondary);opacity:1}
/* Flatten the lower guest sections without changing their content or sizing. */
html[data-auth-state="guest"] .seo-overview,
html[data-auth-state="guest"] .public-pricing{border-color:transparent;border-radius:0;background:var(--bg);box-shadow:none}
html[data-auth-state="guest"] .seo-marketplace-card,
html[data-auth-state="guest"] .public-price-card{border-color:transparent;border-radius:0;background:transparent;box-shadow:none}
html[data-auth-state="guest"] .public-price-card-popular,
html[data-auth-state="guest"] .public-price-card-trial{background:transparent;outline-color:transparent;box-shadow:none}
html[data-auth-state="guest"] .seo-card-label{color:var(--text-secondary)}
html[data-auth-state="guest"] .public-price-card>small{background:var(--bg);color:var(--text-secondary);border-radius:0}
html[data-auth-state="guest"] .public-price-card .btn{border-radius:2px}

/* Keep pending image progress visible when copy wraps in narrow cards. */
.image-progress-card .preview-frame{min-height:min-content}
.image-progress-card .loading-card{height:auto}
.image-progress-card .image-progress-track{flex:0 0 9px;min-height:9px}
.image-progress-card .image-progress-value,
.image-progress-card .image-progress-note,
.image-progress-card .loader,
.image-progress-card .ui-spinner{flex-shrink:0}

/* Soft blue surfaces use color alone, with no outlines or shadows. */
.guest-how,.guest-examples{border-color:transparent;box-shadow:none}
html[data-auth-state="guest"] .seo-marketplace-card,
html[data-auth-state="guest"] .public-price-card-popular{background:var(--selection);border-color:transparent;outline-color:transparent;box-shadow:none}
html[data-auth-state="guest"] .public-price-card-popular>small{background:var(--selection)}
#create .result-type-tab.active,
#create .studio-options label:has(input:checked){background:var(--selection);border-color:transparent;outline-color:transparent;box-shadow:none}
#create .source-frame{background:var(--selection);border-color:transparent;box-shadow:none}

/* Uniform square action buttons, preserving established text sizing. */
.btn,.guest-start,.result-type-tab,.extras-toggle,.mobile-step-nav button{border-radius:0!important}
#create .create-actions{grid-auto-rows:1fr;align-items:stretch}
#create .create-actions #pv,
#create .create-actions #firstPreview,
:root[data-theme="dark"] #create .create-actions #pv,
:root[data-theme="dark"] #create .create-actions #firstPreview{height:100%;background:var(--accent);border-color:var(--accent);color:var(--accent-on)!important;border-radius:0;box-shadow:none}
#create .create-actions #pv:hover:not(:disabled),
#create .create-actions #firstPreview:hover:not(:disabled),
:root[data-theme="dark"] #create .create-actions #pv:hover:not(:disabled),
:root[data-theme="dark"] #create .create-actions #firstPreview:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-on)!important}

/* Shared generation typography and white price stars on orange action buttons. */
#create .create-actions #pv,
#create .create-actions #firstPreview{font-family:var(--font);font-size:18px;font-weight:700;line-height:1.22}
#create .create-actions .button-price{font-size:inherit;font-weight:inherit}
.btn .star-icon,#create .create-actions .star-icon{color:inherit!important}
@media(max-width:767px){
 #create .create-actions #pv,#create .create-actions #firstPreview{font-size:20px}
}

/* Header credit balance stays open, without a enclosing pill. */
.balance-button,:root[data-theme="dark"] .balance-button{border-color:transparent;background:transparent;border-radius:0;box-shadow:none}
.balance-button:hover,:root[data-theme="dark"] .balance-button:hover{border-color:transparent;background:transparent;box-shadow:none}

/* Carry the square design through saved products and result viewing. */
.result-viewer,.viewer-media,.viewer-media img,.viewer-arrow,
.viewer-dismiss,.viewer-zoom-tools button,.saved-detail-back,
.viewer-download,.viewer-actions .btn,
.product-card,.product-card img,.product-dialog,.dialog-product img,
#productsView .analysis-input,#productsView button,#productsView .btn{border-radius:0!important}

/* Saved results use open surfaces instead of nested framed cards. */
.saved-source-card,.saved-image-card,.product-thumb,
.saved-source-card img,.saved-image-card img,.saved-image-grid video,
.preview-frame,.preview-frame img{border-radius:0!important}
.saved-source-card,.saved-image-card,.saved-image-card:hover{border-color:transparent;background:transparent;box-shadow:none}
.product-card{border-color:transparent;border-bottom-color:var(--border);background:transparent;box-shadow:none}
.viewer-media{border-color:transparent;box-shadow:none}

/* Match the upload surface to the blue how-it-works section, without a frame. */
#create #dropzone,#create #dropzone .source-frame{background:var(--how-bg);border-color:transparent;border-radius:0;box-shadow:none}

/* Highlight the menu theme row with an open soft blue strip. */
.account-dropdown .account-theme-toggle,
.account-dropdown .account-theme-toggle:hover{background:var(--selection);border-color:transparent;border-radius:0;box-shadow:none}

/* Repeat processing is distinct from the credit star in both themes. */
.remake-icon{display:inline-block;width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.12em}

/* Header credit star follows the balance text, not the warm accent. */
.balance-button .star-icon{color:var(--accent)}

/* Reference and optional uploads use one open blue surface. */
#create .asset-upload,#create .asset-upload:hover{background:var(--how-bg);border-color:transparent;border-radius:0;box-shadow:none}
#create .asset-preview,#create .asset-preview img{border-color:transparent;border-radius:0;background:transparent;box-shadow:none}

/* The photo viewer uses the same bottom navigation as the other mobile screens. */
@media(max-width:767px){
  html[data-auth-state="user"] .mobile-nav,.result-viewer .viewer-nav{min-height:72px;grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);background:var(--surface);box-shadow:none}
  html[data-retoucher-admin="true"] .mobile-nav,html[data-retoucher-admin="true"] .viewer-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mobile-nav a[data-route="create"],.mobile-nav a[data-route="products"],.viewer-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:1px;padding:0;font-family:var(--font);font-size:18px;font-weight:400;line-height:1.2;color:var(--text-secondary)}
  .mobile-nav a[aria-current],.viewer-nav button[aria-current],.viewer-nav button:hover{color:var(--accent)}
  .mobile-nav a span,.viewer-nav button span{font-size:28.8px;line-height:1}
  .mobile-nav .nav-plus,.viewer-nav .nav-plus{display:block;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--accent-on);text-align:center;font-size:30px;line-height:28px}
  html[data-auth-state="user"] .mobile-font-control:not([hidden]){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:0;padding:4px 3px}
  .mobile-font-control select{border-radius:0}
}

/* Credit symbols share the brand orange. */
.star-icon,.balance-button .star-icon,.public-price-card .star-icon,.top-up-package .star-icon{color:var(--accent)}

/* Keep the profile layout and type sizes, with flat surfaces instead of nested frames. */
#profileView .profile-card,#profileView .profile-stats article{border-color:transparent;border-radius:0;box-shadow:none;background:var(--surface)}
#profileView .profile-stats article,#profileView .profile-stats article:first-child,#profileView .support-card{background:var(--how-bg);color:var(--text)}
#profileView .auth-identity,#profileView .account-row,#profileView .credit-prices>div,#profileView .credit-history article{border-color:transparent}
#profileView .credit-refund-note,#profileView .retention-note{border-color:transparent;border-radius:0;background:var(--how-bg);box-shadow:none}
#profileView .admin-page-buttons button{border-color:transparent;border-radius:0;background:var(--how-bg);box-shadow:none}
#profileView .admin-page-buttons button:hover:not(:disabled){border-color:transparent;background:var(--selection)}
#profileView .admin-page-buttons button.active{border-color:transparent;background:var(--accent);color:var(--accent-on)}
#profileView .profile-avatar{color:var(--accent-on)}

/* Pending cards must fit the full progress UI even in narrow result columns. */
.image-progress-card .preview-frame{aspect-ratio:auto;min-height:240px;height:auto}
.image-progress-card .loading-card{justify-content:flex-start}
.image-progress-card .image-progress-track{flex:none;width:100%;max-width:220px;height:9px;min-height:9px;border-radius:0;background:var(--border)}
.image-progress-card .image-progress-bar{height:9px;min-height:9px;border-radius:0;background:var(--accent)}

/* Guests can switch themes directly beside the sign-in action, including on mobile. */
html[data-auth-state="guest"] .header-tools>#themeToggle{display:grid!important;flex:none;width:40px;height:40px;min-width:40px;color:var(--text);border:0;border-radius:0;background:transparent}

/* Guest marketing uses the established palette and a single reading column. */
.guest-navigation{margin-left:auto;color:var(--text);font-size:17px}
html[data-auth-state="user"] .guest-navigation,html[data-auth-state="user"] .marketing-footer-links{display:none}
.guest-desktop-links{display:flex;align-items:center;gap:20px}
.guest-navigation a,.marketing-links a,.marketing-inline-link,.marketing-format-grid a,.marketing-main a:not(.btn){color:var(--text);text-decoration:none}
.guest-navigation a:hover,.marketing-links a:hover,.marketing-inline-link:hover,.marketing-format-grid a:hover,.marketing-main a:not(.btn):hover{text-decoration:underline;text-underline-offset:4px}
.guest-menu{display:none;position:relative}
.guest-menu summary{list-style:none;cursor:pointer;padding:10px 0}
.guest-menu summary::-webkit-details-marker{display:none}
.guest-menu summary::after{content:"⌄";margin-left:6px}
.guest-menu-links{position:absolute;right:0;top:100%;z-index:30;display:grid;gap:4px;min-width:210px;padding:12px;background:var(--how-bg);box-shadow:none;border:0;border-radius:0}
.guest-menu-links a{padding:10px}
.marketing-section{margin:48px 0;scroll-margin-top:100px}
#seoOverview,#guestHow,#guestExamples,#publicPricing{scroll-margin-top:100px}
.marketing-section h2{margin:0 0 18px;font-size:36px;line-height:1.15;font-weight:500;letter-spacing:-.5px}
.marketing-section p{font-size:17px;line-height:1.65;color:var(--text-secondary)}
.marketing-format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px}
.marketing-format-grid article{min-width:0}
.marketing-format-grid h3{font-size:22px;font-weight:500;line-height:1.2;margin:0 0 12px}
.marketing-format-grid p{margin:0 0 14px}
.marketing-format-grid a,.marketing-inline-link{display:inline-block;font-size:17px;line-height:1.5}
.marketing-inline-link{margin-top:16px}
.marketing-note{padding:28px;background:var(--how-bg);border:0;border-radius:0;box-shadow:none}
.marketing-note p:last-child{margin-bottom:0}
.marketing-links{display:flex;flex-wrap:wrap;gap:14px 24px;font-size:17px;line-height:1.5}
.marketing-footer-links{grid-column:1/-1;grid-row:1;padding-bottom:20px;max-width:100%}
.marketing-page .header-tools>#themeToggle{display:grid!important}
.marketing-page .marketing-main{padding-top:24px;padding-bottom:24px;max-width:1040px}
.marketing-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;color:var(--text-secondary);font-size:var(--mobile-minimum-15,15px);line-height:1.5}
.marketing-intro{max-width:840px;margin:36px 0 48px}
.marketing-intro h1{font-size:48px;line-height:1.08;font-weight:500;letter-spacing:-1px;margin:18px 0 24px}
.marketing-intro>p:not(.stage-label){font-size:20px;line-height:1.6;color:var(--text-secondary)}
.marketing-intro .btn{margin-top:12px}
.marketing-copy{max-width:800px}
.marketing-copy p{margin:14px 0}
.marketing-examples{display:flex;gap:24px;max-width:100%;overflow-x:auto;padding-bottom:10px}
.marketing-examples figure{flex:0 0 min(250px,70vw);margin:0;min-width:0}
.marketing-examples img{display:block;width:100%;height:auto;aspect-ratio:250/333;object-fit:cover;border:0;border-radius:0}
.marketing-examples figcaption{margin-top:12px;font-size:17px;line-height:1.4;color:var(--text)}
.marketing-examples figcaption span{display:block;color:var(--text-secondary)}
.marketing-page .footer-shell{margin-top:32px}
@media(max-width:1199px){.guest-desktop-links{display:none}.guest-menu{display:block}}
@media(max-width:767px){
 .guest-navigation{font-size:17px;margin-left:0;order:3;flex-basis:100%}
 .header-inner:has(.guest-navigation){height:auto;min-height:66px;flex-wrap:wrap;gap:4px 10px;padding-block:10px}
 .header-inner:has(.guest-navigation) .header-tools{gap:4px}
 .guest-menu summary{padding:4px 0}.guest-menu-links{left:0;right:auto}
 .marketing-section{margin:34px 0}.marketing-section h2{font-size:34px;overflow-wrap:break-word}
 .marketing-format-grid{grid-template-columns:1fr;gap:28px}.marketing-format-grid h3{font-size:22px}
 .marketing-note{padding:20px}.marketing-section p{font-size:17px}
 .marketing-intro{margin:28px 0 36px}.marketing-intro h1{font-size:34px;line-height:1.1;letter-spacing:-.5px}
 .marketing-intro>p:not(.stage-label){font-size:18px}.marketing-examples{gap:16px}
 .marketing-links{gap:12px 20px}.marketing-footer-links{font-size:var(--mobile-minimum-14,14px)}
}

/* Text links stay visible on touch screens and before hover. */
.seo-overview a[href]:not(.btn):not(.link-button):not([role="button"]):not(nav a),
.marketing-main section a[href]:not(.btn):not(.link-button):not([role="button"]):not(nav a),
main :is(p,li,dd) a[href]:not(.btn):not(.link-button):not(.mini-action):not(.provider):not([role="button"]):not(nav a){
 text-decoration-line:underline;
 text-decoration-thickness:1px;
 text-underline-offset:4px;
 text-decoration-skip-ink:auto;
}

/* Blog follows the shared flat light/dark design. */
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 32px;margin:0 0 48px}
.blog-card{min-width:0}
.blog-card-image{display:block;background:var(--how-bg);border:0;border-radius:0;overflow:hidden}
.blog-card-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.blog-card h2{font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.3px;margin:10px 0 14px}
.blog-card h2 a{color:var(--text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.blog-card p{font-size:17px;line-height:1.6;color:var(--text-secondary);margin:12px 0}
.blog-card .blog-category{display:inline-block;padding:5px 10px;margin:18px 0 0;background:var(--how-bg);color:var(--text);font-size:var(--mobile-minimum-15,15px)}
.blog-card-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:var(--mobile-minimum-15,15px);line-height:1.5;color:var(--text-secondary);margin-top:18px}
.blog-article-intro>.blog-byline{font-size:var(--mobile-minimum-15,15px);line-height:1.5}
.blog-main .blog-editorial-note{font-size:var(--mobile-minimum-15,15px);color:var(--text-secondary)}
@media(max-width:767px){.blog-grid{grid-template-columns:1fr;gap:36px}.blog-card h2{font-size:26px}.blog-card-image img{max-height:240px}}

/* Article media preserves original proportions on desktop and mobile. */
.blog-comparison{margin:32px 0 44px}
.blog-comparison img{display:block;width:100%;height:auto;border:0;border-radius:0}
.blog-article-body h2{margin-top:44px}
.blog-article-body li{margin:0 0 16px;line-height:1.7}
.blog-article-body ul,.blog-article-body ol{padding-left:26px}

/* Approved orange wordmark; visible letters align with the content edge. */
.brand:has(.wordmark){gap:0;flex-shrink:0}.brand .logo.wordmark{display:block;width:186px;height:auto;object-fit:contain;filter:none;content:normal}.footer-logo .logo.wordmark{width:160px}.footer-brand small{margin-left:0}:root[data-theme="dark"] .brand .logo.wordmark{content:url("/aimateka-wordmark-light.svg?v=20261006");filter:none}@media(max-width:767px){.brand .logo.wordmark{width:150px}.footer-logo .logo.wordmark{width:150px}}@media(max-width:380px){.header .brand .logo.wordmark{width:130px}}

/* Mobile type scale: 28 screen titles, 24 block headings, 18 UI, 16 helper copy.
   Rollback baseline: backup/mobile-type-before-20261007 (6209590). */
@media(max-width:767px){
  body{font-size:18px}
  .header .account-button,.header .account-button #accountInitial,
  .account-dropdown button,.guest-navigation,.guest-menu summary{font-size:18px}
  #create .create-heading,#create .stage-heading h2,
  #create .mobile-results-title,
  #productsView .view-heading h1,#profileView .view-heading h1,
  #savedProductDetail #savedProductTitle,.product-dialog h2,.top-up-heading h2,
  .viewer-heading h2{font-size:28px!important}
  #create #uploadEmpty h3,#create .result-type-tab strong,
  #create .video-options legend,#create #progress h2,#create #choose h2,
  #create .guest-section-heading h2,#create .guest-examples-heading h2,
  #create .public-pricing h2,#create .seo-overview h2,#create .faq-heading h2,
  #create .marketing-section h2,#create .marketing-format-grid h3,
  #profileView .profile-card h2,#profileView .profile-stats strong,
  #productsView .saved-detail-results h2,#productsView .saved-generation h3,
  #create .generation-group-head h3,.public-price-card h3{font-size:24px!important}
  #create .hero-copy,#create #beforeAnalysis p,#create .analysis-input,
  #create .product-details #name.product-name-input,
  #create .analysis-edit-group label,#create .benefit-preview>div,
  #create .mini-action,#create .expand-benefits,#create .trends-control,
  #create .exact-text-control strong,#create .extras-toggle,
  #create .asset-upload strong,#create .result-caption h3,
  #create .studio-options label>span strong,
  #create .duration-choice,#create .btn,
  #create .create-actions #pv,#create .create-actions #firstPreview,
  #create .source-details #replacePhoto,#create .link-button,
  #create .guest-step-copy h3,#create .guest-section-heading>p,
  #create .guest-example-caption,#create .faq-list summary,
  #create .seo-overview p,#create .marketing-section p,
  #create .marketing-format-grid a,#create .marketing-inline-link,
  #create .guest-start,#create .public-price-card .btn,
  #profileView .account-row,#profileView .auth-identity,#profileView .auth-identity strong,
  #profileView .btn,#profileView .danger-link,#profileView .extras-toggle,
  #profileView .support-code-row,#profileView .credit-prices,
  #profileView .credit-history article,#profileView .credit-amount,
  #productsView .analysis-input,#productsView .btn,
  #productsView .product-meta strong,#productsView .saved-source-card strong,
  #productsView .saved-image-card strong,#productsView .saved-create,
  .product-dialog label,.product-dialog input,.product-dialog .btn,
  .product-dialog .danger-link,.top-up-dialog .btn,.top-up-package strong,
  .viewer-download,.viewer-actions .btn,.viewer-zoom-tools button,
  .mobile-nav a[data-route="create"],.mobile-nav a[data-route="products"],
  .viewer-nav button{font-size:18px}
  #create .stage-label,#create .stage-label span,
  #create .hero-formats,#create .field-hint,#create .field-label-row output,#create .benefit-count,
  #create .optional-mark,#create .asset-upload small,#create .asset-upload i,
  #create .result-type-tab small,#create .result-type-tab .pack-copy-mobile,
  #create .studio-options label>span small,#create .studio-options legend small,
  #create .mode-description,#create .exact-text-control small,
  #create .results-subtitle,#create .generation-controls>p,
  #create .product-details .wb,#create .small,#create .status,
  #create .checklist,#create .checklist li,#create .source-details p,
  #create .image-progress-note,#create .conceptdesc,#create .faq-list p,
  #create .generation-group-head p,#create .generation-group-head span,
  #create .marketing-links,#create .guest-step-copy p,
  #profileView .muted,#profileView .status,#profileView .stage-label,
  #profileView .profile-stats span,#profileView .credit-refund-note,
  #profileView .retention-note,#profileView .credit-history small,
  #profileView .credit-balance,#profileView .credit-history-head p,
  #productsView .muted,#productsView .status,#productsView .stage-label,
  #productsView .products-toolbar,#productsView #productsCount,
  #productsView .product-meta small,#productsView .saved-source-card span,
  #productsView #savedProductCount,.viewer-heading p,
  .product-dialog .small,.product-dialog .muted,
  .top-up-dialog .muted,.top-up-dialog .small,.top-up-package small{font-size:16px}
  #create .field-hint,#create .asset-upload small,
  #create .result-type-tab small,#create .studio-options label>span small{line-height:1.4}
  html[data-retoucher-admin="true"] .mobile-nav,
  html[data-retoucher-admin="true"] .viewer-nav{grid-template-columns:repeat(2,minmax(0,1fr))}

  /* Dialogs and secondary screens follow the same semantic hierarchy. */
  #topUpDialog .top-up-checkout h2{font-size:28px!important}
  #topUpDialog .top-up-package h3,#topUpDialog .package-price,
  #savedProductDetail>h2{font-size:24px!important}
  #create .source-details strong,#create #progress ol,
  #create .failed-frame strong,#create .result-tools .btn,
  #create .results-tools .btn,#create .generation-group-actions .btn,
  #profileView .link-button,#profileView .admin-page-buttons button,
  #productsView .saved-detail-back,#productsView .saved-product-detail .btn,
  #remakeDialog .analysis-input,#remakeDialog .exact-text-control strong,
  #topUpDialog .analysis-input,#topUpDialog .payment-email span,
  #topUpDialog .link-button,#topUpDialog .package-credits,
  #topUpDialog .top-up-order-summary,#topUpDialog .top-up-order-summary .order-total{font-size:18px}
  #remakeDialog .exact-text-control small,#remakeDialog .status,
  #topUpDialog .stage-label,#topUpDialog .stage-label span,
  #topUpDialog .top-up-heading>p,#topUpDialog .status,
  #topUpDialog .top-up-package li,#topUpDialog .package-badge,
  #topUpDialog .receipt-consent,#profileView .admin-page-summary,
  #productsView .admin-page-summary,#create .result-number,
  #create .asset-retention{font-size:16px}
  #create .studio-options legend,#create .studio-options label>span strong{font-size:18px;font-weight:700}
  #create .result-type-tab[data-result-mode="studio"] strong,
  #create .result-type-tab[data-result-mode="first"] strong,
  #create .result-type-tab[data-result-mode="pack"] strong,
  #create .result-type-tab[data-result-mode="video"] strong{font-weight:700}
  #create .studio-options label{grid-template-columns:84px 18px minmax(0,1fr)}
  #create .studio-options .studio-sample{width:84px;height:84px}
}

/* Minimum text size on mobile; desktop uses each original fallback. */
@media(max-width:767px){:root{--mobile-minimum-12:16px;--mobile-minimum-13:16px;--mobile-minimum-14:16px;--mobile-minimum-15:16px}}

/* Mobile readability: medium field/option copy and matching intro leading. */
@media(max-width:767px){
  #create .product-details #name.product-name-input,
  #create #benefits.analysis-input,
  #create #wishes.analysis-input,
  #create .benefit-preview span{font-weight:500}
  #create .studio-options label>span small{font-weight:500}
  #create .hero-copy{line-height:1.65}
}

/* Keep the homepage intro equally readable on desktop. */
@media(min-width:768px){
  #create .hero-copy{line-height:1.65}
}

/* Keep the mobile star store inside the viewport with browser bars visible. */
@media(max-width:767px){
  #topUpDialog{
    position:fixed;
    inset:calc(12px + env(safe-area-inset-top,0px)) 0 auto;
    margin:0 auto;
    width:calc(100% - 24px);
    max-height:calc(100vh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
    max-height:calc(100svh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
    overflow-y:auto;
    overscroll-behavior:contain;
  }
}

/* Admin-only welcome-bonus decisions and account comparison signals. */
.admin-bonus-info{min-width:230px;max-width:340px;overflow-wrap:anywhere}
.admin-bonus-info>strong,.admin-bonus-info>span,.admin-bonus-info small{display:block}
.admin-bonus-info small{margin-top:5px;color:var(--text-secondary);font-size:16px;line-height:1.4}
.admin-bonus-info .admin-bonus-denied{color:var(--danger)}
.admin-bonus-square{display:inline-block;width:12px;height:12px;margin-right:7px;background:#c53131;vertical-align:baseline}
.admin-bonus-info details{margin-top:8px}
.admin-bonus-info summary{cursor:pointer;min-height:32px}
.admin-bonus-info details p{margin:8px 0;font-size:16px}

/* Keep the visitor counter visible in the signed-in mobile app. */
@media(max-width:767px){html[data-auth-state="user"] .footer-shell:has(#licnt4F2F){display:block}html[data-auth-state="user"] .footer-shell:has(#licnt4F2F) .footer{display:block}html[data-auth-state="user"] .footer-shell:has(#licnt4F2F) .footer-brand,html[data-auth-state="user"] .footer-shell:has(#licnt4F2F) nav,html[data-auth-state="user"] .footer-shell:has(#licnt4F2F) .footer-copy>span{display:none}}

/* Keep user management columns readable within the admin viewport. */
#adminView{width:min(calc(100% - (var(--page-pad) * 2)),1600px)}
.admin-users-table{table-layout:fixed;min-width:1200px}
.admin-users-table th,.admin-users-table td{padding:12px 10px;overflow-wrap:anywhere}
.admin-users-table th:nth-child(1){width:3%}
.admin-users-table th:nth-child(2){width:13%}
.admin-users-table th:nth-child(3){width:12%}
.admin-users-table th:nth-child(4){width:15%}
.admin-users-table th:nth-child(5){width:6.5%}
.admin-users-table th:nth-child(6){width:9.5%}
.admin-users-table th:nth-child(7){width:6%}
.admin-users-table th:nth-child(8){width:15%}
.admin-users-table th:nth-child(9),.admin-users-table th:nth-child(10){width:10%}
.admin-users-table .admin-bonus-info{min-width:0;max-width:100%}
.admin-users-table .link-button{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}
.admin-users-table td:nth-child(3)>div>strong,.admin-users-table td:nth-child(3)>div>small{display:block}
.admin-users-table td:nth-child(3)>div+div{margin-top:8px}
.admin-users-table td:nth-child(3) small{color:var(--text-secondary);line-height:1.4}
.admin-users-table .admin-user-actions .admin-inline{flex-direction:column;align-items:stretch}
.admin-users-table .admin-user-actions .analysis-input{min-width:0;width:100%}
.admin-users-table .admin-user-actions .btn{width:100%}

.admin-users-table th{overflow-wrap:normal;word-break:normal}

/* Purchase actions use the brand orange consistently in both themes. */
#topUpDialog [data-buy-package],#topUpDialog #topUpPay,.public-price-card .btn{
  background:var(--accent);border-color:var(--accent);color:var(--accent-on)!important;border-radius:0;box-shadow:none;
}
#topUpDialog [data-buy-package]:hover:not(:disabled),#topUpDialog #topUpPay:hover:not(:disabled),.public-price-card .btn:hover{
  background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-on)!important;
}


.admin-generation-video{width:min(100%,320px);margin-top:12px}.admin-generation-video video{display:block;width:100%;max-height:400px;background:#111}.admin-generation-video .btn{display:inline-block;margin-top:8px}

#create .result-type-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}#creativeFields{display:grid;gap:16px}#creativeFields[hidden]{display:none}#creativeFields .wishes-group{margin-top:0}#creativeRemakeNote{line-height:1.5}#create .result-type-tab strong{overflow-wrap:anywhere}@media(max-width:640px){#create .result-type-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Larger mobile hero collage: crop side cards instead of shrinking every card. */
@media(max-width:767px){
  html[data-auth-state="guest"] .hero{padding-top:0;gap:16px}
  html[data-auth-state="guest"] .hero-visual{aspect-ratio:7/5;overflow:hidden;margin-bottom:0}
  html[data-auth-state="guest"] .hero-visual img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:65% center;max-width:none}
}

/* Mobile hero: headline, free action, then the full description. */
@media(max-width:767px){
  html[data-auth-state="guest"] .hero-content{display:flex;flex-direction:column;align-items:flex-start}
  html[data-auth-state="guest"] .hero-content>*{order:3}
  html[data-auth-state="guest"] .hero-content>h1{order:0}
  html[data-auth-state="guest"] .hero-content>#heroUpload{order:1;margin-top:28px}
  html[data-auth-state="guest"] .hero-content>.hero-copy{order:2;margin:32px 0 0}
}

/* Standalone marketing pages skip app auth setup; give their sign-in link its own layout. */
html[data-marketing-page="true"]:not([data-blog-page="true"]) #guestLogin{display:inline-flex!important;align-items:center;justify-content:center;flex:none;width:auto!important;min-width:76px!important;max-width:none!important;height:40px!important;min-height:40px!important;padding:0 14px!important;border:0;border-radius:7px;background:var(--surface-secondary);color:var(--text);font-size:14px;font-weight:650;line-height:1;text-decoration:none;white-space:nowrap}
@media(max-width:767px){
 html[data-marketing-page="true"]:not([data-blog-page="true"]) #guestLogin{font-size:18px!important}
 html[data-marketing-page="true"]:not([data-blog-page="true"]) .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;min-width:0;gap:4px 10px}
 html[data-marketing-page="true"]:not([data-blog-page="true"]) .header-inner>.brand{grid-column:1;grid-row:1;min-width:0}
 html[data-marketing-page="true"]:not([data-blog-page="true"]) .header-tools{grid-column:2;grid-row:1;min-width:0;margin-left:0}
 html[data-marketing-page="true"]:not([data-blog-page="true"]) .guest-navigation{grid-column:1/-1;grid-row:2;min-width:0;margin-left:0}
 html[data-marketing-page="true"]:not([data-blog-page="true"]) .marketing-main{width:calc(100% - 28px);min-width:0;margin-inline:auto}
 html[data-marketing-page="true"]:not([data-blog-page="true"]) .marketing-main>article,
 html[data-marketing-page="true"]:not([data-blog-page="true"]) .marketing-section{min-width:0;max-width:100%}
 html[data-marketing-page="true"]:not([data-blog-page="true"]) .marketing-intro h1{overflow-wrap:anywhere}
}