@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.0y4xxz2y19qqs.woff2?dpl=dpl_85uTpcFG2SHF6Qcba65diTRDjz76)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.0yczt4r3j28ff.woff2?dpl=dpl_85uTpcFG2SHF6Qcba65diTRDjz76)format("woff2");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:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.0ez3bnoxb63ra.woff2?dpl=dpl_85uTpcFG2SHF6Qcba65diTRDjz76)format("woff2");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:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.0y4xxz2y19qqs.woff2?dpl=dpl_85uTpcFG2SHF6Qcba65diTRDjz76)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.0yczt4r3j28ff.woff2?dpl=dpl_85uTpcFG2SHF6Qcba65diTRDjz76)format("woff2");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:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.0ez3bnoxb63ra.woff2?dpl=dpl_85uTpcFG2SHF6Qcba65diTRDjz76)format("woff2");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:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.0y4xxz2y19qqs.woff2?dpl=dpl_85uTpcFG2SHF6Qcba65diTRDjz76)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.0yczt4r3j28ff.woff2?dpl=dpl_85uTpcFG2SHF6Qcba65diTRDjz76)format("woff2");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:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.0ez3bnoxb63ra.woff2?dpl=dpl_85uTpcFG2SHF6Qcba65diTRDjz76)format("woff2");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:Fredoka Fallback;src:local(Arial);ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.0%;size-adjust:101.84%}.fredoka_5502e15f-module__8GlTpG__className{font-family:Fredoka,Fredoka Fallback;font-style:normal}.fredoka_5502e15f-module__8GlTpG__variable{--font-fredoka:"Fredoka", "Fredoka Fallback"}
@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4ba802ed8e67eac5-s.0fuxtgzazslqx.woff2?dpl=dpl_85uTpcFG2SHF6Qcba65diTRDjz76)format("woff2");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:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d7a0600e467cf0bd-s.451yigaaz_4mg.woff2?dpl=dpl_85uTpcFG2SHF6Qcba65diTRDjz76)format("woff2");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:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/dc0d9adbac686440-s.p.3cik_s2si-ft-.woff2?dpl=dpl_85uTpcFG2SHF6Qcba65diTRDjz76)format("woff2");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:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b8f2b92a9960dd69-s.0we3rzhp_h228.woff2?dpl=dpl_85uTpcFG2SHF6Qcba65diTRDjz76)format("woff2");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:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/28e60ca39c9ae554-s.44izq0ia6orkf.woff2?dpl=dpl_85uTpcFG2SHF6Qcba65diTRDjz76)format("woff2");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:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8d05cfa5faa8406c-s.p.1s123piy9_v1m.woff2?dpl=dpl_85uTpcFG2SHF6Qcba65diTRDjz76)format("woff2");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:Space Mono Fallback;src:local(Arial);ascent-override:81.58%;descent-override:26.3%;line-gap-override:0.0%;size-adjust:137.28%}.space_mono_811b4345-module__KUJ_XW__className{font-family:Space Mono,Space Mono Fallback;font-style:normal}.space_mono_811b4345-module__KUJ_XW__variable{--font-space-mono:"Space Mono", "Space Mono Fallback"}
:root{--rooster:#cc6b4c;--rooster-dark:#7a3129;--cream:#eadcab;--cream-lt:#f7f1e1;--hill:#4b5d80;--sun:#efb35e;--meadow:#566b4c;--charcoal:#292236;--wood:#8b5e3c}*{box-sizing:border-box}body{font-family:var(--font-space-mono),monospace;color:var(--charcoal);background:linear-gradient(135deg,#4b5d80 0%,#8ca3b4 100%) fixed;min-height:100vh;margin:0}.wrap{max-width:1180px;margin:0 auto;padding:28px 18px 80px}.site-nav{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:26px;display:flex}.nav-tab{font-family:var(--font-fredoka),sans-serif;text-transform:uppercase;letter-spacing:.5px;background:var(--cream-lt);border:2.5px solid var(--charcoal);cursor:pointer;color:var(--charcoal);border-radius:999px;padding:9px 18px;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-block;box-shadow:0 4px #29223659}.nav-tab.active{background:var(--rooster);color:#fff}.nav-tab:hover{border-color:var(--hill)}.about-text{text-align:left;max-width:640px;margin:0 auto;font-size:.9rem;line-height:1.65}.about-text p{margin:0 0 14px}.site-footer{text-align:center;color:var(--cream-lt);opacity:.9;flex-direction:column;gap:4px;padding:24px 18px 40px;font-size:.75rem;display:flex}.site-footer a{color:var(--cream-lt);font-weight:700;text-decoration:underline}header{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin-bottom:22px;display:flex}h1{font-family:var(--font-fredoka),sans-serif;color:var(--cream-lt);letter-spacing:1px;text-shadow:3px 3px 0 var(--charcoal);margin:0;font-size:2.6rem;font-weight:500}h1 span{color:inherit}.tag{font-family:var(--font-fredoka),sans-serif;color:var(--charcoal);opacity:.85;letter-spacing:1.5px;text-transform:uppercase;text-shadow:1px 1px 0 var(--cream-lt);margin-top:2px;font-size:.78rem;font-weight:600}.panel{background:var(--cream-lt);border:3px solid var(--charcoal);border-radius:26px;margin-bottom:26px;padding:22px;box-shadow:0 8px #2a244059}.section-label{font-family:var(--font-fredoka),sans-serif;color:var(--rooster-dark);text-align:center;justify-content:center;align-items:center;gap:8px;margin:0 0 12px;font-size:1.1rem;font-weight:600;display:flex}.builder{flex-wrap:wrap;justify-content:center;gap:26px;display:flex}.builder>div{min-width:0;max-width:100%}.canvas-holder{border-radius:14px;flex:none;max-width:100%;padding:0;position:relative}canvas{cursor:crosshair;touch-action:manipulation;background:#fff;border-radius:14px;display:block}#quiltCanvas{max-width:100%;height:auto}.hint{opacity:.65;text-align:center;margin-top:8px;font-size:.68rem}.grid-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:.7rem;display:flex}.grid-toggle input{cursor:pointer}.controls{text-align:center;flex:300px;min-width:270px}.row{flex-direction:column;align-items:center;margin-bottom:16px;display:flex}.mode-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.row label{text-transform:uppercase;letter-spacing:1px;color:var(--hill);text-align:center;margin-bottom:6px;font-size:.72rem;font-weight:700;display:block}select{width:100%;font-family:var(--font-space-mono),monospace;border:2px solid var(--charcoal);background:#fff;padding:8px;font-size:.85rem}.pattern-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));grid-auto-rows:max-content;justify-content:center;gap:8px;width:100%;transition:max-height .25s;display:grid;overflow:hidden}.pattern-grid.collapsed{max-height:196px}.pattern-grid:not(.collapsed){max-height:900px}.pattern-card{border:2px solid var(--charcoal);cursor:pointer;font-family:var(--font-space-mono),monospace;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:5px;display:flex;overflow:hidden}.pattern-card canvas{aspect-ratio:1;background:#fff;border-radius:6px;width:100%;display:block}.pattern-card span{font-family:var(--font-fredoka),sans-serif;text-align:center;text-transform:uppercase;letter-spacing:.3px;font-size:.58rem;font-weight:600;line-height:1.15}.pattern-card.active{border-color:var(--rooster);box-shadow:0 0 0 2px var(--rooster)}.pattern-card:hover{border-color:var(--hill)}input[type=color]{border:3px solid var(--charcoal);cursor:pointer;background:0 0;border-radius:12px;flex-shrink:0;width:56px;height:44px;padding:0;box-shadow:0 4px 10px #0003}.color-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}#dropperBtn.active{background:var(--meadow);color:#fff}.icon-btn{justify-content:center;align-items:center;padding:9px;display:inline-flex}.dropper-hint{color:var(--meadow);align-self:center;font-size:.68rem;font-weight:700;display:none}.dropper-hint.show{display:inline}canvas.picking{cursor:copy}.palette-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.pswatch{border:2px solid var(--charcoal);cursor:pointer;border-radius:50%;width:34px;height:34px;padding:0;transition:transform .1s;position:relative;box-shadow:0 3px 8px #00000040}.pswatch:hover{transform:translateY(-2px)}.pswatch.active{outline:3px solid var(--hill);outline-offset:3px}.pswatch .remove-x{background:var(--rooster);color:#fff;border:1px solid var(--charcoal);text-align:center;cursor:pointer;opacity:0;border-radius:50%;width:16px;height:16px;font-size:.62rem;font-weight:700;line-height:14px;transition:opacity .12s,transform .12s;position:absolute;top:-6px;right:-6px;transform:scale(.7)}.pswatch:hover .remove-x,.pswatch:focus-within .remove-x{opacity:1;transform:scale(1)}.presets-label{opacity:.6;text-align:center;margin:14px 0 8px;font-size:.68rem}.expand-toggle{cursor:pointer;font-family:var(--font-fredoka),sans-serif;color:var(--rooster-dark);text-transform:uppercase;letter-spacing:.4px;background:0 0;border:none;align-items:center;gap:4px;margin-top:8px;font-size:.78rem;font-weight:600;display:inline-flex}.expand-toggle .arrow{transition:transform .2s;display:inline-block}.expand-toggle.expanded .arrow{transform:rotate(180deg)}.palette-presets{flex-wrap:wrap;justify-content:center;gap:10px;transition:max-height .25s;display:flex;overflow:hidden}.palette-presets.collapsed{max-height:132px}.palette-presets:not(.collapsed){max-height:900px}.preset-card{border:2px solid var(--charcoal);cursor:pointer;font-family:var(--font-space-mono),monospace;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px 10px;display:flex}.preset-card:hover{border-color:var(--hill)}.preset-strip{border-radius:6px;display:flex;overflow:hidden}.preset-strip div{width:14px;height:22px}.preset-card span{font-family:var(--font-fredoka),sans-serif;text-transform:uppercase;letter-spacing:.3px;font-size:.62rem;font-weight:600}.btn-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.btn{font-family:var(--font-fredoka),sans-serif;border:2.5px solid var(--charcoal);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:10px 16px;font-size:.8rem;font-weight:600;transition:transform 80ms;box-shadow:0 4px #2a24408c}.btn:active{transform:translateY(1px);box-shadow:0 2px 5px #0003}.btn-primary{background:var(--rooster);color:#fff}.btn-secondary{background:var(--sun);color:var(--charcoal)}.btn-outline{color:var(--charcoal);background:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.gallery-head{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-bottom:16px;display:flex}.sort-toggle{border:2px solid var(--charcoal);border-radius:999px;width:fit-content;display:inline-flex;overflow:hidden}.sort-toggle button{font-family:var(--font-space-mono),monospace;cursor:pointer;text-transform:uppercase;background:#fff;border:none;padding:8px 12px;font-size:.72rem;font-weight:700}.sort-toggle button.active{background:var(--hill);color:#fff}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));justify-content:center;gap:16px;display:grid}.recent-grid{grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;gap:16px;padding-bottom:4px;display:grid;overflow-x:auto}.gcard{border:2.5px solid var(--charcoal);background:#fff;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 5px #2a244059}.gcard img{aspect-ratio:1;object-fit:cover;background:var(--wood);width:100%;display:block}.gcard .meta{flex-direction:column;flex:1;gap:4px;padding:8px 10px;font-size:.72rem;display:flex}.gcard .name{color:var(--rooster-dark);word-break:break-word;font-weight:700}.gcard .info{opacity:.7;font-size:.68rem}.gcard .foot{border-top:1px solid #ddd;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.fav-btn{cursor:pointer;font-family:var(--font-space-mono),monospace;background:0 0;border:none;align-items:center;gap:4px;font-size:.72rem;font-weight:700;display:flex}.fav-btn.active{color:var(--rooster)}.empty-note{opacity:.6;text-align:center;padding:20px 0;font-size:.8rem}.load-more{margin:16px auto 0;display:block}