:root.cn-landing .content-panel:first-of-type{display:none}:root.cn-landing .content-panel{border-top:0}.landing:where(.astro-d32ejlv2){grid-template-columns:minmax(0,1fr);gap:5rem;padding-block:1rem 3rem;display:grid}.landing:where(.astro-d32ejlv2)>*{min-width:0}.landing:where(.astro-d32ejlv2) h2{font-family:var(--cn-font-display);letter-spacing:0;color:var(--sl-color-white);margin:0 0 1rem;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700}.eyebrow:where(.astro-d32ejlv2){font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--sl-color-gray-3);margin:0 0 .8rem}.hero:where(.astro-d32ejlv2){grid-template-columns:minmax(0,1fr);align-items:center;gap:2rem;display:grid;position:relative}.hero:where(.astro-d32ejlv2)>.cn-trail{pointer-events:none;z-index:0;width:100%;max-width:none;height:100%;position:absolute;inset:0;mask-image:linear-gradient(#000 calc(100% - 160px),#0000)}.hero-text:where(.astro-d32ejlv2),.hero-fig:where(.astro-d32ejlv2){z-index:1;position:relative}.hero-brand:where(.astro-d32ejlv2){align-items:center;gap:clamp(.8rem,2vw,1.4rem);display:flex}.hero-brand:where(.astro-d32ejlv2) .hero-mark{flex:none;height:clamp(3.4rem,9vw,5.6rem)}.hero:where(.astro-d32ejlv2) h1:where(.astro-d32ejlv2){font-family:var(--cn-font-display);color:var(--sl-color-white);letter-spacing:0;margin:0;font-size:clamp(3rem,9vw,5.6rem);font-weight:700;line-height:1}.tagline:where(.astro-d32ejlv2){font-size:var(--sl-text-xl);color:var(--sl-color-white);margin:1rem 0 0;line-height:1.3}.lede:where(.astro-d32ejlv2){color:var(--sl-color-gray-2);max-width:34rem;margin:1rem 0 1.4rem}.install-line:where(.astro-d32ejlv2){border:1px solid var(--sl-color-hairline);background:var(--sl-color-gray-7);border-radius:.5rem;align-items:center;gap:.8rem;max-width:100%;margin-bottom:1.2rem;padding:.35rem .4rem .35rem .9rem;display:inline-flex}.install-line:where(.astro-d32ejlv2) code:where(.astro-d32ejlv2){font-family:var(--sl-font-mono);color:var(--sl-color-white);white-space:nowrap;background:0 0;padding:0;font-size:.9rem;overflow-x:auto}.install-line:where(.astro-d32ejlv2) button:where(.astro-d32ejlv2){border:1px solid var(--sl-color-hairline);background:var(--cn-bg);color:var(--sl-color-text);font:inherit;font-size:var(--sl-text-xs);cursor:pointer;border-radius:.35rem;min-width:4rem;padding:.25rem .7rem}.install-line:where(.astro-d32ejlv2) button:where(.astro-d32ejlv2):hover{border-color:var(--cn-accent)}.actions:where(.astro-d32ejlv2){flex-wrap:wrap;align-items:center;gap:.7rem .8rem;display:flex}.btn:where(.astro-d32ejlv2){border:1px solid var(--sl-color-hairline);color:var(--sl-color-white);border-radius:.5rem;padding:.6rem 1.2rem;font-weight:600;text-decoration:none;display:inline-block}.btn:where(.astro-d32ejlv2):hover{border-color:var(--cn-accent)}.btn:where(.astro-d32ejlv2).primary{background:var(--cn-accent);border-color:var(--cn-accent);color:var(--cn-bg)}.btn:where(.astro-d32ejlv2):focus-visible,.link:where(.astro-d32ejlv2):focus-visible{outline:2px solid var(--cn-accent);outline-offset:2px}.link:where(.astro-d32ejlv2){color:var(--sl-color-text-accent);font-weight:600;text-decoration:none}.link:where(.astro-d32ejlv2):hover{text-decoration:underline}.hero-fig:where(.astro-d32ejlv2){background:radial-gradient(closest-side, color-mix(in oklab, var(--cn-accent) 10%, transparent), transparent);border-radius:.8rem;overflow:hidden}.hero-fig:where(.astro-d32ejlv2) cseen-mini{background:0 0}.hero-fig:where(.astro-d32ejlv2){place-items:center;display:grid}.hero-fig:where(.astro-d32ejlv2) cseen-mini{width:100%}.reel-row:where(.astro-d32ejlv2){scroll-snap-type:x mandatory;padding:0;grid-auto-columns:minmax(15rem,1fr);grid-auto-flow:column;gap:1rem;margin:0;padding-bottom:.6rem;list-style:none;display:grid;overflow-x:auto}.reel-row:where(.astro-d32ejlv2) li:where(.astro-d32ejlv2){scroll-snap-align:start;margin:0}.reel-row:where(.astro-d32ejlv2) h3:where(.astro-d32ejlv2){font-size:var(--sl-text-lg);color:var(--sl-color-white);margin:.7rem 0 .1rem}.reel-row:where(.astro-d32ejlv2) p:where(.astro-d32ejlv2){font-size:var(--sl-text-sm);color:var(--sl-color-gray-2);margin:0}.install-head:where(.astro-d32ejlv2){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1.5rem;margin-bottom:1.2rem;display:flex}.install-head:where(.astro-d32ejlv2) h2{margin:0}.install:where(.astro-d32ejlv2) .code:where(.astro-d32ejlv2){border:1px solid var(--sl-color-hairline);background:var(--sl-color-gray-7);font-family:var(--sl-font-mono);border-radius:.6rem;margin:0;padding:1rem 1.2rem;font-size:.85rem;line-height:1.6;overflow-x:auto}.theme-bar:where(.astro-d32ejlv2){border-top:1px solid var(--sl-color-hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem 2rem;margin-top:1.4rem;padding-top:1.2rem;display:flex}.theme-note:where(.astro-d32ejlv2){max-width:28rem;line-height:1.5;font-size:var(--sl-text-sm);color:var(--sl-color-gray-2);flex:18rem;margin:0}.theme-note:where(.astro-d32ejlv2) strong:where(.astro-d32ejlv2){color:var(--sl-color-white)}.theme-tools:where(.astro-d32ejlv2){flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;display:flex}.mode:where(.astro-d32ejlv2){border:1px solid var(--sl-color-hairline);height:2.2rem;color:var(--sl-color-text);font:inherit;font-size:var(--sl-text-sm);cursor:pointer;background:0 0;border-radius:999px;flex:none;align-items:center;gap:.45rem;padding:0 .85rem 0 .7rem;display:inline-flex}.mode:where(.astro-d32ejlv2):hover{border-color:var(--cn-accent);color:var(--cn-accent)}.mode:where(.astro-d32ejlv2):focus-visible{outline:2px solid var(--cn-accent);outline-offset:2px}.mode:where(.astro-d32ejlv2) svg{flex:none;display:block}.mode:where(.astro-d32ejlv2) .moon:where(.astro-d32ejlv2),.mode:where(.astro-d32ejlv2) .on-dark:where(.astro-d32ejlv2),:root[data-theme=dark] .mode:where(.astro-d32ejlv2) .sun:where(.astro-d32ejlv2),:root[data-theme=dark] .mode:where(.astro-d32ejlv2) .on-light:where(.astro-d32ejlv2){display:none}:root[data-theme=dark] .mode:where(.astro-d32ejlv2) .moon:where(.astro-d32ejlv2){display:block}:root[data-theme=dark] .mode:where(.astro-d32ejlv2) .on-dark:where(.astro-d32ejlv2){display:inline}.tools-sep:where(.astro-d32ejlv2){background:var(--sl-color-hairline);flex:none;width:1px;height:1.4rem;margin:0 .2rem}.themes:where(.astro-d32ejlv2){padding:0;list-style:none;display:contents}.themes:where(.astro-d32ejlv2) li:where(.astro-d32ejlv2){margin:0;display:contents}.themes:where(.astro-d32ejlv2) button{margin:0}.themes:where(.astro-d32ejlv2) button:where(.astro-d32ejlv2){border:1px solid var(--sl-color-hairline);min-height:2.2rem;color:var(--sl-color-text);font:inherit;font-size:var(--sl-text-sm);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .8rem .2rem .4rem;display:inline-flex}.themes:where(.astro-d32ejlv2) button:where(.astro-d32ejlv2):hover,.mode:where(.astro-d32ejlv2):focus-visible,.themes:where(.astro-d32ejlv2) button:where(.astro-d32ejlv2):focus-visible{border-color:var(--cn-accent)}.themes:where(.astro-d32ejlv2) button:where(.astro-d32ejlv2):focus-visible{outline:2px solid var(--cn-accent);outline-offset:2px}.mode:where(.astro-d32ejlv2){order:0}.themes:where(.astro-d32ejlv2) button:where(.astro-d32ejlv2)[data-theme-random]{border-style:dashed;order:1}.tools-sep:where(.astro-d32ejlv2){order:2}.themes:where(.astro-d32ejlv2) button:where(.astro-d32ejlv2):not([data-theme-random]){order:3}.themes:where(.astro-d32ejlv2) button:where(.astro-d32ejlv2)[aria-pressed=true]{border-color:var(--cn-accent);background:color-mix(in oklab, var(--cn-accent) 14%, transparent);color:var(--sl-color-white)}.themes:where(.astro-d32ejlv2) i:where(.astro-d32ejlv2){border:1px solid var(--sl-color-hairline);background:linear-gradient(135deg, var(--lb) 50%, var(--la) 50%);border-radius:50%;width:1.1rem;height:1.1rem}:root[data-theme=dark] .themes:where(.astro-d32ejlv2) i:where(.astro-d32ejlv2){background:linear-gradient(135deg, var(--db) 50%, var(--da) 50%)}.shuffle-bar:where(.astro-d32ejlv2){align-items:center;gap:.9rem;display:flex}.shuffle:where(.astro-d32ejlv2){border:1px solid var(--sl-color-hairline);height:2.2rem;color:var(--sl-color-text);font:inherit;font-size:var(--sl-text-sm);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.45rem;padding:0 .9rem 0 .75rem;display:inline-flex}.shuffle:where(.astro-d32ejlv2) svg:where(.astro-d32ejlv2){transition:transform .3s}@media (prefers-reduced-motion:reduce){.shuffle:where(.astro-d32ejlv2) svg:where(.astro-d32ejlv2){transition:none}.shuffle:where(.astro-d32ejlv2):hover svg:where(.astro-d32ejlv2){transform:none}}.shuffle:where(.astro-d32ejlv2):hover{border-color:var(--cn-accent);color:var(--cn-accent)}.shuffle:where(.astro-d32ejlv2):hover svg:where(.astro-d32ejlv2){transform:rotate(180deg)}.shuffle:where(.astro-d32ejlv2):focus-visible{outline:2px solid var(--cn-accent);outline-offset:2px}.show:where(.astro-d32ejlv2)>*,.theme-bar:where(.astro-d32ejlv2)>*,.theme-tools:where(.astro-d32ejlv2)>*,.mode:where(.astro-d32ejlv2)>*,.pane:where(.astro-d32ejlv2)>*,.pane-bar:where(.astro-d32ejlv2)>*,.shuffle-bar:where(.astro-d32ejlv2)>*{margin:0}.show:where(.astro-d32ejlv2){--h:17rem;grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.pane:where(.astro-d32ejlv2){min-width:0;height:var(--h);border:1px solid var(--sl-color-hairline);background:var(--sl-color-gray-7);border-radius:.6rem;flex-direction:column;display:flex;overflow:hidden}.pane-bar:where(.astro-d32ejlv2){border-bottom:1px solid var(--sl-color-hairline);flex:none;justify-content:space-between;align-items:center;gap:.8rem;min-height:2.9rem;padding:.4rem .7rem .4rem 1rem;display:flex}.pane-end:where(.astro-d32ejlv2){align-items:center;gap:.5rem;display:inline-flex}.pane-fs:where(.astro-d32ejlv2){border:1px solid var(--sl-color-hairline);width:1.9rem;height:1.9rem;color:var(--sl-color-gray-2);cursor:pointer;opacity:.7;background:0 0;border-radius:.4rem;flex:none;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:inline-flex}.pane-fs:where(.astro-d32ejlv2):hover,.pane-fs:where(.astro-d32ejlv2):focus-visible,.pane-fs:where(.astro-d32ejlv2)[aria-pressed=true]{opacity:1;border-color:var(--cn-accent);color:var(--sl-color-white)}.pane:where(.astro-d32ejlv2):fullscreen{border:0;border-radius:0;height:100vh}.pane-tab:where(.astro-d32ejlv2){font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);letter-spacing:.04em;color:var(--sl-color-gray-3)}.install:where(.astro-d32ejlv2) .show-code:where(.astro-d32ejlv2){background:0 0;border:0;border-radius:0;flex:1;min-height:0;margin:0;padding:1rem 1.2rem;overflow:auto}.show-fig:where(.astro-d32ejlv2){background:var(--cn-bg);flex:1;min-height:0;position:relative;overflow:hidden}.stage:where(.astro-d32ejlv2){display:block;position:absolute;inset:0;overflow:hidden}.pane:where(.astro-d32ejlv2)>.dm-tools{z-index:1;background:var(--sl-color-gray-7);flex:none;position:relative}.stage:where(.astro-d32ejlv2)>*{width:100%;height:100%;display:block}.stage:where(.astro-d32ejlv2) svg{cursor:grab;max-width:none;display:block;aspect-ratio:auto!important;width:100%!important;height:100%!important}.stage:where(.astro-d32ejlv2) svg:active{cursor:grabbing}.run:where(.astro-d32ejlv2){background:var(--cn-accent);color:var(--cn-bg);font-size:var(--sl-text-sm);white-space:nowrap;border-radius:.45rem;flex:none;padding:.4rem .8rem;font-weight:600;line-height:1.2;text-decoration:none}.run:where(.astro-d32ejlv2):hover{filter:brightness(1.1)}.run:where(.astro-d32ejlv2):focus-visible{outline:2px solid var(--cn-ink);outline-offset:2px}.show-name:where(.astro-d32ejlv2){align-items:baseline;display:inline-flex}.show-name:where(.astro-d32ejlv2) small:where(.astro-d32ejlv2){font-family:var(--sl-font-mono);color:var(--sl-color-gray-3);margin-left:.5rem}.feature-grid:where(.astro-d32ejlv2),.pack-grid:where(.astro-d32ejlv2),.more-grid:where(.astro-d32ejlv2){gap:1.2rem;margin:0;padding:0;list-style:none;display:grid}.feature-grid:where(.astro-d32ejlv2){grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.feature:where(.astro-d32ejlv2){border-top:1px solid var(--sl-color-hairline);margin:0;padding:1rem 0 0}.num:where(.astro-d32ejlv2){font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);color:var(--cn-accent)}.feature:where(.astro-d32ejlv2) h3:where(.astro-d32ejlv2){font-size:var(--sl-text-lg);color:var(--sl-color-white);margin:.4rem 0 .3rem}.feature:where(.astro-d32ejlv2) p:where(.astro-d32ejlv2){color:var(--sl-color-gray-2);font-size:var(--sl-text-sm);margin:0}.pack-grid:where(.astro-d32ejlv2){grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.more-grid:where(.astro-d32ejlv2){counter-reset:none;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}.pack-grid:where(.astro-d32ejlv2) li:where(.astro-d32ejlv2),.more-grid:where(.astro-d32ejlv2) li:where(.astro-d32ejlv2){margin:0;padding:0}.pack-grid:where(.astro-d32ejlv2) a:where(.astro-d32ejlv2),.more-grid:where(.astro-d32ejlv2) a:where(.astro-d32ejlv2){border:1px solid var(--sl-color-hairline);height:100%;color:var(--sl-color-text);border-radius:.6rem;gap:.2rem;padding:1rem;text-decoration:none;display:grid}.pack-grid:where(.astro-d32ejlv2) a:where(.astro-d32ejlv2):hover,.more-grid:where(.astro-d32ejlv2) a:where(.astro-d32ejlv2):hover{border-color:var(--cn-accent)}.pack-grid:where(.astro-d32ejlv2) strong:where(.astro-d32ejlv2),.more-grid:where(.astro-d32ejlv2) strong:where(.astro-d32ejlv2){color:var(--sl-color-white)}.pack-grid:where(.astro-d32ejlv2) span:where(.astro-d32ejlv2),.more-grid:where(.astro-d32ejlv2) a:where(.astro-d32ejlv2)>span:where(.astro-d32ejlv2):last-child{font-size:var(--sl-text-sm);color:var(--sl-color-gray-2)}.pack-grid:where(.astro-d32ejlv2) small:where(.astro-d32ejlv2){color:var(--sl-color-gray-3)}.step:where(.astro-d32ejlv2){font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);color:var(--cn-accent)}@media (width<=70rem){.theme-note:where(.astro-d32ejlv2){flex-basis:100%;max-width:none}.theme-tools:where(.astro-d32ejlv2){justify-content:flex-start}}@media (width<=55.99rem){.show:where(.astro-d32ejlv2){--h:auto}.pane:where(.astro-d32ejlv2){height:auto}.pane:where(.astro-d32ejlv2):first-child{max-height:15rem}.show-fig:where(.astro-d32ejlv2){aspect-ratio:16/10;flex:none;max-height:18rem}}@media (width>=56rem){.hero:where(.astro-d32ejlv2){grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:3rem}.show:where(.astro-d32ejlv2){--h:clamp(20rem, 29vw, 25rem);grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.reel-row:where(.astro-d32ejlv2){grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:row;overflow:visible}}@media (width<=40rem){.landing:where(.astro-d32ejlv2){gap:3.5rem}.run:where(.astro-d32ejlv2){padding:.35rem .65rem}.theme-tools:where(.astro-d32ejlv2){justify-content:flex-start}.tools-sep:where(.astro-d32ejlv2),.mode-label:where(.astro-d32ejlv2),.lbl:where(.astro-d32ejlv2){display:none!important}.mode:where(.astro-d32ejlv2),.themes:where(.astro-d32ejlv2) button:where(.astro-d32ejlv2)[data-theme-random]{justify-content:center;width:2.2rem;padding:0}.themes:where(.astro-d32ejlv2) button:where(.astro-d32ejlv2)[data-theme-random][aria-pressed=true]{gap:.4rem;width:auto;padding:0 .8rem 0 .7rem}.themes:where(.astro-d32ejlv2) button:where(.astro-d32ejlv2)[data-theme-random][aria-pressed=true] .lbl:where(.astro-d32ejlv2){display:inline!important}.theme-tools:where(.astro-d32ejlv2){gap:.35rem}.themes:where(.astro-d32ejlv2) button:where(.astro-d32ejlv2):not([data-theme-random]){gap:0;padding:.2rem .4rem}.themes:where(.astro-d32ejlv2) button:where(.astro-d32ejlv2):not([data-theme-random]) .nm:where(.astro-d32ejlv2){display:none}.themes:where(.astro-d32ejlv2) button:where(.astro-d32ejlv2):not([data-theme-random])[aria-pressed=true]{gap:.4rem;padding-right:.8rem}.themes:where(.astro-d32ejlv2) button:where(.astro-d32ejlv2):not([data-theme-random])[aria-pressed=true] .nm:where(.astro-d32ejlv2){display:inline}}