:root{--canvas:#ecedef;--dot:#d3d5da;--frame:#fff;--t1:#17181c;--t2:#5b5f6a;--line:#dadce0;--sel:#2b64f2;--on-sel:#fff;--agent:#f2c94c;--on-agent:#17181c;--shot-bg:#0b0d12;--shadow:0 1px 2px #17181c0f,0 8px 24px #17181c12;--code-bg:#f3f4f6;--grey:#c9ccd3;--text:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--r-frame:10px;--r-shot:6px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas:#16171b;--dot:#26282e;--frame:#1e2026;--t1:#eeeff2;--t2:#a0a4af;--line:#2c2f36;--sel:#6e97ff;--on-sel:#0b0c10;--shadow:0 1px 2px #0000004d,0 10px 28px #00000059;--code-bg:#15171c;--grey:#3a3d46;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--canvas:#16171b;--dot:#26282e;--frame:#1e2026;--t1:#eeeff2;--t2:#a0a4af;--line:#2c2f36;--sel:#6e97ff;--on-sel:#0b0c10;--shadow:0 1px 2px #0000004d,0 10px 28px #00000059;--code-bg:#15171c;--grey:#3a3d46;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--canvas);background-image:radial-gradient(var(--dot) 1.1px,transparent 1.3px);color:var(--t1);font:400 16px/1.6 var(--text);background-size:22px 22px;margin:0;padding-bottom:96px;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--sel);text-underline-offset:3px}h1,h2,h3{font-family:var(--text);overflow-wrap:break-word;margin:0;font-weight:600}h1{letter-spacing:-.025em;font-size:clamp(36px,5vw,64px);line-height:1.04}h2{letter-spacing:-.015em;font-size:clamp(26px,2.6vw,36px);line-height:1.12}h3{letter-spacing:-.01em;font-size:clamp(22px,2.2vw,28px);line-height:1.15}p{margin:0}code,kbd{font-family:var(--mono)}button{font-family:inherit}.vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}:focus-visible{outline:3px solid var(--sel);outline-offset:3px;border-radius:4px}.skip{background:var(--frame);color:var(--t1);border:1px solid var(--line);z-index:60;border-radius:6px;padding:8px 12px;position:absolute;top:-60px;left:16px}.skip:focus{top:12px}.lead{color:var(--t2);margin-top:10px;font-size:17px;line-height:1.5}.mono{font:500 12px/1.4 var(--mono)}.is-hidden{visibility:hidden}.dock{z-index:50;background:color-mix(in srgb,var(--frame) 88%,transparent);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:var(--shadow);font:500 12px/1 var(--mono);border-radius:999px;align-items:center;gap:2px;padding:6px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.dock a,.dock button{color:var(--t1);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:11px 14px;text-decoration:none}.dock a:hover,.dock button:hover{background:color-mix(in srgb,var(--sel) 14%,transparent)}.dock .sep{background:var(--line);width:1px;height:18px;margin:0 4px}.dock .sup{box-shadow:inset 0 0 0 1px var(--line);margin-right:4px}.dock .sup:hover{box-shadow:inset 0 0 0 1px var(--sel)}.dock .go{background:var(--sel);color:var(--on-sel)}.dock .go:hover{background:var(--sel);filter:brightness(1.08)}.canvas{max-width:1240px;margin:0 auto;padding:40px 32px 0}.sect{margin-top:72px;scroll-margin-top:24px}.fw{min-width:0;scroll-margin-top:24px;position:relative}.fhead{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.fl{font:500 12px/1 var(--mono);color:var(--t2);letter-spacing:0;padding:0 2px 8px;display:inline-block}.fl.chip{background:var(--sel);color:var(--on-sel);border-radius:4px 4px 0 0;padding:5px 8px}.fl.chip.agent{background:var(--agent);color:var(--on-agent)}.frame{background:var(--frame);border:1px solid var(--line);border-radius:var(--r-frame);box-shadow:var(--shadow);min-width:0;padding:28px;position:relative}@media (hover:hover){.frame:hover{outline:2px solid var(--sel);outline-offset:-1px}}.frame.selected,.frame:focus-within{outline:2px solid var(--sel);outline-offset:-1px}.handle{background:var(--frame);border:1.5px solid var(--sel);border-radius:2px;width:9px;height:9px;position:absolute}.handle.tl{top:-5px;left:-5px}.handle.tr{top:-5px;right:-5px}.handle.bl{bottom:-5px;left:-5px}.handle.br{bottom:-5px;right:-5px}.grid12{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:56px 32px;display:grid}.s12{grid-column:span 12}.s7{grid-column:span 7}.s5{grid-column:span 5}@media (width<=1199px){.l7,.l5{grid-column:span 12}}@media (width<=959px){.s7,.s5{grid-column:span 12}.grid12{gap:48px 24px}}.js [data-reveal]{transition:opacity .3s ease-out,transform .3s ease-out}.js [data-reveal]:not(.in){opacity:0;transform:scale(.98)}.tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tag{font:500 12px/1 var(--mono);border:1px solid var(--line);background:var(--frame);color:var(--t1);border-radius:4px;padding:7px 9px;display:inline-block}button.tag{cursor:pointer}.tag.sel{background:var(--sel);color:var(--on-sel);border-color:var(--sel)}.tag.agent{background:var(--agent);color:var(--on-agent);border-color:var(--agent)}.tag.on,.tag[aria-pressed=true]{outline:2px solid var(--t1);outline-offset:1px}.tag.plain{color:var(--t2)}a.tag{text-decoration:none}a.tag:hover{border-color:var(--sel)}.btn{min-height:48px;font:600 16px/1 var(--text);cursor:pointer;background:var(--sel);color:var(--on-sel);border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:0 22px;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn.alt{color:var(--t1);border-color:var(--line);background:0 0}.btn.alt:hover{filter:none;border-color:var(--sel)}.keycap{min-width:96px;min-height:48px;font:500 14px/1 var(--mono);cursor:pointer;border:1px solid var(--line);background:var(--frame);color:var(--t1);border-bottom-width:4px;border-radius:8px;justify-content:center;align-items:center;padding:0 20px;transition:transform .15s ease-out;display:inline-flex}.keycap.press{transform:scale(.95)translateY(1px)}.keycap[aria-pressed=true]{background:var(--sel);color:var(--on-sel);border-color:var(--sel)}.linkbtn{font:500 12px/1 var(--mono);color:var(--sel);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:6px 2px;text-decoration:underline}.pp{font:500 12px/1 var(--mono);cursor:pointer;border:1px solid var(--line);background:var(--frame);color:var(--t1);border-radius:4px;margin-bottom:5px;padding:6px 9px}.pp:hover{border-color:var(--sel)}.stage{background:var(--shot-bg);border-radius:var(--r-shot);aspect-ratio:var(--w) / var(--h);width:100%;position:relative;overflow:hidden}.slide{opacity:0;transition:opacity .3s ease-out;position:absolute;inset:0;overflow:hidden}.slide.on{opacity:1;z-index:1}.slow .slide{transition-duration:.8s}.plane{aspect-ratio:1530/1080;width:calc(1530 / var(--w) * 100%);left:calc(var(--x) / var(--w) * -100%);top:calc(var(--y) / var(--h) * -100%);transform-origin:var(--ox,50%) var(--oy,50%);transform:scale(var(--s0,1));transition:transform .8s ease-out;position:absolute}.slide.on .plane{transform:scale(var(--s1,1))}picture{display:contents}.plane>img,.plane>picture>img{object-fit:cover;width:100%;height:100%}.plane img.cr,.pop img.cr{object-fit:fill;max-width:none;left:calc(var(--bx) / 1530 * 100%);top:calc(var(--by) / 1080 * 100%);width:calc(var(--bw) / 1530 * 100%);height:calc(var(--bh) / 1080 * 100%);position:absolute}.ring{border:3px solid var(--sel);pointer-events:none;left:calc(var(--rx) / 1530 * 100%);top:calc(var(--ry) / 1080 * 100%);width:calc(var(--rw) / 1530 * 100%);height:calc(var(--rh) / 1080 * 100%);border-radius:8px;position:absolute;box-shadow:0 0 0 1px #ffffff80,0 0 0 4px #00000040}.plane>video.clip{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.slide.vid-on .ring,.slide.vid-on .stag{opacity:0}.slide.on.vid-on .plane{transform:scale(var(--vs,1))}.clipbtn{z-index:6;color:#fff;background:#0b0d12db;border-color:#ffffff47;margin:0;position:absolute;bottom:8px;right:8px}.clipbtn[hidden]{display:none}.ring.agent{border-color:var(--agent)}.ring.sel{border-color:var(--sel)}.dim{filter:brightness(.42)}.pop{clip-path:inset(2.3% 30.1% 72.8% 16.2%);transform-origin:43% 15%;transition:transform .8s ease-out;position:absolute;inset:0}.slide.on .pop{transform:scale(1.15)}.stag{z-index:5;font:500 11px/1 var(--mono);color:#fff;pointer-events:none;background:#0b0d12db;border-radius:4px;padding:5px 7px;position:absolute;top:8px;left:8px}.stag.r{left:auto;right:8px}.stag.b{top:auto;bottom:8px}.stag.agent{background:var(--agent);color:var(--on-agent)}.stag.sel{background:var(--sel);color:var(--on-sel)}.sbtn{z-index:6;font:500 12px/1 var(--mono);background:var(--sel);color:var(--on-sel);cursor:pointer;border:0;border-radius:6px;padding:9px 11px;position:absolute;bottom:10px;right:10px}.capline{font:500 12px/1.5 var(--mono);color:var(--t1);min-height:1.5em;margin-top:12px}.mini-label{font:500 12px/1 var(--mono);color:var(--t2);margin:0 0 8px;display:block}.hot{z-index:4;cursor:pointer;left:calc(var(--rx) / 1530 * 100%);top:calc(var(--ry) / 1080 * 100%);width:calc(var(--rw) / 1530 * 100%);height:calc(var(--rh) / 1080 * 100%);background:0 0;border:0;border-radius:8px;padding:0;position:absolute}.hot:before{content:"";border:3px solid var(--sel);opacity:0;border-radius:8px;transition:opacity .3s ease-out,transform .3s ease-out;position:absolute;inset:0;transform:scale(1.12);box-shadow:0 0 0 1px #ffffff80,0 0 0 4px #00000040}.hot:hover:before,.hot:focus-visible:before,.hot.lit:before{opacity:1;transform:none}.hot:focus-visible{outline:none}.hot .n{background:var(--sel);width:24px;height:24px;color:var(--on-sel);font:600 11px/24px var(--mono);text-align:center;border-radius:50%;display:none;position:absolute;top:-10px;right:-10px;box-shadow:0 0 0 2px #00000059}@media (hover:none){.hot .n{display:block}}.hot.nb .n{top:auto;bottom:-14px}.tag.hs{border-color:var(--sel)}.tag.hs:before{content:"";background:var(--sel);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.duo .cell:focus-visible{outline:2px solid var(--sel);outline-offset:3px}.ring.pair{opacity:0;transition:opacity .3s ease-out,transform .3s ease-out;transform:scale(1.1)}.ring.pair.lit{opacity:1;transform:none}.tabs{flex-wrap:wrap;gap:6px;margin:18px 0 0;padding:0;display:flex}.tab{font:500 12px/1 var(--mono);cursor:pointer;color:var(--t2);border:1px solid var(--line);background:0 0;border-radius:6px;padding:11px 12px}.tab[aria-selected=true]{background:var(--sel);color:var(--on-sel);border-color:var(--sel)}.tab:hover{color:var(--t1)}.tab[aria-selected=true]:hover{color:var(--on-sel)}@media (pointer:coarse){.tab,.pp,.tag,.sbtn,.linkbtn{min-height:44px}}.range{width:100%;margin-top:16px;display:block}input[type=range].r{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0}input[type=range].r::-webkit-slider-runnable-track{background:var(--line);border-radius:2px;height:4px}input[type=range].r::-moz-range-track{background:var(--line);border-radius:2px;height:4px}input[type=range].r::-webkit-slider-thumb{-webkit-appearance:none;background:var(--sel);border:3px solid var(--frame);width:28px;height:28px;box-shadow:0 0 0 1px var(--sel);border-radius:50%;margin-top:-12px}input[type=range].r::-moz-range-thumb{background:var(--sel);border:3px solid var(--frame);border-radius:50%;width:22px;height:22px}@media (pointer:coarse){input[type=range].r::-webkit-slider-runnable-track{height:6px}input[type=range].r::-webkit-slider-thumb{width:44px;height:44px;margin-top:-19px}input[type=range].r::-moz-range-thumb{width:38px;height:38px}}.stops{font:500 12px/1 var(--mono);color:var(--t2);justify-content:space-between;padding:0 4px;display:flex}.hero-frame{padding:44px}.eyebrow{font:500 12px/1.4 var(--mono);color:var(--t2);margin-bottom:18px}.hero-line{color:var(--t2);max-width:40em;margin-top:20px;font-size:18px;line-height:1.5}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.facts{margin-top:24px}.hero-note{font:500 12px/1.4 var(--mono);margin-top:14px}.hero-note a{color:var(--t2)}.hero-note a:hover{color:var(--sel)}.tagrow{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.tagrow .tag{text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:9px 6px;overflow:hidden}.hz{background:var(--shot-bg);border-radius:var(--r-shot);aspect-ratio:1530/650;width:100%;position:relative;overflow:hidden}.hz .zp{transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.hz .zp img{width:100%;max-width:none;height:auto;position:absolute;top:-21.5385%;left:0}.hz.js-on{aspect-ratio:auto;transition:height .6s ease-out}.hz.js-on .zp{transition:transform .7s ease-out}.hz.js-on .zp img{top:0;left:0}.hv{background:var(--shot-bg);border-radius:var(--r-shot);aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.hv[hidden],.hvid[hidden]{display:none}.hvid{object-fit:cover;background:var(--shot-bg);width:100%;height:100%;display:block}@media (width<=959px){.hero-frame{padding:28px 20px}}.cq{margin-top:28px;container-type:inline-size}.paths{gap:28px;display:grid}.path{min-width:0}.path+.path{border-top:1px solid var(--line);padding-top:28px}.pl{width:fit-content;font:500 12px/1 var(--mono);color:var(--t2);margin-bottom:12px;padding:5px 2px;display:block}.pl.chip{background:var(--sel);color:var(--on-sel);border-radius:4px;padding:5px 8px}.chain{grid-template-columns:repeat(4,minmax(0,1fr) 28px) minmax(0,1fr);align-items:stretch;display:grid}.pb{background:var(--frame);text-align:center;border-radius:8px;min-width:0;margin:0;position:relative}.pb.dash{border:1px dashed var(--t2);min-height:72px;font:500 12px/1.35 var(--mono);color:var(--t1);justify-content:center;align-items:center;padding:12px 8px;display:flex}.pb.shot{border:1px solid var(--t2);padding:6px 6px 10px}.pb.shot .stage{border-radius:4px}.pc{font:500 12px/1.35 var(--mono);color:var(--t1);margin-top:8px}.arrow{color:var(--t2);font:500 16px/1 var(--mono);text-align:center;align-self:center}.js [data-seq]:not(.in) .st{opacity:0;transform:translateY(6px)}.st{transition:opacity .3s ease-out,transform .3s ease-out;transition-delay:var(--d,0s)}@container (width<=999px){.chain{grid-template-columns:repeat(4,minmax(0,1fr) 20px) minmax(0,1fr)}.pb.dash{padding:10px 6px}}@container (width<=639px){.chain:not(.mine){flex-direction:column;gap:4px;max-width:380px;display:flex}.chain:not(.mine)>.arrow{height:18px;line-height:18px;transform:rotate(90deg)}.pb.dash{min-height:48px}.chain.mine{grid-template-columns:repeat(2,minmax(0,1fr) 14px) minmax(0,1fr)}.pb.shot{padding:4px 4px 6px}.pc{margin-top:6px;font-size:11px}}.pnote{font:500 12px/1.4 var(--mono);margin-top:12px}.pnote a{color:var(--t2);text-underline-offset:3px}.cqa{margin-top:24px;container-type:inline-size}.dia2{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:20px;display:grid}@container (width<=379px){.dia2{grid-template-columns:minmax(0,1fr)}}.dia{min-width:0;display:block}.dframe{border:1.5px solid var(--t2);background:var(--frame);border-radius:8px;align-items:center;min-height:96px;padding:12px 10px;display:flex;position:relative}.dframe.flat{background:var(--grey);justify-content:center}@media (hover:hover){.dia:hover .dframe{outline:2px solid var(--sel);outline-offset:2px}}.dtag{font:500 10px/1 var(--mono);background:var(--t2);color:var(--frame);white-space:nowrap;border-radius:7px 0 6px;padding:4px 6px;position:absolute;top:-1px;left:-1px}.dia .tags{gap:6px}.dia .tag{padding:5px 6px;font-size:11px}.dia .tags.under{margin-top:10px}.strike .tag{color:var(--t2);text-decoration:line-through}.mwrap{grid-template-columns:minmax(0,1fr) 44px;align-items:center;display:grid}.mwrap .dframe{min-width:0}.aibox{border:1.5px dashed var(--t2);background:var(--frame);border-radius:0 8px 8px 0;height:52px;margin-left:-1.5px;position:relative}.cqs{margin-top:24px;container-type:inline-size}.duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}@container (width<=539px){.duo{grid-template-columns:minmax(0,1fr);max-width:460px}}.duo .stage{outline-offset:2px;outline:2px solid #0000;transition:outline-color .3s}.duo .stage .ring{opacity:0;transition:opacity .3s ease-out,transform .3s ease-out;transform:scale(1.08)}.duo .cell:hover .ring,.duo .cell:focus-within .ring{opacity:1;transform:none}@media (hover:none),(prefers-reduced-motion:reduce){.duo .stage .ring{opacity:1;transform:none}}.cell .fl.chip{border-radius:4px}.proofs{margin-top:20px}.split{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;gap:32px;display:grid}@media (width<=959px){.split{grid-template-columns:1fr}.frame{padding:20px}}.stack>*+*{margin-top:24px}.col{align-content:start;gap:56px;min-width:0;display:grid}@media (width<=959px){.col{gap:48px}}.keys{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.thumbs{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cmpgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;margin-top:20px;display:grid}.cmpgrid .wide{grid-column:1/-1}@media (width>=1200px) and (width<=1239px){.cmpgrid{gap:12px}}.cmp{--pos:50%;width:100%;position:relative}.cmp .over{clip-path:inset(0 calc(100% - var(--pos)) 0 0);z-index:2}.cmp .bar{top:0;bottom:0;left:var(--pos);background:var(--agent);z-index:3;pointer-events:none;width:3px;margin-left:-1.5px;position:absolute}.cmp .bar:after{content:"";background:var(--agent);border:3px solid var(--frame);border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%}.cmp input{opacity:0;cursor:ew-resize;z-index:4;width:100%;height:100%;margin:0;position:absolute;inset:0}.cmp:focus-within .bar:after{outline:3px solid var(--sel);outline-offset:2px}.cmp .ctag{z-index:3;font:500 11px/1 var(--mono);color:#fff;pointer-events:none;background:#0b0d12db;border-radius:4px;padding:5px 7px;position:absolute;top:8px}.cmp .ctag.l{left:8px}.cmp .ctag.r{right:8px}.rcq{position:relative;container-type:inline-size}.wclip{object-fit:contain;opacity:0;pointer-events:none;background:var(--shot-bg);border-radius:var(--r-shot);width:100%;height:100%;position:absolute;top:0;left:0}.vid-on .wclip{opacity:1}.vid-on .rwrap,.vid-on .readout{visibility:hidden}.rwrap{background:0 0;place-items:center;height:56.4411cqw;display:grid}.rframe{--m:1;background:var(--shot-bg);border-radius:var(--r-shot);width:calc(var(--cw) / 916 * 100cqw * var(--m));height:calc(var(--ch) / 916 * 100cqw * var(--m));outline:2px solid var(--sel);outline-offset:3px;transition:width .4s ease-out,height .4s ease-out;position:relative;overflow:hidden}.rframe .slide{transition:opacity .3s ease-out}.rframe .plane{transition:none;transform:none}@media (width<=639px){.rwrap{height:78cqw}.rframe[data-i="2"]{--m:1.5}}.readout{font:500 12px/1 var(--mono);color:var(--t1);justify-content:space-between;gap:8px;margin-bottom:10px;display:flex}.faq details{border-top:1px solid var(--line);scroll-margin-top:24px}.faq details:last-of-type{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font:600 17px/1.35 var(--text);padding:16px 40px 16px 0;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:400 24px/1 var(--mono);color:var(--t2);position:absolute;top:12px;right:4px}.faq details[open] summary:after{content:"–"}.faq .ans{color:var(--t2);max-width:46em;padding:0 0 18px}.faq .ans code{background:var(--code-bg);color:var(--t1);overflow-wrap:anywhere;border-radius:4px;padding:1px 6px;font-size:.9em}.codebox{border:1px solid var(--line);background:var(--code-bg);border-radius:8px;align-items:stretch;margin-top:20px;display:flex;overflow:hidden}.codebox code{min-width:0;color:var(--t1);overflow-wrap:anywhere;word-break:break-word;-webkit-user-select:all;user-select:all;flex:1;align-self:center;padding:14px 16px;font-size:15px;line-height:1.5}.copy{border:0;border-left:1px solid var(--line);cursor:pointer;background:var(--sel);min-width:88px;color:var(--on-sel);font:600 15px/1 var(--text);flex:none;padding:0 16px}.copy:hover{filter:brightness(1.08)}.copy.done{background:var(--agent);color:var(--on-agent)}@media (width<=520px){.codebox{flex-direction:column}.copy{border-left:0;border-top:1px solid var(--line);min-height:48px}}.then{align-items:center;gap:8px;margin-top:20px;display:flex}.then+.codebox{margin-top:8px}.direct{font:500 12px/1.4 var(--mono);flex-wrap:wrap;gap:8px 16px;margin-top:20px;display:flex}.sum{color:var(--t2);margin-top:14px;font-size:14px}.sum code{white-space:nowrap;background:var(--code-bg);color:var(--t1);border-radius:4px;padding:1px 6px;font-size:13px}.small{font:400 12px/1.4 var(--mono);color:var(--t2);margin-top:16px}.fb{grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:start;gap:32px;margin-top:24px;display:grid}.fbwhere{font:500 12px/1.9 var(--mono);color:var(--t1)}.fbline{max-width:30em;margin-top:16px;font-size:17px;line-height:1.5}.fb .actions{margin-top:24px}.fb .small{margin-top:14px}.fbshot{background:var(--shot-bg);border-radius:var(--r-shot);margin:0;line-height:0;overflow:hidden}@media (width<=959px){.fb{grid-template-columns:minmax(0,1fr)}.fbshot{max-width:560px}}.ins2{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:24px;margin-top:20px;display:grid}@media (width<=639px){.ins2{grid-template-columns:1fr}.ins2 .stage{max-width:260px}}.foot{font:400 12px/1.5 var(--mono);color:var(--t2);flex-wrap:wrap;gap:8px 28px;margin-top:72px;padding:0 4px;display:flex}.foot a{color:var(--t1)}@media (width<=760px){body{padding-bottom:40px}.dock{border:0;border-bottom:1px solid var(--line);box-shadow:none;background:var(--frame);-webkit-backdrop-filter:none;border-radius:0;flex-wrap:wrap;gap:2px 0;padding:8px;position:static;transform:none}.dock a,.dock button{padding:12px 10px}.dock .sep{display:none}.canvas{padding:24px 16px 0}.sect{margin-top:56px}.frame{padding:18px 16px}.hero-frame{padding:24px 16px}.btn{justify-content:center;width:100%}.tagrow{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-line{font-size:17px}}@media (width<=420px){.dock{padding:8px 4px;font-size:11px}.dock a,.dock button{padding:12px 5px}.dock .sup{margin-right:2px}}@media (width<=379px){.dock a,.dock button{padding:12px 3px}.dock .sup{margin-right:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.js [data-reveal]:not(.in),.js [data-seq]:not(.in) .st{opacity:1;transform:none}.slide.on .plane,.slide.on .pop{transform:none!important}}html:not(.js) .tabs,html:not(.js) .range,html:not(.js) .pp,html:not(.js) .clip,html:not(.js) [data-full-play],html:not(.js) .keys,html:not(.js) .hot,html:not(.js) .sbtn,html:not(.js) .tagrow,html:not(.js) .cmp input,html:not(.js) .copy,html:not(.js) #theme{display:none}html:not(.js) .tag.hs{cursor:default}