/* 8.6.32.171 — shared typography, alpha display, responsive galleries and templates. */
:root{--zsa-platform-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",sans-serif;--zsa-alpha-light:#fff;--zsa-alpha-shade:#e9edf0}
html[data-zsa-theme="dark"]{--zsa-alpha-light:#33383d;--zsa-alpha-shade:#41474d}
body.zsa-ai-workspace-page,.zsa-ai-app,.zsa-ai-app :is(button,input,textarea,select),.zsa-ai-unified-model-modal,.zsa-product-popup,.zsa-product-page,.zsa-v8{font-family:var(--zsa-platform-font)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.zsa-ai-app :is(h1,h2,h3){letter-spacing:-.025em}
.zsa-ai-app :is(input,textarea,select){line-height:1.55}
.zsa-ai-app :is(.zsa-ai-work-gallery,.zsa-ai-model-work-media,.zsa-ai-template-work-media,.zsa-ai-home-community-media,.zsa-ai-public-work-media,.zsa-ai-generation-output,.zsa-ai-multi-work-thumb) img,.zsa-ai-unified-model-work-media>img,.zsa-v84-preview-card img{background-color:var(--zsa-alpha-light)!important;background-image:conic-gradient(var(--zsa-alpha-shade) 25%,transparent 0 50%,var(--zsa-alpha-shade) 0 75%,transparent 0)!important;background-size:16px 16px!important}
/* Native [hidden] must win over older theme display declarations. */
.zsa-ai-app .zsa-ai-model-works-grid>[hidden],.zsa-ai-app .zsa-ai-home-reference-models>[hidden]{display:none!important}
@media(min-width:721px){
 .zsa-ai-app :is(.zsa-ai-market-grid,.zsa-ai-public-works-grid,.zsa-ai-model-works-grid,.zsa-ai-home-reference-apps){grid-template-columns:repeat(var(--market-columns,3),minmax(0,1fr))!important;gap:var(--market-gap,16px)!important}
 .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-template-waterfall{column-count:var(--market-columns,3)!important;column-gap:var(--market-gap,20px)!important}
 .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-template-workspace{width:min(var(--market-floor-width,1368px),100%)!important}
 .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-template-library-hero.is-home,
 .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-template-library-hero.is-detail{min-height:0!important;height:auto!important;width:100%!important;padding:44px 0 0!important;margin:0 auto 30px!important}
 .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-template-hero-frame.is-home,
 .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-template-hero-frame.is-detail{width:min(660px,calc(100% - 48px))!important;min-height:124px!important;padding:18px 20px!important;border:1px solid #91e820!important}
 .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-template-hero-frame h1{font-size:clamp(28px,2.6vw,44px)!important;line-height:1.3!important;overflow:visible!important;white-space:nowrap!important;gap:12px!important}
 .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-template-hero-frame h1>button{border-radius:40px!important;background:#f4fce5!important;padding:7px 20px!important;font-size:inherit!important}
 .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-template-hero-frame>p{margin:10px 0 0!important;font-size:15px!important;line-height:1.5!important;color:#737a76!important}
 .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-template-composer-anchor{margin:24px auto 0!important;width:min(780px,calc(100% - 36px))!important}
 .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-unified-host.is-templates{width:100%!important;max-width:780px!important}
 .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-unified-composer{border:1.5px solid #91e820!important;border-radius:26px!important;box-shadow:0 0 0 3px #98e93412,0 8px 26px #82b93630!important}
 .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-template-home-switcher{width:min(var(--market-floor-width,1368px),calc(100% - 32px))!important;margin:94px auto 0!important;border:1px solid #dfe4db!important;border-radius:26px!important;padding:4px!important;box-shadow:0 3px 12px #16231612!important}
 .zsa-ai-app[data-ai-active-panel="templates"][data-ai-template-home="0"] .zsa-ai-template-workspace{margin-top:62px!important}
 .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-template-toolbar>nav{background:#f1f3f080!important;border-radius:24px!important;padding:5px!important}
 .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-template-toolbar>nav button{height:34px!important;font-size:13px!important;padding:0 14px!important}
 .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-template-work-card{border-radius:16px!important;box-shadow:none!important}
 .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-template-work-footer>b{font-size:12px!important}
}
@media(min-width:721px) and (max-width:1050px){
 .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-template-hero-frame h1{font-size:28px!important;gap:6px!important}
}
html[data-zsa-theme="dark"] .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-template-hero-frame h1>button{background:#35452c!important;color:#ddefd2!important}
html[data-zsa-theme="dark"] .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-template-hero-frame>p{color:#bbc3b9!important}
/* Gallery loading errors are recoverable, never cached as empty results. */
[data-ai-model-works-retry]{padding:9px 18px;border:1px solid #d8e6ca;border-radius:18px;background:#eff9df;color:#294416;cursor:pointer}
.zsa-product-popup nav [data-update-select]:hover small{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* Apply the same two-row limit before JS measures the container, avoiding a third-row flash. */
@media(max-width:720px){.zsa-ai-app{--market-columns:2}.zsa-ai-model-works-grid>.zsa-ai-model-work-card:nth-child(n+5){display:none!important}}
@media(min-width:721px) and (max-width:1199px){.zsa-ai-app{--market-columns:3}.zsa-ai-model-works-grid>.zsa-ai-model-work-card:nth-child(n+7){display:none!important}}
@media(min-width:1200px) and (max-width:1699px){.zsa-ai-app{--market-columns:4}.zsa-ai-model-works-grid>.zsa-ai-model-work-card:nth-child(n+9){display:none!important}}
@media(min-width:1700px) and (max-width:2199px){.zsa-ai-app{--market-columns:5}.zsa-ai-model-works-grid>.zsa-ai-model-work-card:nth-child(n+11){display:none!important}}
@media(min-width:2200px){.zsa-ai-app{--market-columns:6}.zsa-ai-model-works-grid>.zsa-ai-model-work-card:nth-child(n+13){display:none!important}}
@media(min-width:721px){
 .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-template-waterfall{display:grid!important;grid-template-columns:repeat(var(--market-columns,3),minmax(0,1fr))!important;column-count:auto!important;gap:20px var(--market-gap,20px)!important;align-items:start!important}
 .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-template-waterfall.is-measured{grid-auto-rows:1px!important;row-gap:0!important}
 .zsa-ai-app[data-ai-active-panel="templates"] .zsa-ai-template-waterfall>.zsa-ai-template-work-card{display:block!important;margin:0!important;align-self:start!important}
}
