@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/creative-code/voronoi-studies/live/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/creative-code/voronoi-studies/live/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/creative-code/voronoi-studies/live/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/creative-code/voronoi-studies/live/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/creative-code/voronoi-studies/live/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#000;--ink-2:#000000a3;--line:#0000001a;--wash:#0000000d;--press:#00000017;--gutter:24px;--gap:64px;--label:360px;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font:400 16px/1.5 Geist Variable,system-ui,sans-serif}body{margin:0}.page{padding:16px var(--gutter) 48px}header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;column-gap:24px;display:flex}.series{margin:0;font-weight:500}nav{gap:24px;display:flex}nav a{color:var(--ink-2);padding-block:10px;font-weight:500;text-decoration:none}nav a[aria-current=page]{color:var(--ink);text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px}main{gap:40px;margin-top:16px;display:grid}.art{aspect-ratio:1;background:#f9fafc;border-radius:8px;overflow:hidden}.transport{align-items:center;gap:16px;margin-top:16px;display:flex}.transport button{background:var(--wash);width:44px;height:44px;color:var(--ink);cursor:pointer;border:0;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.transport button:active{background:var(--press)}.transport svg{fill:currentColor;width:16px;height:16px}.stamp{color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none;font-size:14px}.transport .rec[aria-pressed=true]{color:#e5484d}input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:44px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--ink), var(--ink)) 0 / var(--p,0%) 100% no-repeat, var(--line);border-radius:1px;height:2px}input[type=range]::-webkit-slider-thumb{background:var(--ink);appearance:none;border-radius:50%;width:12px;height:12px;margin-top:-5px}input[type=range]::-moz-range-track{background:var(--line);border-radius:1px;height:2px}input[type=range]::-moz-range-progress{background:var(--ink);border-radius:1px;height:2px}input[type=range]::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:12px;height:12px}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.label{max-width:60ch}.label h1{letter-spacing:-.02em;margin:0;font-size:32px;font-weight:500;line-height:1.1}.label p{margin:16px 0 0}.label dl{gap:8px;margin:32px 0 0;font-size:14px;line-height:20px;display:grid}.panel{margin-top:32px;font-size:14px}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.panel h2{margin:0;font-size:14px;font-weight:500}.panel details{border-bottom:1px solid var(--line);padding-bottom:8px}.panel summary{cursor:pointer;justify-content:space-between;padding:12px 0 4px;font-weight:500;list-style:none;display:flex}.panel summary::-webkit-details-marker{display:none}.panel summary:after{content:"+";color:var(--ink-2)}.panel details[open]>summary:after{content:"−"}.row{grid-template-columns:80px minmax(0,1fr) 7ch;align-items:center;column-gap:12px;min-height:36px;display:grid}.row>label,.row>span{color:var(--ink-2)}.row output{text-align:right;font-variant-numeric:tabular-nums}.panel input[type=range]{height:32px}.panel button{background:var(--wash);height:28px;color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:14px;padding:0 12px}.panel button:active{background:var(--press)}.panel button[aria-pressed=true]{background:var(--ink);color:#fff}.swatches{flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;padding-block:4px;display:flex}input[type=color]{border:1px solid var(--line);cursor:pointer;appearance:none;background:0 0;border-radius:50%;flex:none;width:28px;height:28px;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}input[type=color]::-moz-color-swatch{border:0;border-radius:50%}.label dl div{grid-template-columns:64px 1fr;gap:16px;display:grid}.label dt{color:var(--ink-2)}.label dd{margin:0}@media (hover:hover) and (pointer:fine){nav a:hover{color:var(--ink)}.transport button:hover,.panel button:hover{background:var(--press)}.panel button[aria-pressed=true]:hover{background:var(--ink)}}@media (width>=960px){:root{--gutter:48px}.page{--art:min(100cqw - var(--gap) - var(--label), 100svh - 168px);padding-block:24px;container-type:inline-size}header,main{width:calc(var(--art) + var(--gap) + var(--label));margin-inline:auto}main{grid-template-columns:var(--art) var(--label);gap:var(--gap);align-items:start}.label{box-sizing:border-box;height:calc(var(--art) + 60px);overscroll-behavior:contain;scrollbar-width:thin;margin-right:-16px;padding-right:16px;overflow-y:auto}}