.account-surface{--account-bg:#202020;--account-card:#292929;--account-hover:#323232;--account-text:#efefef;--account-muted:#969696;--account-line:#383838;color-scheme:dark}
.account-surface[data-account-theme=light]{--account-bg:#fff;--account-card:#f4f4f5;--account-hover:#e9e9eb;--account-text:#202024;--account-muted:#717178;--account-line:#dedee2;color-scheme:light}
.account-surface .account-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;margin-left:auto}
.account-surface :is(.account-header-button,.account-profile-trigger){display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 14px;border:1px solid var(--account-line);border-radius:10px;background:var(--account-bg);color:var(--account-text);font:500 12px/1.4 inherit;text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:none}
.account-surface :is(.account-header-button,.account-profile-trigger):hover{background:var(--account-hover);border-color:#666}
.account-surface .account-member-entry{font-weight:600}.account-surface .account-balance-entry{min-width:72px;font-variant-numeric:tabular-nums}
.account-surface .account-profile-trigger{border-color:transparent;background:transparent;padding:0 2px 0 4px;gap:9px}
.account-trigger-name{max-width:170px;overflow:hidden;text-overflow:ellipsis}.account-profile-trigger>svg{width:14px!important;color:var(--account-muted)}
.account-surface :is(.account-actions,.account-profile-menu,.account-dialog,.account-center-card,.account-center-actions,.account-settings-link,.account-theme-row) svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.account-avatar{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;background:#e8e8ea;color:#52525b;border-radius:50%;overflow:hidden}.account-avatar>svg{width:24px!important;height:24px!important}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-profile-trigger .account-avatar{width:32px;height:32px}
.account-profile-menu{position:fixed;inset:auto 20px auto auto;margin:0;padding:14px;width:338px;max-width:calc(100vw - 24px);box-sizing:border-box;overflow:auto;border:1px solid var(--account-line);border-radius:18px;background:var(--account-bg);color:var(--account-text);box-shadow:0 18px 60px #0005;font:13px/1.5 Inter,"Microsoft YaHei UI",sans-serif;z-index:1200}
.account-profile-menu:not(:popover-open){display:none}.account-profile-menu::backdrop{background:transparent}
.account-identity{display:flex;gap:12px;align-items:center;min-width:0;padding:8px 4px 15px}.account-identity-copy{min-width:0;flex:1}.account-name{display:block;margin:0 0 5px;font-size:15px;line-height:1.5;overflow-wrap:anywhere;color:var(--account-text)}
.account-id{display:inline-flex;align-items:center;flex-direction:row-reverse;gap:7px;background:transparent;border:0;padding:0;color:var(--account-muted);font:12px/1.5 inherit;cursor:pointer;user-select:text}.account-id svg{width:13px!important;height:13px!important}.account-id:hover{color:var(--account-text)}
.account-member-card{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;padding:15px 12px;border:1px solid var(--account-line);border-radius:12px;background:var(--account-card)}.account-member-card strong,.account-member-card small{display:block}.account-member-card small{margin-top:4px;font-size:11px}
.account-surface .account-small-button{padding:6px 10px;border:1px solid var(--account-line);border-radius:20px;background:var(--account-bg);color:var(--account-text);font-size:11px;white-space:nowrap;cursor:pointer}
.account-credit-card{border:1px solid var(--account-line);border-radius:12px;padding:14px 12px}.account-credit-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.account-credit-top strong{font-size:17px;font-variant-numeric:tabular-nums}.account-credit-card a{color:var(--account-text);text-decoration:none;font-size:12px}.account-credit-card>a{color:var(--account-muted);font-size:11px}
.account-muted{color:var(--account-muted);font-size:12px;line-height:1.8}.account-menu-nav{display:flex;flex-direction:column;gap:3px;padding-top:10px}
.account-surface .account-row{width:100%;display:flex;align-items:center;gap:11px;min-height:43px;margin:0;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--account-text);text-align:left;font:13px/1.5 Inter,"Microsoft YaHei UI",sans-serif;cursor:pointer;text-decoration:none;box-sizing:border-box}
.account-surface button.account-row:hover{background:var(--account-hover)}.account-surface .account-row svg{color:var(--account-muted)}.account-surface .account-logout{margin-top:7px;border-top:1px solid var(--account-line);border-radius:0 0 9px 9px;padding-top:12px}
.account-surface .account-theme-row{cursor:default}.account-theme-switch{margin-left:auto;display:flex;gap:2px;padding:3px;background:var(--account-card);border-radius:20px}
.account-surface .account-icon-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px;width:auto;height:29px;border:0;border-radius:50%;background:transparent;color:var(--account-muted);cursor:pointer}.account-icon-button>span:empty{display:none}.account-theme-switch .account-icon-button{width:29px}.account-surface .account-icon-button[aria-pressed=true]{background:var(--account-hover);color:var(--account-text);box-shadow:0 1px 3px #0002}.account-icon-button:disabled{opacity:.5;cursor:wait}
.account-surface :is(.account-profile-trigger,.account-row,.account-header-button,.account-small-button,.account-id,.account-icon-button,.account-primary,.account-secondary):focus-visible{outline:2px solid var(--account-text);outline-offset:3px}
.account-dialog{background:var(--account-bg);color:var(--account-text);border:1px solid var(--account-line);border-radius:20px;padding:24px;width:440px;max-width:calc(100vw - 32px);max-height:85vh;overflow:auto;box-sizing:border-box;box-shadow:0 24px 80px #0007}.account-dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}
.account-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.account-dialog h2{font-size:19px;margin:0}.account-dialog h3{font-size:20px;margin:12px 0 8px}.account-dialog-heading .account-icon-button{font-size:11px;border-radius:6px}.account-dialog-mark{margin-top:8px;font-size:40px;color:var(--account-muted)}
.account-surface .account-primary,.account-surface .account-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 17px;border:1px solid var(--account-line);border-radius:9px;background:var(--account-text);color:var(--account-bg);font-size:13px;cursor:pointer;text-decoration:none}.account-surface .account-secondary{background:var(--account-card);color:var(--account-text)}.account-dialog>.account-primary{margin-top:14px}
.account-watermark-preview{height:160px;display:flex;align-items:flex-end;justify-content:flex-end;padding:18px;border-radius:12px;background:linear-gradient(135deg,#43434b,#1f1f24);color:#fff}.account-watermark-preview span{font-size:16px;text-shadow:0 1px 3px #000;padding:5px 9px;background:#0005;border-radius:4px}
.account-watermark-control{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;font-size:14px}.account-watermark-control input{width:34px;height:20px;accent-color:#666}.account-setting-status{min-height:22px;font-size:12px;color:var(--account-muted)}
.account-notification{display:flex;flex-direction:column;gap:5px;padding:14px 0;border-bottom:1px solid var(--account-line);text-decoration:none;color:var(--account-text)}.account-notification strong{font-size:13px}.account-empty{padding:24px 0 0;text-align:center;font-size:15px}.account-empty+.account-muted{text-align:center}
.account-center-card{padding:24px;border:1px solid var(--account-line);background:var(--account-bg);border-radius:16px;max-width:650px}.account-center-card .account-avatar{width:58px;height:58px}.account-center-card .account-name{font-size:21px}.account-details{display:grid;grid-template-columns:120px 1fr;gap:15px;margin-top:20px;font-size:13px}.account-details dt{color:var(--account-muted)}.account-details dd{margin:0;color:var(--account-text)}.account-center-actions{display:flex;gap:10px;margin:20px 0}.account-center-actions+.account-theme-row,.account-settings-link{max-width:650px!important;border-bottom:1px solid var(--account-line)!important}.account-security{max-width:650px;margin:25px 0}.account-security summary{padding:15px 0;color:var(--account-muted);cursor:pointer}
.account-surface :is(.projects-topbar,.asset-header){flex-wrap:wrap;gap:18px}.account-surface .platform-nav{flex-wrap:wrap}
/* Personal light mode is scoped to this surface; canvas/chat never load this file. */
body.account-surface[data-account-theme=light]{--bg:#f5f5f5;--panel:#fff;--panel-soft:#eee;--stroke:#dcdcdf;--text:#202024;--muted:#717178;--teal:#575760;--studio-bg:#f5f5f5;--studio-panel:#fff;--studio-raised:#eee;--studio-line:#ddd;--studio-text:#202024;--studio-muted:#717178;--studio-accent:#444;background:#f5f5f5!important;color:#202024!important}
.account-surface[data-account-theme=light] :is(.main-shell,.hero,.creator-home-layout,.projects-app,.asset-app){background:#f5f5f5;color:#202024}
.account-surface[data-account-theme=light] :is(.sidebar,.composer,.platform-nav,.platform-tile,.platform-job-card,.platform-dialog,.project-card,.project-info,.asset-card,.asset-info,.folder-sidebar,.resource-dropdown,.conversation-popover,.custom-preferences-popover,.history-action-menu,.history-edit-dialog,.home-loading-composer,.toast,.platform-message){background:#fff!important;color:#202024!important;border-color:#dedee2!important;box-shadow:none}
.account-surface[data-account-theme=light] :is(.hero-copy h1,.hero-copy p,.home-loading h1,.content-heading h2,.library-section-head h2,.project-info h3,.asset-info strong,.account-name,.account-details dd,.model-poster h3){color:#25252b}
.account-surface[data-account-theme=light] :is(.account-actions>.header-link,.resource-menu>summary,.home-workspace-tabs,.upload-tile,.platform-button,.platform-account-link,.platform-input,.input-shell,.toolbar-button,.project-search,.asset-search,.upload-button,.project-menu,.asset-menu,.project-dialog,.asset-confirm,.dialog-button,.confirm-button,.source-tab,.conversation-model-option,.studio-param-choice,.studio-ratio,.composer-tools button,.mode-trigger,.home-history-search,.home-history-filter,.project-menu-trigger){background:#f1f1f3!important;color:#37373f!important;border-color:#d8d8dd!important}
.account-surface[data-account-theme=light] :is(.nav-item.active,.folder-filter.active,.filter-tab.active,.home-workspace-tab.selected,.source-tab.active,.studio-param-choice.selected,.studio-ratio.selected,.history-row:hover,.account-row:hover){background:#e5e5e9!important;color:#16161a!important}
.account-surface[data-account-theme=light] :is(input,textarea,select,[contenteditable=true]){color:#25252b!important;caret-color:#25252b}.account-surface[data-account-theme=light] :is(.platform-input,input:not([type=checkbox]):not([type=range]),textarea,select){background:#f8f8f9!important;border-color:#d8d8dd!important}
.account-surface[data-account-theme=light] :is(.composer-input,.composer-foot,.home-workspace-row,.home-library-section,.library-head,.folder-divider,.platform-table th,.platform-table td){border-color:#dedee2!important}.account-surface[data-account-theme=light] :is(.nav-item,.folder-filter,.home-history-row,.history-row,.history-title,.header-link,.back-link,.platform-nav a,.eyebrow,.breadcrumb,.asset-action,.media-tab,.home-workspace-tab,.prompt-placeholder){color:#64646d}
.account-surface[data-account-theme=light] :is(.submit-button,.dialog-button.primary){background:#25252b!important;color:#fff!important}.account-surface[data-account-theme=light] :is(.brand-full,.brand-symbol,.site-full-brand,.platform-nav>a>img){filter:invert(1)}
.account-surface[data-account-theme=light] img[src$="/brand/logo.svg"],.account-surface[data-account-theme=light] img[src$="/brand/mark.svg"]{filter:brightness(.12)!important}
body.account-surface[data-account-theme=light] :is(.live-model-card,.live-model-card:nth-child(even),.home-project-card,.home-project-info,.composer-mode-menu,.home-tool-popover){background:#fff!important;border-color:#dedee2!important;color:#25252b!important}
body.account-surface[data-account-theme=light] :is(.live-model-card h3,.model-section h2,.home-library-section h2,.home-project-info,.composer-mode-menu button){color:#25252b!important}
body.account-surface[data-account-theme=light] :is(.live-model-card .platform-button,.library-section-actions a,.library-section-actions button,.home-workspace-tab.selected,.canvas-create-button){background:#e9e9ed!important;color:#33333b!important;border-color:#d8d8dd!important}
body.account-surface[data-account-theme=light] :is(.model-section,footer,.home-canvas-link){border-color:#dedee2!important}
body.account-surface[data-account-theme=light] :is(h1,h2,h3,h4){color:#25252b!important;text-shadow:none!important}
.account-surface :is(.account-header-button,.account-profile-trigger,.account-id){font-family:inherit;font-size:12px;line-height:1.4}
@media(max-width:1100px){.account-trigger-name{display:none}.account-surface .topbar{padding-left:20px!important;padding-right:20px!important}.account-surface .account-actions{gap:7px}.account-surface .account-header-button{padding:0 10px}.account-surface .platform-nav{gap:12px}}
@media(max-width:650px){.account-surface .topbar{height:auto!important;min-height:68px;flex-wrap:wrap;padding:12px!important;gap:10px}.account-surface .breadcrumb{display:none}.account-surface .account-actions{width:100%;gap:6px;justify-content:flex-end}.account-surface .account-actions .support-link{padding:0 9px;min-width:0}.account-surface .support-link span{display:none}.account-surface .account-actions .resource-menu>summary{min-width:0;padding:0 9px;font-size:11px}.account-surface .account-header-button{height:34px;padding:0 9px;font-size:11px}.account-surface .account-balance-entry{min-width:54px}.account-surface .account-profile-trigger{height:34px}.account-surface .account-profile-trigger>.account-avatar{width:28px;height:28px}.account-surface .account-profile-trigger>svg{display:none}.account-profile-menu{right:12px!important;width:338px}.account-surface .platform-nav .account-actions{border-top:1px solid var(--account-line);padding-top:12px}.account-details{grid-template-columns:86px 1fr}.account-center-card{padding:18px}.account-center-card .account-name{font-size:16px}.account-center-card .account-avatar{width:42px;height:42px}}

/* Membership styling follows the existing server wallet status only. */
.account-surface{--member-gold:#e5bd79;--member-ink:#f3d8a6;--member-panel:#302619;--member-border:#715936}
.account-surface[data-account-theme=light]{--member-gold:#a87528;--member-ink:#704b19;--member-panel:#fff5df;--member-border:#dec593}
.account-surface .account-member-entry>svg,.account-member-title>svg{color:var(--member-gold);fill:color-mix(in srgb,var(--member-gold) 14%,transparent);stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.account-surface .account-member-entry.is-member{color:var(--member-ink);border-color:var(--member-border);background:linear-gradient(115deg,var(--member-panel),var(--account-card))}
.account-surface .account-member-card.is-member{border-color:var(--member-border);background:linear-gradient(115deg,var(--member-panel),var(--account-card));color:var(--member-ink)}
.account-surface .account-member-title{display:flex;align-items:center;gap:7px}
.account-member-title>svg{width:19px;height:19px;flex:none}
.account-member-card.is-member .account-small-button{color:var(--member-ink);border-color:var(--member-border);background:var(--member-panel)}
.account-member-card.is-member .account-muted{color:var(--member-ink);opacity:.8}
.account-surface .account-profile-trigger{flex-shrink:0}
.account-surface .account-profile-trigger .account-avatar{flex-shrink:0;display:grid;place-items:center;line-height:1}
.account-surface .account-avatar>svg{display:block;flex:none}

.announcement-image{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:12px;margin:12px 0}
.home-official-notices{padding:20px 0}.home-official-notices h2{font-size:18px}.home-official-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.home-official-list button{text-align:left;border:1px solid #5555;background:#7771;color:inherit;border-radius:14px;padding:14px;cursor:pointer}.home-official-list img{width:100%;height:130px;object-fit:cover;border-radius:8px;margin-bottom:10px}.home-official-list strong{display:block;margin-bottom:8px}
