/* Shared page geometry. The same frame serves React and the preserved site engine. */
:root{--site-content-max:1520px;--site-gutter:clamp(16px,3vw,40px);--site-frame:min(var(--site-content-max),calc(100% - var(--site-gutter)*2));--site-space-xs:8px;--site-space-sm:16px;--site-space-md:24px;--site-space-lg:32px}
html body .creative:not(.creative-workspace)>.antpower-topbar,html body .creative:not(.creative-workspace)>.creative-content{width:var(--site-frame)!important;max-width:var(--site-content-max)!important;margin-inline:auto!important;padding-inline:0!important;box-sizing:border-box!important;min-width:0}
html body .creative:not(.creative-workspace)>.antpower-topbar{padding-block:14px!important;min-height:72px;gap:24px;align-items:center}
html body .creative:not(.creative-workspace)>.creative-content{padding-block:24px 48px!important}
html body .creative:not(.creative-workspace) .creative-heading{padding:0!important;margin:0 0 20px!important;min-height:0!important}
html body .creative:not(.creative-workspace) .creative-heading h1{font-size:26px!important;font-weight:600;line-height:1.35!important;letter-spacing:-.035em;margin:0!important}
html body .creative:not(.creative-workspace) .projects-toolbar{gap:16px!important;margin:0 0 20px!important;align-items:center;flex-wrap:wrap}
html body .creative:not(.creative-workspace) .projects-toolbar>.creative-actions,html body .creative:not(.creative-workspace) .prompt-filters>.creative-actions{margin:0!important;gap:10px;align-items:center}
html body .creative:not(.creative-workspace) .live-search{height:46px!important;max-width:440px;width:min(440px,100%);padding:11px 15px!important;font-size:14px;line-height:22px;box-sizing:border-box}
html body .creative:not(.creative-workspace) .prompt-filters{margin:0 0 20px!important;gap:12px!important;align-items:center!important}
html body .creative:not(.creative-workspace) .prompt-filters :is(button,select){min-height:40px!important;padding-block:8px!important;box-sizing:border-box}
html body .creative:not(.creative-workspace) .creative-note{font-size:12px;line-height:1.6;margin:12px 0 14px}
html body .creative:not(.creative-workspace) .live-catalog{gap:28px 24px!important;align-items:start}
html body .creative:not(.creative-workspace) .live-catalog>article{padding:0!important;min-height:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body .creative:not(.creative-workspace) .showcase-caption{padding-top:12px;min-height:0}
html body .creative:not(.creative-workspace) .showcase-caption :is(h2,h3){margin:0 0 5px;line-height:1.5}
html body .creative:not(.creative-workspace) .showcase-caption p{line-height:1.65;margin:6px 0 0}
html body .creative:not(.creative-workspace) .prompt-studio-title{padding:14px 0 20px!important}
html body .creative:not(.creative-workspace) .prompt-studio-title h1{font-size:26px!important;line-height:1.4!important}
html body .creative:not(.creative-workspace) .personal-library-layout{margin-top:12px!important;gap:24px!important}
html body .creative:not(.creative-workspace) .my-finance{max-width:none!important}
html body .creative:not(.creative-workspace) .canvas-showcase-heading{padding-bottom:20px}
html body .creative:not(.creative-workspace) .home-hero{padding-top:32px!important;padding-bottom:28px!important}
html body .creative:not(.creative-workspace) .home-hero h1{font-size:36px;line-height:1.4;margin:10px 0 14px}
html body .creative:not(.creative-workspace) .home-made{margin-top:32px}
/* A full-screen production workspace keeps its available work area. */
html body.production-engine:not(.agent-canvas-focus-mode):not(.agent-canvas-window-mode):not(.canvas-process-embedded) .platform-engine-header,html body.production-engine:not(.agent-canvas-focus-mode):not(.agent-canvas-window-mode):not(.canvas-process-embedded)>.browse-quality,html body.production-engine:not(.agent-canvas-focus-mode):not(.agent-canvas-window-mode):not(.canvas-process-embedded)>.app-shell{width:var(--site-frame)!important;max-width:var(--site-content-max)!important;margin-inline:auto!important;padding-inline:0!important;box-sizing:border-box!important}
html body.production-engine:not(.agent-canvas-focus-mode):not(.agent-canvas-window-mode):not(.canvas-process-embedded) .platform-engine-header{padding-block:14px!important;min-height:72px!important;gap:24px!important}
html body.production-engine:not(.agent-canvas-focus-mode):not(.agent-canvas-window-mode):not(.canvas-process-embedded) .browse-quality{min-height:0!important;margin-block:0!important;padding-block:8px!important;gap:12px!important;font-size:11px!important;line-height:1.5!important}
html body.production-engine:not(.agent-canvas-focus-mode):not(.agent-canvas-window-mode):not(.canvas-process-embedded) .main{padding:18px 0 48px!important}
html body.production-engine:not(.agent-canvas-focus-mode):not(.agent-canvas-window-mode):not(.canvas-process-embedded) #view-root>:is(.section-head,.page-heading,.account-page-heading,.resource-heading){padding:0!important;margin:0 0 20px!important}
html body.production-engine:not(.agent-canvas-focus-mode):not(.agent-canvas-window-mode):not(.canvas-process-embedded) #view-root :is(.section-head,.page-heading,.account-page-heading,.resource-heading)>h1{font-size:26px!important;line-height:1.35!important;margin:0!important}
html[data-theme] body.production-engine.community-page-mode #view-root .community-stable-shell{width:100%!important;max-width:none!important;grid-template-columns:240px minmax(0,1fr) 304px!important;gap:24px!important;margin:0!important}
html[data-theme] body.production-engine.community-page-mode #view-root .community-detail-header{min-height:56px!important;padding:12px 20px!important}
html[data-theme] body.production-engine.community-page-mode #view-root .community-profile-cover:not(:has(img)){display:none!important;height:0!important;border:0!important}
html[data-theme] body.production-engine.community-page-mode #view-root .community-profile-hero:not(:has(.community-profile-cover img)) .community-profile-identity{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;column-gap:16px!important;row-gap:3px!important;align-content:start!important;padding:20px!important;min-height:0!important}
html[data-theme] body.production-engine.community-page-mode #view-root .community-profile-hero:not(:has(.community-profile-cover img)) .community-profile-avatar{position:static!important;grid-column:1;grid-row:1/span 5;width:76px!important;height:76px!important;align-self:start}
html[data-theme] body.production-engine.community-page-mode #view-root .community-profile-hero:not(:has(.community-profile-cover img)) .community-profile-identity>:is(h1,span,p,.community-profile-meta,.community-profile-stats){grid-column:2!important;min-width:0}
html[data-theme] body.production-engine.community-page-mode #view-root .community-profile-hero:not(:has(.community-profile-cover img)) .community-profile-identity>h1{padding-right:130px!important;font-size:20px!important;line-height:1.4!important}
html[data-theme] body.production-engine.community-page-mode #view-root .community-profile-hero:not(:has(.community-profile-cover img)) .community-profile-actions{top:20px!important;right:20px!important}
html[data-theme] body.production-engine.community-page-mode #view-root .community-profile-identity>.community-profile-meta,html[data-theme] body.production-engine.community-page-mode #view-root .community-profile-identity>.community-profile-stats{margin:6px 0 0!important;gap:6px!important;line-height:1.5!important}
html[data-theme] body.production-engine.community-page-mode #view-root .community-profile-identity>.community-profile-stats strong{margin-right:2px}
html[data-theme] body.production-engine.community-page-mode #view-root .community-profile-identity>.community-profile-stats>span{margin-right:14px!important}
html[data-theme] body.production-engine.community-page-mode #view-root .ugc-community-aside{padding:16px!important;gap:16px!important}
html[data-theme] body.production-engine.community-page-mode #view-root .ugc-community-card{padding:18px!important}
html[data-theme] body.production-engine.community-page-mode #view-root .community-creator-row{gap:10px!important;padding-block:10px!important}
/* One icon announces the saved visibility; the full choices live in an anchored popover. */
html[data-theme] body.production-engine #view-root .ant-pro-tool-rail .ant-rail-bottom{position:relative;width:100%;align-items:center;gap:4px!important;flex-shrink:0}
html[data-theme] body.production-engine #view-root .ant-pro-tool-rail .ant-visibility-control{position:relative!important;width:36px!important;height:32px!important;min-height:32px!important;display:block!important;padding:0!important;margin:0!important;overflow:visible!important}
html[data-theme] body.production-engine #view-root .ant-pro-tool-rail .ant-visibility-control>summary{list-style:none!important;display:grid!important;place-items:center!important;width:36px!important;height:32px!important;box-sizing:border-box!important;padding:6px!important;cursor:pointer!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:inherit!important}
.ant-visibility-control>summary::-webkit-details-marker{display:none}
html[data-theme] body.production-engine #view-root .ant-pro-tool-rail .ant-visibility-control[open]>summary,html[data-theme] body.production-engine #view-root .ant-pro-tool-rail .ant-visibility-control>summary:hover{background:var(--unified-soft)!important;border-color:var(--unified-line)!important}
html[data-theme] body.production-engine #view-root .ant-pro-tool-rail .ant-visibility-menu{position:absolute!important;left:calc(100% + 12px)!important;bottom:0!important;z-index:120!important;width:192px!important;box-sizing:border-box!important;padding:6px!important;border:1px solid var(--unified-line)!important;border-radius:10px!important;background:var(--unified-panel)!important;color:var(--unified-text)!important;box-shadow:0 8px 28px #0002!important;display:grid!important;gap:2px!important}
html[data-theme] body.production-engine #view-root .ant-pro-tool-rail .ant-visibility-menu>button{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;height:auto!important;min-height:40px!important;margin:0!important;padding:9px 10px!important;border:0!important;border-radius:6px!important;background:transparent!important;font:inherit!important;font-size:13px!important;line-height:1.5!important;text-align:left!important;white-space:nowrap!important}
html[data-theme] body.production-engine #view-root .ant-pro-tool-rail .ant-visibility-menu>button>span{font-size:13px!important;line-height:1.5!important;display:inline!important}
html[data-theme] body.production-engine #view-root .ant-pro-tool-rail .ant-visibility-menu>button .pro-check{margin-left:auto}
html[data-theme] body.production-engine #view-root .ant-pro-tool-rail .ant-visibility-menu>button[aria-checked=true],html[data-theme] body.production-engine #view-root .ant-pro-tool-rail .ant-visibility-menu>button:hover{background:var(--unified-soft)!important}
html[data-theme] body.production-engine #view-root .ant-pro-tool-rail .ant-visibility-control[aria-disabled=true]>summary{opacity:.45;cursor:default!important}
html[data-theme] body.production-engine #view-root .ant-pro-tool-rail .ant-rail-theme{display:grid!important;place-items:center!important}
@media(min-width:1200px){html body.production-engine #view-root :is(.public-canvas-grid,.personal-canvas-grid):not(.account-canvas-grid){grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important}}
@media(max-width:1180px){html[data-theme] body.production-engine.community-page-mode #view-root .community-stable-shell{grid-template-columns:200px minmax(0,1fr)!important}html[data-theme] body.production-engine.community-page-mode #view-root .community-stable-shell>aside{display:none!important}}
@media(max-width:1050px){html body .creative:not(.creative-workspace)>.antpower-topbar{gap:12px;flex-wrap:wrap;padding-block:12px!important}html body.production-engine:not(.agent-canvas-focus-mode):not(.agent-canvas-window-mode):not(.canvas-process-embedded) .platform-engine-header{gap:12px!important}}
@media(max-width:760px){html body .creative:not(.creative-workspace)>.creative-content{padding-block:18px 36px!important}html body .creative:not(.creative-workspace) .creative-heading{margin-bottom:16px!important}html body .creative:not(.creative-workspace) .creative-heading h1,html body .creative:not(.creative-workspace) .prompt-studio-title h1{font-size:23px!important}html body .creative:not(.creative-workspace) .projects-toolbar{gap:12px!important;margin-bottom:16px!important}html body .creative:not(.creative-workspace) .projects-toolbar>.creative-actions{flex-wrap:wrap}html body .creative:not(.creative-workspace) .live-catalog{gap:24px 16px!important}html body .creative:not(.creative-workspace) .prompt-filters{gap:10px!important;margin-bottom:16px!important}html[data-theme] body.production-engine.community-page-mode #view-root .community-stable-shell{grid-template-columns:48px minmax(0,1fr)!important;gap:12px!important}html[data-theme] body.production-engine.community-page-mode #view-root .community-stable-shell>main{grid-column:2!important}html[data-theme] body.production-engine.community-page-mode #view-root .community-profile-hero:not(:has(.community-profile-cover img)) .community-profile-identity{grid-template-columns:52px minmax(0,1fr)!important;padding:14px!important;column-gap:10px!important}html[data-theme] body.production-engine.community-page-mode #view-root .community-profile-hero:not(:has(.community-profile-cover img)) .community-profile-avatar{width:52px!important;height:52px!important}html[data-theme] body.production-engine.community-page-mode #view-root .community-profile-hero:not(:has(.community-profile-cover img)) .community-profile-actions{position:static!important;grid-column:2!important;grid-row:6!important;justify-content:flex-start!important;margin-top:6px}html[data-theme] body.production-engine.community-page-mode #view-root .community-profile-hero:not(:has(.community-profile-cover img)) .community-profile-identity>h1{padding-right:0!important;font-size:18px!important}html body .creative:not(.creative-workspace) .home-hero{padding-top:18px!important}.ant-visibility-menu{max-width:calc(100vw - 100px)}}

.pro-theme:before{inset:2px;border-radius:50%}.pro-theme:after{inset:5px;border:0;border-radius:50%;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
html[data-theme] body.production-engine.community-page-mode #view-root .community-empty-feed{padding:24px!important;min-height:0!important;gap:8px!important}
/* Credits share the site frame; payment and school actions retain their existing handlers. */
html[data-theme] body.production-engine #view-root .credits-simple-shell{padding:0!important;gap:16px!important}
html[data-theme] body.production-engine #view-root .credits-wallet-bar{padding:16px 20px!important;min-height:0!important;margin:0 0 16px!important;grid-template-columns:minmax(0,1fr) minmax(280px,420px)!important;align-items:center!important}
html[data-theme] body.production-engine #view-root .credits-wallet-title h2{margin:0 0 6px!important;font-size:22px!important;line-height:1.35!important}
html[data-theme] body.production-engine #view-root .credits-balance-compact{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important;gap:6px 12px!important;padding:0 0 0 20px!important}
html[data-theme] body.production-engine #view-root .credits-balance-compact>strong{font-size:22px!important;line-height:1.4!important}
html[data-theme] body.production-engine #view-root .credits-balance-compact>small{flex-basis:100%!important;margin:0!important;font-size:11px!important}
html[data-theme] body.production-engine #view-root .credits-balance-compact>a{order:3!important;margin:0!important;padding:5px 10px!important;font-size:11px!important;line-height:1.5!important;min-height:0!important}
html[data-theme] body.production-engine #view-root .credits-simple-shell>.credit-section{padding:16px!important;margin:16px 0!important}
html[data-theme] body.production-engine #view-root .credit-payment-orders .account-section-head{padding:0!important;margin:16px 0 12px!important;min-height:0!important}
html[data-theme] body.production-engine #view-root .credit-payment-orders .eyebrow{display:none!important}
html[data-theme] body.production-engine #view-root .credit-payment-orders h4{margin:0!important;font-size:14px!important;line-height:1.5!important}
html[data-theme] body.production-engine #view-root .training-program-row{padding:12px 0!important;min-height:56px!important}
html[data-theme] body.production-engine #view-root .training-programs>h3{margin:0 0 8px!important;line-height:1.5!important}
@media(max-width:760px){html[data-theme] body.production-engine #view-root .credits-wallet-bar{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:16px!important}html[data-theme] body.production-engine #view-root .credits-balance-compact{padding:12px 0 0!important;border-left:0!important;border-top:1px solid var(--unified-line)!important;justify-content:flex-start!important}}