:root{color:#243d39;font-synthesis:none;--green:#245852;--ink:#243d39;--muted:#66726a;--line:#dedfd5;--clay:#b85f43;--paper:#fffef9;background:#f8f6ef;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{background:var(--paper);color:var(--ink);cursor:pointer;border:1px solid #d5d9ce;border-radius:7px;padding:11px 14px;font-size:13px;font-weight:600;transition:background .15s}button:hover:not(:disabled){background:#eef1e9}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-underline-offset:4px}input,select{width:100%;min-width:0;color:var(--ink);background:#fffefa;border:1px solid #d7dcd3;border-radius:6px;padding:10px}input:focus,select:focus{border-color:var(--green)}:focus-visible{outline-offset:3px;outline:3px solid #c58a4f}.primary{background:var(--green);color:#fff;border-color:var(--green)}button.primary:hover{background:#193e3b}.button-link{border-radius:6px;padding:13px 20px;text-decoration:none;display:inline-block}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1320px;height:100px;margin:auto;padding:0 52px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:12px;font-size:27px;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:var(--green);font-size:47px;line-height:1}.brand-sub{letter-spacing:2px;margin-top:3px;font-size:8px;display:block}.site-header nav{gap:32px;font-size:13px;display:flex}.site-header nav a{text-decoration:none}.local-badge{letter-spacing:1px;color:#5c725f;border:1px solid #b8c9b9;border-radius:20px;padding:8px 10px;font-size:9px}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;max-width:1216px;min-height:470px;margin:0 auto;padding:62px 0 48px;display:grid}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:700;line-height:1.8;display:block}.tiny-dot{background:var(--clay);border-radius:50%;width:6px;height:6px;margin:0 6px 1px 0;display:inline-block}h1,h2,h3,h4,p{margin-top:0}.hero h1{letter-spacing:-2.8px;margin:22px 0;font-family:Georgia,serif;font-size:65px;font-weight:400;line-height:1.04}.hero h1 em{color:var(--green);font-weight:400}.hero-copy>p{color:var(--muted);max-width:420px;font-size:15px;line-height:1.8}.hero-link{border-bottom:1px solid var(--green);gap:24px;padding:12px 0;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.hero-points{color:var(--muted);gap:23px;margin-top:24px;font-size:10px;display:flex}.hero-art{justify-content:center;align-items:center;height:340px;display:flex;position:relative}.mini-blanket{z-index:1;background:#ded0ae;border-radius:7px;grid-template-columns:repeat(3,1fr);gap:5px;width:253px;height:253px;padding:9px;display:grid;position:relative;transform:rotate(-9deg);box-shadow:14px 22px #e9e5d9}.mini-square{background:#2a6261;border:7px dotted #e4cfa3;border-radius:7px;padding:8px}.mini-square i{background:#f0dfb7;border:7px dotted #c27652;border-radius:4px;height:100%;padding:3px;display:block}.mini-square b{background:#285b58;border-radius:3px;height:100%;display:block}.mini-square.m1{background:#c47a56;border-color:#285b58}.mini-square.m1 i{background:#2b5a57;border-color:#dfcda7}.mini-square.m2{background:#d9cba9;border-color:#b56a4e}.mini-square.m2 i{background:#eadbbd;border-color:#346965}.mini-square.m3{background:#6e816f;border-color:#e8d5af}.art-label{letter-spacing:1.9px;color:#778174;font-size:9px;line-height:1.5;position:absolute;top:0;right:0;transform:rotate(8deg)}.art-note{color:#6d7668;font-family:Georgia,serif;font-size:13px;font-style:italic;line-height:1.5;position:absolute;bottom:-6px;right:4px;transform:rotate(-4deg)}.art-thread{width:170px;position:absolute;bottom:35px;left:0}.intro-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f0f0e6;align-items:center;gap:28px;padding:20px max(50vw - 608px,24px);display:flex}.intro-strip>span{letter-spacing:1.7px;white-space:nowrap;font-size:9px;font-weight:700}.intro-strip p{margin:0;font-family:Georgia,serif;font-size:17px}.intro-strip a{white-space:nowrap;margin-left:auto;font-size:11px}.planner{max-width:1216px;margin:48px auto}.workspace-bar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.workspace-bar h2{margin:7px 0 0;font-family:Georgia,serif;font-size:23px;font-weight:400}.mode{white-space:nowrap;border-radius:20px;padding:8px 12px;font-size:10px;font-weight:600}.mode.demo{color:#78582b;background:#f4e8d5}.mode.custom{color:#245852;background:#e3eee4}.action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.button-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.unit-select{align-items:center;gap:6px;margin-left:10px;font-size:10px;display:flex}.unit-select select{width:65px;padding:8px}.notice{min-height:8px;margin:12px 0;font-size:12px;line-height:1.5}.workspace-grid{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:24px;display:grid}.inputs,.canvas-column{min-width:0}.panel{background:var(--paper);border:1px solid var(--line);border-radius:10px;margin-bottom:18px;padding:24px}.section-title{align-items:flex-start;gap:12px;margin-bottom:23px;display:flex}.step{color:#7a8e7e;font-family:Georgia,serif;font-size:21px;line-height:1.2}.section-title h3{margin-bottom:5px;font-size:15px;font-weight:600}.section-title p{color:var(--muted);margin-bottom:0;font-size:11px;line-height:1.5}.yarn-row{border-bottom:1px solid #eceee5;margin-bottom:16px;padding:0 0 16px}.yarn-heading{align-items:center;gap:8px;margin-bottom:8px;display:flex}.swatch{border:1px solid #aaa;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid;position:relative}.swatch input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.swatch:focus-within{outline:3px solid #c58a4f}.swatch span{pointer-events:none;color:#172e2a;background:#fff9;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.yarn-name{background:0 0;border:none;padding:5px;font-size:13px}.icon-button{background:0 0;border:0;padding:3px 7px;font-size:22px}.number-field{min-width:0;margin:10px 0;display:block}.number-field>span:first-child{color:#53665c;margin-bottom:6px;font-size:10px;font-weight:600;display:block}.input-wrap{display:block;position:relative}.input-wrap input{padding-right:37px;font-size:13px}.input-wrap>span{color:#6d7a6e;pointer-events:none;font-size:11px;position:absolute;top:12px;right:12px}.text-button{text-align:left;color:var(--green);background:0 0;border:0;padding:3px 0;font-size:12px}.text-button small{color:#788477;margin-left:6px;font-size:10px;font-weight:400}.sample{border:1px solid var(--line);border-radius:8px;margin:17px 0;padding:11px}.sample legend{padding:0 5px;font-size:10px;font-weight:700}.sample-head{align-items:center;gap:8px;display:flex}.sample-head svg{flex-shrink:0;width:37px;height:37px}.sample-head input{padding:7px;font-size:11px}.sample-measures{grid-template-columns:1fr 1fr;gap:0 8px;display:grid}.two-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}details{color:var(--muted);margin-top:15px;font-size:11px;line-height:1.65}summary{color:var(--green);cursor:pointer;font-weight:600}details p{margin:10px 0}.helper{color:var(--muted);margin:10px 0;font-size:10px;line-height:1.6}.layout-panel{padding:28px}.layout-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px;display:flex}.layout-title h3{letter-spacing:-.5px;margin:6px 0 0;font-family:Georgia,serif;font-size:25px;font-weight:400}.count-chip{white-space:nowrap;background:#f1f2e9;border-radius:20px;padding:8px 10px;font-size:10px}.layout-settings{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:24px;display:flex}.layout-settings .number-field{width:85px;margin:0}.layout-settings>span{color:#a1a797;align-self:center;margin-top:16px}.layout-settings button{padding:11px;font-size:11px}.blanket-scroll{background:repeating-linear-gradient(0deg,#efeee3 0 2px,#f2f1e7 2px 4px);border-radius:7px;max-height:700px;padding:30px;overflow:auto}.blanket{gap:5px;max-width:520px;margin:auto;display:grid}.square{aspect-ratio:1;background:0 0;border:0;border-radius:7px;min-width:38px;padding:0;display:block;position:relative}.square svg{filter:drop-shadow(0 2px 1px #0002);width:100%;height:100%;display:block}.square:hover:not(:disabled){outline:2px solid var(--clay);outline-offset:1px;background:0 0}.square>span{color:#233c35;background:#fffdf3e8;border-radius:3px;padding:2px 3px;font-size:8px;position:absolute;bottom:4px;right:5px}.layout-caption{color:var(--muted);justify-content:space-between;gap:10px;margin:14px 0 22px;font-size:10px;line-height:1.5;display:flex}.paint-tools{border-top:1px solid var(--line);padding-top:18px}.paint-tools>p{font-size:11px}.styles{flex-wrap:wrap;gap:8px;display:flex}.style{align-items:center;gap:8px;padding:7px 10px;font-size:10px;font-weight:400;display:flex}.style b{margin-right:3px;font-size:9px}.style svg{width:28px;height:28px}.style.active{background:#edf2e8;border-color:#527b67;box-shadow:0 0 0 1px #527b67}.result-note{border-radius:6px;gap:4px;margin-bottom:16px;padding:14px;font-size:12px;line-height:1.5;display:grid}.result-note.short{color:#775638;background:#fbefde}.result-note.ready{color:#3d6049;background:#edf3e8}.result-note span{font-size:11px}.results-table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;line-height:1.5}th,td{text-align:right;border-bottom:1px solid #e9eae1;padding:13px 7px}th:first-child{text-align:left}thead th{letter-spacing:.4px;color:var(--muted);font-size:9px;font-weight:500}tbody th{font-weight:500}.color-dot{border:1px solid #0002;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.shortage{color:#a04c32;font-weight:700}.surplus{color:#4c6c57}.result-actions{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.result-actions button{font-size:11px}.privacy-note{color:var(--muted);margin:17px 0 0;font-size:10px}.incomplete{background:#f2f1e9;border-radius:8px;padding:18px;font-size:12px;line-height:1.6}.incomplete h4{margin-bottom:8px}.confirm{box-sizing:border-box;background:#f8ead6;border:1px solid #caa87d;border-radius:6px;width:min(440px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:16px;overflow:auto}.confirm::backdrop{background:#2327216b}.confirm h2{margin:0 0 8px;font-size:18px}.confirm p{font-size:13px}.confirm button{margin-right:8px}.bottom-guide{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:80px;max-width:1216px;margin:70px auto;padding-top:40px;display:grid}.bottom-guide h2{margin-top:12px;font-family:Georgia,serif;font-size:34px;font-weight:400}.bottom-guide p{color:var(--muted);padding-top:23px;font-size:13px;line-height:1.9}.bottom-guide a{color:var(--green);margin-top:13px;display:inline-block}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;max-width:1320px;margin:auto;padding:28px 52px;display:flex}.site-footer .brand{letter-spacing:0;font-size:12px}.site-footer .brand-mark{font-size:27px}.site-footer>div{color:var(--muted);flex-wrap:wrap;gap:22px;font-size:10px;display:flex}.prose{max-width:760px;margin:65px auto 100px;padding:0 24px;line-height:1.85}.prose h1{margin:20px 0;font-family:Georgia,serif;font-size:48px;font-weight:400;line-height:1.15}.prose h2{margin:35px 0 10px;font-size:20px}.prose p{color:#596a5f;font-size:15px}.prose .lead{font-size:19px}.skip{z-index:10;background:#fff;padding:12px;position:absolute;top:-100px;left:20px}.skip:focus{top:10px}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}fieldset.planner{border:0;min-inline-size:0;padding:0}.print-only{display:none}@media (width<=1300px){.hero,.planner,.bottom-guide{margin-left:36px;margin-right:36px}.hero{gap:35px}.hero h1{font-size:58px}.site-header{padding:0 36px}}@media (width<=960px){.workspace-grid{grid-template-columns:300px minmax(0,1fr);gap:16px}.panel{padding:18px}.layout-title h3{font-size:22px}.blanket-scroll{padding:18px}.hero h1{font-size:49px}.hero{gap:20px}.hero-art{height:300px}.mini-blanket{width:210px;height:210px}.mini-square{padding:5px}.intro-strip{gap:16px}.intro-strip>span{display:none}.layout-caption{flex-direction:column;gap:4px}.site-header nav{gap:18px}.hero-points{gap:12px}}@media (width<=720px){.site-header{height:80px;padding:0 20px}.site-header nav{gap:16px;font-size:11px}.site-header nav a:first-child,.local-badge{display:none}.brand{font-size:24px}.brand-mark{font-size:37px}.hero{grid-template-columns:1fr;gap:15px;min-height:0;margin:0 24px;padding:38px 0 30px}.hero h1{font-size:49px}.hero-copy>p{max-width:100%;font-size:14px}.hero-art{width:100%;max-width:370px;height:245px;margin:10px auto}.art-label{font-size:8px;top:7px;right:0}.mini-blanket{width:185px;height:185px}.mini-square{border-width:5px;padding:4px}.mini-square i{border-width:5px}.art-note{font-size:11px;bottom:0}.art-thread{width:110px;left:0}.intro-strip{padding:17px 24px;display:block}.intro-strip p{font-size:16px}.intro-strip a{margin-top:8px;display:block}.planner{margin:30px 16px}.workspace-bar{align-items:flex-start}.workspace-bar h2{font-size:22px}.workspace-bar .eyebrow{font-size:8px}.mode{padding:6px 8px;font-size:8px}.action-bar{align-items:flex-start;gap:14px}.action-bar button{padding:11px;font-size:11px}.unit-select{margin-left:3px}.workspace-grid{grid-template-columns:1fr}.sample-measures{grid-template-columns:repeat(2,minmax(0,1fr))}.blanket-scroll{padding:14px}.blanket{gap:3px}.layout-title h3{font-size:24px}.count-chip{font-size:9px}.results-panel th,.results-panel td{padding:12px 5px;font-size:10px}.layout-title .eyebrow{font-size:8px}.panel{padding:20px}.bottom-guide{grid-template-columns:1fr;gap:0;margin:40px 24px}.bottom-guide h2{margin-bottom:0;font-size:31px}.bottom-guide p{padding-top:10px}.site-footer{padding:24px;display:block}.site-footer>div{gap:16px;margin-top:20px}.prose{margin:40px auto 60px}.prose h1{font-size:40px}.square>span{font-size:7px;bottom:3px;right:3px}}@media print{:root{background:#fff}@page{margin:12mm}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}html,body{color:#172e2a;scroll-behavior:auto;background:#fff;font-size:10pt}.no-print,.hero,.intro-strip,.bottom-guide,.site-footer,.site-header nav,.local-badge,.skip,.notice,.inputs{display:none!important}.site-header{border-bottom:1px solid #aaa;height:50px;padding:0 0 12px}.brand{font-size:20px}.brand-mark{font-size:28px}.planner{max-width:none;margin:14px 0}.workspace-bar h2{font-size:16pt}.workspace-bar .eyebrow{display:none}.workspace-grid{display:block}.panel{break-inside:avoid;border:1px solid #bbb;margin:10px 0;padding:12px}.layout-title h3{font-size:16pt}.layout-title{margin-bottom:12px}.blanket-scroll{max-height:none;padding:8px;overflow:visible}.blanket{width:100%;max-width:var(--print-width,135mm);gap:2px;grid-template-columns:repeat(var(--print-cols,6), minmax(0, 1fr))!important}.square{min-width:0}.square>span{padding:0 1px;font-size:5pt;bottom:1px;right:1px}.layout-caption{margin:8px 0;font-size:8pt}.print-only{display:block}.print-inputs{break-inside:avoid;font-size:9pt;line-height:1.5}.result-note{font-size:9pt}table{font-size:8pt}details{display:none}.results-table-wrap{overflow:visible}.prose{max-width:none;margin:20px 0}.result-actions{display:none}}