/* Approved Aerial D identity. UI only: photo annotations keep their saved colors and fonts. */
@font-face{font-family:"Brand Inter";src:url("/assets/brand/Inter-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Brand Inter";src:url("/assets/brand/Inter-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Brand Inter";src:url("/assets/brand/Inter-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Brand Inter";src:url("/assets/brand/Inter-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
:root{
  --brand-cobalt:#315cff;--brand-graphite:#171a23;--brand-paper:#f6f5f0;--brand-white:#fff;
  --brand-font:"Brand Inter",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
:root:not([data-theme="dark"]){
  color-scheme:light;--bg:var(--brand-paper);--panel:#fff;--raised:#efeee9;--line:#deddd7;
  --text:var(--brand-graphite);--ink:var(--brand-graphite);--muted:#62646d;
  --accent:var(--brand-cobalt);--lime:var(--brand-cobalt);--signal:var(--brand-cobalt);
  --wash:var(--brand-paper);--rail:var(--brand-graphite);--rail-raised:#292e40;
  --rail-line:#3a4053;--rail-text:#e0e3ed;--field-border:#81818a;
  --card-surface:#fff;--card-border:#ceced1;--card-header:#f2f1ec;--card-hover:#eae9e4;--card-input:#fff;
  --serif:var(--brand-font);
}
:root[data-theme="dark"]{
  color-scheme:dark;--bg:#10121a;--panel:var(--brand-graphite);--raised:#242837;--line:#3c4255;
  --text:#f6f5f0;--ink:#f6f5f0;--muted:#b4b8c7;--accent:#a9baff;--lime:#a9baff;--signal:#a9baff;
  --rail:#11131c;--rail-raised:#292e40;--rail-line:#3c4255;--rail-text:#e0e3ed;--field-border:#818ba6;
  --card-surface:#1c202d;--card-border:#4a5268;--card-header:#262c3c;--card-hover:#30384c;--card-input:#171a23;
  --serif:var(--brand-font);
}
html,body,button,input,select,textarea{font-family:var(--brand-font)}
body{background:var(--bg);color:var(--text)}
h1,h2,h3,.project input,.eyebrow,.section-label{font-family:var(--brand-font)}
input[type="range"],input[type="checkbox"]{accent-color:var(--brand-cobalt)}
:is(a,button,input,select,textarea,summary):focus-visible{outline-color:var(--accent)}

/* These are the original outlined logo masters, including the wordmark's initial d. */
.brand-lockup{display:inline-flex;align-items:center;flex:none;line-height:1;min-width:0;padding:10px 0}
.brand-lockup .brand-logo{display:block;flex:none;width:260px;height:auto;max-width:100%}
.brand-lockup .brand-logo-dark,.brand-lockup .brand-mark{display:none}
:root[data-theme="dark"] .brand-lockup .brand-logo-light{display:none}
:root[data-theme="dark"] .brand-lockup .brand-logo-dark{display:block}
.brand-lockup .brand-mark{width:32px;height:33px;max-width:none}
.topbar .brand-lockup{font-size:0;letter-spacing:0;margin:0}
.topbar .brand-lockup .brand-logo{width:260px}
.site-header .brand-lockup{margin-right:12px}
.site-footer .brand-lockup .brand-logo{width:260px}
.account-card .brand-lockup{display:flex;justify-content:center;margin:0 auto 28px;padding:10px 0}
.account-card .brand-lockup .brand-logo{width:320px}
.editor-gate-card .brand-lockup{margin-bottom:28px}
.editor-gate-card .brand-lockup .brand-logo{width:320px}
.legal-brand{margin-bottom:24px;color:var(--text)}
.workflow-comparison-brand{display:inline-flex;align-items:center}
.workflow-comparison-brand .comparison-brand-logo{width:240px;height:auto;max-width:100%}

/* Public pages share the graphite, cobalt and warm-white palette. */
.public-page{background:var(--brand-paper);color:var(--brand-graphite)}
.public-page .site-header{background:#f6f5f0ed;border-color:#deddd7}
.public-page .site-header nav>a:not(.button){color:#62646d}
.public-page .site-header nav>a:hover,.public-page .site-header nav>a[aria-current]{color:var(--brand-cobalt)}
.public-page h1 span{color:var(--brand-cobalt)}
.public-page.pricing-page .pricing-intro h1 span{color:var(--brand-cobalt)}
.public-page.pricing-page .pricing-intro .eyebrow:before{background:var(--brand-cobalt)}
.public-page.pricing-page .pricing-intro .eyebrow,.public-page .pricing-summary>p,.public-page .pricing-promise span{color:#62646d}
.public-page .button,.public-page .button:hover{
  background:linear-gradient(180deg,#3a62ef 0%,var(--brand-cobalt) 46%,#2449df 100%);
  border-color:#2549d9;color:#fff;
  box-shadow:inset 0 1px 0 #ffffff52,0 3px 0 #1d3eb8,0 7px 16px #315cff26;
  transition:transform .18s,box-shadow .18s,background .18s;
}
.public-page .button:hover{background:linear-gradient(180deg,#315cff,#2449df);transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff66,0 4px 0 #1d3eb8,0 11px 22px #315cff33}
.public-page .button:active{transform:translateY(2px);box-shadow:inset 0 1px 2px #171a2326,0 1px 0 #1d3eb8,0 2px 7px #315cff26}
.public-page .button.secondary{background:linear-gradient(#fff,#f4f4f8);color:var(--brand-graphite);border-color:#ceced1;box-shadow:inset 0 1px #fff,0 2px 0 #d8d8e2,0 5px 12px #171a230a}
.public-page .button.secondary:hover{background:#eceef8}
.public-page .text-link{color:var(--brand-cobalt);box-shadow:0 1px 0 var(--brand-cobalt)}
.public-page .hero-visual:before{background:#efeee9;border-color:#e4e2da}
.public-page .product-demo{border-color:#d5d5dc;box-shadow:0 22px 40px #171a230d,0 3px 8px #171a2305}
.public-page .demo-mark{color:var(--brand-cobalt)}
.public-page .demo-steps button[aria-pressed="true"]{background:#eef1ff;border-color:#b6c4ff;color:#2449df}
.public-page .benefit-icon{background:#eef1ff;border-color:#d8e0ff;color:var(--brand-cobalt)}
.public-page .audience-grid article,.public-page .plan-finder,.public-page .time-section{background:#fff;border-color:#deddd7}
.public-page .audience-grid ul,.public-page .estimate-inputs label,.public-page .estimate-note,.public-page .estimate-result>span{color:var(--muted)}
.public-page .audience-grid li:before{color:var(--brand-cobalt)}
.public-page .estimate-inputs input{border-color:#81818a}
.public-page .estimate-result{border-color:#deddd7}
.public-page .workflow-comparison{background:#efeee9;border-color:#deddd7}
.public-page .workflow-comparison table{border-color:#d2d2d9;background:#fff}
.public-page .workflow-comparison th,.public-page .workflow-comparison td{border-color:#dedee4}
.public-page .workflow-comparison thead th{background:#fff;color:var(--brand-graphite)}
.public-page .workflow-comparison thead th:last-child{background:#e9eeff}
.public-page .workflow-comparison tbody th{background:#faf9f6;color:var(--brand-graphite)}
.public-page .workflow-comparison tbody td{color:#62646d}
.public-page .workflow-comparison tbody td:last-child{background:#f3f5ff;color:var(--brand-graphite)}
.public-page .workflow-comparison-check{background:var(--brand-cobalt);color:#fff}
.public-page .workflow-comparison-note,.public-page .workflow-comparison-hint{color:#62646d}
/* Credit packs share the brand's raised finish, with a distinct color for each size. */
.billing-pack,.pack-card{--pack-color:#315cff;--pack-bright:#8ba3ff;--pack-ink:#2449df}
:is(.billing-pack[data-pack="starter-10"],.pack-card[data-credit-pack="starter-10"]){--pack-color:#a65113;--pack-bright:#d99441;--pack-ink:#8b400c}
:is(.billing-pack[data-pack="plus-50"],.pack-card[data-credit-pack="plus-50"]){--pack-color:#147a83;--pack-bright:#42b4bc;--pack-ink:#09636b}
:is(.billing-pack[data-pack="pro-120"],.pack-card[data-credit-pack="pro-120"]){--pack-color:#315cff;--pack-bright:#8ba3ff;--pack-ink:#2449df}
:is(.billing-pack[data-pack="business-500"],.pack-card[data-credit-pack="business-500"]){--pack-color:#7745b6;--pack-bright:#b18ae6;--pack-ink:#63339f}
:is(.billing-pack[data-pack="volume-1000"],.pack-card[data-credit-pack="volume-1000"]){--pack-color:#287445;--pack-bright:#6bb989;--pack-ink:#1d6036}
.public-page .pricing-grid .pack-card[data-credit-pack]{
  --tier-ink:var(--pack-ink);--tier-accent:var(--pack-color);
  background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--pack-color) 14%,transparent),transparent 65%),linear-gradient(155deg,#fff,color-mix(in srgb,var(--pack-color) 4%,#fff));
  border-color:color-mix(in srgb,var(--pack-color) 30%,#deddd7);
  box-shadow:inset 0 4px var(--pack-color),inset 0 5px #ffffff80,0 3px 0 color-mix(in srgb,var(--pack-color) 19%,#e0dfe5),0 12px 26px #171a2310;
  transition:transform .2s,box-shadow .2s,border-color .2s;
}
.public-page .pricing-grid .pack-card[data-credit-pack]:hover{transform:translateY(-3px);border-color:var(--pack-color);box-shadow:inset 0 4px var(--pack-color),inset 0 5px #ffffff80,0 4px 0 color-mix(in srgb,var(--pack-color) 25%,#dcdee9),0 18px 30px color-mix(in srgb,var(--pack-color) 14%,transparent)}
.public-page .pricing-grid .pack-card[data-credit-pack] h2{color:var(--pack-ink)}
.public-page .pricing-grid .pack-card[data-credit-pack] ul{margin-top:16px}
.public-page .pricing-grid .pack-card[data-credit-pack] .button{background:linear-gradient(180deg,color-mix(in srgb,var(--pack-color) 95%,#fff),var(--pack-color) 46%,color-mix(in srgb,var(--pack-color) 83%,#000));border-color:color-mix(in srgb,var(--pack-color) 85%,#000);color:#fff;box-shadow:inset 0 1px #ffffff52,0 3px 0 color-mix(in srgb,var(--pack-color) 67%,#000),0 7px 16px color-mix(in srgb,var(--pack-color) 18%,transparent)}
.public-page .pricing-grid .pack-card[data-credit-pack] .button:hover{background:linear-gradient(180deg,var(--pack-color),color-mix(in srgb,var(--pack-color) 83%,#000));border-color:var(--pack-color);box-shadow:inset 0 1px #ffffff66,0 4px 0 color-mix(in srgb,var(--pack-color) 67%,#000),0 11px 22px color-mix(in srgb,var(--pack-color) 22%,transparent)}
.public-page .pricing-grid .pack-card[data-credit-pack] .button:active{box-shadow:inset 0 1px 2px #171a2326,0 1px 0 color-mix(in srgb,var(--pack-color) 67%,#000),0 2px 7px color-mix(in srgb,var(--pack-color) 18%,transparent)}
.public-page .pricing-grid .pack-card.featured[data-credit-pack],
.public-page .pricing-grid .pack-card.volume-recommended[data-credit-pack]{
  border-color:var(--pack-color);outline-color:var(--pack-color);
  box-shadow:inset 0 4px var(--pack-color),inset 0 5px #fff,0 0 0 3px color-mix(in srgb,var(--pack-color) 10%,transparent),0 3px 0 color-mix(in srgb,var(--pack-color) 22%,#e0dfe5),0 14px 28px color-mix(in srgb,var(--pack-color) 13%,transparent);
}
.public-page .plan-ribbon,.public-page .volume-badge{background:var(--brand-cobalt);border-color:var(--brand-cobalt);color:#fff}
.public-page .price-card li,.public-page .pack-unit,.public-page .plan-description,.public-page .plan-finder-note,.public-page .plan-finder-result p{color:#62646d}
.public-page .price-card li:before,.public-page .plan-savings,.public-page .plan-finder-result strong{color:var(--brand-cobalt)}
.public-page .feature-table-scroll{border-color:#deddd7}
.public-page .feature-matrix thead th{background:#efeee9;color:var(--brand-graphite)}
.public-page .feature-matrix tbody th,.public-page .feature-matrix tbody td,.public-page .all-tools-note{color:#62646d}

/* Primary actions always use cobalt with white text, including the dark theme. */
:root button.primary,:root:not([data-theme="dark"]) button.primary,
:root a.primary,:root .billing-pack-best .billing-pack-action{
  background:linear-gradient(180deg,#3a62ef,var(--brand-cobalt) 46%,#2449df);border-color:#2549d9;color:#fff;font-weight:600;
  box-shadow:inset 0 1px #ffffff52,0 3px 0 #1d3eb8,0 7px 16px #315cff26;
  transition:transform .18s,box-shadow .18s,background .18s;
}
:root button.primary:hover:not(:disabled),:root:not([data-theme="dark"]) button.primary:hover:not(:disabled),
:root a.primary:hover{background:linear-gradient(180deg,#315cff,#2449df);border-color:#2449df;color:#fff;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff66,0 4px 0 #1d3eb8,0 11px 22px #315cff33}
:root button.primary:active:not(:disabled),:root:not([data-theme="dark"]) button.primary:active:not(:disabled),
:root a.primary:active{transform:translateY(2px);box-shadow:inset 0 1px 2px #171a2326,0 1px 0 #1d3eb8,0 2px 7px #315cff26}
:root button.primary:disabled{transform:none;box-shadow:inset 0 1px #ffffff30}
:root .billing-pack{background:linear-gradient(145deg,var(--panel),var(--raised));box-shadow:inset 0 1px #ffffff18,0 3px 0 color-mix(in srgb,var(--line) 72%,transparent),0 10px 24px #171a2314;transition:transform .18s,box-shadow .18s}
:root .billing-pack[data-pack]{
  border-color:color-mix(in srgb,var(--pack-color) 36%,var(--line));
  background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--pack-color) 16%,transparent),transparent 70%),linear-gradient(150deg,var(--panel),color-mix(in srgb,var(--pack-color) 5%,var(--panel)));
  box-shadow:inset 0 4px var(--pack-color),inset 0 5px #ffffff40,0 3px 0 color-mix(in srgb,var(--pack-color) 25%,var(--line)),0 10px 24px #171a2314;
}
:root .billing-pack[data-pack] strong{color:var(--pack-ink)}
:root .billing-pack:hover:not(:disabled){transform:translateY(-3px);border-color:var(--pack-color);box-shadow:inset 0 4px var(--pack-color),inset 0 5px #ffffff40,0 4px 0 color-mix(in srgb,var(--pack-color) 35%,var(--line)),0 16px 28px color-mix(in srgb,var(--pack-color) 17%,transparent)}
:root .billing-pack[data-pack] .billing-pack-action{
  background:linear-gradient(180deg,color-mix(in srgb,var(--pack-color) 95%,#fff),var(--pack-color) 46%,color-mix(in srgb,var(--pack-color) 83%,#000));color:#fff;
  box-shadow:inset 0 1px #ffffff52,0 3px 0 color-mix(in srgb,var(--pack-color) 67%,#000),0 7px 16px color-mix(in srgb,var(--pack-color) 18%,transparent);
}
:root .billing-pack[data-pack]:active:not(:disabled){transform:translateY(1px)}
:root .billing-pack[data-pack]:disabled{opacity:1;cursor:not-allowed}
:root .billing-pack[data-pack]:disabled .billing-pack-action{opacity:.5;box-shadow:inset 0 1px #ffffff26}
:root .billing-pack-best[data-pack]{border-color:var(--pack-color);box-shadow:inset 0 4px var(--pack-color),inset 0 5px #ffffff40,0 0 0 2px color-mix(in srgb,var(--pack-color) 20%,transparent),0 3px 0 color-mix(in srgb,var(--pack-color) 40%,var(--line)),0 12px 26px color-mix(in srgb,var(--pack-color) 18%,transparent)}
:root .billing-pack-badge{color:var(--pack-ink)}
:root[data-theme="dark"] .billing-pack[data-pack]{--pack-ink:var(--pack-bright);border-color:color-mix(in srgb,var(--pack-bright) 40%,var(--line));background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--pack-color) 36%,transparent),transparent 75%),linear-gradient(150deg,var(--panel),color-mix(in srgb,var(--pack-color) 12%,var(--panel)))}
:root[data-theme="dark"] .billing-pack-best[data-pack]{border-color:var(--pack-bright)}
:root .layer.active,:root:not([data-theme="dark"]) .layer.active,
:root .layer-row.active,:root:not([data-theme="dark"]) .layer-row.active{border-color:var(--accent)}
:root .marker-choice[aria-pressed="true"],:root .asset-choice[aria-pressed="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}
:root .project-card .status{background:var(--raised);color:var(--accent)}
:root:not([data-theme="dark"]) .tools{background:var(--brand-graphite);border-color:var(--rail-line)}
:root .tool.active,:root:not([data-theme="dark"]) .tool.active,
:root:not([data-theme="dark"]) .tools .tool.active:hover:not(:disabled){background:var(--brand-cobalt);color:#fff;box-shadow:none}
:root .tool.active span,:root:not([data-theme="dark"]) .tool.active span{color:#fff}
:root:not([data-theme="dark"]) #account-initials{background:#e9eeff;color:#2449df}
:root:not([data-theme="dark"]) .photo .badge{background:var(--brand-cobalt);color:#fff}
:root:not([data-theme="dark"]) #drop-overlay{background:#f6f5f0f2;color:var(--brand-graphite)}
:root:not([data-theme="dark"]) .preview-chip{color:#62646d}

/* Account pages remain recognizably the same product in both themes. */
:root .account-page{background:var(--bg)}
:root:not([data-theme="dark"]) .account-page{background:var(--brand-paper)}
:root .account-card{background:var(--panel);border-color:var(--line);box-shadow:0 24px 80px #171a231a}
:root .account-card p,:root .account-divider,:root .account-back,:root .password-rules{color:var(--muted)}
:root .account-divider:before,:root .account-divider:after{background:var(--line)}
:root .account-tabs [aria-pressed="true"],:root:not([data-theme="dark"]) .account-tabs [aria-pressed="true"]{
  background:color-mix(in srgb,var(--accent) 10%,var(--panel));border-color:var(--accent);color:var(--accent);
}
:root .password-rules li.passed{color:var(--accent)}
:root .account-card .google-button{background:#fff;color:#202124;border-color:var(--field-border)}
:root .account-card .google-button:hover:not(:disabled){background:#f3f4f8}
.legal-page{height:auto;min-height:100vh;overflow:auto}
.legal-page main{width:min(100%,808px);margin:24px auto;padding:24px}
.legal-page h1{margin-top:20px}
.legal-page a:not(.brand-lockup){color:var(--accent)}

.export-photo-picker{min-width:0;margin:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--raised)}
.export-photo-picker legend{padding:0 5px;font-size:13px;font-weight:600;color:var(--text)}
.export-photo-actions{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 10px}
.export-photo-actions button{padding:6px 9px;font-size:12px}
.export-photo-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:8px;max-height:240px;overflow:auto;padding:3px}
.export-photo-choice{display:grid;grid-template-columns:18px 52px minmax(0,1fr);align-items:center;gap:9px;min-width:0;margin:0;padding:9px;border:1px solid var(--field-border);border-radius:8px;background:var(--panel);color:var(--text);cursor:pointer}
.export-photo-choice:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel));box-shadow:inset 0 0 0 1px var(--accent)}
.export-photo-choice:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.export-photo-choice input[type="checkbox"]{width:18px;height:18px;min-height:18px;margin:0}
.export-photo-choice img{display:block;width:52px;height:40px;object-fit:cover;border-radius:5px;background:var(--raised)}
.export-photo-choice>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.5}
#export-selected-count{margin:8px 0 12px;font-size:12px;line-height:1.5}
.export-credit-remaining{grid-column:1/-1;margin:0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--accent) 7%,var(--panel));color:var(--text);font-size:13px;line-height:1.5}
.export-credit-remaining strong{color:var(--accent)}
#export-preview-photo-name{margin:0 0 12px;overflow-wrap:anywhere;font-size:12px;line-height:1.5;color:var(--muted)}

/* A reminder to review labels, not a failed export or blocking error. */
:root #export-placeholder-warning{
  padding:12px 14px;border:1px solid #d8b340;border-left:4px solid #d8a927;
  border-radius:8px;background:#fff4c7;color:#6b5000;font-size:13px;line-height:1.55;
}
:root[data-theme="dark"] #export-placeholder-warning{background:#382d10;color:#ffe69a;border-color:#a78730}

@media(min-width:761px) and (max-width:1599px){
  .topbar .brand-lockup .brand-logo{display:none}
  .topbar .brand-lockup .brand-mark-light{display:block}
  :root[data-theme="dark"] .topbar .brand-lockup .brand-mark-light{display:none}
  :root[data-theme="dark"] .topbar .brand-lockup .brand-mark-dark{display:block}
}
@media(max-width:760px){
  .topbar .brand-lockup .brand-logo{display:none}
  .topbar .brand-lockup .brand-mark-light{display:block}
  :root[data-theme="dark"] .topbar .brand-lockup .brand-mark-light{display:none}
  :root[data-theme="dark"] .topbar .brand-lockup .brand-mark-dark{display:block}
  .site-header .brand-lockup .brand-logo{width:220px}
  .site-footer{align-items:flex-start}
  .workflow-comparison-brand .comparison-brand-logo{width:220px}
}
@media(max-width:420px){
  .site-header .brand-lockup .brand-logo{width:190px}
  .site-footer .brand-lockup .brand-logo{width:240px}
  .account-card .brand-lockup .brand-logo{width:260px}
}
@media(prefers-reduced-motion:reduce){
  .public-page .button,.public-page .pricing-grid .pack-card[data-credit-pack],
  :root button.primary,:root a.primary,:root .billing-pack{transition:none}
  .public-page .button:hover,.public-page .button:active,.public-page .pricing-grid .pack-card[data-credit-pack]:hover,
  :root button.primary:hover:not(:disabled),:root button.primary:active:not(:disabled),
  :root:not([data-theme="dark"]) button.primary:hover:not(:disabled),:root:not([data-theme="dark"]) button.primary:active:not(:disabled),
  :root a.primary:hover,:root a.primary:active,:root .billing-pack:hover:not(:disabled),:root .billing-pack[data-pack]:active:not(:disabled){transform:none}
}

/* Keep remembered logins visible instead of presenting a stale Sign in link. */
.public-account-identity{display:inline-block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.public-page .site-header .public-account-identity[href="/editor/"]{color:#2449df;background:#eef1ff;border:1px solid #c8d3ff;padding:8px 10px;border-radius:8px}
.public-signout{flex:none;background:transparent;border:1px solid #ceced1;border-radius:8px;color:#62646d;padding:8px 10px;font-size:12px;box-shadow:inset 0 1px #fff}
.public-signout:hover:not(:disabled){background:#eceef8;color:#171a23}
.public-signout:disabled{cursor:wait;opacity:.55}
.public-account-status{position:absolute;right:32px;top:100%;max-width:min(460px,calc(100vw - 40px));margin:8px 0;padding:12px 16px;border:1px solid #d6bd78;border-radius:8px;background:#fff8dc;color:#705100;font-size:13px;line-height:1.5;box-shadow:0 8px 24px #171a231a}
@media(max-width:1100px){.public-account-identity{max-width:140px}.public-page .site-header nav{gap:16px}}
@media(max-width:900px){.public-account-identity{max-width:100%}.public-signout{align-self:flex-start}}