@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@500;700;800&display=swap";:root{font-family:Manrope,sans-serif;font-synthesis:none;--ink: #151515;--paper: #f7f7f4;--muted: #777772;--track: #c4c4bf;color:var(--ink);background:var(--paper);color-scheme:light}:root[data-theme=dark]{--ink: #f3f3ed;--paper: #000000;--muted: #aaa9a1;--track: #62625d;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);transition:color .22s ease,background-color .22s ease}a{color:inherit}button,input{font:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{min-height:86px;padding:0 clamp(22px,4vw,64px);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:clamp(18px,3vw,42px)}.wordmark{font-size:20px;font-weight:800;letter-spacing:-.055em;text-decoration:none}.status{margin:0;color:var(--muted);font:500 10px/1 DM Mono,monospace;letter-spacing:.1em}.main-nav{display:flex;align-items:center;gap:clamp(18px,3vw,42px);font:500 10px/1 DM Mono,monospace;letter-spacing:.09em}.main-nav a{text-underline-offset:4px}.package-install{display:inline-flex;align-items:center;gap:12px}.npm-package-link{display:inline-flex;align-items:center;gap:7px;color:var(--muted);white-space:nowrap}.npm-package-link strong{padding:4px 7px;border-radius:999px;color:var(--paper);background:var(--ink);font:inherit}.install-command{display:inline-flex;align-items:center;gap:12px;padding:10px 14px;border:0;border-radius:999px;color:var(--paper);background:var(--ink);font:inherit;letter-spacing:inherit;cursor:copy}.install-command code{font:inherit}.install-copy-label{color:color-mix(in srgb,var(--paper) 64%,transparent);transition:opacity .16s ease}.install-command:hover .install-copy-label{opacity:.58}.theme-toggle{display:inline-flex;align-items:center;gap:7px;padding:6px 0;border:0;color:var(--ink);background:transparent;font:500 10px/1 DM Mono,monospace;letter-spacing:.09em;cursor:pointer}.theme-toggle>span:first-child{font-size:15px;transition:transform .28s ease}.theme-toggle:hover>span:first-child{transform:rotate(180deg)}main{padding:10px clamp(16px,3vw,48px) 80px}.collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(56px,7vw,110px) clamp(24px,4vw,70px);max-width:1680px;margin:0 auto}.form-card,.form-card--wide{min-width:0;grid-column:auto}.card-meta{min-height:40px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;font:500 9px/1 DM Mono,monospace;letter-spacing:.07em}.card-meta>span{color:var(--muted)}.card-meta h2{margin:0;font-size:12px;font-weight:700;letter-spacing:-.015em;text-transform:uppercase}.stage,.form-card:not(.form-card--wide) .stage{position:relative;height:clamp(270px,28vw,460px);display:grid;place-items:center;overflow:hidden;perspective:900px;isolation:isolate;background:transparent!important}.stage:before,.stage:after,.orbit-line,.crosshair{display:none}.shape-art,.shape-art--large{position:relative;z-index:2;width:min(84%,380px);aspect-ratio:1;cursor:grab}.shape-layer{position:absolute;inset:0;display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.shape-spin{transform-box:fill-box;transform-origin:center;will-change:transform}.stage:hover .shape-spin,.stage:focus-within .shape-spin{animation:object-spin .9s cubic-bezier(.33,0,.2,1) both}@keyframes object-spin{to{transform:rotate(360deg)}}.card-actions{min-height:68px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 18px;font:500 9px/1 DM Mono,monospace;letter-spacing:.06em}.hole-control{grid-column:1 / -1;min-width:0;display:grid;grid-template-columns:auto minmax(50px,1fr) auto;align-items:center;gap:9px}.hole-range{appearance:none;-webkit-appearance:none;width:100%;height:14px;margin:0;background:transparent;cursor:ew-resize}.hole-range::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:var(--track)}.hole-range::-webkit-slider-thumb{width:12px;height:12px;margin-top:-5px;border:0;border-radius:50%;background:var(--ink);-webkit-appearance:none}.hole-range::-moz-range-track{height:2px;border:0;border-radius:2px;background:var(--track)}.hole-range::-moz-range-progress{height:2px;border-radius:2px;background:var(--ink)}.hole-range::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--ink)}.hole-count{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.shuffle,.download{justify-self:start;padding:3px 0 8px;border:0;color:var(--ink);background:transparent;font:inherit;letter-spacing:inherit;cursor:pointer}.shuffle:hover,.download:hover{text-decoration:underline;text-underline-offset:4px}.download{display:flex;align-items:center;gap:5px}.download span{font-size:13px}footer{min-height:130px;padding:30px clamp(22px,4vw,64px);display:flex;align-items:start;justify-content:space-between;color:var(--muted);font:500 9px/1.4 DM Mono,monospace;letter-spacing:.08em}.footer-mark{color:var(--ink);font:800 16px/1 Manrope,sans-serif;letter-spacing:-.055em;text-decoration:none}footer>a:last-child{text-underline-offset:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:1040px){.collection{grid-template-columns:repeat(2,minmax(0,1fr))}.stage,.form-card:not(.form-card--wide) .stage{height:clamp(300px,42vw,440px)}}@media(max-width:660px){.topbar{min-height:96px;grid-template-columns:1fr auto;gap:0 18px}.main-nav{grid-column:1 / -1;justify-content:space-between}.install-copy-label{display:none}main{padding-inline:18px}.collection{grid-template-columns:1fr;gap:62px}.stage,.form-card:not(.form-card--wide) .stage{height:min(92vw,410px)}.shape-art,.shape-art--large{width:min(78%,340px)}.card-actions{grid-template-columns:auto 1fr}}