:root{--ink:#233f39;--muted:#68766b;--paper:#f4f1e8;--line:#d4d8c9;--orange:#d96c46;--mint:#e6eddf}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:15px}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #dc7046;outline-offset:4px}header,main,footer{max-width:1336px;margin:auto;padding-left:64px;padding-right:64px}.masthead{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:11px;letter-spacing:1.4px;font-weight:bold;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.mark{color:var(--orange);font-size:36px;line-height:1;transform:rotate(-14deg)}.edition{font-size:12px;color:var(--muted)}.edition span{margin-left:32px}.intro{padding:51px 0 34px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.6px}.intro .eyebrow{display:flex;gap:8px;align-items:center}.intro .eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--orange)}h1,h2,p{margin-top:0}h1{font-family:Georgia,'Times New Roman',serif;font-size:78px;line-height:1.05;letter-spacing:-3.6px;font-weight:400;margin:18px 0 16px}h1 em{color:var(--orange);font-weight:400}.intro p{font-size:17px;line-height:1.55;color:var(--muted);margin:0}.workshop{display:grid;grid-template-columns:355px minmax(0,1fr);border:1px solid var(--line);background:#faf9f2}.controls{padding:29px 26px;border-right:1px solid var(--line)}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.step{font-size:10px;border:1px solid #b9c6b5;border-radius:50%;display:grid;place-items:center;width:26px;height:26px}.section-heading h2{font-family:Georgia,serif;font-size:23px;font-weight:400;letter-spacing:-.6px;margin:0}.unit{font-size:11px;margin-left:auto;color:var(--muted)}.hint{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:22px}.measurements{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.measurements label{font-size:12px;font-weight:600}.measurements label span{display:block;font-size:9px;color:var(--muted);font-weight:normal;margin:5px 0 8px}.measurements input{width:100%;padding:12px 8px;border:1px solid #cdd3c6;border-radius:2px;background:white;color:var(--ink);font-size:24px;font-family:Georgia,serif}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button{appearance:none}.micro{font-size:9px;line-height:1.6;color:var(--muted);margin:9px 0 18px}.clearance-row{padding:17px 0 20px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:10px}.clearance-row label{font-size:12px}.clearance-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.clearance-value{display:flex;align-items:center;gap:6px;font-size:11px}.clearance-value input{width:50px;border:1px solid #cdd3c6;padding:8px 4px;text-align:center;background:white;color:var(--ink)}.message-field{margin-top:20px}.message-field label{font-size:12px;display:block;margin-bottom:10px}.message-field label span{font-size:10px;color:var(--muted);margin-left:5px}textarea{resize:vertical;min-height:64px;max-height:130px;width:100%;padding:10px 12px;border:1px solid #cdd3c6;background:white;color:var(--ink);line-height:1.5;font-size:13px}.message-field .micro{display:flex;justify-content:space-between;margin-bottom:22px}#message-count{margin-left:auto;margin-right:2px}.stock{display:flex;gap:11px;padding-top:16px;border-top:1px solid var(--line)}.stock strong{font-size:10px;font-weight:600}.stock p{font-size:10px;line-height:1.7;color:var(--muted);margin:6px 0 0}.paper-chip{flex-shrink:0;width:23px;height:31px;transform:rotate(-9deg);background:#e0e6d2;border:1px solid #b7c3ac;box-shadow:3px 3px 0 #f2f0e5;margin:4px 2px 0}.preview-column{min-width:0}.preview-header{display:flex;justify-content:space-between;padding:26px 27px 0;gap:10px}.preview-header>span:last-child{font-size:10px;color:var(--muted)}.stage{background:radial-gradient(ellipse at center,#e5eddf 0,transparent 67%);position:relative;padding-top:6px;overflow:hidden}#fold-view{display:block;width:100%;height:322px}.stage-note{text-align:center;font-size:9px;color:#788477;padding:2px 8px 14px}.dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#91a18a;margin:0 4px 2px 0}.fold-controls{display:flex;align-items:center;gap:12px;margin:0 27px;padding:15px 0 21px;border-bottom:1px solid var(--line);font-size:10px}.fold-controls button{border:0;background:none;color:var(--ink);padding:0;margin-right:auto;font-size:11px;white-space:nowrap}.fold-controls button span{font-size:19px;margin-right:5px}.fold-controls input{width:120px;height:4px;accent-color:var(--ink);cursor:pointer}.result{margin:23px 27px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}.fit-tag{font-size:9px;letter-spacing:1px;color:#557143;background:#e5ecd8;padding:5px 7px;display:inline-block}.fit-tag.error{background:#f6e2d8;color:#9f442a}.result p{font-size:13px;margin:10px 0 6px}.result small{color:var(--muted);font-size:10px}#print{border:0;border-radius:2px;background:var(--ink);color:white;padding:16px 18px;font-size:11px;white-space:nowrap}#print span{margin-left:18px;font-size:16px}button:disabled{opacity:.45;cursor:not-allowed}.print-note{font-size:10px;text-align:center;color:var(--muted);line-height:1.8;margin:21px 20px 22px}.print-note button{border:0;border-bottom:1px solid #abb7a6;background:none;padding:0;font-size:10px;color:var(--muted)}.print-note>span{margin:0 5px}.making{padding:45px 0 36px;display:grid;grid-template-columns:230px 1fr;gap:38px}.making-title h2{font:32px Georgia,serif;letter-spacing:-1px;margin:15px 0 12px}.making-title p{font-size:12px;line-height:1.7;color:var(--muted)}.making ol{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:25px 30px;counter-reset:steps}.making li{font-size:11px;line-height:1.65;position:relative;padding-left:25px;counter-increment:steps}.making li:before{content:'0' counter(steps);position:absolute;left:0;top:0;color:var(--orange);font-size:10px}.making b{display:block;margin-bottom:5px;font-size:12px;font-weight:600}.making li span{color:var(--muted)}.honesty{border-top:1px solid var(--line);display:flex;gap:15px;padding:24px 0 34px;align-items:flex-start}.honesty>span{font-size:26px;color:var(--orange)}.honesty p{font-size:11px;line-height:1.8;margin:0;color:var(--muted)}.honesty strong{color:var(--ink);font-weight:600}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:24px;padding-bottom:35px;font-size:10px;color:var(--muted)}footer span:first-child{font:italic 15px Georgia,serif}footer span:last-child{letter-spacing:1.2px;font-size:9px}dialog{width:min(600px,92vw);border:1px solid var(--line);padding:25px;background:var(--paper);color:var(--ink);max-height:90vh}dialog::backdrop{background:#1b302c99}.dialog-header{display:flex;justify-content:space-between;align-items:center}.dialog-header h2{font:30px Georgia,serif;margin:9px 0}.dialog-header button{background:none;border:0;font-size:30px;color:var(--ink)}dialog>p{font-size:12px;color:var(--muted);line-height:1.6}#net-preview svg{display:block;width:100%;height:auto;border:1px solid var(--line)}#print-sheet{display:none}@media(min-width:1450px){.intro{padding-top:62px}.workshop{grid-template-columns:380px minmax(0,1fr)}#fold-view{height:340px}}@media(max-width:1050px){header,main,footer{padding-left:30px;padding-right:30px}.workshop{grid-template-columns:320px minmax(0,1fr)}.controls{padding:25px 20px}.preview-header{padding:26px 20px 0}.result{margin:20px;align-items:flex-start;flex-direction:column}.result #print{width:100%;display:flex;justify-content:space-between;align-items:center}.fold-controls{margin:0 20px;gap:8px}.fold-controls input{width:85px}.preview-header>span:last-child{display:none}#fold-view{height:320px}.making{grid-template-columns:190px 1fr;gap:25px}.making ol{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){header,main,footer{padding-left:21px;padding-right:21px}.masthead{height:72px}.wordmark{font-size:9px;letter-spacing:1px}.edition{font-size:10px}.edition span{display:none}.intro{padding:34px 0 28px}h1{font-size:57px;letter-spacing:-2.8px;margin-top:16px}.intro p{font-size:14px}.intro .eyebrow{font-size:8px}.workshop{display:flex;flex-direction:column}.controls{border-right:0;border-bottom:1px solid var(--line);padding:23px}.hint{max-width:380px;margin-bottom:18px}.measurements{gap:14px}.measurements input{font-size:26px}.stock p br{display:none}.stock{padding-top:13px}.message-field .micro{margin-bottom:16px}.preview-header{padding:23px 22px 0}.preview-header>span:last-child{display:inline;font-size:9px}.preview-header .eyebrow{font-size:8px}#fold-view{height:285px}.fold-controls{margin:0 22px;gap:10px}.fold-controls input{width:90px}.result{margin:22px;flex-direction:row;align-items:center}.result #print{width:auto;padding:15px 12px;font-size:10px}.result p{font-size:11px}.result #print span{margin-left:10px}.result small{font-size:9px}.print-note{font-size:9px;margin-top:20px}.making{padding:33px 0 29px;display:block}.making-title{max-width:340px}.making-title h2{margin-top:12px}.making-title p{margin-bottom:25px}.making ol{gap:21px}.honesty{padding-bottom:25px}footer{gap:15px;padding-top:21px}footer span:first-child{font-size:12px}footer span:last-child{font-size:7px;line-height:1.7;max-width:100px;text-align:right}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@page{size:A4 portrait;margin:0}@media print{html,body{width:210mm;height:297mm;background:white;margin:0!important;padding:0!important}body>*{display:none!important}#print-sheet{display:block!important;width:210mm;height:297mm}#print-sheet svg{display:block;width:210mm;height:297mm;max-width:none}body.print-blocked #print-sheet{display:none!important}}
