:root{color:#211d19;font-synthesis:none;--ink:#211d19;--paper:#fffdf8;--red:#b94138;--red-dark:#893029;--line:#d9cdbd;--muted:#6d655d;background:#f7f0e5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit}button,textarea,select,input{font:inherit}button{cursor:pointer}.site-header,footer{justify-content:space-between;align-items:center;max-width:1180px;margin:auto;padding:1.3rem clamp(1.1rem,4vw,2rem);display:flex}.site-header{border-bottom:1px solid #59483826}.site-header nav{gap:1.75rem;display:flex}.site-header nav a{color:var(--muted);font-size:.9rem;font-weight:600;text-decoration:none}.brand{align-items:center;gap:.65rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:var(--red);color:#fff;border-radius:.45rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-family:Apple SD Gothic Neo,Malgun Gothic,sans-serif;display:inline-flex}main{max-width:1080px;margin:auto;padding:0 clamp(1rem,4vw,2rem) 6rem}.hero{grid-template-columns:minmax(0,1.45fr) minmax(230px,.55fr);align-items:center;gap:3rem;min-height:570px;padding:5rem 0 4rem;display:grid}.hero h1{letter-spacing:-.055em;max-width:850px;margin:.8rem 0 1.5rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,7.5vw,6.3rem);font-weight:500;line-height:.93}.eyebrow,.step{color:var(--red);letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:700}.lead{color:var(--muted);max-width:59ch;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.65}.hero-link{-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-underline-offset:.35rem;margin-top:1rem;font-weight:700;text-decoration-thickness:2px;display:inline-block}.hero-sampler{aspect-ratio:1;border:10px solid var(--paper);background-color:#eadbca;background-image:linear-gradient(#ccbba9 1px,#0000 1px),linear-gradient(90deg,#ccbba9 1px,#0000 1px);background-size:16px 16px;grid-template-columns:1fr 1fr;place-items:center;padding:2rem;display:grid;position:relative;transform:rotate(2deg);box-shadow:0 20px 60px #392a1e24}.hero-sampler span{color:var(--red-dark);text-shadow:1px 1px #fff;font-family:Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:clamp(4rem,8vw,6rem)}.hero-sampler p{background:var(--paper);margin:0;padding:.65rem 1rem;font-family:Georgia,serif;font-style:italic;position:absolute;bottom:-1.2rem;left:1rem;transform:rotate(-4deg)}.tool,.content-section{background:var(--paper);border:1px solid var(--line);border-radius:.35rem;margin-top:2rem;padding:clamp(1.4rem,5vw,3.5rem);box-shadow:0 24px 80px #3e2f2214}.tool{scroll-margin-top:1rem}.tool-heading,.result-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}h2{letter-spacing:-.035em;margin:.3rem 0 1.5rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4.5vw,3.1rem);font-weight:500}h3{font-size:1.05rem}label,legend{margin-bottom:.55rem;font-weight:700;display:block}textarea,select{color:var(--ink);background:#fff;border:1px solid #bfb2a3;border-radius:.3rem;width:100%;padding:.9rem 1rem}textarea{resize:vertical;min-height:6rem}#tool-input{font-family:Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:1.45rem}textarea:focus,select:focus,input:focus{outline-offset:2px;outline:3px solid #b9413833}.constraint,.print-note{color:var(--muted);font-size:.85rem;line-height:1.55}.examples{border:1px solid var(--line);background:#f5eee5;margin-top:1.25rem;padding:1rem}.examples>span{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:block}.example-list{flex-wrap:wrap;gap:.55rem;display:flex}.example-list button{background:var(--paper);color:var(--ink);border-color:#c9b8a6;padding:.55rem .75rem;font-family:Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:1rem;font-weight:700}.example-list button:hover{border-color:var(--red);color:var(--red-dark)}.example-list small{color:var(--muted);margin-left:.25rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.68rem;font-weight:500}.field-grid{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:1.45fr 1fr 1fr;gap:1.3rem;margin:1.8rem 0;padding:1.5rem 0;display:grid}.field-label{margin-bottom:.55rem;font-weight:700;display:block}.fixed-grid{border-left:3px solid var(--red);padding-left:1rem}.fixed-grid strong{font-size:1.1rem;display:block}.fixed-grid small{color:var(--muted);margin-top:.35rem;display:block}button{border:1px solid var(--red-dark);border-radius:.25rem;padding:.8rem 1.1rem;font-weight:700}.primary{background:var(--red);color:#fff}.primary:hover{background:var(--red-dark)}.primary:disabled{cursor:wait;opacity:.65}.secondary,.feedback button{color:var(--red-dark);background:0 0}.create-button,.download-button{min-height:3.3rem;padding-left:1.35rem;padding-right:1.35rem;font-size:1rem}.create-button span,.download-button span{margin-left:.7rem}.error{color:#a52520;min-height:1.4em;font-weight:700}.result{border-top:1px solid var(--line);margin-top:3rem;padding-top:3rem}.color-swatch{box-shadow:0 0 0 1px var(--line);border:5px solid #fff;width:2.5rem;height:2.5rem}.pattern-frame{border:1px solid var(--line);background:#eee5d9;margin:1rem 0;padding:1.2rem;overflow:auto}#pattern-canvas{max-width:none;margin:auto;display:block}.pattern-stats{grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 2rem;display:grid}.pattern-stats div{background:#f5eee5;padding:1rem}.pattern-stats .finished-size-stat{box-shadow:inset 0 -3px var(--red);background:#ead9c8}.pattern-stats dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.pattern-stats dd{margin:.35rem 0 0;font-size:.9rem;font-weight:700}.paper-picker{border:0;gap:1rem;margin:0 0 1rem;padding:0;display:flex}.download-copy{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.25rem}.download-copy h3{margin:0 0 .35rem}.download-copy p{color:var(--muted);margin:0 0 1rem;line-height:1.55}.paper-picker legend{width:100%;margin-bottom:.65rem}.paper-picker label{border:1px solid var(--line);cursor:pointer;padding:.7rem 1rem;font-weight:600}.paper-picker input{accent-color:var(--red)}.feedback{border-left:3px solid var(--red);background:#f3e8db;margin-top:2.5rem;padding:1.25rem}.feedback-buttons{gap:.5rem;display:flex}#feedback-detail,#feedback-detail label{margin-top:1rem}.how-it-works ol{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.how-it-works li{border-top:1px solid var(--line);gap:1rem;padding-top:1rem;display:flex}.how-it-works li>span{color:var(--red);font-family:Georgia,serif;font-size:2rem}.how-it-works strong{margin-bottom:.35rem;display:block}.how-it-works p{color:var(--muted);margin:0;line-height:1.5}.faq details{border-top:1px solid var(--line);padding:1rem 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700}.faq details p,.legal p{color:var(--muted);line-height:1.7}.legal{box-shadow:none}footer{border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}[hidden]{display:none!important}@media (width<=760px){.site-header nav{display:none}.hero{min-height:auto;padding:4rem 0;display:block}.hero-sampler{max-width:280px;margin:3.5rem auto 0}.field-grid,.pattern-stats,.how-it-works ol{grid-template-columns:1fr}.tool-heading,footer{flex-direction:column;align-items:stretch}.secondary{align-self:start}.paper-picker{flex-wrap:wrap}}@media print{.site-header,.hero,.tool>:not(.result),.content-section,footer,.feedback{display:none!important}body,main,.tool,.result{box-shadow:none;background:#fff;border:0;margin:0;padding:0}}