:root{--admin-font-factor:1}
:root[data-admin-font="1"]{--admin-font-factor:1.12}
:root[data-admin-font="2"]{--admin-font-factor:1.25}
.admin-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.topbar{height:auto;min-height:65px}
.topbar .breadcrumb,.topbar #crumb{min-width:0}
.topbar #crumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar-right{gap:8px}
.topbar .header-avatar{width:48px;height:48px;border:1px solid var(--line);color:var(--mint);background:var(--mint-bg);font-size:calc(13px * var(--admin-font-factor));font-weight:800}
.topbar .header-avatar:hover{border-color:var(--mint)}
.topbar-site,.admin-theme-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--text)}
.topbar-site{width:36px;flex:0 0 36px}
.topbar-site:hover,.admin-theme-button:hover{border-color:var(--mint);color:var(--mint)}
.admin-theme-button span{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-font-tools{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:7px;background:var(--card);padding:2px;color:var(--text)}
.admin-font-tools button{font-size:14px;font-weight:750;min-width:31px;min-height:30px;border-radius:5px}
.admin-font-tools button:not(:disabled):hover{color:var(--mint);background:var(--mint-bg)}
.admin-font-tools output{color:var(--muted);font:11px ui-monospace,monospace;padding:0 3px}
.appearance-dialog{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 28px);border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--text);padding:0}
.appearance-dialog::backdrop{background:#0009}
.appearance-dialog .dialog-head{position:sticky;top:0;z-index:1;background:var(--card)}
.appearance-dialog .dialog-body{display:grid;gap:12px}
.appearance-group h3{font-size:calc(12px * var(--admin-font-factor));color:var(--muted);margin:0 0 6px}
.appearance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.appearance-choice{display:grid;gap:3px;text-align:start;border:1px solid var(--line);border-radius:8px;background:var(--card2);padding:7px;min-width:0}
.appearance-choice:hover,.appearance-choice[aria-pressed="true"]{border-color:var(--mint);color:var(--mint)}
.appearance-choice[aria-pressed="true"]{box-shadow:inset 0 0 0 1px var(--mint)}
.appearance-choice strong{font-size:calc(11px * var(--admin-font-factor));overflow-wrap:anywhere}
.appearance-choice small{color:var(--muted);font-size:calc(10px * var(--admin-font-factor))}
.appearance-sample{display:flex;align-items:center;gap:3px;border:1px solid var(--sample-line);border-radius:5px;padding:4px 5px;background:var(--sample-bg);height:27px}
.appearance-sample i{background:var(--sample-card);height:13px;flex:1;border-radius:3px;border:1px solid var(--sample-line)}
.appearance-sample i:nth-child(2){background:var(--sample-line);height:6px}
.appearance-sample i:nth-child(3){background:var(--sample-accent);flex:0 0 24%;height:11px;border:0}
#appearanceFeedback:not(:empty){padding-top:5px;border-top:1px solid var(--line)}
@media(max-width:760px){
 .topbar{min-height:60px;padding:6px 12px;gap:8px}
 .topbar-right{gap:5px}
 .admin-theme-button [data-palette-name],.admin-font-tools output{display:none}
 .topbar .locale-switch select{max-width:82px}
}
@media(max-width:470px){
 .topbar{padding-inline:9px}
 .topbar #crumb{display:none}
 .topbar .breadcrumb{flex:0 0 auto}
 .topbar-right{gap:4px}
 .topbar .locale-switch select{max-width:63px}
 .topbar-site,.admin-theme-button{padding-inline:5px}
 .topbar-site{width:32px;flex-basis:32px}
 .admin-font-tools button{min-width:26px}
 .appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}