@font-face{font-family:'Geist';src:url(/assets/geist.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Geist Mono';src:url(/assets/geist-mono.woff2) format('woff2');font-weight:100 900;font-display:swap}
.demo-bar{position:sticky;top:0;z-index:50;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:9px max(16px,env(safe-area-inset-left,0px));background:var(--accent);color:var(--accent-ink);font:14px/1.4 'Geist',system-ui,sans-serif}
.demo-bar a{color:var(--accent-ink);font-weight:600;text-underline-offset:3px}
.demo-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.demo-cta{background:var(--accent-ink);color:var(--accent)!important;padding:5px 12px;border-radius:2px;text-decoration:none}
.demo-loading{min-height:70vh;display:grid;place-items:center;text-align:center;padding:24px;font-family:'Geist',system-ui,sans-serif;color:var(--ink)}
.demo-loading svg{margin:0 auto 18px;display:block}
.demo-loading p{margin:0 0 6px;font-size:17px;font-weight:600}
.demo-loading .demo-sub{font-size:14px;font-weight:400;color:var(--ink-3);max-width:28em}
.demo-short{display:none}
@media (max-width:640px){.demo-long{display:none}.demo-short{display:inline}.demo-bar{gap:8px;padding-block:8px}.demo-actions{gap:12px}}