:root{font-family:Arial,Helvetica,sans-serif;color:#183d34;background:#f7f7f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{max-width:1160px;margin:auto;padding:40px 42px 70px}.intro{margin:0 0 40px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.19em;color:#5b8978}.eyebrow span{display:inline-block;vertical-align:middle;width:28px;height:1px;background:#91ad9e;margin:0 10px}.intro h1{font-size:clamp(40px,5.1vw,72px);line-height:1.04;letter-spacing:-.055em;margin:28px 0 20px;font-weight:800}.intro h1 em{color:#b77342;font-style:normal}.intro>p:last-child{max-width:650px;font-size:16px;line-height:1.65;color:#547569}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);background:#fff;border:1px solid #e3e9e2;border-radius:22px;overflow:hidden;box-shadow:0 18px 48px #21453813}.controls{min-width:0}.section-head{padding:29px 32px 23px;border-bottom:1px solid #e6ece7;display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h2{font-size:25px;letter-spacing:-.04em;margin:8px 0 0}.unit-pill{background:#edf4ef;color:#315e50;padding:9px;border-radius:9px;white-space:nowrap;font-size:11px;font-weight:700}.field-group{margin:0;border:0;border-bottom:1px solid #e6ece7;padding:29px 32px 30px;min-width:0}.field-group legend{font-size:14px;font-weight:800;padding:0;transform:translateY(12px)}.helper{font-size:12px;line-height:1.5;color:#668276;margin:19px 0 20px}.grid{display:grid;gap:17px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid label{font-size:12px;font-weight:700;line-height:1.3;display:block;color:#1d4b3c}.grid label small{float:right;font-weight:500;color:#618a79;font-size:11px}.grid input,.grid select,.download-panel select{display:block;width:100%;margin-top:7px;min-height:40px;padding:9px 11px;border:1px solid #d6e2d9;border-radius:8px;background:#fbfcf9;color:#173a30;font:inherit;font-size:14px;outline:none}.grid input:focus,.grid select:focus,.download-panel select:focus{border-color:#629b7c;box-shadow:0 0 0 3px #78a98725}.grid input:invalid{border-color:#bd775b}.hint{display:block;font-size:10px;color:#7d9589;margin-top:5px;font-weight:400}.toggle-row{display:flex;gap:10px;align-items:flex-start;margin-top:20px;font-size:12px;color:#234e40}.toggle-row input{accent-color:#4f976f;cursor:pointer;margin:2px 0}.toggle-row span small{display:block;line-height:1.45;color:#70897b;margin-top:3px}.advanced{border-bottom:1px solid #e6ece7}.advanced summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:12px;padding:20px 32px;list-style:none;font-weight:700;font-size:13px}.advanced summary::-webkit-details-marker{display:none}.advanced summary:before{content:'+';display:inline-block;color:#bb7845;font-size:20px;font-weight:400;line-height:10px}.advanced[open] summary:before{content:'−'}.advanced summary span{margin-right:auto}.advanced summary small{font-size:11px;color:#789287;font-weight:400;text-align:right}.advanced .field-group{padding-top:18px}.result{background:#173e33;color:#f7fbf5;padding:31px 28px 30px;min-width:0}.result-top{display:flex;justify-content:space-between;gap:9px;align-items:center}.result .kicker{color:#8fc4a5}.live{font-weight:800;font-size:10px;letter-spacing:.1em;color:#8ec9a3;white-space:nowrap}.result h2{font-size:34px;line-height:1.06;letter-spacing:-.05em;margin:31px 0 8px}.result-lead{color:#c6d9cc;font-size:12px;line-height:1.5;margin:0 0 18px}.dimensions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px}.dimensions span{border-top:1px solid #4a6b5d;padding-top:10px;font-size:15px;font-weight:700}.dimensions strong{display:block;color:#9dbca9;font-size:10px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.range{color:#e7ae79;font-weight:700;font-size:12px;line-height:1.5;margin:9px 0 22px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#c8d8cc;margin-bottom:9px}.preview-toolbar div{display:flex;gap:5px}.preview-toolbar button{border:1px solid #527463;border-radius:6px;background:transparent;color:white;font-size:12px;min-width:28px;height:26px;cursor:pointer}.preview-toolbar button:last-child{padding:0 7px}.preview{background:#fafbf8;min-height:260px;max-height:590px;overflow:auto;border-radius:9px;text-align:center}.preview img{display:block;width:100%;min-width:50%;height:auto}.preview img[hidden],.preview-empty[hidden]{display:none}.preview-empty{color:#6a8075;padding:110px 12px;font-size:13px}.status{min-height:35px;margin:11px 0 12px;font-size:12px;line-height:1.45;color:#d9e4da}.download-panel{border-top:1px solid #527363;padding-top:22px;display:grid;gap:8px}.download-panel label{font-size:12px;font-weight:700}.download-panel select{background:#f9faf7;margin-top:0}.download{min-height:45px;border:0;border-radius:8px;background:#e7ae79;color:#173e33;font-weight:800;cursor:pointer;font-size:13px;margin-top:5px;padding:0 14px;display:flex;align-items:center;justify-content:space-between}.download:hover{background:#f3bf8d}.download:disabled{opacity:.65;cursor:wait}.share{background:transparent;border:1px solid #769685;color:#ecf4eb;border-radius:8px;padding:10px 12px;font-size:12px;cursor:pointer}.footnote{font-size:11px;line-height:1.55;color:#b5cdba;margin:27px 0 0}.footnote a{color:#ecd3aa;text-underline-offset:2px}@media(max-width:760px){.shell{padding:24px 16px 40px}.intro{margin-bottom:26px}.workspace{grid-template-columns:1fr}.result{padding:28px 20px}.field-group{padding:26px 20px}.section-head{padding:24px 20px}.advanced summary{padding:20px}.preview{max-height:420px}}@media(max-width:420px){.grid.two{grid-template-columns:1fr}.intro h1{font-size:44px}.section-head h2{font-size:23px}}