:root {--bg:#fff;--ink:#0E2226;--accent:#0072A3;--warm:#FFC21A;--cta:#FF4B36;--on-cta:#0E2226;--line:#b8c5c8;--tint:#eef6fa;--on-accent:#fff}
:root[data-palette=c]{--bg:#fff;--ink:#292B24;--accent:#294D3E;--warm:#C88768;--cta:#C88768;--on-cta:#292B24;--line:#B9C1B6;--tint:#F1F3EC;--on-accent:#fff}
:root[data-palette=d]{color-scheme:dark;--bg:#294D3E;--ink:#fff;--accent:#C7D2B5;--warm:#C88768;--cta:#C88768;--on-cta:#292B24;--line:#819682;--tint:#23443A;--on-accent:#292B24}
.previewbar{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:999;display:flex;gap:5px;align-items:center;max-width:calc(100% - 20px);padding:7px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 30px #0002;font:12px/1.3 Manrope,sans-serif}
.previewbar a,.previewbar button{white-space:nowrap;padding:10px;border:0;border-radius:5px;background:transparent;color:inherit;text-decoration:none;cursor:pointer;font:inherit}.previewbar button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}
:focus-visible{outline:3px solid var(--ink);outline-offset:5px}body{padding-bottom:80px}
@media(max-width:500px){.previewbar{flex-wrap:wrap;justify-content:center;width:330px}.previewbar a,.previewbar button{padding:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}