@font-face{font-family:"Pixelify Sans";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/pixelify-sans-latin-700.f54f30a241c6.woff2") format("woff2")}
:root{--paper:#f7f4ed;--paper-2:#eae3d8;--card:#fffefa;--card-2:#f3eee4;--ink:#272421;--ink-soft:#686159;--ink-faint:#8b8278;--flame:#e45736;--sun:#f7cc59;--teal:#277f74;--teal-dark:#174d47;--sky:#78a5dd;--pink:#efaac0;--line:rgba(39,36,33,.15);--display:ui-rounded,"Avenir Next",Avenir,"Segoe UI",sans-serif;--pixel:"Pixelify Sans",ui-monospace,monospace;--radius:16px;--shadow:0 14px 34px rgba(44,36,28,.11)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 10% 0,rgba(247,204,89,.13),transparent 28rem),radial-gradient(circle at 92% 28%,rgba(39,127,116,.08),transparent 34rem),var(--paper);color:var(--ink);font-family:var(--display);line-height:1.55}
a{color:inherit}
img{display:block;max-width:100%}
button,input,select{font:inherit}
.wrap{width:min(1240px,calc(100% - 2.5rem));margin-inline:auto}
.skip{position:fixed;left:1rem;top:-6rem;z-index:200;background:var(--ink);color:#fff;padding:.65rem 1rem;border-radius:10px}.skip:focus{top:1rem}
.crumb{padding-top:1.1rem;font-size:.78rem;color:var(--ink-soft)}.crumb ol{display:flex;gap:.45rem;list-style:none;margin:0;padding:0}.crumb li+li::before{content:"/";margin-right:.45rem;color:var(--ink-faint)}
.library-hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:3rem;align-items:center;margin-top:1.25rem;padding:clamp(2rem,4.5vw,4.6rem);background:var(--teal-dark);border-radius:32px;overflow:hidden;box-shadow:0 22px 48px rgba(23,77,71,.17)}
h1,h2,h3{margin:0;font-family:var(--display);line-height:1.04;font-weight:900;letter-spacing:-.03em}
h1{max-width:10ch;color:#fff;font-size:clamp(3.3rem,7vw,6rem);letter-spacing:-.04em;text-wrap:balance}.library-hero h1 span{color:var(--sun)}
.hero-copy>p{max-width:44rem;margin:1.25rem 0 0;color:#d7e7e3;font-size:clamp(1rem,1.4vw,1.15rem)}
.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.55rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.72rem 1.05rem;border:1px solid transparent;border-radius:999px;font-weight:900;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--sun);box-shadow:0 10px 24px rgba(9,35,32,.2)}.button.secondary{border-color:rgba(255,255,255,.4);color:#fff}
.hero-facts{display:flex;flex-wrap:wrap;gap:.55rem 1rem;margin-top:1rem;color:#bcd7d1;font:700 .78rem/1.4 var(--pixel)}
.hero-gallery{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:repeat(2,minmax(145px,1fr));gap:.8rem;min-height:360px}.hero-tile{position:relative;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius);background:var(--card);text-decoration:none;box-shadow:0 16px 30px rgba(8,34,31,.2);transition:transform .18s ease}.hero-tile:first-child{grid-row:1/3}.hero-tile:hover{transform:translateY(-3px) rotate(-.4deg)}.hero-tile img{width:100%;height:100%;object-fit:contain;padding:.8rem}.hero-tile span{position:absolute;left:.7rem;bottom:.7rem;max-width:calc(100% - 1.4rem);padding:.35rem .55rem;border-radius:8px;background:rgba(39,36,33,.88);color:#fff;font:700 .69rem/1.2 var(--pixel)}
.section{padding-top:clamp(4.5rem,8vw,8rem)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.6rem}.section-heading h2{max-width:13ch;font-size:clamp(2.2rem,4.5vw,4.3rem);text-wrap:balance}.section-heading p{max-width:50ch;margin:0;color:var(--ink-soft)}
.collection-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.collection-link{display:grid;grid-template-columns:180px 1fr;min-height:220px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);text-decoration:none;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}.collection-link:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(44,36,28,.15)}.collection-link img{width:100%;height:100%;object-fit:contain;padding:1rem;background:var(--card-2)}.collection-copy{align-self:center;padding:1.4rem}.collection-copy strong{display:block;font-size:1.35rem;line-height:1.12}.collection-copy span{display:block;margin-top:.55rem;color:var(--ink-soft)}.collection-copy b{display:block;margin-top:1rem;color:var(--teal);font:700 .75rem/1.3 var(--pixel)}
.library-controls{position:static;margin-bottom:1.3rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:0 12px 28px rgba(44,36,28,.09)}.control-top{display:grid;grid-template-columns:minmax(260px,1fr) repeat(3,minmax(150px,.35fr));gap:.75rem}.control-field{display:grid;gap:.35rem}.control-field label{font:700 .7rem/1.2 var(--pixel);color:var(--ink-soft)}.control-field input,.control-field select{width:100%;min-height:44px;border:1px solid rgba(39,36,33,.24);border-radius:10px;background:#fff;padding:.65rem .75rem;color:var(--ink)}.control-field input:focus,.control-field select:focus{outline:3px solid rgba(120,165,221,.55);outline-offset:1px}.theme-filters{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.filter-chip{min-height:36px;border:1px solid var(--line);border-radius:999px;background:var(--paper);padding:.45rem .72rem;cursor:pointer;font-weight:850;color:var(--ink-soft)}.filter-chip[aria-pressed="true"]{background:var(--teal-dark);color:#fff;border-color:var(--teal-dark)}.control-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.9rem}.result-count{margin:0;font-weight:800}.clear-filters{border:0;background:transparent;color:var(--teal);font-weight:900;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pattern-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.pattern-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:0 12px 28px rgba(44,36,28,.09)}.pattern-card[hidden]{display:none}.pattern-card-image{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:var(--card-2)}.pattern-card-image img{width:100%;height:100%;object-fit:contain;padding:.65rem;transition:transform .25s ease}.pattern-card:hover .pattern-card-image img{transform:scale(1.025)}.pattern-theme{position:absolute;left:.6rem;top:.6rem;padding:.3rem .5rem;border-radius:7px;background:rgba(255,254,250,.92);box-shadow:0 5px 14px rgba(39,36,33,.1);font:700 .65rem/1.2 var(--pixel)}.pattern-card-body{padding:1rem}.pattern-collection{margin:0 0 .25rem;color:var(--ink-faint);font:700 .63rem/1.2 var(--pixel)}.pattern-card h3{font-size:1.15rem;line-height:1.18}.pattern-card h3 a{text-decoration:none}.pattern-card h3 a:hover{text-decoration:underline;text-underline-offset:3px}.pattern-card-summary{display:-webkit-box;min-height:4.5em;margin:.65rem 0;color:var(--ink-soft);font-size:.82rem;line-height:1.5;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.pattern-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:.85rem 0 0}.pattern-stats div{min-width:0;padding:.48rem .55rem;border-radius:9px;background:var(--card-2)}.pattern-stats dt{color:var(--ink-faint);font:700 .58rem/1.15 var(--pixel)}.pattern-stats dd{margin:.2rem 0 0;font-size:.76rem;font-weight:900}.pattern-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.9rem}.pattern-actions a{display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:9px;font-size:.72rem;font-weight:900;text-decoration:none}.pattern-view{background:var(--teal-dark);color:#fff}.pattern-edit{border:1px solid var(--line);background:var(--paper)}
.empty-state{padding:4rem 1rem;text-align:center;border:1px dashed rgba(39,36,33,.25);border-radius:var(--radius);background:rgba(255,254,250,.65)}.empty-state[hidden]{display:none}.empty-state h3{font-size:1.5rem}.empty-state p{color:var(--ink-soft)}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.guide-block{padding-top:1rem;border-top:3px solid var(--ink)}.guide-block:nth-child(2){border-color:var(--teal)}.guide-block:nth-child(3){border-color:var(--flame)}.guide-block h3{font-size:1.2rem}.guide-block p{color:var(--ink-soft)}
.maker-cta{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:clamp(2rem,4vw,3.5rem);border-radius:24px;background:var(--sun)}.maker-cta h2{max-width:14ch;font-size:clamp(2rem,4vw,3.8rem)}.maker-cta p{max-width:58ch;margin:.8rem 0 0}.maker-cta .button{background:var(--ink);color:#fff;box-shadow:0 12px 24px rgba(39,36,33,.18)}
.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.faq-list details{padding:1rem 1.1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.faq-list summary{cursor:pointer;font-weight:900}.faq-list p{color:var(--ink-soft)}
.site-foot{margin-top:clamp(5rem,9vw,9rem);padding:2.5rem 0;border-top:1px solid var(--line);background:var(--paper-2)}.site-foot .wrap{display:grid;grid-template-columns:1fr auto;gap:2rem}.footer-title{margin:0;font:700 1.15rem/1 var(--pixel)}.site-foot p{max-width:68ch;color:var(--ink-soft)}.foot-links{display:flex;flex-wrap:wrap;gap:.8rem 1rem;align-content:start}.foot-links a{font-weight:800}
.button:focus-visible,.hero-tile:focus-visible,.collection-link:focus-visible,.pattern-card a:focus-visible,.filter-chip:focus-visible,.clear-filters:focus-visible{outline:3px solid var(--sky);outline-offset:3px}
@media(max-width:1020px){.library-hero{grid-template-columns:1fr}.hero-gallery{min-height:320px}.pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.control-top{grid-template-columns:1fr 1fr}.collection-link{grid-template-columns:150px 1fr}}
@media(max-width:760px){.wrap{width:min(100% - 1.25rem,1240px)}.library-hero{padding:2rem 1.25rem;border-radius:22px}.hero-gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto;min-height:0}.hero-tile:first-child{grid-row:auto;grid-column:1/3;aspect-ratio:1.8}.hero-tile:not(:first-child){aspect-ratio:1}.section-heading{display:block}.section-heading p{margin-top:.75rem}.collection-links{grid-template-columns:1fr}.control-top{grid-template-columns:1fr}.library-controls{position:static}.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid,.faq-list{grid-template-columns:1fr}.maker-cta{grid-template-columns:1fr}.site-foot .wrap{grid-template-columns:1fr}.pattern-card-summary{min-height:0}.collection-link{grid-template-columns:120px 1fr;min-height:180px}}
@media(max-width:480px){.pattern-grid{grid-template-columns:1fr}.hero-actions .button{width:100%}.control-bottom{align-items:flex-start;flex-direction:column}.collection-link{grid-template-columns:105px 1fr}.collection-copy{padding:1rem}.pattern-actions a{min-height:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.hero-tile,.collection-link,.pattern-card-image img{transition:none}}