:root{--web-demo-bar-height:36px;--web-demo-surface:#f6f6f4;--web-demo-text:#1d1d1f;--web-demo-muted:#6b6b70;--web-demo-line:#0000001a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-web-demo-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-web-demo-theme=light]){--web-demo-surface:#1f1f21;--web-demo-text:#f2f2f3;--web-demo-muted:#a1a1a6;--web-demo-line:#ffffff1f}}:root[data-web-demo-theme=dark]{--web-demo-surface:#1f1f21;--web-demo-text:#f2f2f3;--web-demo-muted:#a1a1a6;--web-demo-line:#ffffff1f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body:has(>.web-demo-bar){flex-direction:column;display:flex}body>.web-demo-bar~#root{flex:1 1 0;height:auto;min-height:0}.web-demo-bar{height:var(--web-demo-bar-height);border-bottom:1px solid var(--border-subtle,var(--web-demo-line));background:var(--surface-titlebar,var(--web-demo-surface));color:var(--text-secondary,var(--web-demo-muted));font:500 12px/16px var(--ui-font,-apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif);white-space:nowrap;flex:none;align-items:center;gap:12px;padding:0 12px;display:flex}.web-demo-bar a,.web-demo-bar button{font:inherit;color:var(--text-primary,var(--web-demo-text));text-decoration:none}.web-demo-bar-label{font-weight:600}.web-demo-bar-note{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.web-demo-bar-reset,.web-demo-bar-download{cursor:pointer;border-radius:6px;align-items:center;height:24px;padding:0 10px;display:inline-flex}.web-demo-bar-reset{border:1px solid var(--border-subtle,var(--web-demo-line));background:0 0}.web-demo-bar-reset:hover{background:var(--control-hover-surface,#7f7f7f1f)}.web-demo-bar-download{background:var(--accent-soft,#4568f624)}.web-demo-bar-download:hover{background:var(--control-tinted-hover-surface,#4568f638)}.web-demo-bar :focus-visible{outline:2px solid var(--focus-ring,#4568f6);outline-offset:1px}body.web-demo-narrow{background:var(--web-demo-surface);min-height:100vh;color:var(--web-demo-text);place-items:center;margin:0;font:400 16px/1.5 -apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;display:grid}.web-demo-narrow-page{text-align:center;max-width:32rem;padding:32px 24px}.web-demo-narrow-page h1{margin:0 0 12px;font-size:24px;font-weight:600;line-height:1.25}.web-demo-narrow-page p{color:var(--web-demo-muted);margin:0 0 20px}.web-demo-narrow-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.web-demo-narrow-actions a{color:var(--web-demo-text)}.web-demo-narrow-actions .web-demo-bar-download{height:40px;padding:0 18px;text-decoration:none}