/* Shared appearance preferences are independent of the selected interface. */
html[data-theme="light"] {
  color-scheme:light; --bg:#f7f8f4; --bg-elevated:#fff; --surface:#fff; --surface-2:#f0f3eb; --surface-3:#e5ebdd;
  --nav-bg:#f3f5ef; --line:#e0e5da; --line-strong:#cbd5bf; --text:#28312b; --muted:#657263; --muted-2:#74806f;
  --accent:#5b732d; --accent-strong:#486020; --accent-soft:#e9efdc; --accent-ink:#fff; --segment-active:#fff;
  --ok:#397547; --ok-soft:#e8f1e7; --err:#b84136; --err-soft:#f9e9e5; --warn:#94672e; --warn-soft:#f6eedc;
  --shadow:0 12px 36px #26351b08; --brand-filter:none;
}
html[data-theme="dark"] {
  color-scheme:dark; --bg:#171b1d; --bg-elevated:#202628; --surface:#202628; --surface-2:#272f2c; --surface-3:#333e35;
  --nav-bg:#161a1c; --line:#303934; --line-strong:#465143; --text:#f1f2ec; --muted:#abb5ac; --muted-2:#929e92;
  --accent:#c9e77c; --accent-strong:#d8ef9f; --accent-soft:#2d3826; --accent-ink:#28371d; --segment-active:#36402f;
  --ok:#a1d1a2; --ok-soft:#263a2a; --err:#f6a096; --err-soft:#422c2a; --warn:#e3c38b; --warn-soft:#393121;
  --shadow:0 14px 40px #0003; --brand-filter:brightness(1.65) saturate(.85);
}
html[data-theme] { --card:var(--surface); --ink:var(--text); --good:var(--ok); --bad:var(--err); }
html[data-theme] body { background:var(--bg); color:var(--text); }
html[data-theme] body>header { background:var(--surface); border-color:var(--line); }
html[data-theme] .brand img,html[data-theme] .brand-mark,html[data-theme] .console-nav-brand img { filter:var(--brand-filter); border-radius:0; object-fit:contain; background:transparent; box-shadow:none; }
html[data-theme] input,html[data-theme] textarea,html[data-theme] select { color:var(--text); background-color:var(--surface); border-color:var(--line); }
html[data-theme] .topbar,html[data-theme] .auth-card,html[data-theme] body>.card { background:var(--surface); color:var(--text); border-color:var(--line); }
html[data-theme] .console-sidebar .nav-tab.active { background:var(--accent-soft); color:var(--accent); }
html[data-theme] .console-sidebar .nav-tab:hover { background:var(--surface-2); color:var(--text); }
html[data-theme] .admin-wrap>nav.console-sidebar { background:var(--nav-bg); color:var(--muted); border-right:1px solid var(--line); }
html[data-theme] .console-nav-brand { color:var(--text); }
html[data-theme] .console-nav-brand small,html[data-theme] .console-sidebar .nav-group-label { color:var(--muted-2); }
html[data-theme] .console-sidebar .nav-tab { color:var(--muted); }
html[data-theme] .primary-btn { background:var(--accent); color:var(--accent-ink); }
html[data-theme] .topbar { border-color:var(--line); }
html[data-theme] .gen-card-user-message,html[data-theme] .gen-card-followup-prompt { background:var(--surface-2); color:var(--text); }
html[data-theme] .gen-card-user-message .gen-card-prompt,html[data-theme] .gen-card.is-history .gen-card-prompt,html[data-theme] .gen-card-user-message .gen-card-prompt-toggle { color:var(--text); }
html[data-theme] .gen-card-user-message .gen-card-reference figcaption { color:var(--muted); }
html[data-theme] .card .sub,html[data-theme] .card .back { color:var(--muted); }
html[data-theme] #login #submit { background:var(--accent); color:var(--accent-ink); }
.appearance-trigger { display:inline-flex!important; align-items:center; justify-content:center; gap:6px; flex:none!important; width:auto!important; min-width:34px; min-height:34px; margin:0!important; padding:6px 9px!important; border:1px solid var(--line)!important; border-radius:7px!important; color:var(--muted)!important; background:var(--surface)!important; font-family:inherit; font-size:12px; line-height:1.3; font-weight:500; box-shadow:none!important; cursor:pointer; }
.appearance-trigger svg { width:17px; height:17px; }
.appearance-trigger-label { font-size:12px; }
.appearance-floating { position:fixed!important; top:max(18px,env(safe-area-inset-top)); right:max(18px,env(safe-area-inset-right)); z-index:90; }
.appearance-panel { position:fixed; z-index:3000; top:max(64px,calc(env(safe-area-inset-top) + 52px)); right:max(18px,env(safe-area-inset-right)); width:min(320px,calc(100vw - 32px)); padding:21px; border:1px solid var(--line-strong); border-radius:12px; background:var(--bg-elevated); color:var(--text); box-shadow:0 20px 70px #0003; text-align:left; font:13px/1.6 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif; }
.appearance-panel[hidden] { display:none!important; }
.appearance-heading { display:flex; align-items:center; justify-content:space-between; margin:0 0 21px; }
.appearance-heading strong { font-size:15px; font-weight:600; }
.appearance-panel button { appearance:none; width:auto; min-height:34px; margin:0; padding:4px 10px; border:0; border-radius:6px; background:transparent; color:var(--muted); font:inherit; cursor:pointer; }
.appearance-panel .appearance-close { width:30px; height:30px; min-height:30px; padding:0; font-size:23px; line-height:1; }
.appearance-label { display:flex; align-items:center; justify-content:space-between; margin:18px 0 10px; font-size:12px; font-weight:600; }
.appearance-current { color:var(--muted); font-size:11px; font-weight:400; }
.appearance-themes { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; padding:4px; background:var(--surface-2); border:1px solid var(--line); border-radius:8px; }
.appearance-themes button[aria-pressed="true"] { color:var(--text); background:var(--surface); box-shadow:0 1px 3px #0001; }
.appearance-help { margin:10px 0 0!important; color:var(--muted); font-size:11px; line-height:1.7; }
.appearance-version { border:1px solid var(--line); border-radius:8px; padding:7px 10px 10px; }
.appearance-version-labels { display:flex; justify-content:space-between; margin-bottom:5px; }
.appearance-version-labels button[aria-pressed="true"] { color:var(--accent); font-weight:600; }
.appearance-version input[type="range"] { appearance:auto; width:100%; min-height:24px; height:24px; padding:0; margin:0; border:0; accent-color:var(--accent); cursor:ew-resize; background:transparent; }
.appearance-trigger:focus-visible,.appearance-panel button:focus-visible,.appearance-panel input:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.studio-task-strip { display:none; }
body[data-huajing-surface="canvas"] { --background:var(--bg); --foreground:var(--text); --card:var(--surface); --card-foreground:var(--text); --popover:var(--surface); --popover-foreground:var(--text); --primary:var(--accent); --primary-foreground:var(--accent-ink); --secondary:var(--surface-2); --secondary-foreground:var(--text); --muted-foreground:var(--muted-2); --accent-foreground:var(--accent-ink); --border:var(--line); --input:var(--line); --ring:var(--accent); }
body[data-huajing-surface="canvas"]>.appearance-floating { top:auto!important; bottom:max(18px,env(safe-area-inset-bottom)); right:18px; }
body[data-huajing-surface="canvas"]>.appearance-panel { top:auto; bottom:max(64px,calc(env(safe-area-inset-bottom) + 52px)); }
.huajing-canvas-brand { display:inline-flex; align-items:center; gap:9px; font-size:18px; letter-spacing:.08em; }
.huajing-canvas-brand img { filter:var(--brand-filter); }
html[data-ui="new"] { --nav-w:204px; --composer-w:320px; --stage-w:1160px; --topbar-h:66px; --radius:10px; --radius-sm:7px; }
html[data-ui="new"] body { font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; -webkit-font-smoothing:antialiased; }
html[data-ui="new"] .side-nav { background:var(--nav-bg); border-right:1px solid var(--line); padding:24px 12px 16px; }
html[data-ui="new"] .side-nav-head .brand { padding:0 11px 23px; gap:10px; }
html[data-ui="new"] .brand-name { font-size:21px; letter-spacing:.12em; font-weight:600; }
html[data-ui="new"] .side-nav .view-tab { min-height:41px; border-radius:6px; padding:10px 12px; font-size:12px; }
html[data-ui="new"] .side-nav .view-tab.active { background:var(--accent-soft); color:var(--accent); box-shadow:inset 2px 0 var(--accent); }
html[data-ui="new"] .task-list-item { border-radius:6px; margin-top:3px; }
html[data-ui="new"] .task-list-item.active { background:var(--surface-2); border-color:var(--line); }
html[data-ui="new"] .side-promo { box-shadow:none; background:var(--surface); border-radius:8px; }
html[data-ui="new"] .topbar { min-height:66px; background:var(--bg); padding-inline:25px; }
html[data-ui="new"] .topbar .credit-chip { background:transparent; }
html[data-ui="new"] .workspace { padding:0 23px 20px; }
html[data-ui="new"] #appView[data-active-view="gen"] .workspace { overflow:hidden; }
html[data-ui="new"] .reference-mention-hint:has(.reference-mention-open:disabled) { display:none; }
html[data-ui="new"] .workspace-heading h1 { font-size:15px; font-weight:550; }
html[data-ui="new"] .retention-banner { width:100%; max-width:none; font-size:11px; border-radius:6px; background:var(--surface-2); color:var(--muted); border-color:var(--line); margin:12px auto 0; }
html[data-ui="new"] .retention-icon { background:var(--muted-2); }
html[data-ui="new"] #viewGen .task-stage { flex-direction:row; align-items:stretch; gap:21px; padding-top:20px; }
html[data-ui="new"] #viewGen .task-stage.is-empty { justify-content:flex-start; }
html[data-ui="new"] #viewGen .task-stage .gen-feed { flex:1 1 0!important; flex-direction:column!important; min-width:0; width:0; overflow-y:auto; padding:0 0 16px; margin:0; gap:20px; }
html[data-ui="new"] #viewGen .task-stage .workspace-grid { flex:0 0 300px; width:300px; min-width:0; margin:0; max-height:100%; overflow-y:auto; scrollbar-width:thin; }
html[data-ui="new"] #viewGen .task-stage .tool-panel { min-height:100%; padding:18px 16px 0; border-radius:9px; box-shadow:none; background:var(--surface); display:flex; flex-direction:column; }
html[data-ui="new"] #viewGen .tool-panel>.panel-head { display:flex; flex-direction:column; align-items:flex-start; gap:6px; margin-bottom:18px; }
html[data-ui="new"] #viewGen .panel-head h2 { font-size:13px; font-weight:600; }
html[data-ui="new"] #viewGen .panel-head>span { font-size:11px; color:var(--muted-2); }
html[data-ui="new"] #viewGen .creation-type-switch { margin:0 0 18px; padding:3px; background:var(--surface-2); border-radius:6px; border:1px solid var(--line); }
html[data-ui="new"] #viewGen .creation-type-switch .pill { border:0; border-radius:4px; font-size:12px; box-shadow:none; }
html[data-ui="new"] #viewGen .creation-type-switch .pill.active { background:var(--accent-soft); color:var(--accent); }
html[data-ui="new"] #viewGen .section-label[for="prompt"] { display:block; font-size:11px; margin:0 0 8px; color:var(--muted); }
html[data-ui="new"] #viewGen #prompt { min-height:110px; height:110px; max-height:45vh; padding:12px 44px 12px 12px; border:1px solid var(--line); border-radius:6px; background:var(--bg); font-size:12px; line-height:1.8; }
html[data-ui="new"] .prompt-resize-btn { top:6px; right:6px; background:transparent; padding:0 5px; font-size:10px; }
html[data-ui="new"] #viewGen .tool-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:15px; padding:0; border:0; }
html[data-ui="new"] #viewGen .composer-upload-trigger { width:100%; min-height:65px; justify-content:center; border:1px dashed var(--line-strong); margin-bottom:10px; border-radius:6px; font-size:11px; }
html[data-ui="new"] #viewGen .composer-param { width:100%!important; }
html[data-ui="new"] #viewGen .composer-param>summary { width:100%; min-height:38px; justify-content:space-between; border:1px solid var(--line); background:var(--bg); border-radius:5px; padding:8px 10px; font-size:11px; }
html[data-ui="new"] #viewGen .composer-param>summary span { margin-right:auto; }
html[data-ui="new"] #viewGen .composer-param-popover { position:static; width:100%; margin-top:5px; box-shadow:none; padding:9px; border-radius:5px; }
html[data-ui="new"] #viewGen .composer-param-popover .pill { font-size:11px; }
html[data-ui="new"] #viewGen .composer-footer { position:sticky; bottom:0; z-index:8; background:var(--surface); flex-direction:column-reverse; align-items:stretch; gap:9px; margin-top:auto; padding:16px 0; }
html[data-ui="new"] #viewGen .generate-btn { width:100%; min-height:42px; border-radius:6px; background:#c9e77c; color:#28371d; font-size:12px; font-weight:650; }
html[data-ui="new"] #viewGen .composer-footer-copy { text-align:center; font-size:10px; align-items:center; }
html[data-ui="new"] #viewGen .composer-keyboard-hint { display:none; }
html[data-ui="new"] #viewGen .video-options { flex-wrap:wrap; width:100%; }
html[data-ui="new"] #viewGen .composer-select { flex:1 1 45%; min-width:0; }
html[data-ui="new"] #viewGen .composer-select select { max-width:100%; min-height:35px; border:1px solid var(--line); border-radius:5px; padding:5px 8px; }
html[data-ui="new"] .task-stage-empty { flex:1; min-height:280px; height:100%; border:1px solid var(--line); border-radius:9px; background:var(--surface); padding:24px; }
html[data-ui="new"] .task-stage-empty strong { font-weight:450; font-size:25px; letter-spacing:.02em; }
html[data-ui="new"] .task-stage-empty strong::before { content:""; display:block; width:46px; height:46px; background:url('/brand/huajing-mark.svg') center/contain no-repeat; filter:var(--brand-filter); margin:0 auto 24px; opacity:.7; }
html[data-ui="new"] .task-stage-empty span { font-size:12px; color:var(--muted); }
html[data-ui="new"] .gen-card-head { align-items:stretch; text-align:left; }
html[data-ui="new"] .gen-card-user-message { width:100%; max-width:100%; padding:0; margin:0; align-self:stretch; border-radius:0; background:transparent; text-align:left; }
html[data-ui="new"] .gen-card-prompt-wrap { margin:0; align-items:flex-start; width:100%; max-width:100%; text-align:left; }
html[data-ui="new"] .gen-card-user-message .gen-card-prompt { font-size:13px; font-weight:500; padding:0; color:var(--text); }
html[data-ui="new"] .gen-card-meta { max-width:100%; justify-content:flex-start; margin-top:9px; font-size:10px; }
html[data-ui="new"] .gen-card .progress,html[data-ui="new"] .gen-card .status,html[data-ui="new"] .gen-card .log,html[data-ui="new"] .gen-card .gallery,html[data-ui="new"] .gen-card .gen-log-toggle { width:100%; max-width:100%; }
html[data-ui="new"] .gen-card .gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
html[data-ui="new"] .gen-card .gallery .image-card:first-of-type { grid-column:1/-1; }
html[data-ui="new"] .image-card { border-radius:7px; background:var(--surface); }
html[data-ui="new"] .image-card img { max-height:65vh; object-fit:contain; }
.image-card img[hidden] { display:none!important; }
html[data-ui="new"] .image-card figcaption { padding:9px 12px; font-size:10px; }
html[data-ui="new"] .image-card figcaption a { font-size:11px; }
html[data-ui="new"] .result-actions button { border:1px solid var(--line); background:var(--surface); border-radius:5px; font-size:11px; }
html[data-ui="new"] .table-panel,html[data-ui="new"] .redeem-panel,html[data-ui="new"] .side-panel,html[data-ui="new"] .plugin-card,html[data-ui="new"] .panel,html[data-ui="new"] .ledger-summary-card,html[data-ui="new"] .usage-card { border:1px solid var(--line); border-radius:9px; box-shadow:none; background:var(--surface); }
html[data-ui="new"] .primary-btn,html[data-ui="new"] .secondary-btn,html[data-ui="new"] .ghost-btn { border-radius:6px; }
html[data-ui="new"] table { font-size:12px; }
html[data-ui="new"] th { background:var(--surface-2); font-size:11px; color:var(--muted); }
html[data-ui="new"] td { border-color:var(--line); }
html[data-ui="new"] .auth-layout { background:var(--bg); }
html[data-ui="new"] .auth-context { background:var(--nav-bg); border-color:var(--line); }
html[data-ui="new"] .auth-intro h1 { font-weight:500; letter-spacing:-.03em; }
html[data-ui="new"] .auth-card { border:1px solid var(--line); border-radius:12px; box-shadow:none; }
html[data-ui="new"] .auth-intro .eyebrow { color:var(--accent); }
html[data-ui="new"] .admin-wrap { padding:30px 30px 42px; }
html[data-ui="new"] .admin-wrap>nav.console-sidebar { padding:27px 13px 20px; }
html[data-ui="new"] .console-nav-brand { font-size:21px; margin-bottom:27px; }
html[data-ui="new"] .console-nav-brand small { font-size:9px; letter-spacing:.12em; margin-top:7px; }
html[data-ui="new"] .console-sidebar .nav-tab { border-radius:5px; min-height:35px; }
html[data-ui="new"] .console-sidebar .nav-tab.active { box-shadow:inset 2px 0 var(--accent); }
html[data-ui="new"] .page-heading h1 { font-size:25px; font-weight:550; letter-spacing:-.03em; }
html[data-ui="new"] .panel { padding:21px; }
html[data-ui="new"] .stat { background:var(--surface); border:1px solid var(--line); border-radius:8px; padding:19px; box-shadow:none; }
html[data-ui="new"] .stat b { font-size:28px; font-weight:500; letter-spacing:-.04em; }
html[data-ui="new"] .panel-head h2 { font-weight:550; }
html[data-ui="new"] .price-card,html[data-ui="new"] .pricing-preview { border-radius:7px; background:var(--surface-2); }
@media(min-width:861px) and (max-width:1190px) {
  html[data-ui="new"] { --nav-w:184px; }
  html[data-ui="new"] .topbar .wechat-chip,html[data-ui="new"] .topbar .docs-btn,html[data-ui="new"] .topbar .credit-detail-link { display:none; }
  html[data-ui="new"] #viewGen .task-stage { gap:14px; }
  html[data-ui="new"] #viewGen .task-stage .workspace-grid { flex-basis:270px; width:270px; }
}
@media(max-width:860px) {
  html[data-ui="new"] .studio-task-strip:not([hidden]) { display:flex; align-items:center; gap:7px; flex:0 0 auto; overflow-x:auto; padding:12px 0 0; scrollbar-width:none; }
  html[data-ui="new"] .studio-task-chip { flex:0 0 auto; max-width:155px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:1px solid var(--line); background:var(--surface); color:var(--muted); padding:7px 10px; border-radius:5px; font-family:inherit; font-size:11px; line-height:1.4; cursor:pointer; }
  html[data-ui="new"] .studio-task-chip.active { border-color:var(--line-strong); background:var(--accent-soft); color:var(--accent); }
  html[data-ui="new"] .studio-task-chip.is-running::before { content:""; display:inline-block; width:5px; height:5px; border-radius:50%; background:var(--accent); margin-right:6px; }
  .appearance-trigger-label { display:none; }
  .appearance-trigger { width:34px!important; padding:7px!important; }
  .appearance-panel { right:12px; top:max(61px,calc(env(safe-area-inset-top) + 52px)); }
  html[data-ui="new"] { --topbar-h:58px; }
  html[data-ui="new"] .topbar { min-height:58px; padding-inline:16px; border-bottom:1px solid var(--line); gap:10px; }
  html[data-ui="new"] #appView .topbar { display:flex; flex-wrap:nowrap; min-height:58px; padding-block:8px; }
  html[data-ui="new"] #appView .workspace-heading { flex:1; width:auto; align-items:center; }
  html[data-ui="new"] #appView .workspace-heading h1 { font-size:14px; }
  html[data-ui="new"] #appView .workspace-heading-actions { display:none; }
  html[data-ui="new"] #appView .topbar-actions { display:flex; flex:0 0 auto; width:auto; margin-left:auto; gap:5px; }
  html[data-ui="new"] #appView .topbar .credit-chip { font-size:10px; min-height:28px; padding:0; }
  html[data-ui="new"] #appView .credit-label { display:none; }
  html[data-ui="new"] #appView .topbar .topup-btn { display:none; }
  html[data-ui="new"] .topbar .brand-name { font-size:18px; }
  html[data-ui="new"] .workspace { padding:0 15px calc(12px + env(safe-area-inset-bottom)); }
  html[data-ui="new"] .topbar .credit-chip { font-size:10px; padding:2px 5px; }
  html[data-ui="new"] .topbar .topup-btn { font-size:11px; border-radius:5px; }
  html[data-ui="new"] .retention-banner { margin-top:10px; padding:8px 10px; }
  html[data-ui="new"] .retention-copy span { font-size:10px; }
  html[data-ui="new"] #viewGen .task-stage { flex-direction:column; gap:12px; padding-top:14px; }
  html[data-ui="new"] #viewGen .task-stage .gen-feed { width:100%; flex:1 1 0; padding:0; }
  html[data-ui="new"] #viewGen .task-stage .workspace-grid { position:static; flex:0 0 auto; width:100%; max-height:60%; overflow-y:auto; overscroll-behavior:contain; margin:0; padding:0; background:transparent; border:0; border-radius:10px; }
  html[data-ui="new"] #viewGen .task-stage .tool-panel { min-height:0; max-height:none; padding:12px; border-radius:10px; box-shadow:0 -6px 24px #00000005; }
  html[data-ui="new"] #viewGen .tool-panel>.panel-head,html[data-ui="new"] #viewGen .section-label[for="prompt"] { display:none; }
  html[data-ui="new"] #viewGen .creation-type-switch { margin:0 0 8px; width:146px; padding:2px; }
  html[data-ui="new"] #viewGen .creation-type-switch .pill { min-height:28px; font-size:11px; }
  html[data-ui="new"] #viewGen #prompt { min-height:62px; height:62px; max-height:150px; padding:7px 39px 7px 5px; border:0; border-radius:0; background:transparent; font-size:13px; line-height:1.7; }
  html[data-ui="new"] #viewGen .tool-actions { gap:5px; margin-top:8px; flex-wrap:wrap; }
  html[data-ui="new"] #viewGen .composer-upload-trigger { min-height:31px; width:auto; border:1px dashed var(--line-strong); margin:0; padding:0 8px; font-size:10px; }
  html[data-ui="new"] #viewGen .composer-param { width:auto!important; flex:1 1 auto; position:relative; }
  html[data-ui="new"] #viewGen .composer-param>summary { min-height:31px; padding:4px 7px; font-size:10px; gap:4px; }
  html[data-ui="new"] #viewGen .composer-param>summary>span { display:none; }
  html[data-ui="new"] #viewGen .composer-param-popover { position:fixed; inset:auto 12px max(12px,env(safe-area-inset-bottom)); width:auto; max-height:65dvh; overflow:auto; margin:0; padding:18px; z-index:110; border-radius:12px; background:var(--bg-elevated); box-shadow:0 -16px 80px #0005; }
  html[data-ui="new"] #viewGen .composer-param-popover .pills { gap:8px; }
  html[data-ui="new"] #viewGen .composer-param-popover .pill { min-height:41px; font-size:12px; }
  html[data-ui="new"] #viewGen .composer-footer { position:sticky; bottom:-12px; z-index:8; flex-direction:row; gap:10px; align-items:center; margin-top:10px; padding:8px 0 0; background:var(--surface); }
  html[data-ui="new"] #viewGen .composer-footer-copy { flex:1; text-align:left; align-items:flex-start; font-size:9px; }
  html[data-ui="new"] #viewGen .generate-btn { width:auto; flex:0 0 auto; min-width:137px; min-height:38px; font-size:11px; }
  html[data-ui="new"] .task-stage-empty { min-height:140px; border-radius:9px; }
  html[data-ui="new"] .task-stage-empty strong { font-size:21px; }
  html[data-ui="new"] .task-stage-empty strong::before { width:33px; height:33px; margin-bottom:15px; }
  html[data-ui="new"] .task-stage-empty span { font-size:11px; }
  html[data-ui="new"] .gen-card-user-message { max-width:100%; }
  html[data-ui="new"] .gen-card .gallery { grid-template-columns:1fr; margin-top:12px; }
  html[data-ui="new"] .image-card img { max-height:60dvh; }
  html[data-ui="new"] .gen-card-meta { margin-top:7px; }
  html[data-ui="new"] .side-nav { padding-top:max(20px,env(safe-area-inset-top)); }
  html[data-ui="new"] .admin-wrap { padding:22px 15px 32px; }
  html[data-ui="new"] .page-heading h1 { font-size:23px; }
  html[data-ui="new"] .panel { padding:17px 14px; }
  html[data-ui="new"] .stat { padding:15px; }
  html[data-ui="new"] .stat b { font-size:25px; }
  html[data-ui="new"] .auth-layout { padding-top:58px; }
}
@media(prefers-reduced-motion:reduce) { html[data-ui="new"] *,html[data-ui="new"] *::before,html[data-ui="new"] *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important; } }

/* Keep the invitation glyph legible after the compact rail removes its old fill. */
html[data-theme] #invitePromo .side-promo-icon {
  flex:0 0 28px; width:28px; height:28px; border-radius:7px;
  background:var(--accent-soft); color:var(--accent); box-shadow:none;
}
html[data-theme] #invitePromo .side-promo-icon svg { width:20px; height:20px; stroke-width:1.9; }
html[data-theme] #invitePromo .side-promo-arrow { color:var(--muted); }