:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#f6f6f6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f6f6;font-family:SF Pro Text,SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:400}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body{min-height:100%;margin:0;overflow-x:clip}@media (prefers-color-scheme:dark){:root{color:#ebe5e3;background:#18181a}}@font-face{font-family:Proten;src:url(/fonts/ProtenDemo.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel;src:url(/fonts/GeistPixel-Square.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/GeistSans-Variable.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Variable.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}main{background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:3rem;min-height:100dvh;padding-bottom:20vh;display:flex;position:relative}.home-content{flex-direction:column;align-items:flex-start;gap:3rem;width:calc(100% - 3rem);max-width:28rem;display:flex}@media (width>=768px){.home-content{max-width:32rem}}.otto{color:#000;width:7rem;max-width:7rem;height:auto;display:block}@media (width>=768px){.otto{width:8rem;max-width:8rem}}.otto-hex{letter-spacing:.02em;color:#fe0130;margin-top:-2.25rem;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.5rem;font-weight:700}.pill-row{align-items:center;gap:.4rem;display:inline-flex}.chip,.head,.brain,.skill-icon{width:auto;height:1.05rem;display:block}.chip,.head,.brain{filter:brightness(0)saturate()invert(15%)}.skill-icon{display:block}.pill-link{letter-spacing:.02em;color:#18181a;background:#85f98c40;border:1px solid #85f98c;border-radius:999px;align-items:center;gap:.3em;height:1.65rem;padding:0 .8rem;font-family:Geist,SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.pill-link:hover{color:#18181a;background:#d9f86e;border-color:#0000}.arrow-slot{width:.95em;height:.95em;display:inline-block;position:relative;overflow:hidden}.arrow-track{display:block;position:absolute;inset:0}.arrow-glyph{place-items:center;width:100%;height:100%;font-family:Geist Pixel,monospace;font-size:1em;line-height:1;display:grid;position:absolute}.arrow-track>.arrow-glyph:first-child{top:0;left:0}.arrow-track>.arrow-glyph:nth-child(2){top:100%;left:-100%}.lede{letter-spacing:-.01em;color:#000;max-width:28rem;margin-top:2rem;font-family:Geist,system-ui,sans-serif;font-size:12px;font-weight:400;line-height:1.4}.tagline{color:#000;max-width:7rem;margin-top:2rem;font-family:Geist,system-ui,sans-serif;font-size:12px;line-height:1.4}.lede+.tagline{margin-top:.6rem}.home-pages{letter-spacing:-.01em;color:#000;flex-wrap:wrap;gap:.35rem 1rem;margin-top:6rem;font-family:Geist,system-ui,sans-serif;font-size:12px;line-height:1.4;display:flex}.home-page-link{color:inherit;text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px;transition:text-decoration-color .14s ease-out}.home-page-link:hover{text-decoration-color:#b5b5b5}.home-page-link:focus-visible{outline-offset:2px;border-radius:2px;outline:1px solid #6b97ff}@media (width>=768px){.lede{max-width:32rem;font-size:14px}.home-pages{font-size:14px}.tagline{max-width:8rem;font-size:14px}}.wade-link{color:inherit;align-items:baseline;gap:.1em;text-decoration:none;display:inline-flex}.wade-text{font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none}.wade-arrow{vertical-align:-1px;color:#2f5bff;transition:transform .14s ease-out;display:inline-block}.wade-link:hover .wade-arrow,.wade-link:focus-visible .wade-arrow{transform:translate(2px,-2px)}@media (prefers-reduced-motion:reduce){.wade-link:hover .wade-arrow,.wade-link:focus-visible .wade-arrow{transform:none}}.dev-lines{pointer-events:none;z-index:50;--content-half:7rem;position:fixed;inset:0}@media (width>=768px){.dev-lines{--content-half:8rem}}.dev-line{background:#ec4899bf;display:block;position:absolute}.dev-line--v-center{width:1px;top:0;bottom:0;left:50%;transform:translate(-50%)}.dev-line--h-center{height:1px;top:50%;left:0;right:0;transform:translateY(-50%)}.dev-line--edge-left{top:0;bottom:0;left:calc(50% - var(--content-half));width:1px}.dev-line--edge-right{top:0;bottom:0;left:calc(50% + var(--content-half));width:1px}.skills-row{color:#000;flex-direction:row;align-items:center;gap:.4rem;margin-top:.5rem;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:flex}@media (width>=768px){.skills-row{font-size:11px}}.skills-label{letter-spacing:.04em;color:#b5b5b5;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1em}.skill-link-wrap{display:inline-flex;position:relative}.skill-link{color:inherit;z-index:1;border-bottom:1px solid;align-items:baseline;gap:.15em;padding-bottom:1px;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none;transition:color .15s;display:inline-flex;position:relative}.skill-link:hover{color:#fe0130}.skill-burst{pointer-events:none;z-index:50;width:0;height:0;position:absolute;top:50%;left:50%}.skill-burst-glyph{transform-origin:50%;filter:drop-shadow(0 1px #fff9);font-size:11px;line-height:1;position:absolute;top:0;left:0}@media (width>=768px){.skill-burst-glyph{font-size:13px}}main.doc{color:#000;justify-content:flex-start;align-items:center;gap:0;padding:3rem 0 6rem;font-family:Geist,system-ui,sans-serif;font-size:12px}@media (width>=768px){main.doc{padding:4rem 0 8rem;font-size:14px}}.doc-content{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:2rem;width:100%;max-width:24rem;padding:0 1.25rem;display:flex}@media (width>=768px){.doc-content{max-width:36rem;padding:0 2rem}}.doc-nav{color:#b5b5b5;align-items:baseline;gap:.3em;font-family:Geist,system-ui,sans-serif;font-size:1.15em;display:flex}.doc-nav-back,.doc-nav-current,.doc-nav-section{color:inherit}.doc-nav-back{text-decoration:none;transition:color .15s}.doc-nav-back:hover{color:#000}.doc-nav-sep{color:#b5b5b5}.doc-nav-current{color:#000}.doc-header{flex-direction:column;gap:.5rem;display:flex}.doc-header-mark{width:100%;height:auto;margin-bottom:.5rem;display:block}.doc-title{color:#000;margin:0;font-family:Geist,system-ui,sans-serif;font-size:1em;font-weight:600;line-height:1.2}.doc-tag{color:#000;margin:0;font-family:Geist,system-ui,sans-serif;font-size:1em;line-height:1.4}.doc-meta{color:#b5b5b5;letter-spacing:.02em;flex-wrap:wrap;align-items:baseline;gap:.4em;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;display:flex}.doc-version{color:#000}.doc-meta-sep{color:#b5b5b5}.doc-license{color:inherit}.doc-link{color:#000;border-bottom:1px solid;align-items:baseline;gap:.15em;padding-bottom:1px;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none;transition:color .15s;display:inline-flex}.doc-link:hover{color:#b5b5b5}.doc-section{flex-direction:column;gap:.6rem;width:100%;display:flex}.doc-h2{letter-spacing:.04em;color:#b5b5b5;margin:0;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;font-weight:400}.doc-h3{letter-spacing:.04em;color:#000;margin:.5rem 0 0;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;font-weight:400}.doc-p{color:#000;margin:0;font-family:Geist,system-ui,sans-serif;font-size:1em;line-height:1.4}.doc-note{color:#b5b5b5;font-size:.85em}.doc-list{color:#000;margin:0;padding-left:.85rem;font-family:Geist,system-ui,sans-serif;font-size:1em;line-height:1.4}.doc-list li{margin-bottom:.3rem}.doc-list--quotes{color:#000;border-left:1px solid #b5b5b5;padding:.1rem 0 .1rem .6rem;font-style:italic;list-style:none}.doc-list--quotes li{margin-bottom:.2rem}.acc{border-top:1px solid #b5b5b5;flex-direction:column;width:100%;display:flex;position:relative}.acc-fill{pointer-events:none;will-change:transform, height;background:#0000000a;border-radius:8px;position:absolute;top:0;left:-10px;right:-10px}.acc-item{border-bottom:1px solid #b5b5b5;position:relative}.acc-trigger{cursor:pointer;color:#000;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:0;outline:none;align-items:center;gap:.6rem;width:100%;padding:.75rem 0;font-family:Geist,system-ui,sans-serif;font-size:1em;display:flex;position:relative}.acc-trigger:focus-visible{border-radius:4px;box-shadow:0 0 0 1px #6b97ff}.acc-label{text-align:left;flex:1;display:inline-grid}.acc-label-ghost,.acc-label-text{grid-area:1/1}.acc-label-ghost{visibility:hidden;font-weight:550}.acc-label-text{color:#6b6b6b;transition:color 80ms ease-out}.acc-item--open .acc-label-text,.acc-item--active .acc-label-text{color:#000}.acc-meta{color:#b5b5b5;flex-shrink:0;transition:color 80ms ease-out;position:relative}.acc-item--open .acc-meta,.acc-item--active .acc-meta{color:#000}.acc-chevron{color:#b5b5b5;flex-shrink:0;justify-content:center;align-items:center;transition:color 80ms ease-out;display:inline-flex}.acc-item--open .acc-chevron,.acc-item--active .acc-chevron{color:#000}.acc-content{position:relative}.acc-content-inner{flex-direction:column;gap:.6rem;padding:0 0 .85rem;display:flex}.doc-list strong{color:#000;font-weight:600}.inline-code,.inline-code-soft{color:#000;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.code-block{background:#0000000a;border-radius:3px;width:100%;position:relative}.code-label{letter-spacing:.06em;color:#b5b5b5;padding:.4rem .55rem 0;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7em}.code-block pre{margin:0;padding:.45rem .55rem;overflow-x:auto}.code-block code{color:#000;white-space:pre;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8em;line-height:1.45}.copy-btn-wrap{display:inline-block;position:absolute;top:.3rem;right:.3rem}.copy-btn{color:#b5b5b5;cursor:pointer;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .15s;display:inline-flex;position:relative}.copy-btn:hover{color:#000}.copy-btn svg{pointer-events:none}.doc-table{border-collapse:collapse;width:100%;font-family:Geist,system-ui,sans-serif;font-size:1em}.doc-table tr{border-bottom:1px solid #0000000f}.doc-table tr:last-child{border-bottom:none}.doc-table td{vertical-align:top;color:#000;padding:.3rem 0;line-height:1.35}.doc-table td:not(:first-child){padding-left:.4rem}.doc-table-key{white-space:nowrap}.doc-table-type{color:#b5b5b5;font-family:Geist Mono,monospace;font-size:.85em}.doc-table-val{color:#000}.section-marker{align-items:center;gap:.5rem;width:100%;margin:.25rem 0 -.5rem;display:flex}.section-marker-label{letter-spacing:.06em;text-transform:lowercase;color:#ec4899bf;white-space:nowrap;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.section-marker-line{background:#ec4899bf;flex:1;height:1px}.doc-footer{color:#b5b5b5;border-top:1px solid #00000014;justify-content:space-between;width:100%;margin-top:1rem;padding-top:.6rem;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;display:flex}@media (prefers-color-scheme:dark){main{background:#18181a}.otto{color:#262626}.lede,.home-pages{color:#fff}.home-page-link:hover{text-decoration-color:#6b6b6b}.tagline,.skills-row{color:#ebe5e3}.skill-burst-glyph{filter:drop-shadow(0 1px #0009)}.chip,.head,.brain,.skill-icon{filter:brightness(0)saturate()invert(91%)sepia(5%)saturate(157%)hue-rotate(326deg)brightness(101%)contrast(89%)}.doc-header-mark{filter:invert(15%)}main.doc,.doc-nav-back:hover,.doc-nav-current,.doc-title,.doc-tag,.doc-version,.doc-h3,.doc-p,.doc-list{color:#ebe5e3}.doc-list--quotes{color:#ebe5e3;border-left-color:#262626}.doc-list strong,.doc-link{color:#ebe5e3}.doc-link:hover{color:#b5b5b5}.acc{border-top-color:#262626}.acc-item{border-bottom-color:#262626}.acc-trigger,.acc-item--open .acc-chevron,.inline-code,.inline-code-soft{color:#ebe5e3}.code-block{background:#262626}.code-block code,.copy-btn:hover,.doc-table td,.doc-table-val{color:#ebe5e3}.doc-table tr{border-bottom-color:#262626}.doc-footer{border-top-color:#262626}.acc-fill{background:#ffffff0f}.acc-trigger,.acc-item--open .acc-label-text,.acc-item--active .acc-label-text,.acc-item--open .acc-meta,.acc-item--active .acc-meta,.acc-item--open .acc-chevron,.acc-item--active .acc-chevron{color:#ebe5e3}}.guides{z-index:9998;pointer-events:none;--g-line:#fe013047;--g-line-soft:#fe01301a;--g-frame:#6b97ff8c;--g-frame-fill:#6b97ff0d;--g-chip:#0a0a0ad1;--g-chip-ink:#fff;position:fixed;inset:0;overflow:hidden}@media (prefers-color-scheme:dark){.guides{--g-line:#fe013066;--g-line-soft:#fe013024;--g-frame:#6b97ffb3;--g-frame-fill:#6b97ff12}}.guides-baseline{transform-origin:top;background-image:linear-gradient(to bottom, var(--g-line-soft) 0, var(--g-line-soft) 1px, transparent 1px);position:absolute;inset:0}.guides-column-wrap{justify-content:center;display:flex;position:absolute;inset:0}.guides-column{transform-origin:top;border-left:1px solid var(--g-line);border-right:1px solid var(--g-line);background:linear-gradient(to right, var(--g-line-soft) 0, transparent 12%, transparent 88%, var(--g-line-soft) 100%);width:calc(100% - 3rem);max-width:28rem;height:100%}@media (width>=768px){.guides-column{max-width:32rem}}.guides-axis{transform-origin:top;background:repeating-linear-gradient(to bottom, var(--g-line) 0, var(--g-line) 4px, transparent 4px, transparent 8px);width:1px;position:absolute;top:0;bottom:0;left:50%}.guides-frame{border:1px solid var(--g-frame);background:var(--g-frame-fill);border-radius:2px;position:absolute}.guides-frame-label{background:var(--g-chip);color:var(--g-chip-ink);letter-spacing:.04em;white-space:nowrap;border-radius:3px;align-items:center;gap:5px;padding:1px 5px;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;line-height:1.5;display:inline-flex;position:absolute;top:-7px;left:0}.guides-frame-dim{opacity:.55;font-variant-numeric:tabular-nums}.guides-viewport{background:var(--g-chip);color:var(--g-chip-ink);letter-spacing:.03em;font-variant-numeric:tabular-nums;border-radius:4px;padding:3px 7px;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;position:absolute;bottom:12px;left:12px}.guides-toggle{z-index:9999;-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);color:#ffffff8c;letter-spacing:.04em;cursor:pointer;background:#0a0a0ad1;border:0;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1;transition:color .15s ease-out;display:inline-flex;position:fixed;bottom:12px;right:12px;box-shadow:inset 0 0 0 1px #ffffff14,0 6px 18px #0003}.guides-toggle:hover{color:#ffffffd9}.guides-toggle.is-on{color:#fff}.guides-toggle.is-on svg{color:#fe0130}.guides-toggle:active{transform:scale(.97)}.guides-toggle:focus-visible{outline-offset:2px;outline:2px solid #fff6}.sheet{--s-ink:#000;--s-muted:#b5b5b5;--s-rule:#ebebed;--s-field:#f6f6f7;--s-focus:#6b97ff}@media (prefers-color-scheme:dark){.sheet{--s-ink:#ebe5e3;--s-muted:#6b6b6b;--s-rule:#2c2a2b;--s-field:#232022}}.sheet .doc-caption{color:var(--s-muted);font-size:.9em}.sheet .doc-back{margin-bottom:1.2rem;display:inline-block}.sheet .sheet-content{width:calc(100% - 3rem);max-width:28rem;padding:0}@media (width>=768px){.sheet .sheet-content{max-width:32rem}}.sheet-stage{border:1px solid var(--s-rule);border-radius:6px;width:100%;overflow:hidden}.sheet-strip{border-bottom:1px solid var(--s-rule);padding:2rem 1.25rem 0}.walker-track{align-items:flex-end;width:100%;height:32px;display:flex;position:relative}.walker{width:fit-content;color:var(--s-ink);cursor:pointer;background:0 0;border:0;padding:0;transition-property:transform;display:block;position:relative}.walker:before{content:"";position:absolute;inset:-3px}.walker-ground{display:block;overflow:hidden}.walker-rise{display:block}.walker-art{flex-shrink:0;display:block}.walker-art .foot-b,.walker-art.frame-1 .foot-a{display:none}.walker-art.frame-1 .foot-b{display:block}.walker-tip{opacity:0;pointer-events:none;padding-bottom:9px;transition:opacity .1s ease-out;position:absolute;bottom:100%;left:-2px}.walker-tip.is-shown{opacity:1}.walker-tip-pill{white-space:nowrap;background:var(--s-ink);color:#fff;border-radius:8px 8px 8px 3px;padding:4px 8px;font-size:11px;line-height:1.2;display:block}@media (prefers-color-scheme:dark){.walker-tip-pill{color:#18181a}}.walker-measure{visibility:hidden;pointer-events:none;position:absolute}.sheet-readout{border-bottom:1px solid var(--s-rule);flex-wrap:wrap;display:flex}.sheet-readout>div{border-right:1px solid var(--s-rule);flex-direction:column;flex:84px;gap:1px;padding:.6rem .8rem;display:flex}.sheet-readout>div:last-child{border-right:0}.sheet-readout .k{letter-spacing:.06em;text-transform:uppercase;color:var(--s-muted);font-size:9px}.sheet-readout .v{font-variant-numeric:tabular-nums;color:var(--s-ink);font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.sheet-controls{border-bottom:1px solid var(--s-rule);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem 1.4rem;padding:1rem .8rem;display:grid}.ctl{grid-template-columns:1fr auto;align-items:center;gap:2px 8px;display:grid}.ctl-label{color:var(--s-muted);font-size:11px}.ctl-value{font-variant-numeric:tabular-nums;color:var(--s-ink);font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.ctl input[type=range]{width:100%;accent-color:var(--s-ink);grid-column:1/-1;margin:0}.sheet-cast{flex-wrap:wrap;gap:6px;padding:.8rem;display:flex}.sheet-chip{border:1px solid var(--s-rule);color:var(--s-muted);font:inherit;cursor:pointer;background:0 0;border-radius:5px;align-items:center;gap:7px;padding:5px 10px;font-size:11px;transition:color 80ms ease-out,border-color 80ms ease-out;display:inline-flex}.sheet-chip:hover{color:var(--s-ink)}.sheet-chip.is-active{color:var(--s-ink);border-color:var(--s-ink)}.sheet-chip:focus-visible,.walker:focus-visible{outline:1px solid var(--s-focus);outline-offset:2px}.sheet-specs{grid-template-columns:max-content 1fr;gap:5px 1.2rem;margin:0;display:grid}.sheet-specs dt{font-variant-numeric:tabular-nums;color:var(--s-ink);font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.sheet-specs dd{color:var(--s-muted);margin:0}@media (prefers-reduced-motion:reduce){.walker{transition-duration:.01ms!important}}.anim{--a-ink:#000;--a-muted:#b5b5b5;--a-soft:#6b6b6b;--a-rule:#ebebed;--a-field:#f6f6f7;--a-focus:#6b97ff}@media (prefers-color-scheme:dark){.anim{--a-ink:#ebe5e3;--a-muted:#6b6b6b;--a-soft:#9a9694;--a-rule:#2c2a2b;--a-field:#232022}}.anim .anim-content{width:calc(100% - 3rem);max-width:28rem;padding:0}@media (width>=768px){.anim .anim-content{max-width:32rem}}.anim .doc-back{margin-bottom:1.2rem;display:inline-block}.anim-stage{border:1px solid var(--a-rule);border-radius:6px;width:100%;overflow:hidden}.anim-hero{padding:1.5rem 3rem .5rem}.anim-bar{border-top:1px solid var(--a-rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.7rem .8rem;display:flex}.anim-now{color:var(--a-soft);align-items:baseline;gap:.4rem;font-size:.92em;display:inline-flex}.anim-now-state{color:var(--a-ink);font-weight:550}.anim-now-sep{color:var(--a-muted)}.anim-toggles{gap:6px;display:flex}.anim-toggle{border:1px solid var(--a-rule);color:var(--a-soft);font:inherit;cursor:pointer;background:0 0;border-radius:5px;padding:5px 10px;font-size:11px;transition:color 80ms ease-out,border-color 80ms ease-out}.anim-toggle:hover:not(:disabled){color:var(--a-ink)}.anim-toggle.is-on{color:var(--a-ink);border-color:var(--a-ink)}.anim-toggle:disabled{opacity:.45;cursor:not-allowed}.anim-chips{flex-wrap:wrap;gap:5px;display:flex}.anim-chip{border:1px solid var(--a-rule);color:var(--a-soft);font:inherit;cursor:pointer;background:0 0;border-radius:5px;padding:4px 9px;font-size:11px;transition:color 80ms ease-out,border-color 80ms ease-out,background-color 80ms ease-out}.anim-chip:hover{color:var(--a-ink)}.anim-chip.is-active{color:var(--a-ink);border-color:var(--a-ink)}.anim-note{color:var(--a-muted);font-size:.9em}.anim-swatches{flex-wrap:wrap;gap:7px;display:flex}.anim-swatch{border:1px solid var(--a-rule);cursor:pointer;width:20px;height:20px;box-shadow:0 0 0 0 var(--a-ink);border-radius:50%;padding:0;transition:box-shadow 80ms ease-out}.anim-swatch.is-active{box-shadow:0 0 0 2px var(--a-field), 0 0 0 3px var(--a-ink)}.anim-swatch--auto{background:linear-gradient(135deg,#0a0a0c 50%,#f1efe9 50%)}.anim-board{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;display:grid}.anim-tile{border:1px solid var(--a-rule);font:inherit;cursor:pointer;background:0 0;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:.6rem .8rem .55rem;transition:border-color 80ms ease-out;display:flex}.anim-tile:hover{border-color:var(--a-muted)}.anim-tile.is-active{border-color:var(--a-ink)}.anim-tile-label{color:var(--a-soft);font-size:10px}.anim-tile.is-active .anim-tile-label{color:var(--a-ink)}.anim-chip:focus-visible,.anim-toggle:focus-visible,.anim-swatch:focus-visible,.anim-tile:focus-visible{outline:1px solid var(--a-focus);outline-offset:2px}