/* Website surfaces. Native dropdowns reuse the same selectors and runtime. */
html.honwu-web[data-theme=light] .brand-home,html[data-theme=light] body.hw-site{--hw-muted:#66665d;--hw-success:#25633d;--hw-danger:#a42e36;--hw-info:#246778;--hw-code:#334851;--hw-code-bg:#f1f3f1;--hw-soft:#f4f3ee;--hw-glow:rgba(170,132,57,.12);--hw-glow-edge:rgba(163,119,34,.4)}
html.honwu-web[data-theme=dark] .brand-home,html[data-theme=dark] body.hw-site{--hw-success:#a0d5ad;--hw-danger:#f49a9e;--hw-info:#97cddc;--hw-code:#d5e2df;--hw-code-bg:#202523;--hw-soft:#20221e;--hw-glow:rgba(225,205,144,.10);--hw-glow-edge:rgba(226,205,141,.35)}
html .brand-shell{--accent:var(--hw-gold);--success:var(--hw-success);--danger:var(--hw-danger)}
html .admin-brand-shell .admin-license-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
html .admin-brand-shell .membership-tier-tabs{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
html .admin-brand-shell .membership-tier-tabs button[aria-pressed=true]{border-color:var(--hw-gold);color:var(--hw-gold)}
html .admin-brand-shell .admin-license-products>article{display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid var(--hw-line);border-radius:18px;background:var(--hw-panel);color:var(--hw-text);box-shadow:none}
html .admin-brand-shell .admin-license-products>article>div{display:flex;gap:14px;justify-content:space-between;background:transparent;border:0;padding:0}
html .admin-brand-shell .admin-license-products>article :is(label,small,span){color:var(--hw-muted)}
html .admin-brand-shell .admin-license-products>article label{flex:1;min-width:0;display:grid;gap:8px;background:transparent}
html .admin-brand-shell .admin-license-products>article .admin-check{display:flex;align-items:center}
html .admin-brand-shell .admin-license-products>article>button{width:100%;margin-top:auto}
html .admin-brand-shell .admin-license-products>article strong{font-family:HONWUBrandPixel,'Segoe UI',sans-serif;font-weight:400;color:var(--hw-gold)}
html .admin-brand-shell :is(.admin-log-list,.admin-activity-bars,.admin-plugin-picker,.admin-license-products,.admin-ai-summary,.admin-order-info,.smtp-test-result,.admin-announcement-card,.email-settings-card,.finance-settings-card,.commerce-settings,.translation-controls,.blog-editor,.blog-admin-list,.support-chat-workspace,.support-chat-settings,.support-chat-knowledge,.support-chat-thread){background:var(--hw-panel);color:var(--hw-text);border-color:var(--hw-line);box-shadow:none}
html .admin-brand-shell :is(.notice,.admin-notice,.admin-settings-help,.admin-help,.license-product,.plugin-release-box,.admin-backup-card,.admin-code-box){background:var(--hw-soft);border-color:var(--hw-line);color:var(--hw-text)}
html .admin-brand-shell :is(.enabled,.active-status,.success,.ok){color:var(--hw-success)}
html .admin-brand-shell :is(.disabled,.danger,.error,.failed){color:var(--hw-danger)}
html .admin-brand-shell :is(.admin-main,.admin-modal) :is(input,textarea,select){color:var(--hw-text);background:var(--hw-soft);border-color:var(--hw-line);color-scheme:inherit}
.hw-tier-badge{color:var(--hw-gold);font-size:11px;font-weight:600;white-space:nowrap}
.membership-tier-badge{display:inline-flex;margin-left:12px;padding:3px 9px;border:1px solid var(--hw-line);border-radius:7px;font:600 12px/1.4 'Segoe UI',sans-serif;color:var(--hw-gold);background:var(--hw-soft)}
@media(max-width:1100px){html .admin-brand-shell .admin-license-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){html .admin-brand-shell .admin-license-products{grid-template-columns:1fr}}
html .brand-shell :is(.ai-pricing-group,.ai-model-toolbar label,.ai-member-entry,.ai-key-create,.ai-key-unlock,.ai-new-key,.account-grid>article,.account-grid>section,.account-overview>article,.referral-bound,.referral-summary-grid article,.account-api-docs,.account-activity,.docs-models-table,.model-doc-card){background:var(--hw-panel);border-color:var(--hw-line);color:var(--hw-text);box-shadow:none}
html .brand-shell :is(.ai-pricing-heading,.ai-wallet-row article,.ai-key-list>article,.account-wallet-card,.account-shortcuts,.docs-endpoint,.docs-capability){background:var(--hw-soft);border-color:var(--hw-line);color:var(--hw-text)}
html .brand-shell :is(.ai-model-toolbar input,.ai-key-create input){background:transparent;color:var(--hw-text);min-width:0}
html .brand-shell .ai-model-toolbar label:focus-within{border-color:var(--hw-gold);box-shadow:0 0 0 3px var(--hw-focus)}
html .brand-shell .ai-model-toolbar input:focus{box-shadow:none!important;outline:none}
html .brand-shell .ai-pricing-group .pricing-freshness{margin:0;padding:12px 24px}
html .brand-shell :is(input,textarea)::placeholder{color:var(--hw-muted);opacity:1}
html .brand-shell .ai-model-toolbar button.active{background:color-mix(in srgb,var(--hw-gold) 10%,var(--hw-panel));color:var(--hw-gold);border-color:var(--hw-gold)}
html .brand-shell :is(.ai-pricing-note,.ai-pricing-heading span,.pricing-freshness,.pricing-unit,.pricing-empty,.pricing-extra,.pricing-amount dt,.ai-pagination,.ai-key-list small,.ai-key-list code,.ai-key-unlock small,.activity-help,.activity-expiry,.activity-history td small,.ai-empty,.account-card small,.referral-link-card small,.referral-history article span,.docs-capability,.docs-table td small){color:var(--hw-muted)}
html .brand-shell .pricing-table-scroll{background:var(--hw-panel);scrollbar-color:var(--hw-line) var(--hw-panel)}
html .brand-shell :is(.pricing-table td,.pricing-table th){border-color:var(--hw-line);color:var(--hw-text)}
html .brand-shell :is(.pricing-table thead th,.activity-history thead th){background:var(--hw-soft);color:var(--hw-muted)}
html .brand-shell .pricing-table tbody th{background:transparent}
html .brand-shell .pricing-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--hw-soft) 50%,var(--hw-panel))}
html .brand-shell .pricing-table tbody tr:hover{background:color-mix(in srgb,var(--hw-gold) 7%,var(--hw-panel))}
html .brand-shell .pricing-table code{color:var(--hw-text)}
html .brand-shell :is(.pricing-table .pricing-amount,.ai-pricing-heading a,.pricing-details summary,.docs-price,.docs-model-link,.ai-key-list>article>svg,.ai-new-key code,.ai-key-unlock a){color:var(--hw-gold);border-color:var(--hw-line)}
html .brand-shell .ai-pricing-heading a:hover{background:var(--hw-soft);border-color:var(--hw-gold)}
html .brand-shell :is(.ai-key-list>article>i.active,.activity-status.completed,.referral-bound){color:var(--hw-success);background:color-mix(in srgb,var(--hw-success) 9%,var(--hw-panel))}
html .brand-shell :is(.activity-status.failed,.ai-key-list>article>i.revoked){color:var(--hw-danger);background:color-mix(in srgb,var(--hw-danger) 8%,var(--hw-panel))}
html .brand-shell .activity-status:not(.completed):not(.failed){color:var(--hw-info);background:color-mix(in srgb,var(--hw-info) 8%,var(--hw-panel))}
html .brand-shell :is(button.danger,.danger-text,.form-error,[role=alert]){color:var(--hw-danger)}
html .brand-shell .activity-history :is(th,td){border-color:var(--hw-line)}
html .brand-shell .activity-history button{color:var(--hw-gold);background:var(--hw-soft);border-color:var(--hw-line)}
html .brand-shell .ai-key-list article{padding:18px 16px;border:1px solid var(--hw-line);border-radius:12px}
html .brand-shell .ai-key-list strong{color:var(--hw-text)}
html .brand-shell .ai-key-create input{padding:12px 14px}
html .brand-shell :is(.ai-console-grid>section,.ai-history){padding:clamp(18px,2.3vw,30px)}
html .brand-shell .docs-layout aside{padding:26px 18px 32px;border:1px solid var(--hw-line);border-radius:16px}
html .brand-shell .docs-sidebar :is(summary,a,strong){line-height:1.65}
html .brand-shell .docs-sidebar summary{padding:9px 10px;color:var(--hw-text)}
html .brand-shell .docs-sidebar a{padding:8px 10px}
html .brand-shell :is(.docs-code,pre){padding:24px 28px;background:var(--hw-code-bg);color:var(--hw-code);border-color:var(--hw-line);overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;tab-size:2}
html .brand-shell pre>code{display:block;padding:0;background:none;color:inherit;font:inherit}
html .brand-shell :is(.docs-model-search,.docs-search,.docs-field-table,.docs-models-table){background:var(--hw-panel);color:var(--hw-text);border-color:var(--hw-line)}
html .brand-shell :is(.docs-field-table td,.docs-field-table th,.docs-model-list span,.docs-endpoint code,.docs-method,.docs-sidebar em){color:var(--hw-text);border-color:var(--hw-line)}
html .brand-shell .docs-sidebar em{color:var(--hw-success)}
html .brand-shell .docs-sidebar em.post{color:var(--hw-info)}
html .brand-shell .docs-errors{padding:12px;gap:10px}
html .brand-shell .docs-errors span{border-color:var(--hw-line)}
html .brand-shell .docs-errors b{color:var(--hw-danger)}
html .brand-shell .docs-layout p code{padding:3px 7px;box-decoration-break:clone;-webkit-box-decoration-break:clone;overflow-wrap:anywhere}
/* Use the exact existing download material/orbit for non-download actions too. */
html :is(.brand-home,.hw-site) .hw-action-comet.hw-download.hw-comet{position:relative;display:inline-flex;align-items:center;justify-content:center;height:48px;min-height:48px;padding:0 22px;gap:12px;width:max-content;max-width:100%;font-size:15px;font-weight:600;line-height:1.5;color:var(--hw-text);text-decoration:none;cursor:pointer;overflow:hidden;isolation:isolate}
html :is(.brand-home,.hw-site) .hw-action-comet svg{width:18px;height:18px}
/* Sharpen pixel glyphs: no wide text shadow or persistent transform rasterization. */
html.honwu-web .brand-home .evolve-headline,html.honwu-web .brand-home .evolve-headline span{filter:none;text-shadow:none;will-change:auto}
/* Keep the video visible, but separate pixel strokes from bright moving frames. */
html.honwu-web .brand-home .evolve-hero .evolve-shade{background:radial-gradient(ellipse 58% 32% at 50% 28%,#080a12b3 0%,#080a1280 42%,transparent 100%),linear-gradient(180deg,#06091422,transparent 35%,#080a1277)}
/* Header popovers share one implementation across React and server-rendered pages. */
/* Admin workspaces use one content surface per selected section. */
html .brand-shell .admin-main{min-width:0;padding:30px clamp(18px,3vw,44px);max-width:1800px}
html .brand-shell .admin-main>header{align-items:center;gap:20px;margin-bottom:24px}
html .brand-shell .admin-main>header p{color:var(--hw-muted);margin-bottom:0}
html .brand-shell .admin-main>.admin-section{border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}
html .brand-shell .admin-main>.settings-stack,html .brand-shell .admin-main>.finance-section{display:block}
html .brand-shell .admin-panel-deck{display:grid;gap:22px;min-width:0}
html .brand-shell .admin-section-tabs{display:flex;gap:8px;overflow-x:auto;padding:0 0 12px;border-bottom:1px solid var(--hw-line);scrollbar-width:thin;scrollbar-color:var(--hw-line) transparent}
html .brand-shell .admin-section-tabs button{flex:0 0 auto;padding:10px 18px;min-height:40px;width:auto;border:1px solid var(--hw-line);border-radius:10px;background:var(--hw-panel);color:var(--hw-muted);font:500 14px/1.5 Inter,'Segoe UI',sans-serif;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}
html .brand-shell .admin-section-tabs button[aria-selected=true]{background:color-mix(in srgb,var(--hw-gold) 10%,var(--hw-panel));color:var(--hw-gold);border-color:var(--hw-gold)}
html .brand-shell .admin-panel-deck>[role=tabpanel]{padding:24px;border:1px solid var(--hw-line);border-radius:16px;background:var(--hw-panel);min-width:0;outline-offset:5px}
html .brand-shell .admin-panel-deck>[role=tabpanel][hidden]{display:none!important}
html .brand-shell .admin-panel-deck>[role=tabpanel]>:is(.settings-card,.operations-panel,.commerce-settings,.reconciliation-panel,.finance-tools){border:0;background:transparent;padding:0;box-shadow:none}
html .brand-shell .admin-main :is(.settings-card,.api-doc-card,.growth-rule-card,.operations-panel,.admin-plugin-grid>article,.admin-metrics>article,.server-info-card,.translation-settings,.translation-automation,.seo-settings,.support-message,.blog-editor,.blog-list,.admin-model-table-panel,.admin-model-group,.admin-modal){background:var(--hw-panel);color:var(--hw-text);border-color:var(--hw-line);box-shadow:none}
html .brand-shell .admin-main :is(.settings-card,.email-settings-card){display:grid;grid-template-columns:1fr;gap:22px}
html .brand-shell .admin-main :is(.settings-card>div:first-child,.admin-section-title){min-width:0}
html .brand-shell .admin-main .settings-card>div:first-child{margin:0;padding:0;border:0}
html .brand-shell .admin-main .settings-card h2{margin:8px 0;font-size:24px}
html .brand-shell .admin-main .settings-card p{margin:8px 0 0;line-height:1.8;font-size:14px}
html .brand-shell .admin-main .settings-card .admin-fields{padding:0}
html .brand-shell .admin-main .admin-metrics{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));margin-bottom:24px}
html .brand-shell .admin-main .admin-section-title{margin-bottom:18px;align-items:center}
html .brand-shell .admin-main .admin-search{display:flex;align-items:center;gap:8px;background:var(--hw-panel);border:1px solid var(--hw-line);border-radius:12px;padding:5px 6px 5px 13px}
html .brand-shell .admin-main .admin-search svg{color:var(--hw-muted)}
html .brand-shell .admin-main .admin-search input{background:transparent;border:0;padding:8px 5px;min-width:150px;max-width:240px}
html .brand-shell .admin-main .admin-search input:focus{box-shadow:none}
html .brand-shell .admin-main .user-cell strong{color:var(--hw-text)}
html .brand-shell .admin-main :is(.blog-editor-top a,.seo-links a,.blog-notice){color:var(--hw-gold)}
html .brand-shell .admin-main .blog-editor label{color:var(--hw-muted)}
html .brand-shell .admin-main .blog-admin-list button{display:flex;flex-direction:column;align-items:start;justify-content:start;height:auto;min-height:88px;padding:16px;text-align:left;background:var(--hw-soft);color:var(--hw-text)}
html .brand-shell .admin-main .blog-admin-list button[aria-pressed=true]{border-color:var(--hw-gold);background:color-mix(in srgb,var(--hw-gold) 8%,var(--hw-panel))}
html .brand-shell .admin-app :is(.admin-login,.admin-login-card,.admin-modal){background:var(--hw-panel);color:var(--hw-text);border-color:var(--hw-line)}
html .brand-shell .admin-app :is(.admin-login-card,.admin-modal) :is(label,p,small){color:var(--hw-muted)}
html .brand-shell .admin-app :is(.admin-login-card,.admin-modal) :is(input,textarea){background:var(--hw-soft);color:var(--hw-text);border:1px solid var(--hw-line);border-radius:10px;padding:11px 13px}
html .brand-shell .admin-app :is(.admin-login-card,.admin-modal) .hw-admin-action.hw-download.hw-comet{position:relative;display:inline-flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;width:auto;height:38px;min-height:38px;padding:0 16px;font-size:13px;border:0;background:linear-gradient(90deg,#aa99ff22,#0099e522);color:var(--hw-text)}
html .brand-shell .admin-app>.admin-notice{background:var(--hw-panel);color:var(--hw-text);border:1px solid var(--hw-line);box-shadow:0 10px 30px #0002}
html .brand-shell .admin-main :is(.admin-metrics,.admin-form-grid,.settings-grid,.admin-fields){gap:16px}
html .brand-shell .admin-main :is(.admin-metrics strong,.admin-model-price>strong,.admin-model-table-panel code,.server-browser-path,.server-folder,.license-mini,.api-rules code,.growth-points,.membership-active){color:var(--hw-gold)}
html .brand-shell .admin-main :is(p,small,.admin-fields label,.admin-form-grid label,.settings-grid label,.admin-section-title span,.admin-section-title small,.api-rules strong,.finance-help,.admin-check,.admin-plugin-grid footer>span){color:var(--hw-muted)}
html .brand-shell .admin-main :is(input,select,textarea){background:var(--hw-soft);color:var(--hw-text);border:1px solid var(--hw-line);border-radius:10px;padding:11px 13px;font:400 14px/1.6 Inter,'Segoe UI',sans-serif;min-width:0;box-shadow:none;transition:border-color .2s,box-shadow .2s}
html .brand-shell .admin-main :is(label,p){font-size:13px;line-height:1.8}
html .brand-shell .admin-main .admin-plugin-grid{grid-template-columns:1fr}
html .brand-shell .admin-main .admin-plugin-picker{display:flex;align-items:center;gap:16px;margin-bottom:8px}
html .brand-shell .admin-main .admin-plugin-picker select{width:min(540px,100%)}
html .brand-shell .admin-main :is(input,select,textarea):focus{outline:0;border-color:var(--hw-gold);box-shadow:0 0 0 3px var(--hw-focus)}
html .brand-shell .admin-main select{cursor:pointer;color-scheme:inherit}
html .brand-shell .admin-main :is(input[type=checkbox],input[type=radio]){accent-color:var(--hw-gold);width:18px;height:18px;padding:0;flex:none}
html .brand-shell .admin-main .admin-fields>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html .brand-shell .admin-main :is(button,.button){width:auto;max-width:100%;border-color:var(--hw-line);color:var(--hw-text);border-radius:10px;background:var(--hw-soft);cursor:pointer}
html .brand-shell .admin-main .hw-admin-action.hw-download.hw-comet{display:inline-flex;position:relative;isolation:isolate;overflow:hidden;align-items:center;justify-content:center;gap:7px;height:38px;min-height:38px;padding:0 16px;font:600 13px/1.5 Inter,'Segoe UI',sans-serif;letter-spacing:0;color:var(--hw-text);background:linear-gradient(90deg,#aa99ff22,#0099e522);border:0;box-shadow:none}
html .brand-shell .admin-main .hw-admin-action.hw-download.hw-comet:hover{background:linear-gradient(90deg,#aa99ff40,#0099e540)}
html .brand-shell .admin-main .hw-admin-action.hw-download.hw-comet.active{color:var(--hw-gold);background:color-mix(in srgb,var(--hw-gold) 12%,var(--hw-panel))}
html .brand-shell .admin-main .hw-admin-action.hw-download.hw-comet.danger{color:var(--hw-danger);background:color-mix(in srgb,var(--hw-danger) 8%,var(--hw-panel))}
html .brand-shell .admin-main .ai-connection-results .ok :is(strong,span){color:var(--hw-success)}
html .brand-shell .admin-main .ai-connection-results .fail :is(strong,span){color:var(--hw-danger)}
html .brand-shell .admin-main .hw-admin-action svg{width:15px;height:15px;flex:none}
html .brand-shell .admin-main button:disabled{opacity:.45;cursor:not-allowed;transform:none}
html .brand-shell .admin-main button:disabled:after{animation:none;opacity:.2}
html .brand-shell .admin-main :is(button.danger,.admin-error,.email-warning,.ai-connection-results .fail,.order-status.cancelled,.order-status.refunded,.user-status.disabled,.user-status.banned){color:var(--hw-danger);background:color-mix(in srgb,var(--hw-danger) 7%,var(--hw-panel));border-color:color-mix(in srgb,var(--hw-danger) 25%,var(--hw-line))}
html .brand-shell .admin-main :is(.interest,.user-status.active,.order-status.paid,.ai-connection-results .ok,.admin-model-enabled,.admin-model-status.enabled){color:var(--hw-success);background:color-mix(in srgb,var(--hw-success) 8%,var(--hw-panel));border-color:var(--hw-line)}
html .brand-shell .admin-main :is(.status-dot.on,.toggle input:checked+i:after){background:var(--hw-success);box-shadow:none}
html .brand-shell .admin-main .toggle input:checked+i{background:color-mix(in srgb,var(--hw-success) 18%,var(--hw-panel))}
html .brand-shell .admin-main :is(.admin-table-wrap,.ai-model-table-wrap,.ops-file-list,.ai-connection-results>article,.api-rules>div,.email-test,.membership-code-result,.blog-toolbar,.server-browser-toolbar select){background:var(--hw-soft);color:var(--hw-text);border-color:var(--hw-line)}
html .brand-shell .admin-main :is(th,td){color:var(--hw-text);border-color:var(--hw-line);padding:14px 16px}
html .brand-shell .admin-main th{color:var(--hw-muted);background:var(--hw-soft);font:500 12px/1.6 Inter,'Segoe UI',sans-serif;letter-spacing:0}
html .brand-shell .admin-main table{background:var(--hw-panel);border-collapse:collapse}
html .brand-shell .admin-main .ai-model-toolbar{align-items:start;gap:16px;flex-wrap:wrap;background:transparent;padding:8px 0 18px}
html .brand-shell .admin-main .admin-model-workspace{text-align:left}
html .brand-shell .admin-main .admin-model-workspace>.admin-section-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-align:left;gap:18px}
html .brand-shell .admin-main .admin-model-workspace .ai-model-actions{width:auto;flex:none}
html .brand-shell .admin-main .admin-model-table-panel{border:0;padding:0;background:transparent}
html .brand-shell .admin-main .admin-model-table-scroll{border-color:var(--hw-line);scrollbar-color:var(--hw-line) var(--hw-panel);background:var(--hw-panel)}
html .brand-shell .admin-main .admin-model-search{background:var(--hw-soft);border-color:var(--hw-line);padding:0 12px}
html .brand-shell .admin-main .admin-model-table-panel .admin-model-search input{background:transparent;box-shadow:none}
html .brand-shell .admin-main .admin-model-table tbody :is(td,th){background:var(--hw-panel)}
html .brand-shell .admin-main .admin-model-table tbody tr:nth-child(even) :is(td,th){background:color-mix(in srgb,var(--hw-soft) 45%,var(--hw-panel))}
html .brand-shell .admin-main .admin-model-table tbody tr:hover :is(td,th){background:color-mix(in srgb,var(--hw-gold) 6%,var(--hw-panel))}
html .brand-shell .admin-main .admin-model-table tbody th code{color:var(--hw-gold)}
html .brand-shell .admin-main .admin-model-table caption{color:var(--hw-muted)}
html .brand-shell .admin-main .admin-model-table-panel input[role=switch]{width:34px;height:20px;padding:0;background:var(--hw-soft);border-color:var(--hw-line)}
html .brand-shell .admin-main .admin-model-table-panel input[role=switch]:checked{background:var(--hw-success);border-color:var(--hw-success)}
html .brand-shell .admin-main .admin-model-table-panel input[role=switch]:after{background:var(--hw-muted)}
html .brand-shell .admin-main .admin-model-table-panel input[role=switch]:checked:after{background:var(--hw-panel)}
html .brand-shell .admin-main .ai-batch-actions{flex-wrap:wrap;gap:8px}
html .brand-shell .admin-save-bar{display:flex;justify-content:flex-end;margin-top:20px}
html .brand-shell .admin-users-table small{display:block;margin-top:5px;line-height:1.6}
html .brand-shell .admin-users-table table{min-width:1100px}
html .brand-shell .admin-users-table td{vertical-align:top}
html .brand-shell .admin-users-table .admin-records-button{margin-top:8px}
html .brand-shell .admin-user-dialog{width:min(1050px,calc(100vw - 36px));max-height:86dvh;background:var(--hw-panel);color:var(--hw-text);border:1px solid var(--hw-line);border-radius:20px;padding:26px;box-shadow:0 24px 90px #0004;overflow:auto}
html .brand-shell .admin-user-dialog::backdrop{background:#10130d66;backdrop-filter:blur(7px)}
html .brand-shell .admin-user-dialog>header{display:flex;justify-content:space-between;gap:20px;align-items:start}
html .brand-shell .admin-user-dialog h2{margin:0}
html .brand-shell .admin-user-dialog small{display:block;overflow-wrap:anywhere;line-height:1.6}
html .brand-shell .admin-user-dialog table{min-width:700px}
html .brand-shell .admin-device-help{line-height:1.8;font-size:13px;margin-block:20px}
/* Match the account toolbar height and restore order-list surfaces. */
html .brand-shell .account-title-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
html .brand-shell .account-title-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0}
html .brand-shell .account-title-actions>:is(.hw-action-comet,.account-member-chip){height:36px;min-height:36px;padding:0 13px;font-size:13px;line-height:1.5;border-radius:9px;display:inline-flex;gap:7px;align-items:center;justify-content:center;white-space:nowrap}
html .brand-shell .account-title-actions>.hw-action-comet.hw-download.hw-comet{height:36px;min-height:36px;padding:0 13px;font-size:13px;line-height:1.5;border-radius:9px;background:linear-gradient(90deg,#aa99ff22,#0099e522);color:var(--hw-text)}
html .brand-shell .account-title-actions>.hw-action-comet.hw-download.hw-comet:hover{background:linear-gradient(90deg,#aa99ff40,#0099e540)}
html .brand-shell .account-title-actions svg{width:15px;height:15px}
html .brand-shell .account-title-actions .account-member-chip{border:1px solid var(--hw-line)}
html .brand-shell .account-hello-copy{flex:1;min-width:0}
html .brand-shell .order-list>article{background:var(--hw-soft);border:1px solid var(--hw-line);color:var(--hw-text);border-radius:12px;padding:18px 20px}
html .brand-shell .order-list :is(strong,b){color:var(--hw-text)}
html .brand-shell .order-list span{color:var(--hw-muted)}
html .brand-shell .order-list i.paid{color:var(--hw-success);background:color-mix(in srgb,var(--hw-success) 8%,var(--hw-panel))}
html .brand-shell .order-list i:is(cancelled,refunded),html .brand-shell .order-list :is(i.cancelled,i.refunded){color:var(--hw-danger);background:color-mix(in srgb,var(--hw-danger) 8%,var(--hw-panel))}
html .brand-shell .order-list i.pending{color:var(--hw-gold);background:color-mix(in srgb,var(--hw-gold) 8%,var(--hw-panel))}
html .brand-shell .activity-key{min-width:130px;max-width:190px}
html .brand-shell .activity-key :is(strong,small){display:block;overflow-wrap:anywhere;line-height:1.65}
@media(max-width:850px){html .brand-shell .admin-main{padding:20px 16px}html .brand-shell .admin-panel-deck>[role=tabpanel]{padding:18px}html .brand-shell .admin-main .admin-fields>div{grid-template-columns:1fr}html .brand-shell .admin-user-dialog{padding:18px}html .brand-shell .account-title-actions{width:100%}}
html :is(.brand-home,.hw-site) :is(.hw-language,.hw-theme){position:relative;gap:0}
html :is(.brand-home,.hw-site) [data-choice-enhanced]>:is(svg,span[aria-hidden],select){display:none!important}
html :is(.brand-home,.hw-site) .hw-choice{display:inline-flex;position:relative}
html :is(.brand-home,.hw-site) .hw-choice-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 9px;min-height:36px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--hw-text);font:400 12px/1.5 'Segoe UI',sans-serif;cursor:pointer;white-space:nowrap;box-shadow:none;transform:none}
html :is(.brand-home,.hw-site) .hw-choice-trigger>svg{width:17px;height:17px;flex-shrink:0;color:var(--hw-muted)}
html :is(.brand-home,.hw-site) .hw-choice-trigger:hover,html :is(.brand-home,.hw-site) .is-open>.hw-choice-trigger{background:var(--hw-soft);border-color:var(--hw-line)}
html :is(.brand-home,.hw-site) .hw-choice-arrow{width:6px;height:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:translateY(-2px) rotate(45deg);transition:transform .25s}
html :is(.brand-home,.hw-site) .is-open .hw-choice-arrow{transform:translateY(2px) rotate(225deg)}
html :is(.brand-home,.hw-site) .hw-choice-panel{position:absolute;z-index:240;top:calc(100% + 10px);right:0;display:grid;min-width:182px;width:max-content;max-width:min(270px,calc(100vw - 32px));max-height:calc(100dvh - 100px);overflow-y:auto;padding:8px;background:color-mix(in srgb,var(--hw-panel) 96%,transparent);border:1px solid var(--hw-line);border-radius:16px;box-shadow:0 16px 40px #181c231a,0 4px 10px #181c2308;backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-7px) scale(.97);transform-origin:top right;transition:opacity .2s,transform .32s cubic-bezier(.22,1,.36,1),visibility .2s;pointer-events:none}
html :is(.brand-home,.hw-site) .is-open>.hw-choice-panel{opacity:1;visibility:visible;transform:none;pointer-events:auto}
html :is(.brand-home,.hw-site) .hw-choice-option{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:var(--hw-text);font:400 13px/1.5 'Segoe UI',sans-serif;text-align:left;cursor:pointer;transform:none;box-shadow:none;transition:background .18s,color .18s}
html :is(.brand-home,.hw-site) .hw-choice-option:is(:hover,:focus-visible){background:var(--hw-soft);color:var(--hw-gold);transform:none;outline-offset:-2px;box-shadow:none}
html :is(.brand-home,.hw-site) .hw-choice-option[aria-selected=true]{background:color-mix(in srgb,var(--hw-gold) 9%,var(--hw-panel));color:var(--hw-gold);font-weight:600}
html :is(.brand-home,.hw-site) .hw-choice-option[aria-selected=true]:after{content:'✓';font:14px system-ui}
html .brand-shell .hw-form-choice{display:inline-flex;min-width:0;width:100%;position:relative;vertical-align:middle}
html .brand-shell .hw-form-choice .hw-choice{display:flex;width:100%;min-width:0}
html .brand-shell .hw-form-choice[data-choice-enhanced]>select{display:none!important}
html .brand-shell .hw-form-choice .hw-choice-trigger{width:100%;min-height:42px;padding:10px 13px;justify-content:space-between;border:1px solid var(--hw-line);background:var(--hw-soft);color:var(--hw-text);font:400 14px/1.6 Inter,'Segoe UI',sans-serif;min-width:0}
html .brand-shell .hw-form-choice .hw-choice-label{min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:left}
html .brand-shell .hw-form-choice .hw-choice-panel{z-index:300;min-width:182px;max-width:min(320px,calc(100vw - 32px))}
html .brand-shell .hw-form-choice .hw-choice-trigger[aria-invalid=true]{border-color:var(--hw-danger)}
/* Pointer-driven light is a background image, never an overlay over text or controls. */
html :is(.brand-home,.hw-site) .hw-spotlight{--hw-pointer-x:50%;--hw-pointer-y:50%;transition:box-shadow .25s,border-color .25s}
html :is(.brand-home,.hw-site) .hw-spotlight-active{background-image:radial-gradient(260px circle at var(--hw-pointer-x) var(--hw-pointer-y),var(--hw-glow),transparent 75%);border-color:var(--hw-glow-edge);box-shadow:inset 0 0 0 1px var(--hw-glow),0 8px 25px #10130d06}
html :is(.brand-home,.hw-site) :is(.hw-support-links>a,.docs-faq details):focus-visible{box-shadow:0 0 0 3px var(--hw-focus);outline:1px solid var(--hw-gold)}
@media(max-width:760px){html .brand-shell :is(.docs-code,pre){padding:18px}html :is(.brand-home,.hw-site) .hw-choice-trigger{padding:8px;gap:5px}html :is(.brand-home,.hw-site) .hw-theme .hw-choice-label{display:none}html :is(.brand-home,.hw-site) .hw-language .hw-choice-label{max-width:84px;overflow:hidden;text-overflow:ellipsis}html .brand-shell .docs-layout aside{max-height:420px}html .brand-shell .ai-key-list article{padding:14px}}
@media(prefers-reduced-motion:reduce){html :is(.brand-home,.hw-site) :is(.hw-choice-panel,.hw-choice-arrow,.hw-choice-option,.hw-spotlight){transition:none!important}html :is(.brand-home,.hw-site) .hw-choice-panel{transform:none!important}html :is(.brand-home,.hw-site) .hw-spotlight-active{background-image:none;box-shadow:none}}