.site-appearance{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:22px 4vw;margin-top:28px;border-top:1px solid var(--line,#cbd8d0);color:var(--ink,#203c30);background:var(--surface,#fff)}.site-appearance>span{font-size:12px;margin-inline-end:8px}.site-appearance button{display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;padding:5px;border:2px solid transparent;border-radius:50%;background:var(--soft,#e8f1eb);color:var(--ink,#203c30);cursor:pointer;font-size:23px}.site-appearance [data-site-skin] span{display:block;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--sample-dark) 50%,var(--sample-light) 50%)}.site-appearance button[aria-pressed=true]{border-color:var(--accent,#246344);box-shadow:0 0 0 2px var(--surface,#fff),0 0 0 3px var(--line,#81958b)}.site-appearance button:focus-visible,.project-layout-tools button:focus-visible{outline:3px solid var(--accent,#246344);outline-offset:3px}
header :is(#theme,#themeToggle){display:none!important}header #site-language{order:-9}
.project-layout-tools{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin-inline-start:auto}.project-layout-tools>span{font-size:11px;color:var(--muted);margin-inline-end:5px}.project-layout-tools button{display:grid;place-items:center;box-sizing:border-box;width:42px;min-width:42px;height:42px;padding:9px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--surface,var(--panel));cursor:pointer}.project-layout-tools button[aria-pressed=true]{color:var(--accent);background:var(--soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.project-layout-tools svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}html[data-project] .intro{flex-wrap:wrap;gap:16px}html[data-project=fonts] .library-intro{gap:16px;flex-wrap:wrap}html[data-site-skin] body{background:var(--bg);color:var(--ink)}@media(max-width:600px){.project-layout-tools{width:100%;justify-content:flex-start;margin:0}.site-appearance{gap:10px}.site-appearance>span{flex-basis:100%;text-align:center;margin:0}}

html[lang=en] .font-fab-sidebar,html[lang=en] .font-fab-center{direction:ltr}html[data-project=fonts] .axis-font-favorite{background:var(--soft);color:var(--accent);border:1px solid var(--line)}