:root{color:#182336;background:#f5f6f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{place-items:center;min-height:100vh;margin:0;padding:28px;display:grid}.app{width:min(760px,100%)}header{margin-bottom:28px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#37745f;margin:0 0 12px;font-size:.72rem;font-weight:800}h1{letter-spacing:-.045em;margin:0 0 12px;font-size:clamp(2rem,5vw,3.25rem);line-height:1.08}.intro{color:#5c6877;max-width:580px;margin:0;font-size:1.05rem;line-height:1.5}form{background:#fff;border:1px solid #e3e9e6;border-radius:20px;padding:30px;box-shadow:0 16px 45px #18233612}.range-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.range-card{border:1px solid #dce5df;border-radius:14px;min-width:0;padding:17px 19px 15px}legend{padding:0 5px;font-weight:750}.range-values{justify-content:space-between;align-items:baseline;margin:4px 0 17px;display:flex}.range-values output{letter-spacing:-.04em;font-size:1.7rem;font-weight:760}.range-values span,.slider-ends{color:#788580;font-size:.78rem}.slider{height:26px;margin:0 8px;position:relative}.slider-track,.slider-fill{border-radius:9px;height:6px;position:absolute;top:10px}.slider-track{background:#e3e9e6;left:0;right:0}.slider-fill{background:#387c62}.slider input{appearance:none;pointer-events:none;background:0 0;width:calc(100% + 16px);height:26px;margin:0;position:absolute;top:0;left:-8px}.slider input::-webkit-slider-thumb{appearance:none;cursor:grab;pointer-events:auto;background:#fff;border:3px solid #287253;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #0003}.slider input::-moz-range-thumb{cursor:grab;pointer-events:auto;background:#fff;border:3px solid #287253;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 4px #0003}.slider input:focus-visible{outline:none}.slider input:focus-visible::-webkit-slider-thumb{outline-offset:3px;outline:3px solid #a4d8bc}.slider input:focus-visible::-moz-range-thumb{outline-offset:3px;outline:3px solid #a4d8bc}.slider-ends{justify-content:space-between;margin-top:3px;display:flex}.bottom-row{justify-content:space-between;align-items:end;gap:18px;margin:28px 0;display:flex}.pages-field{gap:8px;font-weight:700;display:grid}.pages-field input{width:130px;height:45px;font:inherit;color:inherit;border:1px solid #cbd7d0;border-radius:9px;padding:0 12px;font-weight:600}.pages-field input:focus{border-color:#287253;outline:3px solid #b5ddc8}.summary{text-align:right;gap:4px;display:grid}.summary strong{font-size:1.05rem}.summary span,.hint{color:#687579;font-size:.9rem}button{color:#fff;width:100%;font:inherit;cursor:pointer;background:#287253;border:0;border-radius:10px;justify-content:center;gap:9px;padding:15px 20px;font-size:1rem;font-weight:750;display:flex}button:hover{background:#1f6045}.download-icon{flex-shrink:0;width:20px;height:20px}button:disabled{opacity:.65;cursor:wait}button:focus-visible{outline-offset:3px;outline:3px solid #9bd2b4}.hint{text-align:center;margin:13px 0 0;line-height:1.45}.error{color:#a12828;text-align:center;margin:12px 0 0}@media (width<=600px){body{padding:18px}.range-grid{grid-template-columns:1fr}form{padding:20px}.bottom-row{align-items:center}}