.lab-stage{position:relative;display:block;height:calc(100svh - var(--header-h));min-height:520px;overflow:hidden;background:var(--bg)}.lab-stage>canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:crosshair}.lab-panel{position:absolute;right:var(--gutter);bottom:var(--space-5);z-index:3;width:min(300px,calc(100% - var(--gutter) * 2));border:1px solid var(--line-strong);border-radius:6px;background:color-mix(in oklab,var(--bg) 74%,transparent);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);font-size:var(--step--1);line-height:1.4}.lab-panel>summary{display:flex;justify-content:space-between;align-items:center;padding:.7rem .9rem;font-family:var(--font-mono);font-size:var(--step--2);color:var(--fg-muted);text-transform:uppercase;cursor:pointer;list-style:none}.lab-panel>summary::-webkit-details-marker{display:none}.lab-panel>summary:after{content:"−";color:var(--accent-ink)}.lab-panel:not([open])>summary:after{content:"+"}.lab-panel .controls{display:grid;gap:.75rem;padding:0 .9rem .9rem}.lab-control{display:grid;grid-template-columns:1fr auto;gap:.25rem .8rem;align-items:center;color:var(--fg-muted)}.lab-control output{font-family:var(--font-mono);font-size:var(--step--2);color:var(--fg);font-variant-numeric:tabular-nums}.lab-control input[type=range]{grid-column:1 / -1;width:100%;margin:0;accent-color:var(--accent-ink)}.lab-options{display:flex;flex-wrap:wrap;gap:.4rem}.lab-options label{cursor:pointer}.lab-options input{position:absolute;opacity:0;pointer-events:none}.lab-options span,.lab-buttons button{display:inline-block;padding:.35em .8em;border:1px solid var(--line-strong);border-radius:var(--radius);background:transparent;font-family:var(--font-mono);font-size:var(--step--2);color:var(--fg-muted);transition:background-color .15s,color .15s,border-color .15s}.lab-options input:checked+span{border-color:var(--accent-ink);color:var(--accent-ink)}.lab-options input:focus-visible+span{outline:2px solid var(--accent-ink);outline-offset:2px}.lab-buttons{display:flex;flex-wrap:wrap;gap:.4rem;padding-top:.2rem;border-top:1px solid var(--line);padding-top:.75rem}.lab-buttons button:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}@media(max-width:640px){.lab-panel{right:var(--gutter);bottom:var(--space-4)}}.scope-stage[data-astro-cid-wzzvxa4n]{display:grid;place-items:center;padding:15rem var(--gutter) var(--space-7);background:radial-gradient(circle at 50% 40%,color-mix(in oklab,var(--accent) 6%,transparent),transparent 60%),var(--bg);height:auto;min-height:calc(100svh - var(--header-h))}.scope-wrap[data-astro-cid-wzzvxa4n]{width:min(100%,960px);padding:var(--space-5);border:1px solid var(--line-strong);border-radius:6px;background:var(--bg-elev)}.lab-hero[data-astro-cid-pejiczag]{position:relative}.lab-head[data-astro-cid-pejiczag]{position:absolute;inset:0 0 auto;z-index:2;padding-top:var(--space-6);pointer-events:none}.back[data-astro-cid-pejiczag]{pointer-events:auto;font-size:var(--step--1);color:var(--fg-muted);text-decoration:none}.back[data-astro-cid-pejiczag]:hover{color:var(--accent-ink)}.code[data-astro-cid-pejiczag]{margin-top:var(--space-5);font-size:var(--step--2);color:var(--accent-ink);text-transform:uppercase}h1[data-astro-cid-pejiczag]{margin-top:var(--space-2);font-size:var(--step-4);line-height:1.1;text-shadow:0 0 24px var(--bg)}.notes[data-astro-cid-pejiczag]{display:grid;gap:var(--space-7);max-width:calc(var(--measure) + var(--gutter) * 2);margin-left:max(0px,calc((100% - var(--max)) / 2));padding-top:var(--space-8)}.lede[data-astro-cid-pejiczag]{font-size:var(--step-1);color:var(--fg-muted)}.pager[data-astro-cid-pejiczag]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.pager[data-astro-cid-pejiczag] a[data-astro-cid-pejiczag]{display:grid;gap:var(--space-2);padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none}.pager[data-astro-cid-pejiczag] a[data-astro-cid-pejiczag]:hover{border-color:var(--accent-ink)}.pager[data-astro-cid-pejiczag] .mono[data-astro-cid-pejiczag]{font-size:var(--step--2);color:var(--fg-muted)}.pager[data-astro-cid-pejiczag] .t[data-astro-cid-pejiczag]{font-family:var(--font-serif);font-weight:600}.newer[data-astro-cid-pejiczag]{grid-column:2;text-align:right}