.astro-demo__picker{gap:var(--baize-space-2);border:0;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}.astro-demo .demo__legend{margin-bottom:var(--baize-space-2)}.astro-demo__option{align-items:center;gap:var(--baize-space-1);padding:3px var(--baize-space-3) 3px var(--baize-space-2);border:1px solid var(--baize-rule);background:var(--baize-ink);color:var(--baize-lichen);font-size:var(--baize-text-xs);cursor:pointer;border-radius:999px;display:flex}.astro-demo__option:hover{color:var(--baize-chalk)}.astro-demo__option:has(input:checked){border-color:var(--baize-hue);color:var(--baize-chalk);font-weight:600}.astro-demo__option input{accent-color:var(--baize-hue);margin:0}.astro-demo .demo__panes{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.astro-demo__pane--wide{grid-column:1/-1}.astro-demo .demo__table td{overflow-wrap:anywhere;font-family:ui-monospace,monospace}.astro-demo__frame{border:1px solid var(--baize-rule);border-radius:var(--baize-radius-chip);background:#fff;width:100%;height:9rem}.astro-demo__warnings{gap:var(--baize-space-1);color:var(--baize-chalk);font-size:var(--baize-text-xs);margin:0;padding:0;list-style:none;display:grid}
.react-feature-demo__controls{flex-direction:column;gap:.5rem;display:flex}.react-feature-demo__input{border:1px solid var(--baize-border,#ccc);background:var(--baize-surface,transparent);width:100%;color:inherit;font-family:var(--font-mono,monospace);border-radius:4px;padding:.4rem .6rem;font-size:.9rem}.react-feature-demo__hint{opacity:.8;margin:0;font-size:.85rem}.react-feature-demo__cta{color:inherit;font:inherit;cursor:default;background:0 0;border:1px solid;border-radius:4px;padding:.5rem 1rem}.react-feature-demo__pairs{grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:1rem 0 0;font-size:.9rem;display:grid}.react-feature-demo__pairs dt{font-family:var(--font-mono,monospace);opacity:.75}.react-feature-demo__pairs dd{font-family:var(--font-mono,monospace);margin:0}