*{box-sizing:border-box}:root{--ink:#273f4b;--blue:#e2e9e9;--paper:#f6f5ed;--terra:#b96e4e;--line:#bfcdd0}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 Arial,sans-serif}header,main,footer{max-width:1280px;margin:auto}header{padding:26px 45px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font:700 19px Arial;letter-spacing:1px;color:inherit;text-decoration:none}.brand span{display:block;font:8px Arial;letter-spacing:2px;margin-top:6px}nav{display:flex;align-items:center;gap:25px;font-size:11px}a{color:inherit}.eyebrow{font:9px/1.5 monospace;letter-spacing:1.8px;color:#66818a}.hero{padding:50px 65px;display:grid;grid-template-columns:1fr 390px;align-items:center;gap:40px}h1{font:normal clamp(38px,4.8vw,62px)/1.1 Georgia;letter-spacing:-1.5px;margin:20px 0}h1 span{color:var(--terra)}.hero p:not(.eyebrow){color:#6f8086;max-width:450px}.pot-art{height:260px;position:relative;background:repeating-linear-gradient(0deg,transparent 0 24px,#97acb31a 25px),repeating-linear-gradient(90deg,transparent 0 24px,#97acb31a 25px);border-bottom:2px solid #bac9ca}.pot{position:absolute;bottom:30px;background:linear-gradient(90deg,#a15d42,#d0916f 50%,#b96e4e);box-shadow:inset 0 8px 0 #8d523d;clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}.p1{left:5px;width:100px;height:120px}.p2{left:115px;width:135px;height:190px}.p3{right:0;width:115px;height:90px;background:linear-gradient(90deg,#849b8d,#a9bca7,#849b8d);box-shadow:inset 0 8px 0 #617c6d;clip-path:none}.dimension{position:absolute;bottom:5px;left:10px;font:8px monospace;letter-spacing:1px;color:#66818a}.workshop{margin:0 35px;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:grid;grid-template-columns:310px minmax(0,1fr);background:#fffef8}.measure{padding:26px;background:var(--blue);border-right:1px solid var(--line)}h2{font:27px/1.2 Georgia;margin:8px 0 20px}label{display:block;font-size:11px;font-weight:bold;margin-bottom:14px}label[hidden]{display:none}input:not([type="checkbox"]),select,textarea{width:100%;display:block;background:#fffef8;color:var(--ink);padding:10px;border:1px solid #adbec3;border-radius:3px;font:13px Arial;margin-top:6px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hint{font-size:11px;line-height:1.6;color:#6f8086}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}button,.file-button{background:var(--ink);border:1px solid var(--ink);color:white;padding:11px 14px;border-radius:3px;font:12px Arial;cursor:pointer;display:inline-block}.quiet,.file-button{background:transparent;color:var(--ink)}button:hover,.file-button:hover{filter:brightness(1.15)}.results{padding:28px;min-width:0}.preview-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.volume-preview{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#edf0eb;border:1px solid #d0d9d5;min-height:250px;margin-top:15px}.drawing{padding:10px}.drawing svg{width:100%;max-height:220px;display:block}.drawing>span{display:block;text-align:center;font:7px monospace;color:#6f8086;letter-spacing:1px}.readout{padding:20px}.readout>strong{font:48px Georgia;display:block;line-height:1}.unit{font:12px monospace;letter-spacing:2px;color:var(--terra);display:block;margin:10px 0}.precision{font-size:11px;color:#6f8086;padding:15px;border-left:3px solid var(--terra);background:#f4eee2}.plan-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:15px 0;margin-top:15px}.plan-heading h3{font:24px Georgia}.plan-heading strong{display:block;font:27px Georgia;color:var(--terra);text-align:right}.plan-heading span{font-size:10px;color:#6f8086}.plan-item{padding:18px 0;border-bottom:1px solid var(--line)}.item-top{display:flex;justify-content:space-between;gap:15px}.item-top h4{font:20px Georgia;margin:0}.item-top strong{font:18px Georgia;color:var(--terra)}.plan-item .actions{margin:10px 0 0}.plan-item button{padding:6px 10px;font-size:10px}.empty{padding:30px 15px;border:1px dashed #b4c4c7;margin-top:20px;text-align:center;font:18px Georgia;color:#6f8086}.storage{margin-top:25px}.check{display:flex;align-items:center;gap:8px;font-weight:normal}.file-button{margin:0}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.file-button:focus-within{outline:2px solid var(--terra);outline-offset:3px}#message{font-size:12px;color:#9c4c2d}.formulas{padding:50px 65px}.formulas>div{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.formulas article>span{font:16px Georgia;color:var(--terra)}.formulas h3{font:24px Georgia}.formulas p{font-size:12px;color:#6f8086}footer{padding:30px 45px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:10px;color:#6f8086}.legal{padding:50px 30px;max-width:800px}.ad-placement{max-width:970px;margin:20px auto;min-height:110px;text-align:center;font:10px Arial;color:#6f8086}.ad-placement[hidden]{display:none}.ad-mount{min-height:90px}.ad-placement[data-ad-placement="content"] .ad-mount{min-height:250px}.ad-placement[data-ad-preview="true"]{background:var(--blue);border:1px dashed #adc0c3}.ad-placement[data-ad-preview="true"] .ad-mount{display:grid;place-content:center}:focus-visible{outline:2px solid var(--terra);outline-offset:3px}@media(max-width:900px){.hero{padding:35px;grid-template-columns:1fr 260px;gap:25px}.p1{width:70px}.p2{left:80px;width:90px;height:160px}.p3{width:75px}.workshop{margin:0 20px;grid-template-columns:260px minmax(0,1fr)}.measure,.results{padding:20px}.preview-head{display:block}.readout{padding:12px}.readout>strong{font-size:36px}.formulas{padding:35px}}@media(max-width:650px){header{padding:20px}header nav>a{display:none}.brand{font-size:16px}.hero{padding:30px 25px;grid-template-columns:1fr;gap:10px}.pot-art{height:195px;max-width:320px;width:100%;margin:auto}.workshop{grid-template-columns:1fr;margin:0 12px}.measure{border:0;border-bottom:1px solid var(--line)}.results{padding:22px 16px}.preview-head{display:flex}.preview-head h2{font-size:24px}.volume-preview{min-height:210px}.readout>strong{font-size:35px}.formulas{padding:35px 25px}.formulas>div{grid-template-columns:1fr;gap:20px}footer{padding:25px;flex-direction:column}nav{flex-wrap:wrap}.ad-mount{min-height:100px}}@media print{@page{margin:15mm}body{background:white}header,.hero,.measure,.preview-head,.volume-preview,.storage,.formulas,footer,.ad-placement,.plan-item .actions{display:none!important}.workshop{display:block;border:0;margin:0}.results{padding:0}.plan-item{break-inside:avoid}.precision{background:white}}