:root{--ink:#0b0b10;--ink-2:#4a4a55;--ink-3:#8a8a96;--line:#e7e5df;--white:#fff;--paper:#f4f8fd;--night:#08080b;--accent:#2f2bff;--hot:#ff4d2e;--acid:#d6ff3d;--header:64px;--radius:18px;--max:1180px;--sans:var(--font-sans), system-ui, sans-serif;--serif:var(--font-serif), Georgia, serif;--mono:var(--font-mono), ui-monospace, monospace}:root[data-hic=off] .frame:has(.hero){--sans:system-ui, sans-serif;--serif:Georgia, serif;--mono:ui-monospace, monospace;font-family:var(--sans)}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--white);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}code,textarea{font-family:var(--mono);font-variant-ligatures:none;font-size:.88em}p code,li code,td code,dd code,span code,.dom-caption code{background:color-mix(in srgb, currentColor 8%, transparent);border-radius:6px;padding:.1em .4em}em{font-family:var(--serif);letter-spacing:-.01em;font-style:italic;font-weight:400}::selection{background:var(--acid);color:var(--ink)}.header{z-index:10000;height:var(--header);background:var(--white);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 28px;transition:background .3s,color .6s,border-color .3s,opacity .4s;display:flex;position:absolute;inset:0 0 auto}.header[data-tone=dark]{background:var(--night);color:#f4f4f5;border-color:#1d1d24}:root[data-header=clear] .header{background:0 0;border-color:#0000}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.brand-mark{flex:none;width:28px;height:28px}.loader{z-index:100;background:var(--night);color:var(--white);place-items:center;display:grid;position:absolute;inset:0}.loader .brand-mark{width:288px;height:288px}.loader .brand-mark path{stroke:var(--white);stroke-width:2px;stroke-dasharray:1;animation:.3s ease-in-out both loader-trim,.5s ease-out .3s both loader-fill}@keyframes loader-trim{0%{stroke-dashoffset:1px}}@keyframes loader-fill{0%{fill-opacity:0}}.loader-bar{background:color-mix(in srgb, var(--white) 16%, transparent);width:160px;height:2px;position:absolute;top:calc(50% + 176px);left:50%;overflow:hidden;translate:-50%}.loader-bar[data-done]{opacity:0;transition:opacity .1s .3s}.loader-bar:after{content:"";background:var(--white);transform-origin:0;scale:var(--p) 1;transition:scale .3s ease-out;position:absolute;inset:0}:root[data-loading] .header{opacity:0}.brand-slash{color:var(--accent);margin:0 2px}.header[data-tone=dark] .brand-slash{color:var(--acid)}.header-nav{align-items:center;gap:4px;display:flex}.header-nav a{color:color-mix(in srgb, currentColor 62%, transparent);border-radius:999px;padding:8px 12px;font-size:14px;text-decoration:none;transition:color .2s,background .2s}.header-nav a:hover{color:inherit;background:color-mix(in srgb, currentColor 6%, transparent)}.header-nav a[aria-current=page]{color:inherit;background:color-mix(in srgb, currentColor 9%, transparent)}.header-gh{place-items:center;margin-left:8px;display:grid}.header-menu-button{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;margin-right:-8px;padding:0;display:none}.header-menu-button span,.header-menu-button span:before,.header-menu-button span:after{background:currentColor;width:20px;height:1.5px;transition:transform .2s,background .2s;display:block}.header-menu-button span{position:relative}.header-menu-button span:before,.header-menu-button span:after{content:"";position:absolute;left:0}.header-menu-button span:before{top:-6px}.header-menu-button span:after{top:6px}.header-menu-button span[data-open=true]{background:0 0}.header-menu-button span[data-open=true]:before{transform:translateY(6px)rotate(45deg)}.header-menu-button span[data-open=true]:after{transform:translateY(-6px)rotate(-45deg)}.header-menu{background:var(--white);border-bottom:1px solid var(--line);flex-direction:column;padding:8px 8px 12px;display:flex;position:absolute;top:100%;left:0;right:0}.header[data-tone=dark] .header-menu{background:var(--night);border-color:#1d1d24}.header-menu a{color:color-mix(in srgb, currentColor 70%, transparent);border-radius:10px;padding:12px;font-size:15px;text-decoration:none}.header-menu a[aria-current=page]{color:inherit;background:color-mix(in srgb, currentColor 9%, transparent)}.header-menu hr{border:0;border-top:1px solid color-mix(in srgb, currentColor 12%, transparent);width:calc(100% - 24px);margin:6px 12px}.outlet{height:100dvh;overflow:hidden}.outlet-page{background:var(--white);height:100%;display:flex;position:relative}.outlet-page:has(>.frame[data-tone=paper]){background:var(--paper)}.outlet-page:has(>.frame[data-tone=dark]){background:var(--night)}.frame{overscroll-behavior:contain;background:var(--bg);min-width:0;height:100%;color:var(--fg);--bg:var(--white);--fg:var(--ink);--muted:var(--ink-2);--soft:var(--ink-3);--rule:var(--line);--card:var(--white);--em:var(--accent);flex:1;overflow-y:auto}.frame[data-tone=paper]{--bg:var(--paper);--rule:#ececf3}.frame[data-tone=dark]{--bg:var(--night);--fg:#f4f4f5;--muted:#a1a1ad;--soft:#6b6b78;--rule:#1f1f27;--card:#111117;--em:var(--acid)}.frame em{color:var(--em)}.frame-main{min-height:100%;padding-top:var(--header)}.doc-sidebar{width:232px;padding:calc(32px + var(--header)) 20px 32px;color:var(--ink);flex:none;font-size:16px;overflow-y:auto}.doc-sidebar[data-tone=dark]{color:#f4f4f5}.doc-sidebar ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.doc-sidebar a{color:color-mix(in srgb, currentColor 62%, transparent);border-radius:8px;padding:6px 12px;text-decoration:none;transition:color .2s,background .2s;display:block}.doc-sidebar a:hover{color:inherit;background:color-mix(in srgb, currentColor 6%, transparent)}.doc-sidebar a[aria-current=page]{color:inherit;background:color-mix(in srgb, currentColor 9%, transparent);font-weight:600}.doc-sidebar .doc-sidebar-extra{border-top:1px solid color-mix(in srgb, currentColor 12%, transparent);border-radius:0;margin-top:16px;padding-top:14px}.doc-sidebar ul ul{border-left:1px solid color-mix(in srgb, currentColor 12%, transparent);margin:4px 0 8px 12px;padding-left:8px}.doc-sidebar ul ul a{padding:4px 10px;font-size:14px}.hero{min-height:100dvh;margin-top:calc(-1 * var(--header));padding:calc(80px + var(--header)) 24px 120px;text-align:center;isolation:isolate;background:var(--white);color:var(--ink);--em:var(--accent);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero:after{--pattern:color-mix(in srgb, var(--ink) 13%, transparent);content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.hero[data-pattern=dots]:after{--pattern:color-mix(in srgb, var(--ink) 20%, transparent);background-image:radial-gradient(var(--pattern) 1px, transparent 1px);background-size:22px 22px}.hero[data-pattern=grid]:after{--pattern:color-mix(in srgb, var(--ink) 6%, transparent);background-image:linear-gradient(var(--pattern) 1px, transparent 1px), linear-gradient(90deg, var(--pattern) 1px, transparent 1px), linear-gradient(var(--pattern) 1px, transparent 1px), linear-gradient(90deg, var(--pattern) 1px, transparent 1px);background-position:50%;background-size:120px 120px,120px 120px,24px 24px,24px 24px}.hero[data-pattern=diagonal]:after{--pattern:color-mix(in srgb, var(--ink) 9%, transparent);background-image:repeating-linear-gradient(-55deg, var(--pattern) 0 1px, transparent 1px 9px)}.hero-shader{z-index:-1;color:var(--ink);pointer-events:none;position:absolute;inset:0}.hero-shader>div{display:none;position:absolute;inset:0}.hero[data-pattern=contour] .hero-shader>[data-pattern=contour],.hero[data-pattern=sine] .hero-shader>[data-pattern=sine]{display:block}@property --blob-1{syntax:"<angle>";inherits:false;initial-value:0deg}@property --blob-2{syntax:"<angle>";inherits:false;initial-value:120deg}@property --blob-3{syntax:"<angle>";inherits:false;initial-value:240deg}.hero-glow{z-index:-3;aspect-ratio:1.6;background:radial-gradient(closest-side at calc(35% + 8% * cos(var(--blob-1))) calc(55% + 10% * sin(var(--blob-1))), #2f2bff60, transparent), radial-gradient(closest-side at calc(65% + 8% * cos(var(--blob-2))) calc(45% + 10% * sin(var(--blob-2))), #ff4d2e4d, transparent), radial-gradient(closest-side at calc(50% + 8% * cos(var(--blob-3))) calc(50% + 10% * sin(var(--blob-3))), #d6ff3d7b, transparent);filter:blur(45px);border-radius:50%;width:min(1350px,135vw);animation:14s ease-in-out infinite alternate drift,5s linear infinite blob-1,8s linear infinite reverse blob-2,11s linear infinite blob-3;position:absolute}@keyframes blob-1{to{--blob-1:360deg}}@keyframes blob-2{to{--blob-2:480deg}}@keyframes blob-3{to{--blob-3:600deg}}@keyframes drift{to{transform:translate(3%,-4%)rotate(8deg)scale(1.06)}}.eyebrow{border:1px solid var(--line);background:color-mix(in srgb, var(--white) 80%, transparent);font-family:var(--mono);color:var(--ink-2);border-radius:999px;align-items:center;gap:10px;margin:0 0 28px;padding:6px 14px 6px 6px;font-size:13px;display:inline-flex}.pill{background:var(--ink);color:var(--acid);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:3px 9px;font-size:11px}.hero-title{letter-spacing:-.055em;margin:0;font-size:clamp(54px,10.5vw,172px);font-weight:600;line-height:.9}.hero-title em{letter-spacing:-.03em;padding-right:.06em}.hero-tagline{max-width:34em;color:var(--ink-2);margin:32px 0 0;font-size:clamp(16px,1.5vw,20px);line-height:1.55}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;display:flex}.scroll-cue{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);font-size:11px;position:absolute;bottom:28px;left:50%;translate:-50%}.scroll-cue:after{content:"";background:linear-gradient(var(--ink-3), transparent);transform-origin:top;width:1px;height:36px;margin:10px auto 0;animation:1.8s ease-in-out infinite cue;display:block}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.hero-em{white-space:nowrap;line-height:0}.hero[data-palette]:not([data-palette=default]){--white:color-mix(in oklab, var(--glow-a) 6%, #fbfbfd);--ink-2:color-mix(in oklab, var(--ink) 75%, var(--white));--ink-3:color-mix(in oklab, var(--ink) 50%, var(--white));--line:color-mix(in oklab, var(--ink) 12%, var(--white))}.hero[data-palette]:not([data-palette=default]) .hero-glow{aspect-ratio:1.5;background:radial-gradient(closest-side at 32% 58%, var(--glow-a), transparent), radial-gradient(closest-side at 68% 42%, var(--glow-b), transparent);filter:blur(112px);opacity:1;width:min(2100px,182vw);animation:14s ease-in-out infinite alternate drift}.hero[data-palette]:not([data-palette=default]):before{content:"";z-index:-2;pointer-events:none;background:#ffffff4d;position:absolute;inset:0}.hero[data-palette=orange]{--glow-a:#ffa877;--glow-b:#ffd0b8;--accent:#e8521d}.hero[data-palette=purple]{--glow-a:#b9a1ff;--glow-b:#c9b8ff;--accent:#3d33e6}.hero[data-palette=green]{--glow-a:#8ef0c4;--glow-b:#b5f2ff;--accent:#0b8a60}.hero[data-theme=swipe] .hero-em{font-family:var(--sans);letter-spacing:.02em;font-size:.66em;font-style:normal;font-weight:100}.hero[data-theme=zoomBlur] .hero-em{font-family:var(--mono);letter-spacing:-.06em;font-size:.7em;font-style:normal;font-weight:500}.hero[data-theme=crosszoom] .hero-em{font-size:1.16em}.hero[data-theme=glitch] .hero-em{font-family:var(--sans);letter-spacing:-.04em;font-size:.8em;font-style:normal;font-weight:900}.hero[data-theme=glitchSlide] .hero-em{font-family:var(--sans);letter-spacing:-.02em;color:#0000;-webkit-text-stroke:.025em var(--ink);font-style:normal;font-weight:800}.hero[data-theme=jpegGlitch] .hero-em{background:var(--ink);color:var(--white);font-family:"Hiragino Sans", "Noto Sans JP", var(--sans);letter-spacing:-.04em;padding:0 .12em;font-size:.6em;font-style:normal;font-weight:900}.hero[data-theme=pixelsort] .hero-em{font-size:1.16em}.carousel-frame{--room:24px;width:min(90%,760px);margin:calc(28px - var(--room)) 0 calc(-1 * var(--room));position:relative}@keyframes carousel-edge{0%,to{opacity:0}30%,70%{opacity:1}}.carousel{--gap:76px;align-items:center;gap:var(--gap);height:calc(52px + var(--room) * 2);overscroll-behavior-x:contain;scrollbar-width:none;padding-inline:18px;display:flex;position:relative;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.carousel:not([data-ready]){visibility:hidden}.carousel-item{--pad:18px;--shift:6px;--glass:color-mix(in oklab, var(--white) 55%, transparent);--glass-shadow:0 10px 28px -10px color-mix(in oklab, var(--ink) 45%, transparent), inset 0 0 0 1px #ffffff8c;height:44px;margin:0 calc(-1 * var(--pad));padding:0 var(--pad);color:var(--ink);font:600 18px var(--sans);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;align-items:center;gap:10px;transition:scale .15s,background .15s,box-shadow .15s,-webkit-backdrop-filter .15s,backdrop-filter .15s;display:inline-flex;position:relative}@supports (color:lab(0% 0 0)){.carousel-item{--glass-shadow:0 10px 28px -10px color-mix(in oklab, var(--ink) 45%, transparent), inset 0 0 0 1px lab(100% -.0000298023 .0000119209/.55)}}.carousel-item:hover,.carousel-item:focus-visible{background:var(--glass);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(10px)saturate(1.4);backdrop-filter:blur(10px)saturate(1.4);outline:none;scale:1.12}.carousel:not(:hover,:has(:focus-visible)) .carousel-item[data-center]{background:var(--glass);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(10px)saturate(1.4);backdrop-filter:blur(10px)saturate(1.4);outline:none;scale:1.12}.carousel-item[data-blink]{animation:.1s step-end 3 carousel-blink}@supports (animation-timeline:view()){.carousel-item{animation:linear both carousel-edge;animation-timeline:view(inline)}.carousel-item[data-blink]{animation:linear both carousel-edge,.1s step-end 3 carousel-blink;animation-timeline:view(inline),auto}}.hero[data-flat] :is(.btn,.carousel-item,.carousel-item[data-center]){box-shadow:none}@keyframes carousel-blink{50%{color:#0000}}.carousel-arrow{width:24px;height:32px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:color .15s;display:grid;position:absolute;top:50%;translate:0 -50%}.carousel-arrow:hover{color:var(--ink)}.carousel-arrow[data-side=left]{left:-24px}.carousel-arrow[data-side=right]{right:-24px}.carousel-arrow:before{content:"";border-top:1.5px solid;border-left:1.5px solid;width:8px;height:8px}.carousel-arrow[data-side=left]:before{translate:2px;rotate:-45deg}.carousel-arrow[data-side=right]:before{translate:-2px;rotate:135deg}.carousel-play{top:50%;left:calc((var(--pad) + var(--shift)) / 2 + 3px);border-block:.32em solid #0000;opacity:0;border-left:.5em solid;width:0;height:0;transition:opacity .15s;position:absolute;translate:-50% -50%}.carousel-label{transition:translate .15s}.carousel-item:hover .carousel-play,.carousel-item:focus-visible .carousel-play{opacity:1}.carousel:not(:hover,:has(:focus-visible)) .carousel-item[data-center] .carousel-play{opacity:1}.carousel-item:hover .carousel-label,.carousel-item:focus-visible .carousel-label{translate:var(--shift) 0}.carousel:not(:hover,:has(:focus-visible)) .carousel-item[data-center] .carousel-label{translate:var(--shift) 0}@media (max-width:640px){.hero-title{font-size:17vw}.carousel{--gap:36px}.carousel-item{--pad:10px;font-size:13px}}.btn{height:48px;font:500 15px var(--sans);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 22px;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--ink);color:var(--white);box-shadow:0 8px 24px -10px #2f2bff99}.btn-primary:hover{background:var(--accent)}.btn-ghost{color:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 18%, transparent);background:0 0}.frame[data-tone=dark] .btn-primary{background:var(--acid);color:var(--ink)}.section,.doc-section,.doc-title{width:min(var(--max), 100% - 48px);margin:0 auto}.section{padding:120px 0 40px}.section-head{max-width:760px;margin-bottom:48px}.kicker{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--em);margin:0 0 18px;font-size:12px}.frame[data-tone=light] .kicker,.frame[data-tone=paper] .kicker{color:var(--accent)}.section h2{letter-spacing:-.045em;margin:0;font-size:clamp(38px,5.4vw,76px);font-weight:600;line-height:.98}.lead{max-width:40em;color:var(--muted);margin:22px 0 0;font-size:18px;line-height:1.6}.text-link{color:var(--accent);border-bottom:1px solid;margin-top:24px;font-weight:500;text-decoration:none;display:inline-block}.split{grid-template-columns:1fr 1.1fr;align-items:center;gap:56px;padding-bottom:140px;display:grid}.split-usage{align-items:start}.split .section-head{margin:0}.section-features{padding-bottom:120px}.features{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(3,1fr);display:grid}.feature{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:36px 32px 44px;transition:background .3s;position:relative}.feature:hover{background:var(--paper)}.feature-k{font-family:var(--mono);color:var(--accent);font-size:12px}.feature h3{letter-spacing:-.02em;margin:48px 0 12px;font-size:22px;font-weight:600}.feature p{color:var(--muted);margin:0;line-height:1.6}.scene{width:100%;height:100%;color:var(--white);position:relative;overflow:hidden;container-type:size}.scene[data-scene=a]{background:radial-gradient(circle at 18% 22%,#8d8bff 0,#0000 42%),radial-gradient(circle at 85% 90%,#00d1ff 0,#0000 40%),#1f1bd9}.scene[data-scene=b]{background:radial-gradient(circle at 80% 20%,#ffe066 0,#0000 38%),linear-gradient(135deg,#ff4d2e,#ff2e88 70%,#7a1cff)}.scene[data-scene=c]{color:var(--ink);background:radial-gradient(circle at 25% 75%,#fff 0,#0000 35%),linear-gradient(160deg,#d6ff3d,#3dffb0)}.scene[data-scene=d]{background:repeating-linear-gradient(0deg,#ffffff08 0 2px,#0000 2px 4px),radial-gradient(circle at 70% 40%,#2f2bff55,#0000 50%),#0b0b10}.scene-grid{opacity:.08;background-image:linear-gradient(currentColor 1px,#0000 1px),linear-gradient(90deg,currentColor 1px,#0000 1px);background-size:8cqh 8cqh;position:absolute;inset:0}.scene-index{font-family:var(--mono);font-size:max(12px,3cqh);position:absolute;top:6cqh;left:4cqw}.scene-tag{font-family:var(--mono);opacity:.7;font-size:max(10px,2.4cqh);position:absolute;bottom:6cqh;right:4cqw}.scene-word{letter-spacing:-.06em;margin:0;font-size:26cqh;font-weight:700;line-height:.85;position:absolute;bottom:10cqh;left:4cqw}.frame .scene-word em{color:inherit;font-weight:400}.lab-stage{aspect-ratio:16/9;border-radius:var(--radius);background:var(--ink);overflow:hidden}.lab-scene{--bg:#f5f5b8;--fg:#a10b2b;--shape-1:#a10b2b;--shape-2:#ffbf6e;--shape-3:#172713;background:var(--bg);width:100%;height:100%;color:var(--fg);grid-template-columns:34% 1fr;align-items:center;gap:5cqw;padding:4% 6%;display:grid;position:relative;container-type:size}.lab-scene[data-scene=b]{--bg:#d4efdc;--fg:#730f1f;--shape-1:#ff8c00;--shape-2:#730f1f;--shape-3:#b3e8c2}.lab-scene[data-scene=c]{--bg:#d6faf6;--fg:#202d85;--shape-1:#202d85;--shape-2:#f59994;--shape-3:#96bfe6}.lab-scene[data-scene=d]{--bg:#0b0b10;--fg:#f4f4f5;--shape-1:var(--acid);--shape-2:#8a5cff;--shape-3:var(--hot)}.lab-scene-art{width:100%;height:80cqh;overflow:visible}.lab-scene[data-layout=b]{grid-template-columns:1fr 34%}.lab-scene[data-layout=b] .lab-scene-art{order:1}.lab-scene-art *{transform-box:fill-box;transform-origin:50%}.shape-circle{fill:var(--shape-1);animation:2.4s ease-in-out infinite alternate lab-bob}.shape-square{fill:var(--shape-2);animation:6s linear infinite lab-spin}.shape-tri{fill:var(--shape-3);mix-blend-mode:multiply;animation:3s ease-in-out infinite alternate lab-sway}.lab-scene[data-scene=d] .shape-tri{mix-blend-mode:screen}@keyframes lab-bob{to{translate:0 -8%}}@keyframes lab-spin{to{rotate:360deg}}@keyframes lab-sway{0%{rotate:-8deg}to{rotate:8deg}}.lab-scene-text{align-content:center;gap:3cqh;display:grid}.lab-scene-kicker{font:max(11px, 3.6cqh) var(--mono);opacity:.6}.frame .lab-scene h2{font:700 14cqh / .95 var(--sans);letter-spacing:-.04em;margin:0}.frame .lab-scene p{color:inherit;opacity:.85;margin:0;font-size:max(12px,5.4cqh);line-height:1.4}.lab-scene code{background:color-mix(in srgb, currentColor 12%, transparent);border-radius:4px;padding:.1em .35em;font-size:.9em}.lab-scene-action{background:var(--fg);color:var(--bg);font:600 max(11px, 4.4cqh) var(--sans);border-radius:999px;justify-self:start;padding:1.8cqh 3.4cqh}.lab-scene-live{font:600 max(10px, 3.2cqh) var(--mono);letter-spacing:.12em;align-items:center;gap:1.2cqh;display:flex;position:absolute;top:5cqh;right:4cqw}.lab-scene-spinner{border:max(1.5px, .4cqh) solid color-mix(in srgb, currentColor 25%, transparent);border-top-color:currentColor;border-radius:50%;width:3.4cqh;height:3.4cqh;animation:.9s linear infinite lab-spin}@media (prefers-reduced-motion:reduce){.lab-scene *{animation:none}}.dot{background:var(--hot);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite pulse;box-shadow:0 0 0 4px #ff4d2e2e}@keyframes pulse{50%{box-shadow:0 0 0 7px #ff4d2e10}}.code{color:#e6e6ef;background:#0d0d14;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #ffffff10}.code+.code{margin-top:16px}.code-bar{font-family:var(--mono);color:#8b8b9c;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:10px 16px;font-size:12px;display:flex}.code-bar button{color:inherit;font:inherit;cursor:pointer;background:#ffffff10;border:0;border-radius:6px;padding:4px 10px}.code-bar button:hover{color:#fff}.code-tabs{justify-content:flex-start;gap:4px;padding:8px}.code-tabs button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px}.code-tabs button:hover{color:#fff}.code-tabs button[aria-selected=true]{color:#fff;background:#ffffff14}.code pre{margin:0;padding:18px 20px 20px;font-size:13px;line-height:1.7;overflow-x:auto}.code-plain pre{white-space:pre-wrap;overflow-wrap:anywhere}.tk-c{color:#6b6b80;font-style:italic}.tk-s{color:#d6ff3d}.tk-k{color:#9d9bff}.tk-n{color:#ff8a6e}.tk-t{color:#6fe0ff}.tk-f{color:#ffc66e}.doc-title{padding:56px 0 8px}.doc-title h1{font:600 40px / 1.1 var(--sans);letter-spacing:-.03em;margin:0}.doc-section{padding:40px 0}.doc-section h2{letter-spacing:-.035em;margin:0 0 16px;font-size:clamp(28px,3vw,40px);font-weight:600}.doc-section p{color:var(--muted);line-height:1.7}.two-col{border-top:1px solid var(--rule);grid-template-columns:1fr 1.15fr;align-items:start;gap:56px;padding:64px 0;display:grid}.tabs{background:var(--card);box-shadow:0 0 0 1px var(--rule), 0 40px 80px -60px #0b0b1055;border-radius:24px;overflow:hidden}.tab-list{border-bottom:1px solid var(--rule);gap:4px;padding:10px;display:flex;overflow-x:auto}.tab-list[data-more=end]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000)}.tab-list[data-more=start]{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 48px),#0000);mask-image:linear-gradient(270deg,#000 calc(100% - 48px),#0000)}.tab-list[data-more=both]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000)}.tab-list button{color:var(--muted);font:500 14px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;padding:10px 18px}.tab-list button:hover{color:var(--fg)}.tab-list button[aria-selected=true]{background:var(--ink);color:var(--white)}.tab-panel{background:var(--card)}.tab-body{padding:32px}.tab-body.is-in{animation:.5s ease-out tab-in}.tab-body.is-out{opacity:0;transition:opacity .1s;animation:none}@keyframes tab-in{0%{opacity:0;transform:translateY(-10px)}}.tab-body h3{letter-spacing:-.03em;margin:0;font-size:32px}.tab-intro{max-width:44em;margin:10px 0 20px}.tab-install{background:var(--paper);font-family:var(--mono);border-radius:12px;margin-bottom:20px;padding:14px 18px;font-size:13px}.tab-install span{color:var(--accent)}.tab-notes{color:var(--muted);margin:20px 0 0;padding-left:20px;line-height:1.7}.doc-next{grid-template-columns:1fr 1fr;gap:16px;padding:48px 0 120px;display:grid}.next-card{border-radius:var(--radius);background:var(--card);box-shadow:0 0 0 1px var(--rule);flex-direction:column;gap:8px;padding:32px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex}.next-card:hover{box-shadow:0 0 0 1px var(--accent), 0 20px 40px -24px #2f2bff66;transform:translateY(-3px)}.next-card span{font-family:var(--mono);color:var(--soft);text-transform:uppercase;letter-spacing:.14em;font-size:12px}.next-card strong{letter-spacing:-.03em;font-size:26px;font-weight:600}.dom-fig{border-radius:var(--radius);color:#e6e6ef;background:#0d0d14;grid-template-columns:1fr auto 1.25fr auto 1fr;align-items:start;gap:16px;margin:0;padding:28px;display:grid;box-shadow:0 0 0 1px #ffffff10}.dom-step{gap:10px;min-width:0;display:grid}.dom-step pre{border-radius:10px;margin:0;padding:14px 16px;font-size:13px;line-height:1.7;overflow-x:auto;box-shadow:inset 0 0 0 1px #ffffff26}.dom-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:#8b8b9c;font-size:11px}.dom-caption{color:#a1a1ad;font-size:13px;line-height:1.6}.dom-arrow{font-family:var(--mono);color:var(--acid);white-space:nowrap;align-self:center;font-size:12px}.dom-arrow:after{content:" →"}.dom-steps{color:var(--muted);flex-direction:column;gap:8px;margin:32px 0 0;padding-left:1.4em;line-height:1.7;display:flex}.dom-steps strong{color:var(--fg)}.curve-fig{border-radius:var(--radius);background:var(--card);box-shadow:0 0 0 1px var(--rule);margin:0;padding:28px}.curve-fig svg{width:100%;display:block}.curve-fig line{stroke:var(--rule);stroke-width:1.5px}.curve-diag{fill:none;stroke:var(--soft);stroke-dasharray:4 6}.curve{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round}.curve-fig text{font-family:var(--mono);fill:var(--soft);font-size:11px}.order{color:var(--muted);margin:0 0 16px;padding-left:22px;line-height:1.9}.pg-item{color:var(--muted);font:13px var(--mono);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.pg-item:hover{color:var(--fg);background:#ffffff0a}.pg-item[aria-pressed=true]{background:var(--acid);color:var(--ink)}.pg-play{opacity:0;font-size:10px}.pg-item:hover .pg-play,.pg-item[aria-pressed=true] .pg-play{opacity:1}.pg-range{font-family:var(--mono);color:var(--muted);gap:8px;font-size:12px;display:grid}.pg-range b{float:right;color:var(--fg);font-weight:500}.pg-range input{width:100%;accent-color:var(--em)}.pg-select{width:100%;color:var(--fg);font:13px var(--mono);background:#ffffff0a;border:0;border-radius:10px;padding:8px 10px}.preset-table{border-collapse:collapse;width:100%;font-size:15px}.preset-table th{border-bottom:1px solid var(--rule);font:12px var(--mono);text-align:left;text-transform:uppercase;letter-spacing:.12em;color:var(--soft);padding:12px 8px}.preset-table td{border-bottom:1px solid var(--rule);color:var(--muted);padding:16px 8px}.preset-table td:first-child code{color:var(--acid)}.preset-list{gap:16px;margin-top:24px;display:grid}.preset{border-radius:var(--radius);background:var(--card);box-shadow:0 0 0 1px var(--rule);scroll-margin-top:calc(var(--header) + 16px);grid-template-columns:minmax(0,360px) 1fr;gap:28px;padding:20px;display:grid}.preset-thumb{border-radius:10px;width:100%;height:auto}.preset-body{align-content:start;gap:12px;min-width:0;display:grid}.preset-body h3{margin:0;font-size:20px}.preset-body h3 code{color:var(--acid)}.preset-body p{margin:0}.preset-import{background:var(--ink);font:13px / 1.5 var(--mono);border-radius:8px;margin:0;padding:12px 14px;overflow-x:auto}.preset-body .preset-table{font-size:14px}.preset-body .preset-table th,.preset-body .preset-table td{padding:8px 6px}.preset-body .text-link{color:var(--acid);justify-self:start}:root:has(.lab){--lab-bg:#202028;--lab-panel:color-mix(in srgb, #fff 3%, var(--lab-bg))}.frame:has(>.lab){--bg:var(--lab-bg);background:var(--lab-bg)}:root:has(.lab) .header[data-tone=dark]{--bg:var(--lab-bg);background:var(--lab-bg)}:root:has(.lab) .header[data-tone=dark] .header-menu{--bg:var(--lab-bg);background:var(--lab-bg)}.lab-head{padding:20px 0 8px}.lab-head h1{font:600 32px / 1.1 var(--sans);letter-spacing:-.03em;margin:0}.lab-head p{max-width:40em;color:var(--muted);margin:10px 0 0;font-size:15px;line-height:1.6}.lab{height:100%;padding:calc(20px + var(--header)) 20px 20px;color:#e6e6ef;grid-template-rows:minmax(0,1fr);grid-template-columns:1.3fr 1fr;gap:20px;display:grid}.lab-editor{flex-direction:column;min-width:0;min-height:0;display:flex}.lab-tabs{gap:4px;margin-bottom:12px;display:flex}.lab-tabs button{color:#a1a1ad;font:500 14px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 16px;transition:background .2s,color .2s}.lab-tabs button:last-child{margin-left:auto}.lab-tabs button:hover{color:#e6e6ef}.lab-tabs button[aria-selected=true]{color:#fff;background:#ffffff14}.lab-tabs button:focus-visible{outline:1px solid var(--acid)}.lab-panel{flex-direction:column;flex:1;min-height:320px;display:flex}.lab-panel[hidden]{display:none}.lab-list{background:var(--lab-panel);border-radius:14px;flex-basis:0;gap:20px;padding:18px 8px;overflow-y:auto;box-shadow:inset 0 0 0 1px #ffffff14}.frame .lab-list h2{z-index:1;background:var(--lab-panel);font:600 16px var(--sans);letter-spacing:-.01em;color:#fff;align-items:baseline;gap:8px;margin:0 0 6px;padding:10px 14px 8px;display:flex;position:sticky;top:-18px}.lab-list h2 span{font:11px var(--mono);color:#6b6b78}.lab-intro{border-bottom:1px solid #ffffff14;gap:12px;margin:4px 14px 20px;padding-bottom:20px;display:grid}.frame .lab-intro p{color:#c8c8d4;margin:0;font-size:14px;line-height:1.6}.frame .lab-intro a{color:#fff}.frame .lab-intro a:hover{color:var(--acid)}.lab-list .pg-item>span:first-child{flex:1}.lab-author{opacity:.55;margin-right:12px;font-size:11px}.lab-list ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.lab-list .pg-item{width:100%}.lab-list .pg-item:focus-visible{outline:1px solid var(--acid)}.frame .lab-current{font:12px var(--mono);color:#a1a1ad;margin:0 0 10px}.frame .lab-current a{color:inherit}.frame .lab-current a:hover{color:var(--acid)}.lab-code{border-radius:14px;flex:1;min-height:320px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.lab-code:focus-within{box-shadow:inset 0 0 0 1px var(--acid)}.lab-code pre,.lab-code textarea{font:13px / 1.7 var(--mono);font-variant-ligatures:none;letter-spacing:0;tab-size:2;white-space:pre;border:0;border-radius:14px;margin:0;padding:18px;position:absolute;inset:0;overflow:auto}.lab-code pre{background:var(--lab-panel);color:#e6e6ef;overflow:hidden}.lab-code pre code{font:inherit}.lab-code textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#0000;caret-color:#e6e6ef;resize:none;background:0 0;outline:none}.lab-code textarea::selection{color:#0000;background:#ffffff30}.frame .lab-hint{color:#8b8b9c;margin:10px 0 0;font-size:12px}.lab-preview{flex-direction:column;gap:16px;min-height:0;display:flex;overflow-y:auto}.lab-preview>*{flex:none}.lab-transport{align-items:center;gap:14px;display:flex}.lab-transport .btn{background:var(--acid);min-width:112px;color:var(--ink);flex:none;justify-content:center}.lab-transport .btn:disabled{opacity:.5}.lab-t{width:56px;font:13px var(--mono);color:#fff;flex:none}.lab-transport input{min-width:0;accent-color:var(--acid);flex:1}.lab-controls{background:var(--lab-panel);--muted:#a1a1ad;--fg:#fff;--em:var(--acid);border-radius:14px;gap:16px;padding:18px;display:grid}.api-table{border-top:1px solid var(--rule);margin:24px 0 0;display:grid}.api-table div{border-bottom:1px solid var(--rule);grid-template-columns:260px 1fr;gap:24px;padding:16px 0;display:grid}.api-table dt code{color:var(--accent)}.api-table dd{color:var(--muted);margin:0;line-height:1.6}.footer{background:var(--ink);color:#e6e6ef;margin-top:40px;padding:120px 0 32px}.footer-inner{width:min(var(--max), 100% - 48px);grid-template-columns:2fr 1fr 1fr;gap:40px;margin:0 auto;display:grid}.footer-big{letter-spacing:-.045em;margin:0;font-size:clamp(32px,4vw,56px);font-weight:600;line-height:1}.frame .footer-big em{color:var(--acid)}.footer-small{color:#8b8b9c;margin:20px 0 0;font-size:14px}.footer-small a{color:#e6e6ef}.footer-col h4{font:12px var(--mono);text-transform:uppercase;letter-spacing:.14em;color:#8b8b9c;margin:0 0 16px}.footer-col ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footer-col a{font-size:15px;text-decoration:none}.footer-col a:hover{color:var(--acid)}.footer-col a span{color:#6b6b78}.footer-logo{opacity:.5;width:94%;margin:80px auto 40px;display:block}.footer-simple{width:min(var(--max), 100% - 48px);border-top:1px solid var(--rule);color:var(--soft);justify-content:space-between;gap:16px;margin:40px auto 0;padding:24px 0 32px;font-size:13px;display:flex}.footer-simple p{margin:0}.footer-simple a{color:var(--muted)}@media (max-width:900px){.doc-sidebar,.header-nav{display:none}.header-menu-button{display:grid}.features,.split,.two-col,.preset,.lab,.doc-next,.footer-inner{grid-template-columns:minmax(0,1fr)}.dom-fig{grid-template-columns:1fr}.dom-arrow{justify-self:center}.dom-arrow:after{content:" ↓"}.api-table div{grid-template-columns:1fr;gap:6px}.lab{grid-template-rows:auto;height:auto}.lab-preview{overflow:visible}}@media (max-width:720px){.header{padding:0 16px}.brand>span:last-child{display:none}.section,.doc-section,.doc-title,.footer-inner,.footer-simple{width:calc(100% - 32px)}.tab-body{padding:20px}.split{padding-bottom:0}.preset-table thead{display:none}.preset-table tr{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:baseline;gap:6px 8px;padding:12px 0;display:flex}.preset-body .preset-table td{border:0;padding:0}.preset-table td:last-child{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.hero-glow,.scroll-cue:after,.tab-body.is-in,.dot,.loader .brand-mark path,.loader-bar,.loader-bar:after{transition:none;animation:none}}.doc-prose>div{max-width:68ch}.doc-prose h3{margin:32px 0 0;font-size:18px;font-weight:600}.doc-prose h3+p{margin-top:8px}.doc-prose ul{color:var(--muted);padding-left:20px;line-height:1.7}
@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/cef8ac2c062f1b0a-s.35p9_4tnsm_o4.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/c6e22b45cfe1c763-s.1q0qwmqzyniyk.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/158ff596bf2cbebe-s.02gir8avbbwr_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/52e514cb9d030258-s.3hqxvms4e79hg.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/d66ba39e135c9aa7-s.1xbprfp_s2_ea.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/f44e0976e40b7eea-s.1e3bxj0ebt1gg.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4a0b7dd978568ff2-s.p.3fofz6dws3mg0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Tight Fallback;src:local(Arial);ascent-override:100.51%;descent-override:25.03%;line-gap-override:0.0%;size-adjust:96.39%}.eflgXG_className{font-family:Inter Tight,Inter Tight Fallback;font-style:normal}.eflgXG_variable{--font-sans:"Inter Tight", "Inter Tight Fallback"}
@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/f7095de3000afb68-s.2ytmazkdrg7t9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/e63b65bb308a9351-s.p.3j3877k49yy0l.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.AI5bWq_className{font-family:Instrument Serif,Instrument Serif Fallback;font-style:italic;font-weight:400}.AI5bWq_variable{--font-serif:"Instrument Serif", "Instrument Serif Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/258bd0ab5fdd762a-s.2f7nqdagzwx2-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/99a2019bdfa8519b-s.176arc174-8zp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/44e0cb21b0d052b7-s.0bp8oijd_gu96.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/f9cd5a77d065db98-s.1fby2rem9ngyr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/954d21e04331b2ae-s.0vfdmo25voy_0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/53897e768d329f66-s.p.3t6q91iet4nsy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.CxiPNW_className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.CxiPNW_variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}