:root{--color-bg:#fff;--color-fg:#1b1b1f;--color-muted:#6b7280;--color-line:#e5e7eb;--color-error:#b42318}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-fg);margin:0;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em}.demo{max-width:44rem;margin:0 auto;padding:3rem 1.25rem}.demo__head{align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.demo__logo{border-radius:1rem;flex:none}.demo__title{margin:0;font-size:1.75rem}.demo__sub{color:var(--color-muted);margin:.25rem 0 0}.demo__block{border-top:1px solid var(--color-line);padding-top:1.5rem}.demo__block h2{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);margin:0 0 .75rem;font-size:1rem}.demo__table{border-collapse:collapse;width:100%}.demo__table th,.demo__table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-line);padding:.4rem 0}.demo__table th{width:12rem;font-weight:600}.demo__font{font-family:JetBrains Mono,ui-monospace,monospace;font-size:1.25rem;font-weight:700}.demo__list{margin:0;padding-left:1.25rem}.demo__empty,.demo__error{margin:0}.demo__error{color:var(--color-error)}.demo__note{color:var(--color-muted);margin-top:2.5rem;font-size:.875rem}