:root{--demo-surface:#f1ecdc;--demo-line:#e4dbc3;--demo-ink:#5a5347}html:root,html body{overflow-x:clip}.demo-banner{z-index:10000;background:var(--surface,var(--demo-surface));border-bottom:1px solid var(--hairline,var(--demo-line));width:100%;color:var(--ink-soft,var(--demo-ink));letter-spacing:0;text-align:center;padding:9px 20px;font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.5;position:sticky;top:0}.demo-label{border:1px solid var(--hairline,var(--demo-line));background:var(--surface,var(--demo-surface));max-width:100%;color:var(--ink-soft,var(--demo-ink));letter-spacing:0;text-transform:none;vertical-align:middle;border-radius:3px;margin-left:8px;padding:2px 5px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500;line-height:1.5;display:inline-block}.demo-story-note{border-top:1px solid var(--hairline,var(--demo-line));border-bottom:1px solid var(--hairline,var(--demo-line));color:var(--ink-soft,var(--demo-ink));margin:24px 0;padding:14px 0;font-size:14px}.tag-row{flex-wrap:wrap}.demo-banner-short{display:none}@media(max-width:699px){.demo-banner{white-space:nowrap;padding:6px 12px;font-size:11px;line-height:1.4;overflow:hidden}.demo-banner-full{display:none}.demo-banner-short{display:inline}}