.demo-shell[data-astro-cid-m5fdtfkn]{display:grid;grid-template-columns:var(--left, 50%) .25rem minmax(0,1fr);height:clamp(32rem,calc(100vh - 7rem),48rem);border:1px solid var(--border-firm);border-radius:8px;overflow:hidden;background:var(--surface-2);box-shadow:0 1px 2px #0000000a,0 18px 40px -24px #00000047}.demo-side[data-astro-cid-m5fdtfkn]{display:flex;flex-direction:column;min-width:0;min-height:0}.demo-divider[data-astro-cid-m5fdtfkn]{position:relative;border:0;padding:0;background:var(--border);cursor:col-resize;touch-action:none;transition:background-color .15s ease}.demo-divider[data-astro-cid-m5fdtfkn]:after{content:"";position:absolute;inset-block:0;inset-inline:-5px}.demo-divider[data-astro-cid-m5fdtfkn]:before{content:"";position:absolute;top:50%;left:50%;width:2px;height:1.1rem;transform:translate(-50%,-50%);border-radius:1px;background:var(--border-firm)}.demo-divider[data-astro-cid-m5fdtfkn]:hover,.demo-divider[data-astro-cid-m5fdtfkn]:focus-visible,.demo-shell[data-astro-cid-m5fdtfkn][data-dragging] .demo-divider[data-astro-cid-m5fdtfkn]{background:var(--accent-solid)}.demo-divider[data-astro-cid-m5fdtfkn]:hover:before,.demo-divider[data-astro-cid-m5fdtfkn]:focus-visible:before,.demo-shell[data-astro-cid-m5fdtfkn][data-dragging] .demo-divider[data-astro-cid-m5fdtfkn]:before{background:var(--on-accent)}.demo-shell[data-astro-cid-m5fdtfkn][data-dragging]{user-select:none}.demo-shell[data-astro-cid-m5fdtfkn][data-dragging] .preview-frame[data-astro-cid-m5fdtfkn]{pointer-events:none}.demo-bar[data-astro-cid-m5fdtfkn]{display:flex;flex:none;align-items:center;justify-content:space-between;gap:.75rem;height:2.5rem;padding:0 .75rem;background:var(--surface);border-bottom:1px solid var(--border)}.demo-path[data-astro-cid-m5fdtfkn],.demo-hint[data-astro-cid-m5fdtfkn]{font-family:var(--font-mono);font-size:.65rem;document-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-toggle[data-astro-cid-m5fdtfkn]{flex:none;display:grid;place-items:center;width:1.5rem;height:1.5rem;margin-left:-.25rem;padding:0;border:0;border-radius:3px;background:transparent;color:var(--muted);cursor:pointer;transition:color .15s ease,background-color .15s ease}.tree-toggle[data-astro-cid-m5fdtfkn] svg[data-astro-cid-m5fdtfkn]{width:.95rem;height:.95rem;stroke-width:1.3}.tree-toggle[data-astro-cid-m5fdtfkn]:hover{color:var(--accent);background:var(--surface-2)}.tree-toggle[data-astro-cid-m5fdtfkn][aria-expanded=true]{color:var(--accent)}.demo-split[data-astro-cid-m5fdtfkn]{display:grid;grid-template-columns:0 minmax(0,1fr);flex:1;min-height:0;transition:grid-template-columns .18s ease}.demo-side[data-astro-cid-m5fdtfkn][data-tree-open] .demo-split[data-astro-cid-m5fdtfkn]{grid-template-columns:14rem minmax(0,1fr)}.demo-tree[data-astro-cid-m5fdtfkn]{display:flex;flex-direction:column;gap:1px;padding:.5rem 0;overflow:auto;background:var(--surface);border-right:0;visibility:hidden}.demo-side[data-astro-cid-m5fdtfkn][data-tree-open] .demo-tree[data-astro-cid-m5fdtfkn]{visibility:visible;border-right:1px solid var(--border)}.tree-dir[data-astro-cid-m5fdtfkn],.tree-file[data-astro-cid-m5fdtfkn],.tree-document[data-astro-cid-m5fdtfkn]{font-family:var(--font-mono);font-size:.7rem;line-height:1.6;text-align:left;white-space:nowrap;padding-block:.15rem;padding-right:.6rem;padding-left:calc(.6rem + var(--depth, 0) * .7rem)}.tree-dir[data-astro-cid-m5fdtfkn]{color:var(--muted);opacity:.75}.tree-file[data-astro-cid-m5fdtfkn],.tree-document[data-astro-cid-m5fdtfkn]{border:0;border-left:2px solid transparent;background:transparent;color:var(--muted);cursor:pointer;transition:color .12s ease,background-color .12s ease}.tree-file[data-astro-cid-m5fdtfkn]:hover,.tree-document[data-astro-cid-m5fdtfkn]:hover{color:var(--ink);background:var(--surface-2)}.tree-file[data-astro-cid-m5fdtfkn][aria-selected=true]{color:var(--accent);background:var(--accent-tint);border-left-color:var(--accent-solid);font-weight:600}.tree-document[data-astro-cid-m5fdtfkn]{display:flex;align-items:baseline;gap:.4rem;color:var(--ink)}.tree-document[data-astro-cid-m5fdtfkn][aria-expanded=true]{color:var(--accent);font-weight:600}.tree-caret[data-astro-cid-m5fdtfkn]{flex:none;font-size:.6rem;transition:transform .15s ease}.tree-document[data-astro-cid-m5fdtfkn][aria-expanded=true] .tree-caret[data-astro-cid-m5fdtfkn]{transform:rotate(90deg)}.tree-document-name[data-astro-cid-m5fdtfkn]{overflow:hidden;text-overflow:ellipsis}.tree-document-sector[data-astro-cid-m5fdtfkn]{margin-left:auto;flex:none;font-size:.6rem;document-spacing:.08em;text-transform:uppercase;color:var(--muted);opacity:.75;font-weight:400}.demo-code[data-astro-cid-m5fdtfkn]{display:flex;min-width:0;min-height:0;flex-direction:column}.code-panel[data-astro-cid-m5fdtfkn]{display:flex;flex:1;min-height:0;flex-direction:column}.code-scroll[data-astro-cid-m5fdtfkn]{flex:1;min-height:0;overflow:auto}.code-scroll[data-astro-cid-m5fdtfkn] pre{margin:0;padding:1rem 1.1rem;font-size:.76rem;line-height:1.65;min-height:100%;box-sizing:border-box}.preview-pane[data-astro-cid-m5fdtfkn]{flex:1;min-height:0;padding:1rem;overflow:auto;display:grid;place-content:safe center}.preview-box[data-astro-cid-m5fdtfkn]{box-shadow:0 2px 6px #0000001a,0 14px 34px -18px #0006}.preview-scale[data-astro-cid-m5fdtfkn]{transform-origin:top left}.preview-frame[data-astro-cid-m5fdtfkn]{display:block;border:0;background:#fff}.demo-caption[data-astro-cid-m5fdtfkn]{margin:3rem 0 0;text-align:center;font-size:.875rem;color:var(--muted)}.zoom-controls[data-astro-cid-m5fdtfkn]{display:flex;flex:none;align-items:center;gap:.25rem}.zoom-btn[data-astro-cid-m5fdtfkn]{border:1px solid var(--border);border-radius:3px;padding:.1rem .5rem;font-family:var(--font-mono);font-size:.65rem;line-height:1.5;document-spacing:.1em;text-transform:uppercase;color:var(--muted);background:transparent;cursor:pointer;transition:color .15s ease,border-color .15s ease}.zoom-btn[data-astro-cid-m5fdtfkn]:hover:not(:disabled){color:var(--accent);border-color:var(--border-firm)}.zoom-btn[data-astro-cid-m5fdtfkn][aria-pressed=true]{color:var(--accent);border-color:var(--accent-solid)}.zoom-btn[data-astro-cid-m5fdtfkn]:disabled{opacity:.4;cursor:default}.zoom-step[data-astro-cid-m5fdtfkn]{min-width:1.6rem;padding-inline:.35rem;font-size:.8rem;document-spacing:0}.zoom-value[data-astro-cid-m5fdtfkn]{min-width:3.1rem;text-align:center;font-family:var(--font-mono);font-size:.65rem;font-variant-numeric:tabular-nums;document-spacing:.08em;color:var(--muted)}@media(max-width:1023px){.demo-shell[data-astro-cid-m5fdtfkn]{grid-template-columns:minmax(0,1fr);height:auto}.demo-divider[data-astro-cid-m5fdtfkn]{display:none}.demo-side[data-astro-cid-m5fdtfkn]+.demo-side[data-astro-cid-m5fdtfkn]{border-top:1px solid var(--border)}.demo-split[data-astro-cid-m5fdtfkn]{grid-template-columns:0 minmax(0,1fr);height:24rem}.demo-side[data-astro-cid-m5fdtfkn][data-tree-open] .demo-split[data-astro-cid-m5fdtfkn]{grid-template-columns:11rem minmax(0,1fr)}.preview-pane[data-astro-cid-m5fdtfkn]{height:30rem;flex:none}}.registry-mark[data-astro-cid-fsbekksk]{display:inline-flex;align-items:center;padding:.15em .35em;border-radius:3px;font-family:var(--font-mono);font-size:.85em;font-weight:600;line-height:1;letter-spacing:-.02em;text-decoration:none;opacity:.85;transition:opacity .15s}.registry-mark[data-astro-cid-fsbekksk]:hover,.registry-mark[data-astro-cid-fsbekksk]:focus-visible{opacity:1}.registry-mark[data-astro-cid-fsbekksk].npm{background:#cb3837;color:#fff}.registry-mark[data-astro-cid-fsbekksk].jsr{background:#f7df1e;color:#083344}.pull-quote[data-astro-cid-xhaoqxbd]{margin:0;font-family:var(--font-serif);font-size:clamp(1.5rem,2.9vw,2.15rem);line-height:1.45;letter-spacing:-.012em;text-wrap:balance;color:inherit}.quote-rule[data-astro-cid-xhaoqxbd]{display:block;width:3.5rem;height:2px;margin:2.25rem auto 0;border-radius:1px;background:currentColor;opacity:.45}