/* Design preview switcher. Delete this file, preview-bar.js and the two tags the build injects once a design is chosen. */
:root{--preview-bar-h:44px}
html.pb-hidden{--preview-bar-h:0px}
body{padding-top:var(--preview-bar-h)}
.pb{position:fixed;top:0;left:0;right:0;height:44px;z-index:10000;background:#111;color:#fff;font:500 13px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;display:flex;align-items:center;gap:10px;padding:0 10px;box-sizing:border-box;border-bottom:1px solid #333}
html.pb-hidden .pb{display:none}
.pb *{box-sizing:border-box}
.pb-label{white-space:nowrap;color:#bbb;flex:none;padding-right:4px}
.pb-nav{display:flex;gap:4px;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 0}
.pb-nav::-webkit-scrollbar{display:none}
.pb-btn{flex:none;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:15px;color:#fff;text-decoration:none;background:#2a2a2a;border:1px solid #3a3a3a;white-space:nowrap}
.pb-btn b{font-weight:700;color:#9ad;font-variant-numeric:tabular-nums}
.pb-btn:hover{background:#3a3a3a}
.pb-btn[aria-current]{background:#fff;color:#111;border-color:#fff}
.pb-btn[aria-current] b{color:#111}
.pb-home{flex:none;color:#ddd;text-decoration:none;height:30px;display:inline-flex;align-items:center;padding:0 10px;border-radius:15px;border:1px solid #3a3a3a;white-space:nowrap}
.pb-home:hover{background:#2a2a2a}
.pb-hide{flex:none;height:30px;padding:0 10px;border-radius:15px;background:transparent;border:1px solid #3a3a3a;color:#ddd;font:inherit;cursor:pointer;white-space:nowrap}
.pb-hide:hover{background:#2a2a2a}
.pb :focus-visible,.pb-pill:focus-visible{outline:2px solid #ffd54a;outline-offset:2px}
.pb-pill{position:fixed;left:10px;bottom:84px;z-index:10000;height:34px;padding:0 12px;border-radius:17px;background:#111;color:#fff;border:1px solid #444;font:600 12px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.35);display:none}
html.pb-hidden .pb-pill{display:inline-flex;align-items:center;gap:6px}
@media (min-width:861px){.pb-pill{bottom:16px}}
@media (max-width:640px){.pb-label{display:none}.pb{gap:6px;padding:0 8px}.pb-home{padding:0 8px}}