:root{color-scheme:light;--bg:#f7f7f3;--paper:#fff;--ink:#262c29;--muted:#69716b;--border:#dfe2d9;--accent:#ad4e27;--soft:#e9ede5;--radius:14px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select,input[type=color]{cursor:pointer}button{color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c9784c;outline-offset:4px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15;font-weight:500;letter-spacing:-.045em}h2{font-size:clamp(27px,3.2vw,38px)}h3{font-size:20px;letter-spacing:-.025em}p{color:var(--muted)}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;left:16px;top:-80px;z-index:10;background:white;padding:12px}.skip:focus{top:8px}.site-header{display:flex;align-items:center;gap:40px;padding-block:28px;border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:650;font-size:26px;letter-spacing:-1px;line-height:1}.brand-dot{color:var(--accent);margin-left:-8px}.site-header nav{display:flex;gap:30px;margin-left:auto;font-size:13px}.site-header nav a:hover,.footer-links a:hover{color:var(--accent)}.languages{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.06em}.languages span{color:#b7bcb5}.languages a{color:var(--muted)}.languages a[aria-current]{color:var(--ink);font-weight:700}.hero{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:50px;padding-block:57px 42px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.hero .eyebrow{margin-bottom:19px}.hero h1{font-size:clamp(45px,4.8vw,64px);letter-spacing:-.055em}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.hero-aside{max-width:300px;justify-self:end;font-size:14px;padding-bottom:6px}.hero-aside p{margin-bottom:18px}.inline-link{font-size:13px;display:inline-flex;align-items:center;gap:12px;color:var(--ink);border-bottom:1px solid #c0c5bc;padding-bottom:3px}.inline-link:hover{color:var(--accent);border-color:var(--accent)}.tool-hero{padding-block:30px 35px;max-width:1120px}.breadcrumb{display:inline-block;font-size:12px;margin-bottom:24px;color:var(--muted)}.tool-hero .eyebrow{margin-bottom:12px}.tool-hero h1{font-size:clamp(40px,5vw,62px);margin-bottom:16px}.tool-hero h1 .brand-dot{margin-left:0}.tool-hero>p:last-child{max-width:640px;font-size:15px}.editor-shell{display:grid;grid-template-columns:330px minmax(0,1fr);border:1px solid #d7dcd2;border-radius:var(--radius);background:var(--paper);box-shadow:0 4px 20px #26352803;overflow:hidden}.controls{padding:27px 28px 21px;grid-row:span 2;border-right:1px solid var(--border)}.control-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}.control-title h2{font-size:20px;letter-spacing:-.03em}.text-button{font-size:11px;background:none;padding:4px 0;white-space:normal;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#cbd0c6}.text-button:hover{color:var(--accent);text-decoration-color:var(--accent)}fieldset{border:0;padding:0;margin:0 0 20px;min-width:0}legend{padding:0;margin-bottom:16px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}legend span{display:inline-block;color:#a0a89e;margin-right:8px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;min-width:0;font-size:11px;font-weight:500}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.field input,.field select{width:100%;min-width:0;height:39px;border:1px solid var(--border);border-radius:6px;background:#fff;padding:8px 10px;color:var(--ink);font-size:12px;font-weight:400}.field select{padding-right:24px}.unit-input{position:relative;display:block}.unit-input input{padding-right:42px}.unit-input>[data-unit]{position:absolute;right:12px;top:9px;color:var(--muted);font-size:12px;font-weight:400;pointer-events:none}.segmented{display:flex;gap:4px;border:1px solid var(--border);background:var(--bg);border-radius:7px;padding:3px}.segmented label{flex:1;position:relative;cursor:pointer;min-width:0}.segmented input{position:absolute;opacity:0;width:1px;height:1px}.segmented span{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 2px;border-radius:4px;line-height:1.4;font-size:11px;font-weight:400;white-space:nowrap}.segmented input:checked+span{background:#fff;box-shadow:0 1px 4px #17231019;color:var(--accent)}.segmented input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.color-controls{display:flex;align-items:center;gap:11px;padding-top:4px}.swatch{width:25px;height:25px;border-radius:50%;background:var(--ink);border:3px solid white;outline:1px solid transparent}.swatch[aria-pressed=true]{outline:1px solid var(--accent)}.field input[type=color]{padding:2px;border-radius:50%;width:28px;height:28px;min-width:28px;margin-left:auto}.check{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:400;margin:0 0 16px}.check input{accent-color:var(--accent)}.local-note{font-size:10px;padding-top:4px;color:#737d70}.local-note span{color:var(--accent);margin-right:6px}.preview-panel{background:#eaf0e8;position:relative;padding:21px 28px 12px;min-width:0}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#717d6b}.preview-top .eyebrow{font-size:9px;letter-spacing:.09em}.preview-top i{display:inline-block;width:5px;height:5px;background:#879a7a;border-radius:50%;margin-right:5px;vertical-align:middle}.sheet-stage{display:flex;align-items:center;justify-content:center;height:340px;padding:20px 0 12px;overflow:hidden}.paper-sheet{height:100%;max-width:100%;background:#fff;box-shadow:0 3px 4px #20301812,0 17px 32px #20301819;line-height:0;flex:none}.paper-sheet.landscape{height:auto;width:min(460px,100%);max-height:100%}.paper-sheet svg{height:100%;width:100%;display:block}.preview-summary{display:flex;gap:0;flex-wrap:wrap;justify-content:center;align-items:center;font-size:10px;color:#596650;min-height:22px}.preview-summary span+span:before{content:'·';display:inline-block;margin:0 8px;color:#9ca893}.preview-hint{text-align:center;font-size:9px;color:#75816e;margin:5px 0}.export-bar{padding:20px 26px 17px;display:grid;grid-template-columns:auto 1fr;gap:13px 24px;align-items:center;border-top:1px solid var(--border);min-width:0}.export-main,.export-secondary{display:flex;gap:10px;align-items:center}.export-secondary{justify-content:flex-end;gap:18px;flex-wrap:wrap}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:6px;padding:10px 17px;font-size:12px;font-weight:500;border:1px solid transparent}.primary{background:var(--ink);color:white}.primary:hover{background:#414a3f}.secondary{background:white;border-color:var(--border)}.print-hint{font-size:10px;grid-column:1/-1;max-width:660px;line-height:1.6}.print-hint a{text-decoration:underline;text-underline-offset:3px}#status{grid-column:1/-1;font-size:10px;min-height:16px;color:#747e6f}#share-fallback{grid-column:1/-1;font-size:12px}#share-fallback input{width:100%;font:inherit;margin-top:5px;border:1px solid var(--border);padding:8px;border-radius:4px}.notice{padding:16px;border:1px solid var(--border);margin-top:16px;font-size:13px}.section{padding-block:62px;border-bottom:1px solid var(--border)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:13px}.section-heading>p{font-size:13px;max-width:260px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.tool-card{display:block;border-radius:8px}.tool-art{height:180px;position:relative;background:#e9e9e1;border:1px solid #dfe2d7;border-radius:8px;overflow:hidden}.tool-art img{position:absolute;width:138px;height:auto;left:50%;top:28px;transform:translateX(-50%) rotate(-7deg);box-shadow:1px 5px 16px #27302020;transition:transform .2s}.tool-card:hover .tool-art img{transform:translateX(-50%) rotate(-2deg) translateY(-4px)}.art-dot{background:#ede6dd}.art-lined{background:#e2e8e2}.art-cornell{background:#e6e7ef}.art-music{background:#eee7df}.art-isometric{background:#e0e8e7}.card-number{position:absolute;top:16px;left:17px;font-size:10px;color:#707a6a;font-variant-numeric:tabular-nums}.card-arrow{position:absolute;right:13px;bottom:11px;display:grid;place-items:center;width:26px;height:26px;border:1px solid #b9c0b4;border-radius:50%;font-size:17px;background:#ffffff38}.tool-description{padding:17px 2px 0}.tool-description h3{font-size:19px;margin-bottom:7px}.tool-description p{font-size:12px}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.preset{display:flex;gap:19px;align-items:center;padding:20px;background:#fff;border:1px solid var(--border);border-radius:8px;min-width:0}.preset img{width:50px;height:auto;max-height:80px;box-shadow:0 2px 5px #27302020;object-fit:contain;flex:none}.preset h3{font-size:14px;margin-bottom:11px;line-height:1.4}.preset-links{display:flex;gap:17px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--muted)}.preset-links a{border-bottom:1px solid #d0d5c8}.preset-links a:hover{color:var(--accent)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:32px}.step-number{font-size:12px;color:var(--accent);display:inline-flex;border:1px solid #d7dbce;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;margin-bottom:20px}.steps h3{font-size:19px;margin-bottom:12px}.steps p,.about p,.prose-grid p{font-size:13px;line-height:1.85}.about,.prose-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about .eyebrow,.prose-grid .eyebrow{margin-bottom:18px}.about h2{max-width:380px}.about h3,.prose-grid h3{margin:26px 0 12px;font-size:21px}.prose-grid h2{margin-bottom:20px}.prose-grid>div:last-child h3:first-child{margin-top:4px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.faq h2{max-width:280px}.faq details{border-bottom:1px solid var(--border);padding:18px 0}.faq details:first-child{padding-top:4px}.faq details:last-child{border:0}.faq summary{cursor:pointer;font-size:14px;font-weight:500;list-style:none;padding-right:25px;position:relative}.faq summary:after{content:'+';position:absolute;right:1px;font-size:18px;font-weight:400;top:-3px;color:var(--accent)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;margin-top:14px;line-height:1.8}.article{max-width:760px;padding-block:65px 90px;min-height:65vh}.article>.eyebrow{margin-bottom:23px}.article h1{font-size:clamp(38px,5vw,58px);margin-bottom:24px}.article .lead{font-size:19px;line-height:1.7;margin-bottom:30px}.article>p{font-size:15px;line-height:1.9;margin-bottom:30px}.article .inline-link{margin-top:25px}.guide-steps{padding-left:24px;margin:40px 0}.guide-steps li{padding-left:12px;margin:25px 0}.guide-steps li::marker{color:var(--accent);font-size:13px}.guide-steps h2{font-size:24px;margin-bottom:12px}.guide-steps p{font-size:14px;line-height:1.9}.site-footer{display:flex;align-items:center;gap:35px;justify-content:space-between;padding-block:39px}.site-footer .brand{font-size:23px}.site-footer p{font-size:11px;margin-top:11px}.footer-links{display:flex;gap:20px;font-size:11px}.site-footer small{font-size:10px;color:var(--muted)}#print-sheet{display:none}[hidden]{display:none!important}
@media(min-width:1400px){.wrap{width:min(1160px,calc(100% - 100px))}.hero{padding-top:64px}.sheet-stage{height:365px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.editor-shell{grid-template-columns:300px minmax(0,1fr)}.controls{padding-inline:22px}.export-bar{grid-template-columns:1fr;gap:11px;padding-inline:22px}.export-secondary{justify-content:flex-start}.hero{gap:35px}.tool-art{height:155px}.tool-art img{width:118px}.preset{gap:12px;padding:15px}.preset img{width:40px}.about,.prose-grid{gap:40px}.site-footer{flex-wrap:wrap}.site-footer small{margin-left:auto}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.site-header{padding-block:20px;gap:20px}.brand{font-size:23px}.brand svg{width:22px;height:26px}.site-header nav{gap:15px;font-size:11px}.site-header nav a:last-child{display:none}.languages{font-size:10px;gap:6px}.hero{grid-template-columns:1fr;gap:22px;padding-block:35px 29px}.hero .eyebrow{font-size:9px;margin-bottom:17px}.hero h1{font-size:46px;line-height:1.05}.hero-aside{justify-self:start;max-width:340px;font-size:13px}.hero-aside p{margin-bottom:11px}.editor-shell{grid-template-columns:1fr}.controls{grid-row:auto;border-right:0;border-bottom:1px solid var(--border);padding:22px}.control-title{margin-bottom:18px}.controls fieldset{margin-bottom:15px}.controls fieldset:last-of-type{margin-bottom:10px}.field{font-size:12px;margin-bottom:13px}.field input,.field select{height:42px;font-size:13px}.segmented span{font-size:12px;padding-block:9px}.unit-input>[data-unit]{top:10px}.color-controls{gap:17px}.swatch{width:30px;height:30px}.field input[type=color]{width:32px;height:32px}.controls .local-note{display:none}.preview-panel{padding:18px 20px 12px}.sheet-stage{height:340px;padding-block:20px 14px}.paper-sheet.landscape{width:100%}.preview-top{font-size:9px}.export-bar{padding:20px;gap:13px}.export-main{display:grid;grid-template-columns:1fr auto}.button{min-height:45px;font-size:13px}.export-secondary{justify-content:space-between}.text-button{font-size:11px}.print-hint{font-size:10px}.section{padding-block:40px}.section-heading{display:block;margin-bottom:24px}.section-heading>p{margin-top:13px;max-width:330px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.tool-art{height:145px}.tool-art img{width:110px;top:25px}.card-number{left:12px;top:11px;font-size:9px}.tool-description h3{font-size:17px}.tool-description p{font-size:11px}.preset-grid{grid-template-columns:1fr}.preset{padding:17px 20px;gap:22px}.preset img{width:41px;height:58px}.preset h3{font-size:15px;margin-bottom:8px}.preset-links{font-size:11px;gap:25px}.steps{grid-template-columns:1fr;gap:24px;margin-top:27px}.steps article{position:relative;padding-left:55px}.step-number{position:absolute;left:0;top:0}.steps h3{margin:5px 0 10px}.steps p{max-width:420px}.about,.prose-grid,.faq{grid-template-columns:1fr;gap:28px}.about h2{max-width:340px}.about h3{margin-top:23px}.faq h2{max-width:none}.faq summary{font-size:13px}.site-footer{padding-block:30px;gap:25px;align-items:start}.footer-links{flex-direction:column;gap:8px;text-align:right}.site-footer small{margin:0;width:100%;font-size:9px}.tool-hero{padding-block:24px 28px}.tool-hero h1{font-size:43px}.tool-hero>p:last-child{font-size:14px}.tool-hero .eyebrow{font-size:9px}.breadcrumb{margin-bottom:22px}.article{padding-block:38px 60px}.article .lead{font-size:17px}.article>p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tool-art img{transition:none}}
@media print{@page{margin:0}html,body{background:white!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important}body>*{display:none!important}body>#print-sheet{display:block!important;position:static!important;margin:0!important;padding:0!important;line-height:0!important;break-inside:avoid;page-break-inside:avoid}#print-sheet svg{display:block!important;max-width:none!important;max-height:none!important;margin:0!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}}