:root{--paper:#fbfaf4;--paper-raised:#fffef9;--grid-minor:#607db417;--grid-major:#607db429;--ink:#21242b;--ink-soft:#565b66;--ink-faint:#8b909b;--ink-blue:#2456d6;--ink-blue-soft:#2456d68c;--ink-blue-wash:#2456d612;--accent-purple:#8b78e6;--accent-purple-soft:#c9befa;--accent-green:#4caf7d;--accent-green-soft:#bfe3cd;--accent-blue:#6d9ee8;--accent-blue-soft:#c3d8f7;--accent-amber:#d97706;--font-hand:"Caveat", "Segoe Script", cursive;--font-ui:"Shantell Sans", "Comic Sans MS", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--sidebar-w:236px;--playground-w:424px;--header-h:72px;--page-max:1500px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);font-family:var(--font-ui);background-color:var(--paper);background-image:linear-gradient(var(--grid-minor) 1px, transparent 1px), linear-gradient(90deg, var(--grid-minor) 1px, transparent 1px), linear-gradient(var(--grid-major) 1px, transparent 1px), linear-gradient(90deg, var(--grid-major) 1px, transparent 1px);-webkit-font-smoothing:antialiased;background-size:9px 9px,9px 9px,45px 45px,45px 45px;margin:0;font-size:14.5px;line-height:1.65}::selection{background:#2456d62e}a{color:var(--ink-blue);text-underline-offset:3px;text-decoration-thickness:1.5px}h1,h2,h3,h4{font-family:var(--font-hand);letter-spacing:.01em;margin:0;font-weight:700;line-height:1.15}code,pre,kbd{font-family:var(--font-mono)}p code,li code,td code{background:var(--ink-blue-wash);border:1px solid #2456d62e;border-radius:5px;padding:.05em .35em;font-size:.85em}.sketch{border:2px solid var(--ink);background:var(--paper-raised)}.sketch--a{border-radius:255px 15px 225px/15px 225px 15px 255px}.sketch--b{border-radius:15px 255px 15px 225px/225px 15px 255px}.sketch--c{border-radius:225px 15px 255px/15px 255px 15px 225px}.sketch--thin{border-width:1.5px}.sketch--blue{border-color:var(--ink-blue);background:var(--ink-blue-wash)}.tilt-l{transform:rotate(-.35deg)}.tilt-r{transform:rotate(.3deg)}.hand{font-family:var(--font-hand)}.u-squiggle{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='7' viewBox='0 0 44 7'%3E%3Cpath d='M1 4.2 Q 6.5 1.2 12 4 T 23 4.2 T 34 3.6 T 43 4' fill='none' stroke='%2321242b' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:0 100%;background-repeat:repeat-x;background-size:44px 7px;padding-bottom:7px}.u-squiggle--blue{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='7' viewBox='0 0 44 7'%3E%3Cpath d='M1 4.2 Q 6.5 1.2 12 4 T 23 4.2 T 34 3.6 T 43 4' fill='none' stroke='%232456d6' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.annotation{font-family:var(--font-hand);color:var(--ink-blue);font-size:19px;font-weight:600;line-height:1.25}.annotation svg{display:block;overflow:visible}.btn{border:2px solid var(--ink);background:var(--paper-raised);color:var(--ink);font-family:var(--font-ui);cursor:pointer;border-radius:255px 15px 225px/15px 225px 15px 255px;align-items:center;gap:7px;padding:6px 14px;font-size:13px;font-weight:500;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{transform:translateY(-1.5px)rotate(-.4deg);box-shadow:2px 3px #21242b2e}.btn:active{box-shadow:none;transform:translateY(0)rotate(0)}.btn--blue{border-color:var(--ink-blue);color:var(--ink-blue);background:var(--ink-blue-wash)}.btn--ghost{background:0 0;border-color:#0000}.btn--ghost:hover{border-color:var(--ink);box-shadow:none}.btn--sm{border-width:1.5px;gap:5px;padding:3px 10px;font-size:12px}.header{z-index:40;background-color:var(--paper);background-image:linear-gradient(var(--grid-minor) 1px, transparent 1px), linear-gradient(90deg, var(--grid-minor) 1px, transparent 1px);border-bottom:2px solid var(--ink);background-size:9px 9px;position:sticky;top:0}.header-inner{max-width:var(--page-max);min-height:var(--header-h);align-items:center;gap:22px;margin:0 auto;padding:8px 24px;display:flex}.brand{color:var(--ink);align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.brand-mark{border:2px solid var(--ink);background-image:linear-gradient(var(--grid-major) 1px, transparent 1px), linear-gradient(90deg, var(--grid-major) 1px, transparent 1px);background-size:9px 9px;background-color:var(--paper-raised);border-radius:15px 255px 15px 225px/225px 15px 255px;flex:none;place-items:center;width:44px;height:44px;display:grid}.brand-title{font-family:var(--font-hand);white-space:nowrap;font-size:26px;font-weight:700;line-height:1}.brand-tagline{color:var(--ink-soft);white-space:nowrap;margin-top:2px;font-size:11.5px}.header-nav{align-items:center;gap:4px;margin:0 auto;display:flex}.header-nav a{font-family:var(--font-ui);letter-spacing:.09em;color:var(--ink-soft);padding:6px 11px;font-size:12.5px;font-weight:500;text-decoration:none}.header-nav a:hover,.header-nav a.active{color:var(--ink)}.header-actions{flex:none;align-items:center;gap:12px;margin-left:auto;display:flex}.gh-link{color:var(--ink);align-items:center;gap:7px;font-size:13.5px;font-weight:500;text-decoration:none;display:inline-flex}.gh-link:hover{color:var(--ink-blue)}.gh-stars{font-family:var(--font-hand);font-size:17px;font-weight:600}.layout{max-width:var(--page-max);grid-template-columns:var(--sidebar-w) minmax(0, 1fr) var(--playground-w);align-items:start;gap:30px;margin:0 auto;padding:26px 24px 90px;display:grid}.sidebar{top:calc(var(--header-h) + 18px);max-height:calc(100vh - var(--header-h) - 36px);scrollbar-width:thin;padding-right:6px;position:sticky;overflow-y:auto}.sidebar-summary{display:none}.nav-group{margin-bottom:22px}.nav-group-title{letter-spacing:.14em;color:var(--ink-faint);margin:0 0 7px 10px;font-size:11px;font-weight:700}.nav-link{color:var(--ink-soft);border:1.5px solid #0000;margin:1px 0;padding:4px 12px;font-size:13.5px;text-decoration:none;display:block}.nav-link:hover{color:var(--ink)}.nav-link.active{color:var(--ink-blue);border-color:var(--ink-blue);background:var(--ink-blue-wash);border-radius:255px 15px 225px/15px 225px 15px 255px;font-weight:500}.sidebar-note{font-family:var(--font-hand);margin:30px 4px 8px 0;padding:13px 15px;font-size:18px;font-weight:600;line-height:1.35}.main{min-width:0}.doc-section{scroll-margin-top:calc(var(--header-h) + 18px);margin-bottom:58px}.doc-section>h2{margin-bottom:10px;font-size:34px}.doc-section h3{margin:28px 0 8px;font-size:25px}.doc-section p{max-width:68ch;color:var(--ink-soft);margin:10px 0}.doc-section p strong{color:var(--ink)}.doc-section ul{color:var(--ink-soft);max-width:68ch}.doc-kicker{letter-spacing:.16em;color:var(--ink-faint);margin-bottom:4px;font-size:11px;font-weight:700}.doc-section .code-card{max-width:760px;margin:14px 0}.api-table-wrap{max-width:760px;margin:16px 0;overflow-x:auto}.api-table{border-collapse:separate;border-spacing:0;background:var(--paper-raised);border:2px solid var(--ink);border-radius:15px 40px/40px 15px;width:100%;font-size:13px;overflow:hidden}.api-table th,.api-table td{text-align:left;vertical-align:top;border-bottom:1.5px dashed #21242b40;padding:8px 14px}.api-table tr:last-child td{border-bottom:none}.api-table th{font-family:var(--font-hand);padding-top:10px;font-size:18px;font-weight:700}.hero{margin-bottom:34px;position:relative}.hero-title{max-width:10.5em;margin:8px 0 14px;padding-right:190px;font-size:clamp(42px,5vw,58px);font-weight:700}@media (width<=860px){.hero-title{padding-right:0}}.hero-annotation{text-align:left;max-width:210px;position:absolute;top:6px;right:0}.hero-lede{max-width:62ch;color:var(--ink-soft);font-size:15.5px}.chips{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.chip{border:2px solid var(--ink);background:var(--paper-raised);align-items:center;gap:9px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.chip svg{flex:none}.preview-kicker{letter-spacing:.16em;color:var(--ink-soft);margin:0 0 12px 2px;font-size:12px;font-weight:700}.preview-strip{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px;display:grid}.figure{border:2px solid var(--ink);background-color:var(--paper-raised);background-image:linear-gradient(var(--grid-minor) 1px, transparent 1px), linear-gradient(90deg, var(--grid-minor) 1px, transparent 1px);text-align:center;background-size:9px 9px;padding:12px 10px 8px}.figure svg{width:100%;height:auto;display:block}.figure-caption{font-family:var(--font-hand);color:var(--ink);margin-top:6px;font-size:17px;font-weight:600}.code-card{border:2px solid var(--ink);background:var(--paper-raised);overflow:hidden}.code-card-head{justify-content:space-between;align-items:center;padding:7px 12px 0;display:flex}.chip-lang{font-family:var(--font-mono);letter-spacing:.06em;border:1.5px solid var(--ink);background:var(--paper);border-radius:6px 12px;padding:1px 7px;font-size:10.5px;font-weight:700}.copy-btn{font-family:var(--font-ui);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:3px 6px;font-size:12px;font-weight:500;display:inline-flex}.copy-btn:hover{color:var(--ink-blue)}.code-card pre{margin:0;padding:12px 16px 15px;font-size:12.5px;line-height:1.62;overflow-x:auto}.tok-kw{color:#7c3aed}.tok-str{color:#15803d}.tok-num{color:#b45309}.tok-fn{color:var(--ink-blue)}.tok-cm{color:var(--ink-faint);font-style:italic}.quick-code{grid-template-columns:minmax(0,1fr) 190px;align-items:start;gap:22px;margin-bottom:12px;display:grid}.hand-bullets{font-family:var(--font-hand);color:var(--ink-blue);margin:14px 0 0;padding:0;font-size:21px;font-weight:600;list-style:none}.hand-bullets li{align-items:baseline;gap:9px;margin-bottom:10px;display:flex}.hand-bullets li:before{content:"";background:var(--ink-blue);border-radius:60% 45% 55% 50%;flex:none;width:7px;height:7px;position:relative;top:-2px}.more-link{font-family:var(--font-hand);margin:4px 0 44px;font-size:20px;font-weight:600;text-decoration:none;display:inline-block}.more-link:hover{text-decoration:underline}.feature-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px;display:grid}.feature-card{border:2px solid var(--ink);background:var(--paper-raised);align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.feature-card svg{flex:none;margin-top:3px}.feature-card h3{margin:0 0 3px;font-size:22px}.feature-card p{color:var(--ink-soft);margin:0;font-size:12.5px;line-height:1.55}.playground-col{align-self:stretch;min-width:0}.playground-sticky{top:calc(var(--header-h) + 18px);max-height:calc(100vh - var(--header-h) - 30px);scrollbar-width:thin;padding-bottom:4px;position:sticky;overflow-y:auto}.playground{border:2px solid var(--ink);background:var(--paper-raised);padding:14px 16px 16px}.pg-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pg-title{letter-spacing:.15em;font-size:13px;font-weight:700}.pg-reset{font-family:var(--font-ui);color:var(--ink-blue);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:2px 4px;font-size:12.5px;display:inline-flex}.pg-reset:hover{text-decoration:underline}.pg-tabs{border-bottom:1.5px solid var(--ink);gap:2px;margin-bottom:14px;display:flex}.pg-tab{font-family:var(--font-ui);letter-spacing:.11em;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:5px 12px 7px;font-size:12px;font-weight:600;position:relative}.pg-tab:hover{color:var(--ink)}.pg-tab.active{color:var(--ink-blue)}.pg-tab.active:after{content:"";background:var(--ink-blue);border-radius:3px 6px;height:3px;position:absolute;bottom:-2px;left:8px;right:8px}.field-row{align-items:center;gap:10px;margin-bottom:9px;font-size:13px;display:flex}.field-row>label,.field-row>.field-label{width:118px;color:var(--ink);flex:none}.field-unit{color:var(--ink-faint);flex:none;font-size:11.5px}.num-input{border:1.5px solid var(--ink);background:var(--paper-raised);width:62px;font-family:var(--font-mono);color:var(--ink);border-radius:8px 14px;flex:none;padding:3px 7px;font-size:12.5px}.num-input:focus{border-color:var(--ink-blue);box-shadow:0 0 0 2px var(--ink-blue-wash);outline:none}input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:20px}input[type=range]::-webkit-slider-runnable-track{background:var(--ink-blue-soft);border-radius:2px;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--ink-blue);background:var(--paper-raised);border-radius:55% 45% 50% 60%;width:15px;height:15px;margin-top:-6.5px}input[type=range]::-moz-range-track{background:var(--ink-blue-soft);border-radius:2px;height:2px}input[type=range]::-moz-range-thumb{border:2px solid var(--ink-blue);background:var(--paper-raised);border-radius:55% 45% 50% 60%;width:12px;height:12px}.check-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;margin:10px 0 2px;font-size:13px;display:flex}.check-row input{appearance:none;border:2px solid var(--ink);background:var(--paper-raised);cursor:pointer;border-radius:5px 9px;place-items:center;width:16px;height:16px;margin:0;display:grid}.check-row input:checked:after{content:"";background:var(--ink-blue);border-radius:55% 45% 50% 60%;width:9px;height:9px}.pg-collapse{margin:4px 0 10px}.pg-collapse summary{cursor:pointer;color:var(--ink);-webkit-user-select:none;user-select:none;align-items:center;gap:7px;padding:3px 0;font-size:13px;font-weight:500;list-style:none;display:flex}.pg-collapse summary::-webkit-details-marker{display:none}.pg-collapse summary:before{content:"▸";font-size:11px;transition:transform .15s}.pg-collapse[open] summary:before{transform:rotate(90deg)}.corner-editor{grid-template-columns:1fr auto;align-items:center;gap:12px;padding:8px 0 2px 16px;display:grid}.corner-fields .field-row>label{width:92px;font-size:12.5px}.corner-fields .num-input{width:56px}.corner-diagram{border:1.5px dashed var(--ink-faint);border-radius:10px 18px;padding:6px}.preset-row{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.preset-chip{border:1.5px solid var(--ink);background:var(--paper-raised);font-family:var(--font-ui);cursor:pointer;color:var(--ink-soft);border-radius:12px 20px;padding:2px 9px;font-size:11.5px}.preset-chip:hover{color:var(--ink)}.preset-chip.active{border-color:var(--ink-blue);color:var(--ink-blue);background:var(--ink-blue-wash);font-weight:600}.pg-hint{color:var(--ink-faint);margin:6px 0 10px;font-size:11.5px;line-height:1.5}.pg-preview{border:1.5px solid var(--ink);background:var(--paper-raised);border-radius:12px 20px;margin:12px 0;overflow:hidden}.pg-preview svg{width:100%;height:auto;display:block}.pg-preview .ruler-text{font-family:var(--font-hand);fill:var(--ink-soft);font-size:12px}.pg-preview .ruler-line{stroke:var(--ink-faint);stroke-width:1px}.pg-preview .handle-dot{fill:var(--paper-raised);stroke:var(--ink-blue);stroke-width:1.6px}.pg-preview .vertex-dot{fill:var(--ink-blue)}.pg-preview .edit-outline{fill:none;stroke:var(--ink-blue-soft);stroke-width:1px;stroke-dasharray:5 5}.pg-preview .edit-handle{fill:var(--paper-raised);stroke:var(--ink-blue);stroke-width:2px;cursor:grab}.pg-preview g.selected .edit-handle{fill:var(--ink-blue)}.pg-preview .edit-hit{fill:#0000}.pg-preview .edit-label{font-family:var(--font-hand);fill:var(--ink-blue);pointer-events:none;font-size:14px}.pg-preview svg.editing{cursor:crosshair}.out-tabs{border-bottom:1.5px solid var(--ink);gap:2px;display:flex}.out-tab{font-family:var(--font-ui);letter-spacing:.1em;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:4px 9px 6px;font-size:11px;font-weight:600;position:relative}.out-tab:hover{color:var(--ink)}.out-tab.active{color:var(--ink-blue)}.out-tab.active:after{content:"";background:var(--ink-blue);border-radius:3px 6px;height:3px;position:absolute;bottom:-2px;left:6px;right:6px}.out-code{white-space:pre;max-height:190px;margin:0;padding:11px 4px 6px;font-size:11.5px;line-height:1.6;overflow:auto}.pg-actions{gap:10px;margin-top:10px;display:flex}.pg-annotation{align-items:flex-start;gap:8px;margin:14px 8px 0 18px;display:flex}.playground-inline{margin:0 0 46px;display:none}@media (width<=1200px){.layout{grid-template-columns:var(--sidebar-w) minmax(0, 1fr)}.playground-col{display:none}.playground-inline{display:block}}@media (width<=860px){.layout{grid-template-columns:1fr;padding:18px 16px 70px}.sidebar{max-height:none;margin-bottom:6px;position:static;overflow:visible}.sidebar-details{border:2px solid var(--ink);background:var(--paper-raised);border-radius:255px 15px 225px/15px 225px 15px 255px;padding:8px 16px}.sidebar-summary{cursor:pointer;font-family:var(--font-hand);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-size:20px;font-weight:700;list-style:none;display:flex}.sidebar-summary::-webkit-details-marker{display:none}.sidebar-nav{padding-top:10px}.sidebar-note,.header-nav,.gh-stars,.brand-tagline{display:none}.hero-annotation{max-width:none;margin-bottom:10px;position:static}.preview-strip{grid-template-columns:repeat(2,1fr)}.feature-cards,.quick-code{grid-template-columns:1fr}.hand-bullets{flex-wrap:wrap;gap:22px;margin-top:4px;display:flex}}@media (width<=480px){.preview-strip{grid-template-columns:1fr}.header-inner{padding:8px 14px}.brand-title{font-size:21px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.pg-collapse summary:before{transition:none}}