:root{--bg:#f7f6f2;--surface:#fff;--text:#1d1f24;--muted:#5f6470;--border:#e2e0d8;--accent:#3a5bd9;--agent:#1d1f24;--velocity:#2f6fde;--desired:#1f9d6b;--steering:#e0582b;--target:#b83280;--zone:#b8328014;--trail:#1d1f241f;--code-bg:#f0eee7;--tok-comment:#8a8f99;--tok-keyword:#a626a4;--tok-string:#3f8a2b;--tok-number:#c2610c;--tok-call:#2f62c9;--tok-key:#b4344d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#15171c;--surface:#1c1f26;--text:#e8e6e1;--muted:#a0a4ae;--border:#2c3039;--accent:#8aa2ff;--agent:#e8e6e1;--velocity:#6b9cff;--desired:#4cc995;--steering:#ff8a5c;--target:#f075b6;--zone:#f075b61a;--trail:#e8e6e124;--code-bg:#23262e;--tok-comment:#7d828c;--tok-keyword:#d18ef0;--tok-string:#98c379;--tok-number:#e5a065;--tok-call:#7aa8ff;--tok-key:#ef8a9a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.top{border-bottom:1px solid var(--border);background:var(--surface)}.top-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:76rem;margin:0 auto;padding:.85rem 1.5rem;display:flex}.brand{min-width:0;color:var(--text);align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo{flex:none;width:2.25rem;height:2.25rem}.logo rect{fill:var(--accent)}.logo path{fill:var(--surface)}.brand-text{min-width:0;display:grid}.name{letter-spacing:-.01em;font-size:1.2rem;font-weight:700;line-height:1.2}.tagline{color:var(--muted);font-size:.9rem;line-height:1.35}.links{flex:none;align-items:center;gap:.6rem;display:flex}.links svg{fill:currentColor;width:1.15rem;height:1.15rem}.icon-link,.github{border:1px solid var(--border);height:2.25rem;color:var(--text);border-radius:.5rem;align-items:center;font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.icon-link{justify-content:center;width:2.25rem}.icon-link:hover,.github:hover{background:var(--bg);border-color:var(--muted)}.github{gap:.45rem;padding:0 .75rem}.github .count{border-left:1px solid var(--border);font-variant-numeric:tabular-nums;color:var(--muted);margin-left:.1rem;padding-left:.55rem}.layout{grid-template-columns:13rem minmax(0,1fr);gap:2rem;max-width:76rem;margin:0 auto;padding:1.5rem;display:grid}.demos ol{margin:0;padding:0;list-style:none;position:sticky;top:1.5rem}.demos a{color:var(--muted);border-radius:.5rem;padding:.4rem .75rem;text-decoration:none;display:block}.demos a:hover{color:var(--text)}.demos a[aria-current=page]{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--border);font-weight:600}h1{margin:0 0 .5rem;font-size:1.75rem}.summary{color:var(--muted);max-width:46rem;margin:0 0 1.25rem}.stage{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;position:relative;overflow:hidden}canvas{aspect-ratio:16/9;touch-action:none;cursor:crosshair;width:100%;display:block}.legend{color:var(--muted);pointer-events:none;flex-wrap:wrap;gap:.25rem .9rem;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex;position:absolute;top:.75rem;left:.75rem}.swatch{vertical-align:middle;border-radius:2px;width:.9rem;height:3px;margin-right:.35rem;display:inline-block}.swatch.velocity{background:var(--velocity)}.swatch.desired{background:var(--desired)}.swatch.steering{background:var(--steering)}.toggle{border:1px solid var(--border);background:var(--surface);color:var(--muted);font:inherit;cursor:pointer;border-radius:.4rem;padding:.3rem .65rem;font-size:.8rem;position:absolute;top:.5rem;right:.5rem}.toggle:hover{color:var(--text);border-color:var(--muted)}.toggle[aria-pressed=false]{color:var(--accent);border-color:var(--accent)}.legend[hidden]{display:none}.hint{color:var(--muted);pointer-events:none;margin:0;font-size:.8rem;position:absolute;bottom:.5rem;right:.75rem}.panel{grid-template-columns:minmax(0,18rem) minmax(0,1fr);gap:1.5rem;margin-top:1.25rem;display:grid}.params{align-content:start;gap:.9rem;display:grid}.param{grid-template-columns:1fr auto;gap:.15rem .5rem;font-size:.9rem;display:grid}.param output{font-variant-numeric:tabular-nums;color:var(--muted)}.param input[type=range]{width:100%;accent-color:var(--accent);grid-column:1/-1}.param select{font:inherit;grid-column:1/-1;padding:.3rem}.code-box{background:var(--code-bg);border-radius:.75rem;min-width:0;overflow:hidden}.code-bar{border-bottom:1px solid var(--border);color:var(--muted);align-items:center;gap:.5rem;padding:.5rem .6rem .5rem 1.25rem;font-size:.8rem;display:flex}.code-label{flex:1}.copied{color:var(--desired)}.copy{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:.4rem;padding:.3rem .65rem}.copy:hover{border-color:var(--muted)}.copy.primary{border-color:var(--accent);background:var(--accent);color:var(--surface);font-weight:600}.copy.primary:hover{filter:brightness(1.1)}.foot{border-top:1px solid var(--border);max-width:76rem;color:var(--muted);margin:1rem auto 0;padding:1.5rem;font-size:.85rem}.foot p{margin:0}.code{tab-size:2;margin:0;padding:1rem 1.25rem;font:.85rem/1.55 ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow-x:auto}.tok-comment{color:var(--tok-comment);font-style:italic}.tok-keyword{color:var(--tok-keyword)}.tok-string{color:var(--tok-string)}.tok-number{color:var(--tok-number)}.tok-call{color:var(--tok-call)}.tok-key{color:var(--tok-key)}@media (width<=52rem){.top-inner{padding:.75rem 1rem}.tagline{font-size:.8rem}.github span:first-of-type{display:none}.layout{grid-template-columns:minmax(0,1fr);gap:1rem;padding:1rem}.demos ol{flex-wrap:wrap;gap:.25rem;display:flex;position:static}.panel{grid-template-columns:minmax(0,1fr)}canvas{aspect-ratio:4/3}}