.hero[data-astro-cid-ge2uvauf]{padding:clamp(4rem, 12vh, 6rem) var(--gutter) 3rem}.inner[data-astro-cid-ge2uvauf]{max-width:var(--max-width);margin:0 auto}.eyebrow[data-astro-cid-ge2uvauf]{color:var(--accent);margin-bottom:1.25rem}h1[data-astro-cid-ge2uvauf]{max-width:18ch;color:var(--text);font-size:clamp(2.25rem,5vw,3.75rem);line-height:1.08}.sub[data-astro-cid-ge2uvauf]{max-width:56ch;color:var(--text-muted);margin:1.5rem 0 0;font-size:.9375rem}.ctas[data-astro-cid-ge2uvauf]{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2.25rem;display:flex}.head[data-astro-cid-scxmoemj]{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.band[data-astro-cid-mfftnrbs]{background:var(--bg-band)}.grid[data-astro-cid-mfftnrbs]{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));align-content:start;gap:1rem;display:grid}.grid[data-astro-cid-5avuv2ve]{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));align-content:start;gap:.75rem;display:grid}.idemo{border:1px solid var(--border);border-radius:var(--radius-frame);background:var(--bg-elevated);text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden}@media (width<=760px){.idemo{grid-template-columns:minmax(0,1fr)}.idemo .idemo-code{min-height:24rem}.idemo .idemo-editor{border-right:0;border-bottom:1px solid var(--border)}}.idemo-head{border-bottom:1px solid var(--border);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.25rem 1rem;min-height:2.75rem;padding:.25rem .5rem .25rem 1rem;font-size:.75rem;display:flex}.idemo-file{color:var(--text-muted)}.idemo-actions{align-items:center;gap:.25rem;margin-left:auto;display:flex}.idemo-editor{border-right:1px solid var(--border);flex-direction:column;display:flex}.idemo-code{background:var(--code-bg);flex:1;min-height:12rem;position:relative;overflow:hidden}.idemo-code:focus-within{box-shadow:inset 0 0 0 1px var(--accent)}.idemo-code-paint,.idemo-code-input{letter-spacing:0;white-space:pre;tab-size:2;border:0;margin:0;padding:1.1rem 1.25rem;font-family:ui-monospace,SF Mono,Menlo,Monaco,monospace;font-size:.8rem;line-height:1.6;position:absolute;inset:0}.idemo-code-paint{pointer-events:none;overflow:hidden}.idemo-code-input{resize:none;color:#0000;width:100%;height:100%;caret-color:var(--text);background:0 0;outline:none;overflow:auto}.idemo-code-input::selection{background:color-mix(in oklch, var(--accent) 28%, transparent);color:#0000}.idemo-code-paint{color:var(--syn-identifier)}.tok-comment{color:var(--syn-comment);font-style:italic}.tok-string,.tok-color{color:var(--syn-string)}.tok-number{color:var(--syn-number)}.tok-operator{color:var(--syn-punctuation)}.tok-keyword,.tok-call{color:var(--syn-keyword)}.tok-namespace{color:var(--syn-namespace)}.idemo-run,.idemo-open{border-radius:var(--radius);align-items:center;min-height:2.25rem;padding:0 .75rem;font-size:.75rem;font-weight:500;text-decoration:none;display:inline-flex}.idemo-run{color:var(--text);cursor:pointer;background:0 0;border:1px solid oklch(100% 0 0/.14);font-family:inherit}.idemo-run:hover:not(:disabled){border-color:var(--accent)}.idemo-run:disabled{opacity:.6;cursor:default}.idemo-open{color:var(--accent)}.idemo-open:hover{color:var(--accent-hover)}.idemo-canvas{aspect-ratio:1;background:#0d0e13;position:relative;overflow:hidden}.idemo-poster,.idemo-frame{width:100%;height:100%;position:absolute;inset:0}.idemo-poster{object-fit:cover;display:block}.idemo-frame{opacity:0;transition:opacity .3s}.idemo[data-rendered=true] .idemo-frame{opacity:1}.idemo-status{min-width:0;color:var(--text-dim,var(--text-muted));white-space:nowrap;text-overflow:ellipsis;flex:12rem;margin:0;font-size:.75rem;overflow:hidden}.idemo-status:before{content:"";vertical-align:middle;background:var(--text-dim,var(--text-muted));border-radius:50%;width:6px;height:6px;margin:0 .5rem .15em 0;display:inline-block}.idemo-status[data-state=live]:before{background:var(--accent)}.idemo-status[data-state=error]{color:#d98a9b}.idemo-status[data-state=error]:before{background:#d98a9b}.example[data-astro-cid-ye3hgs2n]{padding:0 var(--gutter) var(--section-y)}.inner[data-astro-cid-ye3hgs2n]{max-width:var(--max-width);margin:0 auto}.caption[data-astro-cid-ye3hgs2n]{color:var(--text-dim);margin:.9rem 0 0;font-size:.75rem}.visually-hidden[data-astro-cid-ye3hgs2n]{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}