:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#111827;background:#f8fafc}*{box-sizing:border-box}body{margin:0;min-height:100vh}.demo-topbar,.demo-main,.demo-footer{width:min(980px,100% - 2rem);margin-inline:auto}.demo-topbar{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid #d1d5db;border-radius:10px;padding:.75rem 1rem;background:#fff}.demo-links{display:flex;gap:.65rem}.demo-actions{display:flex;gap:.5rem}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}.demo-card,.demo-snippet{border:1px solid #d1d5db;border-radius:10px;background:#fff;padding:1rem}pre{overflow-x:auto;white-space:pre}.demo-footer{margin-block:1.2rem 2rem;opacity:.7}@media(max-width:640px){.demo-topbar{flex-wrap:wrap}.demo-actions{width:100%}.demo-actions>*{flex:1 1 auto}}