:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--panel:#050505;--panel-strong:#0b0b0b;--fg:#fff;--muted:#ffffffb8;--muted-soft:#ffffff7a;--border:#ffffff2e}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--fg);margin:0;font-family:helvetica neue,helvetica,arial,sans-serif}a{color:inherit}.demo-shell{grid-template-rows:auto 1fr;gap:1.5rem;min-height:100svh;padding:1.5rem;display:grid}.demo-header{position:static}.brand{color:var(--fg);letter-spacing:-.04em;text-transform:lowercase;font-family:helvetica neue condensed,arial narrow,sans-serif;font-size:clamp(2rem,4vw,3.25rem);font-weight:700;font-stretch:75%;text-decoration:none}.demo-grid{grid-template-columns:minmax(18rem,28rem) minmax(0,1fr);gap:1rem;min-height:0;display:grid}.panel{border:1px solid var(--border);background:var(--panel);box-shadow:inset 0 0 0 1px #ffffff0a}.control-panel{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.eyebrow,.file-meta-label,.editor-meta{color:var(--muted-soft);letter-spacing:0;text-transform:lowercase;margin:0;font-size:.9rem;font-weight:700}.eyebrow-tight{margin-bottom:.25rem}.hero{letter-spacing:-.04em;text-transform:lowercase;margin:0;font-family:helvetica neue condensed,arial narrow,sans-serif;font-size:clamp(2.6rem,7vw,4.9rem);font-weight:700;font-stretch:75%;line-height:.9}.hero--single-line{white-space:nowrap}.editor-title{letter-spacing:-.04em;text-transform:lowercase;margin:0;font-size:clamp(1.8rem,4vw,2.65rem);font-weight:700}.file-meta-value{overflow-wrap:anywhere;min-width:0;color:var(--fg)}.editor-panel{flex-direction:column;min-height:0;display:flex}.editor-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.25rem 1.5rem;display:flex}.editor-meta{text-align:right}.docs-stack{gap:1rem;display:grid}.docs-card{border:1px solid var(--border);background:var(--panel-strong);gap:.4rem;padding:1rem;display:grid}.docs-scroll{gap:0;display:grid;overflow:auto}.docs-section{border-bottom:1px solid var(--border);gap:.9rem;padding:1.5rem;display:grid}.docs-section:last-child{border-bottom:0}.docs-section-title{letter-spacing:-.03em;text-transform:lowercase;margin:0;font-family:helvetica neue condensed,arial narrow,sans-serif;font-size:1.4rem;font-weight:700;font-stretch:75%}.docs-copy{color:var(--muted);margin:0;line-height:1.6}.docs-code{border:1px solid var(--border);color:var(--fg);white-space:pre-wrap;overflow-wrap:anywhere;background:#000;margin:0;padding:1rem;font-family:Cascadia Code,Consolas,Courier New,monospace;font-size:.95rem;line-height:1.6}.docs-code code{display:block}.docs-code-comment{color:#6a9955}.docs-code-keyword{color:#569cd6}.docs-code-string{color:#ce9178}.docs-code-number{color:#b5cea8}.docs-code-property{color:#9cdcfe}.docs-code-function{color:#dcdcaa}.docs-inline-code{font-family:Cascadia Code,Consolas,Courier New,monospace}@media (width<=64rem){.demo-grid{grid-template-columns:1fr}}@media (width<=40rem){.demo-shell{gap:1rem;padding:1rem}.editor-toolbar{flex-direction:column;align-items:flex-start}.editor-meta{text-align:left}}