:root{
  --canvas:#fdfcfb;
  --panel:#ffffff;
  --quiet:#f7f6f3;
  --stroke:#deddd8;
  --copy:#20211f;
  --copy-muted:#73736e;
  --accent:#d9f33c;
  --radius-shell:26px;
  --radius-panel:18px;
  --radius-control:12px;
  --font-ui:Manrope,Arial,sans-serif;
  --type-display:clamp(50px,5.2vw,70px);
  --type-section:18px;
  --type-control:14px;
  --type-body:13px;
  --type-meta:11px;
}

body{background:var(--canvas);color:var(--copy)}
main{max-width:1440px;padding:0 44px 80px}
nav{
  width:100%;min-height:90px;margin:0;padding:0;border:0;border-bottom:1px solid var(--stroke);
  background:transparent;display:grid;grid-template-columns:1fr auto 1fr;gap:32px;
}
.brand{font-size:26px;letter-spacing:-2px}.brand-logo{width:32px;height:32px}
.nav-links{display:flex;align-items:center;justify-content:center;gap:34px}
.nav-links a,.nav-links button{border:0;background:transparent;color:var(--copy);font:600 14px Manrope,Arial,sans-serif;text-decoration:none;cursor:pointer}
.nav-links a:hover,.nav-links button:hover{color:var(--copy-muted)}
.nav-right{justify-content:flex-end;gap:12px}
.credit-balance,.language-select{min-height:38px;padding:6px 12px;border:0;border-radius:0;background:transparent;font-size:12px}
.credit-balance{gap:7px}.credit-balance strong{min-width:auto;min-height:auto;padding:0;background:transparent;font-size:12px}
.account-menu{width:38px;min-height:38px;border:0;background:var(--quiet);font-size:11px}
.google-login{min-height:38px;padding:6px 12px;border-radius:999px;font-size:11px}
.language-select{min-width:48px;padding-right:0}

.hero{max-width:900px;padding:62px 44px 28px}.hero .eyebrow{display:none}
.hero h1,.hero h1 em{font-family:Manrope,Arial,sans-serif;font-style:normal;font-size:clamp(50px,5.2vw,70px);font-weight:800;line-height:1;letter-spacing:-4.5px}
.intro{max-width:590px;margin-top:18px;font-size:16px;line-height:1.65;color:var(--copy-muted)}

.studio-picker{margin:0 44px 28px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.picker-heading{display:flex;align-items:baseline;margin:0 0 12px}.picker-heading .eyebrow{display:none}.picker-heading h2{font-size:15px;letter-spacing:-.3px}
.studio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.studio-choice{width:auto;min-height:0;padding:0!important;display:grid;grid-template-rows:270px minmax(88px,auto);border:1px solid var(--stroke);border-radius:var(--radius-panel);background:var(--panel);overflow:hidden}.studio-choice:hover,.studio-choice.selected{border-color:#b7d900;background:var(--panel);box-shadow:inset 0 0 0 1px #b7d900}
.studio-choice img{display:block!important;width:100%;height:270px!important;min-height:270px;margin:0!important;padding:0!important;aspect-ratio:auto!important;object-fit:cover;border:0;border-bottom:1px solid var(--stroke)}.studio-choice span{min-height:88px;display:grid;align-content:center;gap:5px;padding:12px 16px}.studio-choice b{font-size:var(--type-control)}.studio-choice small{display:block;font-size:var(--type-body);line-height:1.4;color:var(--copy-muted)}

.workspace{margin:0 44px;display:grid;grid-template-columns:42% 58%;gap:0;padding:0;border:1px solid var(--stroke);border-radius:var(--radius-shell);background:var(--panel);box-shadow:none;overflow:hidden}
.studio{padding:28px 26px 24px;border:0;border-right:1px solid var(--stroke)}
.step{gap:8px}.step span,.generate-row span{font-size:10px;color:var(--copy-muted)}.step h2{font-size:15px}
.dropzone{height:204px;margin:14px 0 24px;border:1px dashed #bdbbb4;border-radius:var(--radius-panel);background:transparent}.dropzone:hover{background:var(--quiet)}.upload-copy b{font-size:15px}.upload-copy small{font-size:11px}
.scene-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 22px}.scene-list .scene{min-height:92px;padding:10px;display:grid;place-items:center;border:1px solid var(--stroke);border-radius:var(--radius-control);overflow:hidden;background:var(--panel);text-align:center}.scene-list .scene b{padding:0;font-size:10px;font-weight:600}.scene-list .scene small{display:none}.scene-list .scene::before{display:none}.scene-list .scene.selected{border-color:#b7d900;background:var(--panel);box-shadow:inset 0 0 0 1px #b7d900}
.custom-scene{margin:-4px 0 20px}.custom-scene label{font-size:10px}.custom-scene input{border-color:var(--stroke);border-radius:var(--radius-control);font-size:12px}
.ratio-controls{padding-top:0;border:0}.ratio-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0 0}.ratio{min-height:82px;padding:9px 5px;border-color:var(--stroke);border-radius:var(--radius-control);background:var(--panel);text-align:center;place-content:center}.ratio.selected{border-color:#b7d900;background:var(--panel);box-shadow:inset 0 0 0 1px #b7d900}.ratio b{font-size:11px}.ratio small{font-size:10px}

.result{padding:28px 28px 24px;border:0;border-radius:0;background:var(--panel)}.result-head{margin:0 0 14px}.result-head .eyebrow{display:inline;margin:0 12px 0 0;font-size:13px;letter-spacing:0;color:var(--copy)}.result h2{display:none}.empty-result,.loading-result{height:494px;border:0;border-radius:var(--radius-shell);background:var(--quiet)}.empty-result b{font-size:14px}.empty-result small{font-size:10px}.result-image{border:0;border-radius:var(--radius-shell);background:var(--quiet)}.result-image img{padding:0}.download{border-radius:var(--radius-control);background:var(--accent);font-size:12px}.again{font-size:12px}
.workspace>.generate-row{grid-column:1/-1;display:flex;min-height:88px;padding:17px 28px;border-top:1px solid var(--stroke);background:var(--panel)}.generate-row p{font-size:12px}.generate{padding:14px 22px;border-radius:var(--radius-control);background:var(--accent);color:var(--copy)}.generate:hover{background:#c6e82c}.generate span{color:var(--copy)}
.notice{margin-top:18px;font-size:10px}.pricing{margin:50px 44px 0;padding:28px;border:1px solid var(--stroke)!important;border-radius:var(--radius-shell);background:var(--panel)}.pricing h2{font-size:34px}.price-card,.price-card.featured{background:var(--panel)!important}.price-card.featured{border-color:#b7d900!important;background:var(--accent)!important}.buy-credit{border-radius:var(--radius-control)}

@media(max-width:1000px){main{padding:0 24px 60px}nav{grid-template-columns:1fr auto;min-height:72px}.nav-links{display:none}.hero{padding:54px 18px 28px}.studio-picker,.workspace,.pricing{margin-left:18px;margin-right:18px}.workspace{grid-template-columns:1fr}.studio{border-right:0}.result{border-top:1px solid var(--stroke)}}
@media(max-width:650px){main{padding:0 14px 48px}nav{min-height:62px}.brand{font-size:20px}.brand-logo{width:27px;height:27px}.credit-balance{display:none}.language-select{display:block}.hero{padding:44px 4px 24px}.hero h1,.hero h1 em{font-size:47px;letter-spacing:-3.6px}.intro{font-size:14px}.studio-picker,.workspace,.pricing{margin-left:4px;margin-right:4px}.studio-grid{display:grid;grid-template-columns:repeat(2,1fr)}.studio-choice{width:auto}.scene-grid,.ratio-grid{grid-template-columns:repeat(2,1fr)}.result{padding:18px}.empty-result,.loading-result{height:360px}.workspace>.generate-row{padding:15px 18px;min-height:76px}.generate-row{gap:12px}.pricing{padding:18px}.price-grid{grid-template-columns:1fr}}

/* One typography system for every interface surface. */
body,button,input,select{font-family:var(--font-ui)}
.hero h1,.hero h1 em{font-size:var(--type-display)}
.picker-heading h2,.pricing h2{font-size:var(--type-section)}
.step h2,.result h2{font-size:var(--type-section)}
.nav-links a,.nav-links button,.credit-balance,.language-select,.account-menu,.google-login,.generate-row p,.scene b,.ratio b,.studio-choice b{font-size:var(--type-control)}
.intro,.pricing-intro,.studio-choice small,.upload-copy small,.empty-result small,.generate-row p{font-size:var(--type-body)}
.step span,.generate-row span,.eyebrow,.custom-scene label,.ratio small,.notice{font-size:var(--type-meta)}
@media(max-width:650px){.studio-choice{grid-template-rows:145px minmax(88px,auto)}.studio-choice img{height:145px!important;min-height:145px}.studio-choice span{min-height:88px;padding:10px}.studio-choice small{font-size:var(--type-meta)}}

/* Loading uses the same quiet surface, type scale, and rounded controls as the workspace. */
.loading-result{height:494px;border:0;border-radius:var(--radius-shell);background:var(--quiet);gap:14px}
.loading-result::before{inset:0;border:0;background:transparent;animation:none}
.loading-mark{width:44px;height:44px;border:2px solid var(--stroke);border-top-color:#aeca00;border-radius:50%;background:transparent;animation:workspace-spinner .85s linear infinite}
.loading-mark::before,.loading-mark::after{display:none}
.loading-result b{font:700 var(--type-section)/1.2 var(--font-ui);color:var(--copy)}
.loading-result p{max-width:310px;margin:0;color:var(--copy-muted);font:var(--type-body)/1.55 var(--font-ui)}
.loading-status{gap:7px;font:600 var(--type-meta)/1.2 var(--font-ui);color:var(--copy-muted)}
.loading-status i{width:7px;height:7px;background:var(--accent);animation:loading-pulse 1.5s ease-in-out infinite}
.cancel-generation{margin-top:5px;padding:10px 16px;border:1px solid var(--stroke);border-radius:var(--radius-control);background:var(--panel);color:var(--copy);font:600 var(--type-meta) var(--font-ui)}
.cancel-generation:hover{border-color:var(--copy);background:var(--panel);color:var(--copy)}
@keyframes workspace-spinner{to{transform:rotate(360deg)}}

/* Site-wide type system: one family, four sizes, and two text colors. */
:root{
  --font-base:Manrope,"Noto Sans SC",Arial,sans-serif;
  --text-primary:#20211f;
  --text-secondary:#73736e;
  --text-xl:clamp(50px,5.2vw,70px);
  --text-lg:20px;
  --text-md:14px;
  --text-sm:12px;
}
body,body *{font-family:var(--font-base)!important}
body{color:var(--text-primary)}
.hero h1,.hero h1 em{font-size:var(--text-xl)!important;line-height:1!important;letter-spacing:-.065em!important;color:var(--text-primary)!important}
.picker-heading h2,.pricing h2,.step h2,.result h2,.loading-result b{font-size:var(--text-lg)!important;line-height:1.2!important;letter-spacing:-.035em!important;color:var(--text-primary)!important}
.nav-links a,.nav-links button,.credit-balance,.language-select,.account-menu,.google-login,.generate-row p,.scene b,.ratio b,.studio-choice b,.upload-copy b,.generate,.download,.buy-credit,.cancel-generation{font-size:var(--text-md)!important;line-height:1.35!important;letter-spacing:-.015em!important;color:var(--text-primary)!important}
.intro,.pricing-intro,.studio-choice small,.upload-copy small,.empty-result small,.loading-result p,.custom-scene input,.notice,.history-item figcaption,.generation-error{font-size:var(--text-sm)!important;line-height:1.55!important;color:var(--text-secondary)!important}
.step span,.generate-row span,.eyebrow,.custom-scene label,.ratio small,.loading-status{font-size:var(--text-sm)!important;line-height:1.35!important;letter-spacing:.06em!important;color:var(--text-secondary)!important}
.empty-result b,.result h2,.history-head h2{color:var(--text-primary)!important}
.generate,.download,.buy-credit{background:var(--accent)!important}.generate span,.download span{color:var(--text-primary)!important}
.google-login{background:var(--text-primary)!important;color:var(--panel)!important}.google-login *{color:var(--panel)!important}
.account-popover button,.history-download,.again{font-size:var(--text-sm)!important;color:var(--text-primary)!important}

/* History is a large, single-scroll modal rather than two nested scroll areas. */
.history-dialog{width:min(1240px,calc(100vw - 64px));max-height:calc(100vh - 64px);padding:32px;border:1px solid var(--stroke);border-radius:var(--radius-shell);background:var(--panel);box-shadow:0 22px 60px rgba(32,33,31,.14);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}
.history-dialog::-webkit-scrollbar{display:none}
.history-head{position:sticky;top:-32px;z-index:1;margin:0 0 24px;padding:4px 0 20px;background:var(--panel);border-bottom:1px solid var(--stroke)}
.history-head h2{font-size:var(--text-lg)!important}.history-head button{color:var(--text-primary);font-family:var(--font-base)!important}
.history-grid{display:block;column-count:4;column-gap:16px;max-height:none;overflow:visible}
.history-item{display:inline-block;position:relative;width:100%;margin:0 0 16px;break-inside:avoid}
.history-media{position:relative;width:100%}
.history-item img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;border:1px solid var(--stroke);border-radius:var(--radius-control);background:var(--quiet)}
.history-item figcaption{font-size:var(--text-sm)!important}
.history-download{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:8px;background:var(--text-primary);color:var(--panel)!important;font-size:var(--text-sm)!important;text-decoration:none;box-shadow:0 4px 12px rgba(32,33,31,.18);opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}
.history-media:hover .history-download,.history-media:focus-within .history-download{opacity:1;transform:translateY(0);pointer-events:auto}
.history-download:hover{background:#3a3b37}
@media(max-width:760px){.history-dialog{width:calc(100vw - 28px);max-height:calc(100vh - 28px);padding:20px}.history-head{top:-20px;padding-top:2px}.history-grid{column-count:2;column-gap:12px}.history-item{margin-bottom:12px}}

.account-menu{display:grid;place-items:center;overflow:hidden}.account-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}

/* Interaction colors: black for actions, neutral gray for selected controls. */
.generate,.download,.buy-credit{background:var(--text-primary)!important;color:var(--panel)!important}
.generate span,.download span,.buy-credit span{color:var(--panel)!important}
.generate:hover,.download:hover,.buy-credit:hover{background:#3a3b37!important}
.price-card.featured{border-color:var(--text-primary)!important;background:var(--panel)!important}
.studio-choice:hover,.studio-choice.selected,.scene-list .scene.selected,.ratio.selected{position:relative;z-index:1;border-color:var(--text-primary)!important;box-shadow:0 0 0 1px var(--text-primary)!important;background:var(--quiet)!important}

/* Header account controls share the same compact, centered control geometry. */
.nav-right{align-items:center!important}
.google-login{min-width:196px;min-height:42px;padding:0 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center;border-radius:var(--radius-control)!important;line-height:1!important}
.google-login[hidden]{display:none!important}
.account-menu{width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:50%!important;background:var(--quiet)!important}
.account-avatar{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;object-fit:cover!important;border-radius:50%!important}
.account-popover{padding:6px!important;border-radius:var(--radius-panel)!important;background:var(--panel)!important;box-shadow:0 14px 34px rgba(32,33,31,.10)!important}
.account-popover button{margin:0!important;padding:11px 12px!important;border-radius:8px!important;background:transparent!important}
.account-popover button:hover,.account-popover button:focus-visible{background:var(--quiet)!important;box-shadow:none!important;outline:0}

.language-menu{position:relative}.language-menu summary{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 4px;list-style:none;cursor:pointer;color:var(--text-primary);font-size:var(--text-md)}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary::after{content:"⌄";font-size:18px;line-height:1;transform:translateY(-2px)}.language-menu[open] summary::after{transform:translateY(2px) rotate(180deg)}.language-options{position:absolute;right:0;top:calc(100% + 8px);z-index:20;display:grid;grid-template-columns:repeat(2,minmax(54px,1fr));gap:2px;width:142px;padding:6px;border:1px solid var(--stroke);border-radius:var(--radius-control);background:var(--panel);box-shadow:0 14px 34px rgba(32,33,31,.10)}.language-options a{padding:8px;border-radius:8px;color:var(--text-primary);font-size:var(--text-sm);text-decoration:none}.language-options a:hover{background:var(--quiet)}

.price-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.price-card:hover{transform:translateY(-3px);border-color:var(--text-primary)!important;box-shadow:0 10px 22px rgba(32,33,31,.08)}
.buy-credit{transition:transform .16s ease,background .16s ease}.buy-credit:hover{transform:translateY(-1px)}
.buy-credit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Final text cleanup: no display fonts, uppercase treatments, or decorative tracking. */
body *{letter-spacing:normal!important;text-transform:none!important}
.brand{letter-spacing:-.045em!important}.hero h1,.hero h1 em{letter-spacing:-.055em!important}
.picker-heading h2,.pricing h2,.step h2,.result h2,.loading-result b,.history-head h2{letter-spacing:-.025em!important}
.eyebrow,.step span,.generate-row span,.custom-scene label,.ratio small,.loading-status{letter-spacing:normal!important;font-weight:500!important}

/* One hover system: darken actions, lift cards slightly, and use one black outline. */
:root{--hover-time:160ms;--hover-ease:cubic-bezier(.2,.7,.2,1)}
.nav-links a,.nav-links button,.studio-choice,.scene,.ratio,.dropzone,.change,.generate,.download,.buy-credit,.cancel-generation,.account-menu,.account-popover button,.history-media img{transition:color var(--hover-time) var(--hover-ease),background var(--hover-time) var(--hover-ease),border-color var(--hover-time) var(--hover-ease),box-shadow var(--hover-time) var(--hover-ease),transform var(--hover-time) var(--hover-ease)}
.nav-links a:hover,.nav-links button:hover{color:var(--text-primary)!important;opacity:.62}
.studio-choice:not(.selected):hover,.scene:not(.selected):hover,.ratio:not(.selected):hover{z-index:1;border-color:var(--text-primary)!important;background:var(--quiet)!important;box-shadow:0 0 0 1px var(--text-primary)!important;transform:translateY(-2px)}
.dropzone:hover{border-color:var(--text-primary)!important;background:var(--quiet)!important}.change:hover,.cancel-generation:hover{border-color:var(--text-primary)!important;background:var(--quiet)!important}
.generate:hover,.download:hover,.buy-credit:hover{background:#3a3b37!important;transform:translateY(-1px)}
.account-menu:hover{box-shadow:0 0 0 1px var(--text-primary)}
.history-media:hover img{box-shadow:0 0 0 1px var(--text-primary)}
:where(a,button,input,select):focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}
@media(hover:none){.studio-choice:not(.selected):hover,.scene:not(.selected):hover,.ratio:not(.selected):hover,.generate:hover,.download:hover,.buy-credit:hover{transform:none}}

/* Expanded pricing section: value proposition first, then a clear package choice. */
.pricing{margin-top:72px!important;padding:42px!important;grid-template-columns:minmax(280px,.8fr) minmax(620px,1.2fr)!important;gap:52px!important}
.pricing-intro-block{display:flex;flex-direction:column;align-items:flex-start}.pricing h2{max-width:410px;font-size:clamp(28px,2.6vw,42px)!important;line-height:1.05!important}.pricing-intro{max-width:390px;margin:18px 0 0!important}.pricing-benefits{display:grid;gap:10px;margin:24px 0 0;padding:0;list-style:none;color:var(--text-primary);font-size:var(--text-sm)}
.pricing-benefits li{position:relative;padding-left:18px}.pricing-benefits li::before{content:"";position:absolute;left:0;top:.47em;width:7px;height:7px;border:1px solid var(--text-primary);border-radius:50%}
.price-grid{align-items:stretch;gap:12px!important}.price-card,.price-card.featured{min-height:274px!important;padding:24px!important;justify-content:flex-start!important;border-radius:var(--radius-panel)!important}.price-card p{margin:0 0 14px!important}.price-card strong{font-size:52px!important;line-height:.95!important;letter-spacing:-.055em!important}.price-card span{margin-top:15px!important;font-size:var(--text-md)!important;color:var(--text-primary)!important}.plan-rate{display:block;min-height:38px;margin-top:9px;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.45}.pricing-badge{display:inline-flex;align-items:center;min-height:24px;margin-bottom:4px!important;padding:0 8px;border:1px solid var(--text-primary);border-radius:999px;font-size:var(--text-sm)!important}.price-card .buy-credit{width:100%;margin-top:auto;text-align:center;justify-content:center}
@media(max-width:1100px){.pricing{grid-template-columns:1fr!important;gap:28px!important}.pricing h2{max-width:none}.pricing-intro{max-width:560px}}@media(max-width:650px){.pricing{margin-top:54px!important;padding:24px!important}.price-grid{grid-template-columns:1fr!important}.price-card,.price-card.featured{min-height:220px!important}.price-card strong{font-size:46px!important}}

/* Pricing choices stay neutral until the user actively hovers one. */
.price-card.featured{border-color:var(--stroke)!important;background:var(--panel)!important}
.pricing-badge{display:none!important}
.price-card .buy-credit{background:var(--quiet)!important;color:var(--text-primary)!important;border:1px solid var(--stroke)!important}
.price-card .buy-credit:hover{background:var(--text-primary)!important;border-color:var(--text-primary)!important;color:var(--panel)!important}

.pricing-badge{display:block!important;min-height:0!important;margin:0 0 14px!important;padding:0!important;border:0!important;border-radius:0!important;font-size:var(--text-md)!important}
.loading-mark{border-top-color:var(--text-primary)}.loading-status i{background:var(--text-primary)}

/* Custom interaction system: every actionable surface shares one focus, press, disabled, and feedback language. */
:root{--control-press-scale:.985;--focus-ring:0 0 0 2px var(--text-primary);--feedback-surface:var(--quiet)}
button,a,summary,input{-webkit-tap-highlight-color:transparent}
.google-login,.generate,.download,.buy-credit,.cancel-generation,.change,.account-menu,.account-popover button,.language-menu summary,.language-options a,.history-download,.history-head button,.studio-choice,.scene,.ratio,.dropzone{transition:color var(--hover-time) var(--hover-ease),background var(--hover-time) var(--hover-ease),border-color var(--hover-time) var(--hover-ease),box-shadow var(--hover-time) var(--hover-ease),transform var(--hover-time) var(--hover-ease),opacity var(--hover-time) var(--hover-ease)}
.google-login:active,.generate:active,.download:active,.buy-credit:active,.cancel-generation:active,.change:active,.account-menu:active,.account-popover button:active,.language-options a:active,.history-download:active,.history-head button:active,.studio-choice:active,.scene:active,.ratio:active{transform:scale(var(--control-press-scale))!important}
.dropzone:active{background:var(--feedback-surface)!important}
.google-login:focus-visible,.generate:focus-visible,.download:focus-visible,.buy-credit:focus-visible,.cancel-generation:focus-visible,.change:focus-visible,.account-menu:focus-visible,.account-popover button:focus-visible,.language-menu summary:focus-visible,.language-options a:focus-visible,.history-download:focus-visible,.history-head button:focus-visible,.studio-choice:focus-visible,.scene:focus-visible,.ratio:focus-visible,.dropzone:focus-within,.custom-scene input:focus-visible{outline:0!important;box-shadow:var(--focus-ring)!important}
.generate:disabled,.buy-credit:disabled,.cancel-generation:disabled{cursor:not-allowed;opacity:.48;transform:none!important;box-shadow:none!important}
.payment-notice{max-width:760px;margin:20px auto 0!important;padding:12px 14px!important;border:1px solid var(--stroke)!important;border-radius:var(--radius-control)!important;background:var(--feedback-surface)!important;color:var(--text-primary)!important;font-size:var(--text-sm)!important;line-height:1.45!important}
.payment-notice.is-error{border-color:var(--text-primary)!important}
.generation-error{margin:14px 0 0!important;padding:12px 14px!important;border:1px solid var(--text-primary)!important;border-radius:var(--radius-control)!important;background:var(--feedback-surface)!important;color:var(--text-primary)!important}
.history-dialog::backdrop{background:rgba(32,33,31,.26)!important;backdrop-filter:blur(2px)}
@media(hover:none){.google-login:active,.generate:active,.download:active,.buy-credit:active,.cancel-generation:active,.change:active,.account-menu:active,.account-popover button:active,.language-options a:active,.history-download:active,.history-head button:active,.studio-choice:active,.scene:active,.ratio:active{transform:none!important;opacity:.72}}

/* Locale-safe header: a page without center navigation keeps its account controls on the right. */
.locale-zh nav{grid-template-columns:minmax(0,1fr) auto!important;gap:24px!important}
.locale-zh .nav-right{min-width:0;white-space:nowrap}
.locale-zh .credit-balance,.locale-zh .language-menu summary{white-space:nowrap}
.language-options{grid-template-columns:1fr!important;width:148px!important}