.sim[data-astro-cid-vjrssx2w]{gap:14px;display:grid}.sim-frame[data-astro-cid-vjrssx2w]{border:1px solid var(--line-strong);background:var(--sunk);border-radius:18px;grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr);height:min(80vh,720px);min-height:540px;display:grid;overflow:hidden;box-shadow:0 40px 80px -50px #16181dbf,inset 0 2px #fff6}.sim-tabstrip[data-astro-cid-vjrssx2w]{background:var(--sunk);align-items:flex-end;gap:12px;padding:9px 12px 0;display:flex}.sim-lights[data-astro-cid-vjrssx2w]{gap:6px;padding-bottom:9px;display:flex}.sim-lights[data-astro-cid-vjrssx2w] i[data-astro-cid-vjrssx2w]{background:var(--line-strong);border-radius:50%;width:10px;height:10px}.sim-tabs[data-astro-cid-vjrssx2w]{min-width:0;display:flex}.sim-tab[data-astro-cid-vjrssx2w]{background:var(--surface);min-width:0;max-width:340px;color:var(--ink);border-radius:9px 9px 0 0;align-items:center;gap:7px;padding:8px 14px;font-size:12.5px;display:flex}.sim-tab-title[data-astro-cid-vjrssx2w]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sim-favicon[data-astro-cid-vjrssx2w]{background:var(--line-strong);width:16px;height:16px;font:600 9px/1 var(--serif);text-transform:uppercase;color:var(--ink-2);border-radius:4px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.sim-favicon[data-astro-cid-vjrssx2w]:before{content:attr(data-letter)}.sim-favicon[data-astro-cid-vjrssx2w]:has(img.ok){background:#fff}.sim-favicon[data-astro-cid-vjrssx2w]:has(img.ok):before{content:none}.sim-favicon[data-astro-cid-vjrssx2w] img[data-astro-cid-vjrssx2w]{opacity:0}.sim-favicon[data-astro-cid-vjrssx2w] img[data-astro-cid-vjrssx2w].ok{opacity:1}.sim-favicon[data-astro-cid-vjrssx2w] img[data-astro-cid-vjrssx2w]{object-fit:contain;width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;inset:1px}.sim-toolbar[data-astro-cid-vjrssx2w]{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 12px;display:flex}.sim-nav[data-astro-cid-vjrssx2w]{color:var(--ink-3);gap:2px;display:flex}.sim-nav[data-astro-cid-vjrssx2w] svg[data-astro-cid-vjrssx2w],.sim-url[data-astro-cid-vjrssx2w]>svg[data-astro-cid-vjrssx2w]{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.sim-url[data-astro-cid-vjrssx2w]{background:var(--sunk);min-width:0;height:36px;color:var(--ink-3);border-radius:999px;flex:1;align-items:center;gap:8px;padding:0 12px;transition:box-shadow .15s,background .15s;display:flex}.sim-url[data-astro-cid-vjrssx2w]:focus-within{background:var(--surface);box-shadow:0 0 0 2px var(--left)}.sim-url[data-astro-cid-vjrssx2w] input[data-astro-cid-vjrssx2w]{min-width:0;height:100%;color:var(--ink);font:13px/1 var(--sans);background:0 0;border:0;flex:1}.sim-url[data-astro-cid-vjrssx2w] input[data-astro-cid-vjrssx2w]::placeholder{color:var(--ink-3)}.sim-url[data-astro-cid-vjrssx2w] input[data-astro-cid-vjrssx2w]:focus{outline:none}.sim-go[data-astro-cid-vjrssx2w]{flex:none}.sim-action[data-astro-cid-vjrssx2w]{cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;padding:0;transition:background .15s;display:grid;position:relative}.sim-action[data-astro-cid-vjrssx2w]:hover{background:var(--sunk)}.sim-action[data-astro-cid-vjrssx2w] canvas[data-astro-cid-vjrssx2w]{width:22px;height:22px}.sim-badge[data-astro-cid-vjrssx2w]{background:var(--ink-3);min-width:15px;color:var(--surface);font:600 8.5px/13px var(--sans);letter-spacing:.02em;text-align:center;border-radius:5px;padding:0 3px;position:absolute;bottom:0;right:-1px}.sim-badge[data-astro-cid-vjrssx2w][data-side=L]{background:var(--left);color:#fff}.sim-badge[data-astro-cid-vjrssx2w][data-side=R]{background:var(--right);color:#fff}.sim-badge[data-astro-cid-vjrssx2w][data-side=C]{background:var(--center);color:#fff}.sim-badge[data-astro-cid-vjrssx2w][data-side=MIX]{background:var(--mixed);color:#fff}.sim-viewport[data-astro-cid-vjrssx2w]{background:var(--surface);grid-template-columns:minmax(0,1fr) 380px;min-height:0;display:grid}.sim[data-astro-cid-vjrssx2w][data-panel=closed] .sim-viewport[data-astro-cid-vjrssx2w]{grid-template-columns:minmax(0,1fr) 0}.sim-page[data-astro-cid-vjrssx2w]{min-width:0;padding:34px 40px 60px;overflow-y:auto}.sim-page[data-astro-cid-vjrssx2w]:focus-visible{box-shadow:inset 0 0 0 2px var(--left);outline:none}.sim-page-inner[data-astro-cid-vjrssx2w]{max-width:62ch;margin:0 auto}.sim-kicker[data-astro-cid-vjrssx2w]{font:650 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.sim-page[data-astro-cid-vjrssx2w] h1{font:600 30px/1.18 var(--serif);letter-spacing:-.02em;text-wrap:balance;margin:14px 0 0}.sim-page[data-astro-cid-vjrssx2w] .sim-origin{color:var(--ink-3);margin-top:12px;font-size:13px;display:inline-block}.sim-page[data-astro-cid-vjrssx2w] .sim-origin:hover{color:var(--ink)}.sim-page[data-astro-cid-vjrssx2w] .sim-still{aspect-ratio:16/9;object-fit:cover;background:var(--sunk);border-radius:12px;width:100%;max-width:480px;margin-top:20px;display:block}.sim-page[data-astro-cid-vjrssx2w] .sim-prose p{font:400 15.5px/1.68 var(--serif);color:var(--ink);text-wrap:pretty;margin:18px 0 0}.sim-page[data-astro-cid-vjrssx2w]:has(.sim-blank) .sim-page-inner[data-astro-cid-vjrssx2w]{align-content:center;min-height:100%;display:grid}.sim-page[data-astro-cid-vjrssx2w] .sim-blank{color:var(--ink-3);text-align:center;text-wrap:pretty;gap:10px;padding:20px 0;display:grid}.sim-page[data-astro-cid-vjrssx2w] .sim-blank-title{font:600 20px/1.3 var(--serif);color:var(--ink-2)}.sim-page[data-astro-cid-vjrssx2w] .sim-fetching{gap:12px;display:grid}.sim-page[data-astro-cid-vjrssx2w] .skel-line,.sim-page[data-astro-cid-vjrssx2w] .skel-block{background:linear-gradient(90deg, var(--sunk) 0%, color-mix(in srgb, var(--sunk) 50%, var(--surface)) 50%, var(--sunk) 100%);background-size:200% 100%;border-radius:7px;height:13px;animation:1.4s ease-in-out infinite sim-shimmer;display:block}.sim-page[data-astro-cid-vjrssx2w] .skel-line.wide{height:30px}.sim-page[data-astro-cid-vjrssx2w] .skel-line.short{width:62%}.sim-page[data-astro-cid-vjrssx2w] .skel-block{border-radius:12px;height:140px}@keyframes sim-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.sim-panel[data-astro-cid-vjrssx2w]{border-left:1px solid var(--line);min-width:0;transition:opacity .2s;overflow-y:auto}.sim[data-astro-cid-vjrssx2w][data-panel=closed] .sim-panel[data-astro-cid-vjrssx2w]{opacity:0;overflow:hidden}.sim-picks[data-astro-cid-vjrssx2w]{color:var(--ink-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:13.5px;display:flex}.pick[data-astro-cid-vjrssx2w]{border:1px solid var(--line-strong);color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px;transition:background .15s,color .15s,border-color .15s}.pick[data-astro-cid-vjrssx2w]:hover:not(:disabled){background:var(--surface);color:var(--ink)}.pick[data-astro-cid-vjrssx2w]:disabled{opacity:.5;cursor:default}.sim-caption[data-astro-cid-vjrssx2w]{max-width:64ch;color:var(--ink-3);text-align:center;text-wrap:pretty;margin:0 auto;font-size:13px;line-height:1.5}@media (width<=900px){.sim-frame[data-astro-cid-vjrssx2w]{height:auto;min-height:0}.sim-viewport[data-astro-cid-vjrssx2w],.sim[data-astro-cid-vjrssx2w][data-panel=closed] .sim-viewport[data-astro-cid-vjrssx2w]{grid-template-columns:minmax(0,1fr)}.sim-page[data-astro-cid-vjrssx2w]{max-height:300px;padding:24px 20px 36px}.sim-page[data-astro-cid-vjrssx2w] h1{font-size:23px}.sim-panel[data-astro-cid-vjrssx2w]{border-left:0;border-top:1px solid var(--line-strong);height:auto;overflow:visible}.sim[data-astro-cid-vjrssx2w][data-panel=closed] .sim-panel[data-astro-cid-vjrssx2w]{height:0;overflow:hidden}.sim-go[data-astro-cid-vjrssx2w]{display:none}}:root{color-scheme:light dark;--paper:#f5f3ee;--surface:#fffefb;--sunk:#ece9e1;--ink:#16181d;--ink-2:#4a4d55;--ink-3:#6b6e76;--line:#16181d17;--line-strong:#16181d29;--left:#2f63e0;--left-soft:#2f63e01a;--center:#9d978a;--center-soft:#9d978a29;--right:#d8412f;--right-soft:#d8412f1a;--mixed:#7c4fd6;--mixed-soft:#7c4fd61a;--tile:#16181d;--tile-center:#e7e1d3;--shadow:0 1px 0 #16181d08, 0 10px 30px -18px #16181d47;--radius:16px;--serif:"Iowan Old Style", "Charter", "Sitka Text", "Source Serif 4", Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;--ease:cubic-bezier(.2, .8, .2, 1);--gutter:clamp(20px, 5vw, 56px);--wide:1180px}@media (prefers-color-scheme:dark){:root{--paper:#0d0e10;--surface:#16181b;--sunk:#23262c;--ink:#f3f1ec;--ink-2:#bdbbb5;--ink-3:#8f8d88;--line:#ffffff12;--line-strong:#ffffff24;--left:#7aa0ff;--left-soft:#7aa0ff21;--center:#85817a;--center-soft:#85817a33;--right:#ff7b69;--right-soft:#ff7b691f;--mixed:#ad90ff;--mixed-soft:#ad90ff21;--tile:#f3f1ec;--tile-center:#2a2d33;--shadow:0 0 0 1px #ffffff05, 0 14px 34px -20px #000c}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,p,ul,figure,blockquote{margin:0}ul{padding:0;list-style:none}a{color:inherit}:focus-visible{outline:2px solid var(--left);outline-offset:3px;border-radius:8px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:100%;max-width:var(--wide);padding:0 var(--gutter);margin:0 auto}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:11.5px;font-weight:650}.site-head{z-index:10;background:color-mix(in srgb, var(--paper) 84%, transparent);backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}.site-head[data-stuck=true]{border-bottom-color:var(--line)}.site-head .wrap{align-items:center;gap:18px;height:64px;display:flex}.brand{font:600 18px/1 var(--serif);letter-spacing:-.01em;align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:flex}.brand svg{width:26px;height:26px}.mark-tile{fill:var(--tile)}.mark-l{fill:var(--left)}.mark-c{fill:var(--tile-center)}.mark-r{fill:var(--right)}.site-nav{color:var(--ink-2);align-items:center;gap:22px;font-size:14.5px;display:flex}.site-nav a{text-decoration:none}.site-nav a:hover{color:var(--ink)}.lang{color:var(--ink-2);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 4px 0 8px;transition:background .15s,color .15s;display:inline-flex}.lang:hover{background:var(--surface);color:var(--ink)}.lang:focus-within{outline:2px solid var(--left);outline-offset:2px}.lang svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.lang select{height:34px;color:inherit;font:inherit;cursor:pointer;appearance:none;background:0 0;border:0;padding:0 4px;font-size:14.5px}.lang select:focus{outline:none}.lang option{color:initial}.btn{white-space:nowrap;cursor:pointer;min-height:44px;transition:transform .18s var(--ease), background .15s, border-color .15s, box-shadow .18s;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px -16px #000000a6}.btn-ghost{border-color:var(--line-strong);color:var(--ink)}.btn-ghost:hover{background:var(--surface)}.btn-sm{min-height:38px;padding:0 15px;font-size:14px}.hero{text-align:center;padding:clamp(46px,8vw,86px) 0 26px}.tagline{border:1px solid var(--line-strong);color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 8px;font-size:13px;display:inline-flex}.tagline b{color:var(--ink);font-weight:600}.hero h1{max-width:17ch;font:600 clamp(38px, 6.4vw, 66px) / 1.05 var(--serif);letter-spacing:-.03em;text-wrap:balance;margin:22px auto 0}.hero p{max-width:54ch;color:var(--ink-2);text-wrap:pretty;margin:20px auto 0;font-size:clamp(16.5px,2vw,19px)}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.section{padding:clamp(52px,7vw,88px) 0;scroll-margin-top:72px}.section-head{max-width:60ch}.section-head.center{text-align:center;margin:0 auto}.section-head h2{font:600 clamp(27px, 3.6vw, 38px) / 1.14 var(--serif);letter-spacing:-.022em;text-wrap:balance;margin-top:12px}.section-head p{color:var(--ink-2);text-wrap:pretty;margin-top:14px;font-size:16.5px}.demo{padding-top:8px;padding-bottom:clamp(30px,4vw,52px)}.grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:14px;margin-top:38px;display:grid}.tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:22px}.tile-icon{background:var(--sunk);width:36px;height:36px;color:var(--ink);border-radius:11px;place-items:center;display:grid}.tile-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.tile h3{font:600 18px/1.3 var(--serif);margin-top:16px}.tile p{color:var(--ink-2);text-wrap:pretty;margin-top:8px;font-size:14.5px}.band{background:var(--ink);color:var(--paper);border-radius:22px;padding:clamp(34px,5vw,52px)}.band h2{max-width:22ch;font:600 clamp(25px, 3.4vw, 34px) / 1.16 var(--serif);letter-spacing:-.02em;text-wrap:balance}.band-lede{max-width:62ch;color:color-mix(in srgb, var(--paper) 70%, transparent);text-wrap:pretty;margin-top:18px;font-size:16.5px}.band .btn{margin-top:28px}.btn-invert{background:var(--paper);color:var(--ink)}.btn-invert:hover{transform:translateY(-1px)}.site-foot{border-top:1px solid var(--line);padding:40px 0 56px}.site-foot .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.site-foot p,.site-foot a{color:var(--ink-3);font-size:14px}.foot-links{gap:20px;display:flex}.site-foot a:hover{color:var(--ink)}@media (width<=640px){.site-nav .nav-hide{display:none}}.section-head code{background:color-mix(in srgb, currentColor 10%, transparent);border-radius:6px;padding:1px 6px;font:.86em/1.5 ui-monospace,SF Mono,Menlo,monospace}