@font-face{font-family:Pixelify Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/pixelify-sans-cyrillic-wght-normal.BfQLqnEI.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Pixelify Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/pixelify-sans-latin-ext-wght-normal.CsF3XSp0.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:Pixelify Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/pixelify-sans-latin-wght-normal.Cbhn5ptY.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}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.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}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/silkscreen-latin-ext-400-normal.2T9bWrxp.woff2)format("woff2"),url(/_astro/silkscreen-latin-ext-400-normal.Drdn_BEM.woff)format("woff");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:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/silkscreen-latin-400-normal.CtPo2yA5.woff2)format("woff2"),url(/_astro/silkscreen-latin-400-normal.D0DfPJut.woff)format("woff");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{--paper:#fbf6ec;--paper-2:#f4ecdc;--card:#fffdf8;--line:#e4dac7;--plate:#2a2838;--fg:#17152b;--fg-2:#4a4760;--edge:#17152b;--red:#e5322d;--yellow:#ffc53d;--yellow-2:#f5b014;--blue:#2f6fdb;--green:#22924f;--pink:#f28db2;--orange:#f57a2a;--purple:#7a4fd1;--ok:#1d7a43;--error:#c42720;--focus:#2f6fdb;--font-display:"Pixelify Sans Variable", "Pixelify Sans", ui-monospace, monospace;--font-body:"Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--font-label:"Silkscreen", ui-monospace, monospace;--px:8px;--b:3px;--radius:16px;--radius-sm:10px;--max:1200px;--shadow-card:0 1px 0 #17152b0a, 0 12px 32px -12px #17152b2e;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#12111f;--paper-2:#1a1930;--card:#1f1e37;--line:#34325a;--plate:#0d0c18;--fg:#f6f1e6;--fg-2:#bdb7cf;--edge:#07060f;--ok:#5fd08d;--error:#ff7a73;--focus:#7aa7ff;--shadow-card:0 1px 0 #0003, 0 16px 40px -16px #0009;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100dvh;color:var(--fg);background-color:var(--paper);background-image:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--fg) 9%, transparent) 1.2px, transparent 1.6px);font-family:var(--font-body);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;background-size:24px 24px;flex-direction:column;margin:0;font-size:17px;line-height:1.6;display:flex}main{width:100%;max-width:var(--max);flex:1;margin:0 auto;padding:32px 20px 96px}main.full{max-width:none;padding:0;overflow-x:clip}.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 20px}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:2px}img,svg,canvas{max-width:100%}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:.005em;text-wrap:balance;margin:0 0 16px;font-weight:650;line-height:1.05}h1{font-size:clamp(2.4rem,5.6vw,4.5rem)}h2{font-size:clamp(1.8rem,3.6vw,2.75rem)}h3{font-size:1.4rem;line-height:1.15}p{margin:0 0 16px}.lead{color:var(--fg-2);max-width:56ch;font-size:clamp(1.1rem,1.6vw,1.3rem)}.eyebrow,.label{font-family:var(--font-label);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-2);font-size:.8rem}.eyebrow{align-items:center;gap:10px;margin-bottom:16px;display:inline-flex}.eyebrow:before{content:"";background:var(--red);width:10px;height:10px;box-shadow:12px 0 0 var(--yellow), 24px 0 0 var(--blue);margin-right:24px}.muted{color:var(--fg-2)}.small{font-size:.875rem}.num{font-variant-numeric:tabular-nums}.r{text-align:right}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{flex:none;line-height:0;display:inline-flex}button,.button{--bg:var(--card);--ink:var(--fg);--depth:5px;min-height:48px;margin:var(--b) var(--b) calc(var(--b) + var(--depth));background:var(--bg);color:var(--ink);font:600 1rem/1.2 var(--font-body);cursor:pointer;user-select:none;box-shadow:0 calc(-1 * var(--b)) 0 0 var(--edge), 0 var(--b) 0 0 var(--edge), calc(-1 * var(--b)) 0 0 0 var(--edge), var(--b) 0 0 0 var(--edge), 0 calc(var(--b) + var(--depth)) 0 0 var(--edge), inset 0 calc(-1 * var(--b)) 0 0 #0000001f, inset 0 var(--b) 0 0 #fff6;transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out), background-color .15s ease-out;border:0;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:10px 20px;text-decoration:none;display:inline-flex;position:relative}button:hover,.button:hover{--bg:color-mix(in srgb, var(--card) 85%, var(--yellow))}button:active:not(:disabled),.button:active{transform:translateY(var(--depth));box-shadow:0 calc(-1 * var(--b)) 0 0 var(--edge), 0 var(--b) 0 0 var(--edge), calc(-1 * var(--b)) 0 0 0 var(--edge), var(--b) 0 0 0 var(--edge), inset 0 var(--b) 0 0 #0000001f}button:focus-visible,.button:focus-visible,.button:focus-within,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:6px}button:disabled{cursor:not-allowed;opacity:.5}.primary{--bg:var(--yellow);--ink:#17152b}.primary:hover{--bg:var(--yellow-2)}.button.dark,button.dark{--bg:var(--fg);--ink:var(--paper)}.button.dark:hover,button.dark:hover{--bg:color-mix(in srgb, var(--fg) 85%, var(--blue))}.big{min-height:60px;padding:14px 28px;font-size:1.1rem}.small-btn,button.small-btn{--depth:3px;min-height:40px;padding:6px 14px;font-size:.92rem}button.link{min-height:0;box-shadow:none;color:var(--fg-2);background:0 0;margin:0;padding:4px 0;font-weight:500;text-decoration:underline;transform:none}button.link:hover{color:var(--fg);background:0 0}.chips,.segmented{flex-wrap:wrap;gap:8px;display:flex}.chips button,.segmented button{--depth:3px;min-height:40px;padding:6px 14px;font-size:.95rem}[aria-pressed=true]{--bg:var(--fg)!important;--ink:var(--paper)!important}.row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:24px}.ok{color:var(--ok);margin:0;font-weight:600}.error{color:var(--error);font-weight:600}.badge{background:var(--green);color:#fff;font:400 .7rem/1 var(--font-label);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;padding:5px 8px;display:inline-flex}.tag{font:400 .72rem/1 var(--font-label);text-transform:uppercase;letter-spacing:.05em;background:var(--paper-2);color:var(--fg);padding:6px 8px;display:inline-block}input[type=text],input[type=email],input[type=number],select,textarea{width:100%;min-height:48px;font:inherit;color:var(--fg);background:var(--card);border:2px solid var(--line);border-radius:var(--radius-sm);padding:10px 14px;transition:border-color .15s ease-out}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb, var(--fg) 35%, var(--line))}.field{gap:6px;font-weight:600;display:grid}.check{cursor:pointer;align-items:center;gap:10px;display:flex}.check input{width:20px;height:20px;accent-color:var(--fg);flex:none}.check.small{align-items:start;font-weight:400}.check.small input{margin-top:3px}.range{gap:6px;font-weight:600;display:grid}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px}input[type=range]::-webkit-slider-runnable-track{background:var(--paper-2);height:8px;box-shadow:inset 0 0 0 2px var(--line)}input[type=range]::-moz-range-track{background:var(--paper-2);height:8px;box-shadow:inset 0 0 0 2px var(--line)}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--yellow);width:24px;height:24px;box-shadow:inset 0 0 0 3px var(--edge);margin-top:-8px}input[type=range]::-moz-range-thumb{background:var(--yellow);width:24px;height:24px;box-shadow:inset 0 0 0 3px var(--edge);border:0;border-radius:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 10px}th{font:400 .75rem/1.2 var(--font-label);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-2)}.table-wrap{overflow-x:auto}.site-header{z-index:50;padding:12px 16px 0;position:sticky;top:0}.nav-bar{max-width:var(--max);background:color-mix(in srgb, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.4);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:999px;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:10px 12px 10px 18px;display:flex}.logo{font:700 1.25rem/1 var(--font-display);white-space:nowrap;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo-mark{grid-template-columns:repeat(2,11px);gap:2px;display:grid}.logo-mark span{width:11px;height:11px;transition:transform .3s var(--ease-spring)}.logo:hover .logo-mark span:first-child{transform:translate(-2px,-2px)}.logo:hover .logo-mark span:nth-child(2){transform:translate(2px,-2px)}.logo:hover .logo-mark span:nth-child(3){transform:translate(-2px,2px)}.logo:hover .logo-mark span:nth-child(4){transform:translate(2px,2px)}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{border-radius:999px;padding:8px 14px;font-weight:600;text-decoration:none;transition:background-color .15s ease-out}.nav-links a:hover,.nav-links a[aria-current=page]{background:var(--paper-2)}.nav-actions{align-items:center;gap:4px;display:flex}.icon-link{border-radius:999px;place-items:center;width:44px;height:44px;text-decoration:none;transition:background-color .15s ease-out;display:inline-grid;position:relative}.icon-link:hover{background:var(--paper-2)}.cart-count{background:var(--red);color:#fff;min-width:20px;height:20px;font:400 .7rem/1 var(--font-label);place-items:center;padding:0 5px;display:grid;position:absolute;top:2px;right:0}.nav-cta{--depth:3px;min-height:40px;margin-left:8px;padding:6px 16px}.menu-toggle{display:none}@media (width<=860px){.nav-links{display:none}.nav-links.open{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);flex-direction:column;align-items:stretch;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);left:16px;right:16px}.nav-links.open a{padding:14px 16px;font-size:1.1rem}.menu-toggle{display:inline-grid}.nav-cta{display:none}}.site-footer{background:var(--plate);color:#f6f1e6;margin-top:auto}.footer-pixels{width:100%;height:24px;display:block}.footer-inner{max-width:var(--max);grid-template-columns:1.4fr repeat(3,1fr);gap:32px;margin:0 auto;padding:48px 20px 40px;display:grid}.footer-inner h2{font-size:1rem;font-family:var(--font-label);text-transform:uppercase;letter-spacing:.06em;color:#bdb7cf;font-weight:400}.footer-inner a{color:#f6f1e6;padding:4px 0;text-decoration:none;display:block}.footer-inner a:hover{text-decoration:underline}.footer-inner .logo{color:#f6f1e6;margin-bottom:12px;display:inline-flex}.footer-note{max-width:var(--max);color:#bdb7cf;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin:0 auto;padding:20px;font-size:.875rem;display:flex}@media (width<=760px){.footer-inner{grid-template-columns:1fr 1fr}.footer-inner>:first-child{grid-column:1/-1}}.page-head{padding:24px 0 32px}.page-head h1{font-size:clamp(2.2rem,4.8vw,3.75rem)}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;display:grid}.product-card{transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out);flex-direction:column;gap:12px;text-decoration:none;display:flex}a.product-card:hover{transform:translateY(-4px);box-shadow:0 1px #17152b0a,0 24px 48px -16px #17152b47}.product-card h2,.product-card h3,.product-card p{margin:0}.thumb{border-radius:var(--radius-sm);background:var(--plate);overflow:hidden}.thumb svg,.thumb img{width:100%;height:auto;display:block}.maker-fallback{align-content:center;min-height:420px}.price{font:650 1.3rem/1 var(--font-display)}.counts{gap:8px;margin:0;padding:0;list-style:none;display:grid}.counts li{grid-template-columns:22px 1fr auto;align-items:center;gap:12px;display:grid}.swatch{width:22px;height:22px;box-shadow:inset 0 -3px #0000002e,inset 0 3px #ffffff4d,0 0 0 1px #00000026}.swatch.sm{width:14px;height:14px;box-shadow:0 0 0 1px #00000026}.total{border-top:2px dashed var(--line);justify-content:space-between;margin:12px 0 0;padding-top:12px;font-weight:700;display:flex}.prose{max-width:72ch}.prose h2{margin-top:40px;font-size:1.6rem}.cart{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}.summary{gap:12px;display:grid;position:sticky;top:100px}.summary p{margin:0}.line{justify-content:space-between;gap:12px;display:flex}.total-line{border-top:2px dashed var(--line);padding-top:12px;font-size:1.15rem;font-weight:700}.qty-input,.qty input{width:96px}.add-to-cart{gap:8px;display:grid}.empty{justify-items:start;gap:16px;display:grid}.empty p{margin:0}.steps-bar{flex-wrap:wrap;gap:8px;margin:8px 0 24px;padding:0;list-style:none;display:flex}.steps-bar li{font:400 .8rem/1 var(--font-label);text-transform:uppercase;background:var(--paper-2);color:var(--fg-2);padding:10px 12px}.steps-bar li.done{background:var(--green);color:#fff}.order{gap:8px;max-width:720px;display:grid}@media (width<=860px){.cart{grid-template-columns:minmax(0,1fr)}.summary{position:static}}.login{gap:16px;max-width:460px;display:grid}.login h2,.login p{margin:0}.account{gap:40px;display:grid}.account .card p{margin:0 0 12px}.gift{justify-items:start;gap:16px;max-width:520px;display:grid}.drops{gap:40px;display:grid}.turnstile{min-height:65px}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:10px;padding:0}.maker{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:24px;display:grid}.maker-stage{flex-direction:column;gap:16px;min-width:0;display:flex}.stage-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.plate-frame{background:var(--plate);border-radius:20px;padding:clamp(12px,2.5vw,24px);position:relative;box-shadow:inset 0 2px #ffffff14,0 2px #00000040,0 30px 60px -24px #17152b8c}.maker-canvas{object-fit:contain;touch-action:none;cursor:grab;border-radius:6px;width:100%;max-height:68vh;display:block}.maker-canvas:active{cursor:grabbing}.hint{color:var(--fg-2);align-items:center;gap:8px;margin:0;font-size:.9rem;display:inline-flex}.maker-panel{gap:4px;padding:8px;display:grid;position:sticky;top:96px}.panel-step{border-radius:12px;gap:12px;padding:16px;display:grid}.panel-step+.panel-step{border-top:1px dashed var(--line);border-radius:0}.step-title{font:650 1.15rem/1.1 var(--font-display);align-items:center;gap:10px;margin:0;display:flex}.step-num{background:var(--fg);width:26px;height:26px;color:var(--paper);font:400 .8rem/1 var(--font-label);place-items:center;display:inline-grid}.compare-wrap{position:relative}.compare-top{z-index:1;pointer-events:none;width:calc(100% - 2*clamp(12px,2.5vw,24px));position:absolute;inset:clamp(12px,2.5vw,24px)}.compare-line{background:var(--yellow);z-index:2;pointer-events:none;width:4px;margin-left:calc(clamp(12px,2.5vw,24px) - 2px);position:absolute;top:clamp(12px,2.5vw,24px);bottom:clamp(12px,2.5vw,24px);transform:translate(calc(clamp(12px,2.5vw,24px)/-3.40282e38));box-shadow:0 0 0 2px #17152b}.wall-dialog{border-radius:var(--radius);background:var(--card);width:min(1100px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--fg);border:0;padding:20px;box-shadow:0 40px 100px -20px #0009}.wall-dialog::backdrop{backdrop-filter:blur(4px);background:#0d0c1899}.wall-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.wall-canvas{cursor:grab;touch-action:none;border-radius:12px;width:100%;height:auto;display:block}.wall-controls{gap:12px;margin-top:16px;display:grid}.wall-controls p{margin:0}.examples{justify-items:center;gap:12px;margin-top:24px;display:grid}.examples-row{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}button.example{--depth:4px;flex-direction:column;gap:8px;min-height:0;padding:8px 8px 12px}button.example img{object-fit:cover;width:160px;height:120px;display:block}.tiles{grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:16px;display:grid}.tile-controls{gap:8px;display:grid}.stepper{justify-content:space-between;align-items:center;gap:8px;display:flex}.stepper-ctl{align-items:center;gap:2px;display:flex}.stepper-ctl button{--depth:2px;width:32px;min-height:32px;padding:0}.stepper-ctl output{text-align:center;min-width:24px;font:650 1.2rem/1 var(--font-display)}.tile-map{background:var(--plate);border-radius:6px;justify-self:center;gap:3px;width:100%;max-height:96px;padding:4px;display:grid}.tile-map span{background:color-mix(in srgb, var(--yellow) 85%, transparent);font:400 .55rem/1 var(--font-label);color:#17152b;border-radius:2px;place-items:center;min-height:0;display:grid}.format-line{margin:0}.color-chips{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.color-chip{background:var(--paper);border-radius:8px;grid-template-columns:22px 1fr;align-items:center;gap:2px 8px;padding:8px;font-size:.85rem;line-height:1.2;display:grid}.color-chip .swatch{grid-row:span 2}.color-chip strong{font:650 1rem/1 var(--font-display)}.panel-total{justify-content:space-between;align-items:baseline;font-weight:600;display:flex}.panel-total strong{font:650 1.6rem/1 var(--font-display)}.actions{gap:4px;display:grid}.actions>button,.actions>.button{width:calc(100% - 2 * var(--b))}.tool-row{grid-template-columns:repeat(3,1fr);gap:4px 12px;display:grid}.tool-row button{--depth:3px;flex-direction:column;gap:4px;min-height:56px;padding:6px;font-size:.8rem}.pro-panel{padding:0;overflow:hidden}.pro-panel summary{cursor:pointer;font:650 1.15rem/1 var(--font-display);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;list-style:none;display:flex}.pro-panel summary::-webkit-details-marker{display:none}.pro-panel fieldset{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 24px;padding:0 20px 20px;display:grid}.pro-panel fieldset:disabled{opacity:.55}.pro-panel .full{grid-column:1/-1}.order-custom{background:var(--paper);border-radius:12px;gap:12px;padding:20px;display:grid}.order-custom h3,.order-custom p{margin:0}.dropzone{text-align:center;background:var(--card);background-image:linear-gradient(90deg, var(--fg) 50%, transparent 50%), linear-gradient(90deg, var(--fg) 50%, transparent 50%), linear-gradient(0deg, var(--fg) 50%, transparent 50%), linear-gradient(0deg, var(--fg) 50%, transparent 50%);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:16px 4px,16px 4px,4px 16px,4px 16px;border-radius:24px;justify-items:center;gap:12px;padding:clamp(40px,8vw,88px) 24px;transition:background-color .2s ease-out;display:grid;position:relative}.dropzone.over{background-color:color-mix(in srgb, var(--yellow) 22%, var(--card));animation:.6s linear infinite march}@keyframes march{to{background-position:16px 0,-16px 100%,0 -16px,100% 16px}}.dz-icon{background:var(--yellow);color:#17152b;place-items:center;width:88px;height:88px;display:grid;box-shadow:inset 0 -6px #00000026}.dz-title{font:650 clamp(1.6rem, 3vw, 2.2rem)/1.1 var(--font-display);margin:0}@media (hover:hover) and (pointer:fine){.camera{display:none!important}}@media (width<=960px){.maker{grid-template-columns:minmax(0,1fr)}.maker-panel{position:static}}.section{padding-block:clamp(64px,10vw,128px)}.section-head{max-width:720px;margin-bottom:48px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head.center .lead{margin-left:auto;margin-right:auto}.paint{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.paint-board{gap:16px;display:grid}.paint-canvas{touch-action:none;cursor:crosshair;border-radius:6px;width:100%;height:auto;display:block}.paint-palette{flex-wrap:wrap;gap:8px;display:flex}button.paint-color{--depth:0px;background:var(--c);width:40px;height:40px;min-height:40px;transition:transform .2s var(--ease-spring);margin:3px;padding:0;box-shadow:inset 0 -5px #0003,inset 0 4px #ffffff4d,0 0 0 1px #00000026}button.paint-color:hover{background:var(--c);transform:translateY(-3px)}button.paint-color[aria-checked=true]{box-shadow:inset 0 -5px 0 #0003, inset 0 4px 0 #ffffff4d, 0 0 0 3px var(--paper-2), 0 0 0 6px var(--fg);transform:translateY(-4px)}.paint-side{gap:16px;display:grid}.paint-side .label{margin:0}@media (width<=860px){.paint{grid-template-columns:minmax(0,1fr)}}button.menu-toggle{min-height:0;box-shadow:none;color:var(--fg);background:0 0;margin:0;padding:0}button.menu-toggle:hover{background:var(--paper-2)}button.menu-toggle:active{box-shadow:none;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
