@font-face{font-family:Anybody Variable;src:url(../fonts/anybody.woff2)format("woff2-variations");font-weight:100 900;font-stretch:50% 150%;font-display:swap}@font-face{font-family:Onest Variable;src:url(../fonts/onest.woff2)format("woff2-variations");font-weight:100 900;font-display:swap}@font-face{font-family:Gloock;src:url(../fonts/gloock.woff2)format("woff2");font-weight:400;font-display:swap}:root{--hue:355;--pink:oklch(64% .24 355);--pink-deep:oklch(52% .22 355);--pink-wash:oklch(95% .035 355);--ink:oklch(27% .08 258);--ink-soft:oklch(42% .05 258);--teal:oklch(55% .11 200);--bg:oklch(98.5% 0 0);--surface:oklch(96% .008 355);--line:oklch(88% .015 300);--display:"Anybody Variable", "Arial Black", sans-serif;--body:"Onest Variable", system-ui, sans-serif;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s6:1.5rem;--s8:2rem;--s12:3rem;--s16:4rem;--s24:6rem;--t-sm:clamp(.86rem, .82rem + .2vw, .94rem);--t-base:clamp(1rem, .96rem + .25vw, 1.1rem);--t-lg:clamp(1.2rem, 1.08rem + .6vw, 1.45rem);--t-xl:clamp(1.55rem, 1.25rem + 1.4vw, 2.2rem);--t-2xl:clamp(2.1rem, 1.5rem + 3.2vw, 4rem);--radius:12px;--ease:cubic-bezier(.22, 1, .36, 1);--reg:3px}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:400 var(--t-base)/1.6 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;font-stretch:125%;line-height:1.05}h1{font-size:var(--t-2xl);font-weight:850}h2{font-size:var(--t-xl);font-weight:800}h3{font-size:var(--t-lg);letter-spacing:-.01em;font-weight:750;font-stretch:110%}.riso{text-shadow:var(--reg) var(--reg) 0 var(--pink)}p{text-wrap:pretty;max-width:68ch}a{color:var(--ink);-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{color:var(--pink-deep)}img,svg{max-width:100%;display:block}:focus-visible{outline:3px solid var(--pink);outline-offset:2px;border-radius:4px}.skip:not(:focus),.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip:focus{z-index:50;background:var(--ink);color:#fff;border-radius:8px;padding:12px 16px;position:fixed;top:8px;left:8px}.wrap{width:min(1200px,100% - 2rem);margin-inline:auto}.num,.tnum{font-variant-numeric:tabular-nums}.top{z-index:20;background:color-mix(in oklch,var(--bg) 92%,transparent);-webkit-backdrop-filter:saturate(1.4)blur(6px);backdrop-filter:saturate(1.4)blur(6px);border-bottom:2px solid var(--ink);position:sticky;top:0}.bar{gap:var(--s4);min-height:60px}.bar,.logo{align-items:center;display:flex}.logo{gap:var(--s2);font:800 1.25rem/1 var(--display);letter-spacing:-.02em;font-stretch:120%;text-decoration:none}.logo svg{width:32px;height:32px}.footlogo b,.logo b{color:var(--pink-deep);font-weight:850}nav{gap:var(--s1);margin-left:auto;display:flex}nav a{font-weight:600;font-size:var(--t-sm);border-radius:999px;align-items:center;min-height:44px;padding:10px 12px;text-decoration:none;display:inline-flex}nav a:hover{background:var(--pink-wash);color:var(--ink)}nav a.router-link-active{background:var(--ink);color:#fff}nav a.ai{color:var(--pink-deep)}nav a.ai.router-link-active{background:var(--pink-deep);color:#fff}.menu{border:2px solid var(--ink);background:var(--bg);min-height:44px;color:var(--ink);font:700 var(--t-sm) var(--body);border-radius:999px;margin-left:auto;padding:0 18px;display:none}@media (width<=1060px){.menu{display:block}nav{background:var(--bg);padding:var(--s3) 1rem var(--s6);border-bottom:2px solid var(--ink);flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}nav.open{display:flex}nav a{font-size:var(--t-base)}}.hero{padding:clamp(2rem,5vw,4rem) 0 var(--s6)}.hero h1{max-width:18ch}.hero .lede{font-size:var(--t-lg);margin-top:var(--s4);max-width:56ch;line-height:1.45}.crumbs,.hero .lede{color:var(--ink-soft)}.crumbs{font-size:var(--t-sm);margin-bottom:var(--s3)}.crumbs a{color:var(--ink-soft)}.studio{margin-bottom:var(--s12)}.types{gap:var(--s2);padding:4px 2px var(--s4);scrollbar-width:thin;display:flex;overflow-x:auto}.types button{border:2px solid var(--ink);background:var(--bg);min-height:44px;color:var(--ink);font:650 var(--t-sm) var(--body);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.types button:hover{background:var(--pink-wash)}.types button.on{background:var(--ink);color:#fff;box-shadow:var(--reg) var(--reg) 0 var(--pink)}.glyph{width:20px;height:20px}.grid{gap:var(--s6);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=860px){.grid{grid-template-columns:1fr}}.preview-col{position:sticky;top:76px}@media (width<=860px){.preview-col{position:static}}.stage{background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:6px 6px 0 var(--pink);padding:clamp(12px,3vw,28px)}.art{justify-content:center;display:flex}.art svg{border-radius:4px;width:100%;height:auto;max-height:70vh;box-shadow:0 1px 3px oklch(0% 0 0/.12)}@media (width<=860px){.art svg{max-height:62vh}}.export{gap:var(--s2);margin-top:var(--s4);flex-wrap:wrap;display:flex}.status{min-height:1.6em;color:var(--teal);margin-top:var(--s2);font-weight:600}.alt,.status{font-size:var(--t-sm)}.alt{background:var(--bg);border:1px solid var(--line);padding:var(--s3) var(--s4);border-radius:10px}.alt summary{cursor:pointer;align-items:center;min-height:32px;font-weight:650;display:flex}.alt p{margin:var(--s2) 0;color:var(--ink-soft)}.btn{border:2px solid var(--ink);background:var(--bg);min-height:44px;color:var(--ink);font:700 var(--t-sm) var(--body);cursor:pointer;transition:transform .12s var(--ease),box-shadow .12s var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){box-shadow:3px 3px 0 var(--ink);color:var(--ink);transform:translate(-1px,-1px)}.btn.primary{background:var(--pink-deep);border-color:var(--pink-deep);color:#fff}.btn.primary:hover:not(:disabled){box-shadow:3px 3px 0 var(--ink);color:#fff}.btn.small{min-height:44px;padding:0 14px;font-size:.88rem}.btn.ghost{text-decoration:underline;-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink);border-color:#0000}.btn:disabled{opacity:.55;cursor:progress}.controls{gap:var(--s4)}.controls,fieldset{flex-direction:column;display:flex}fieldset{border:2px solid var(--ink);border-radius:var(--radius);padding:var(--s4);gap:var(--s3);min-width:0}legend{font:800 1rem var(--display);background:var(--bg);padding:0 8px;font-stretch:120%}label{font-size:var(--t-sm);flex-direction:column;gap:4px;font-weight:600;display:flex}label.check{flex-direction:row;align-items:center;gap:10px;min-height:44px;font-weight:500}label.check input{width:22px;height:22px;accent-color:var(--pink-deep)}input:not([type=checkbox]):not([type=range]):not([type=color]),select,textarea{font:500 16px var(--body);color:var(--ink);background:#fff;border:1.5px solid oklch(60% .03 258);border-radius:8px;width:100%;min-width:0;min-height:44px;padding:10px 12px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--pink);outline-offset:0;border-color:var(--ink)}input::-moz-placeholder{color:oklch(50% .02 258)}textarea::-moz-placeholder{color:oklch(50% .02 258)}input::placeholder,textarea::placeholder{color:oklch(50% .02 258)}input[type=range]{accent-color:var(--pink-deep);width:100%;min-height:44px}.two{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.rows{flex-direction:column;gap:6px;display:flex}.row{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.row:has(>input:nth-of-type(3)){grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) auto}.row.head{color:var(--ink-soft);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto;font-size:.8rem;font-weight:700}.row.head:has(>span:nth-of-type(4)){grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) auto}.rowbtns{gap:2px;display:flex}.icon{width:40px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:1.15rem}.icon:hover{background:var(--pink-wash)}.rowactions{flex-wrap:wrap}.paste,.rowactions{gap:var(--s2);display:flex}.paste{background:var(--surface);padding:var(--s3);border-radius:10px;flex-direction:column}.swatches{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px;display:grid}.swatches button{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:3px;min-height:44px;padding:6px;display:grid}.swatches button span{border-radius:4px;height:18px}.swatches button em{color:var(--ink);text-align:left;grid-column:1/-1;font-size:.78rem;font-style:normal;font-weight:650}.swatches button.on{border-color:var(--ink);box-shadow:3px 3px 0 var(--pink)}.custom{gap:var(--s2);flex-wrap:wrap;display:flex}.colorpick input{border:2px solid var(--line);background:#fff;border-radius:8px;width:48px;height:44px;padding:2px}.kit{gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.kit small{color:var(--ink-soft);flex-basis:100%}.section{padding:var(--s12) 0}.section+.section{border-top:2px solid var(--ink)}.prose{gap:var(--s4);flex-direction:column;display:flex}.prose h2{margin-top:var(--s4)}.prose ol,.prose ul{flex-direction:column;gap:6px;max-width:68ch;padding-left:1.3em;display:flex}.split{gap:var(--s8);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;display:grid}@media (width<=860px){.split{grid-template-columns:1fr}}.steps{counter-reset:s;list-style:none;padding:0!important}.steps li{counter-increment:s;min-height:40px;padding-left:52px;position:relative}.steps li:before{content:counter(s);background:var(--ink);color:#fff;width:38px;height:38px;font:800 1.05rem/38px var(--display);text-align:center;box-shadow:2px 2px 0 var(--pink);border-radius:50%;position:absolute;top:-2px;left:0}.tbl{border-collapse:collapse;width:100%;font-size:var(--t-sm)}.tbl td,.tbl th{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}.tbl th{border-bottom:2px solid var(--ink);font-weight:750}.tblwrap{overflow-x:auto}.faq details{border-bottom:1.5px solid var(--line)}.faq summary{cursor:pointer;padding:var(--s4) 0;justify-content:space-between;gap:var(--s4);min-height:44px;font-weight:700;list-style:none;display:flex}.faq summary:after{content:"+";font:800 1.4rem/1 var(--display);color:var(--pink-deep)}.faq details[open] summary:after{content:"–"}.faq details p{padding-bottom:var(--s4);color:var(--ink-soft)}.chips{gap:var(--s2);flex-wrap:wrap;display:flex}.chip{border:2px solid var(--ink);min-height:44px;font-weight:650;font-size:var(--t-sm);border-radius:999px;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.chip:hover{background:var(--ink);color:#fff}.callout{background:var(--pink-wash);padding:var(--s6)}.callout,.explainer{border-radius:var(--radius)}.explainer{background:var(--ink);color:#fff;gap:var(--s6);box-shadow:6px 6px 0 var(--pink);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;padding:clamp(1rem,3vw,2rem);display:grid}@media (width<=760px){.explainer{grid-template-columns:1fr}}.explainer h3{color:#fff}.explainer p{color:oklch(90% .02 258)}.explainer label{color:#fff}.explainer .big{font:850 clamp(1.8rem,1.3rem + 2vw,2.8rem)/1 var(--display);color:#fff;font-variant-numeric:tabular-nums;font-stretch:125%}.explainer .big em{color:oklch(78% .16 355);font-style:normal}.explainer .seg{flex-wrap:wrap;gap:6px;display:flex}.explainer .seg button{color:#fff;min-height:44px;font:650 var(--t-sm) var(--body);cursor:pointer;background:0 0;border:2px solid #fff;border-radius:999px;padding:0 14px}.explainer .seg button[aria-pressed=true]{color:var(--ink);background:#fff}.explainer .viz{padding:var(--s3);background:#fff;border-radius:10px}.explainer .note{font-size:var(--t-sm)}.explainer .ctl{gap:var(--s3);flex-direction:column;display:flex}.foot{background:var(--ink);color:oklch(92% .02 258);padding:var(--s12) 0 var(--s16);margin-top:var(--s12)}.foot a{color:#fff;text-decoration-color:oklch(72% .18 355)}.footgrid{gap:var(--s8);grid-template-columns:1.4fr 1fr 1fr;display:grid}@media (width<=760px){.footgrid{grid-template-columns:1fr}}.footlogo{font:850 1.5rem var(--display);color:#fff;margin-bottom:var(--s2);font-stretch:125%}.footlogo b{color:oklch(75% .18 355)}.fh{color:#fff;margin-bottom:var(--s2);font-weight:800}.foot ul{flex-direction:column;padding:0;list-style:none;display:flex}.foot li a{align-items:center;min-height:36px;display:inline-flex}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.tips{gap:var(--s8);margin-top:var(--s6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.tip h3{margin-bottom:var(--s2)}.tip:nth-child(2) h3{color:var(--pink-deep)}.intro{margin-top:var(--s3);color:var(--ink-soft)}.typelist{margin-top:var(--s6);border-top:2px solid var(--ink);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:0;list-style:none;display:grid}.typelist li{border-bottom:1.5px solid var(--line)}.typelist a{gap:var(--s4);padding:var(--s4) var(--s2);align-items:center;min-height:72px;text-decoration:none;display:flex}.typelist a:hover{background:var(--pink-wash);color:var(--ink)}.typelist .glyph{width:36px;height:36px;color:var(--pink-deep);flex:none}.typelist span{flex-direction:column;display:flex}.typelist strong{font:750 1.1rem var(--display);font-stretch:112%}.typelist small{color:var(--ink-soft);font-size:var(--t-sm)}.vis{margin-bottom:var(--s6);flex-wrap:wrap;gap:6px;display:flex}.vis button{border:2px solid var(--ink);background:var(--bg);min-height:44px;color:var(--ink);font:650 var(--t-sm) var(--body);cursor:pointer;border-radius:999px;padding:0 16px}.vis button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:var(--reg) var(--reg) 0 var(--pink)}.pals{gap:var(--s6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.pal{border:2px solid var(--ink);border-radius:var(--radius);flex-direction:column;overflow:hidden}.pal,.strip{display:flex}.strip{height:84px}.strip span{flex:1}.palbody{padding:var(--s4);gap:var(--s2);flex-direction:column;flex:1;display:flex}.palbody .btn{align-self:flex-start;margin-top:auto}.palname{font-size:var(--t-lg)}.palbody p{font-size:var(--t-sm);color:var(--ink-soft)}.hexes{word-spacing:4px;font-size:.8rem!important}.pcheck{font-weight:650;color:oklch(45% .1 200)!important}.pcheck.warn{color:var(--pink-deep)!important}.pcheck small{color:var(--ink-soft);font-weight:500}.simrow{color:#14161f;grid-template-columns:110px 1fr;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:grid}.simstrip{border-radius:6px;height:34px;display:flex;overflow:hidden}.simstrip span{flex:1}.simstrip.txt span{background:#f2f2f5;border-right:1px solid #fff;justify-content:center;align-items:center;font-weight:700;display:flex}.simstrip.txt span.bad{color:oklch(45% .2 355);background:oklch(93% .05 355)}.after{margin-top:var(--s6);color:var(--ink-soft)}.aibox{border:2px solid var(--ink);border-radius:var(--radius);box-shadow:6px 6px 0 var(--pink);margin-bottom:var(--s8);gap:var(--s4);padding:clamp(1rem,3vw,1.75rem)}.aibox,.aibox form{flex-direction:column;display:flex}.aibox form{gap:var(--s2)}.aimeta{color:var(--ink-soft);text-align:right;font-size:.8rem}.airow{gap:var(--s3);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;display:flex}.airow .inline{min-width:200px}.examples{gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.examples p{font-weight:650;font-size:var(--t-sm)}.aierr{color:var(--pink-deep);gap:var(--s2);flex-wrap:wrap;align-items:center;font-weight:650;display:flex}.aierr span{color:var(--ink);font-weight:500}.aiload{color:var(--teal);font-weight:650}.aiout{gap:var(--s3);margin-bottom:var(--s6);background:var(--surface);border-radius:var(--radius);padding:var(--s4) var(--s6);flex-direction:column;display:flex}.aiwarn{color:var(--pink-deep)}.caption{gap:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.explainer .viz>svg{max-height:320px;margin-inline:auto}.art.clear svg{background:repeating-conic-gradient(#e4e4e8 0 25%,#fff 0 50%) 0 0 /24px 24px}.tplgrid{gap:var(--s6);margin-top:var(--s6);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));padding:0;list-style:none;display:grid}.tplgrid a{gap:var(--s2);flex-direction:column;text-decoration:none;display:flex}.tplthumb{border:2px solid var(--ink);background:var(--surface);transition:transform .12s var(--ease),box-shadow .12s var(--ease);border-radius:10px;padding:8px;overflow:hidden}.tplthumb svg{width:100%;height:auto}.tplgrid a:hover .tplthumb{box-shadow:4px 4px 0 var(--pink);transform:translate(-2px,-2px)}.tplgrid strong{font:750 1.05rem var(--display);font-stretch:112%}.tplgrid small{color:var(--ink-soft);font-size:var(--t-sm)}.filters{margin-top:var(--s4);flex-wrap:wrap;gap:6px;display:flex}.filters a{border:2px solid var(--ink);min-height:44px;font-weight:650;font-size:var(--t-sm);border-radius:999px;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.filters a.on{background:var(--ink);color:#fff}.quick{margin-top:var(--s4);background:var(--pink-wash);border-radius:var(--radius);padding:var(--s4) var(--s6);max-width:75ch}.quick p{max-width:none}.tpb{border:2px solid var(--ink);border-radius:var(--radius);gap:var(--s3);box-shadow:6px 6px 0 var(--pink);flex-direction:column;padding:clamp(1rem,3vw,1.75rem);display:flex}.tpbgrid{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));display:grid}.tpbout{background:var(--surface);padding:var(--s4);overflow-wrap:anywhere;letter-spacing:.02em;border-radius:10px;font-size:clamp(1.2rem,1rem + 1.2vw,1.8rem);display:block}.tpb .btn{align-self:flex-start}.tpb .note{font-size:var(--t-sm);color:var(--ink-soft)}.fileinput{top:0;left:0}.rowactions{position:relative}