:root{--bg:#f4f3e9;--ink:#222922;--muted:#667065;--line:#d5d8cc;--lime:#d3eb7a;--orange:#e9703d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;font-size:15px;line-height:1.6}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.45}.top,main,.local-footer{max-width:1160px;margin:auto;padding:0 36px}.top{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-size:22px;font-weight:750;letter-spacing:-.7px}.mark{display:grid;place-items:center;width:34px;height:34px;background:var(--lime);border:1px solid var(--ink);font-size:26px}.brand-sub{font-size:12px;letter-spacing:1px;font-weight:500;margin-left:5px;color:var(--muted)}nav{display:flex;align-items:center;gap:24px;font-size:13px}.lang{border:1px solid var(--line);background:transparent;border-radius:50%;width:38px;height:38px;font-size:12px}.intro{position:relative;padding:68px 0 65px;min-height:430px}.eyebrow{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:1.8px;font-weight:650;text-transform:uppercase}.status-dot{height:6px;width:6px;background:var(--orange);border-radius:50%}h1{font-size:clamp(40px,5vw,65px);line-height:1.2;font-weight:650;letter-spacing:-3px;margin:24px 0 22px}h1 em{font-style:normal;color:#64792f}.lede{max-width:540px;font-size:16px;line-height:1.85;color:var(--muted)}.pills{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}.pills span{font-size:11px;border:1px solid var(--line);padding:4px 11px;border-radius:20px}.decor{position:absolute;right:16px;top:55px;transform:rotate(5deg)}.decor-frame{position:relative;width:245px;height:285px;background:var(--lime);border:1px solid var(--ink);padding:25px;font-size:35px;font-weight:800;line-height:.95;letter-spacing:-2px;box-shadow:10px 10px 0 #e0e2d5}.decor-frame b{color:#6a802d}.circle{position:absolute;width:80px;height:80px;bottom:28px;right:22px;background:var(--orange);border-radius:50%;border:1px solid var(--ink)}.decor-caption{display:block;margin-top:18px;font-size:9px;letter-spacing:2px;text-align:center}.workbench{border:1px solid var(--ink);background:#fffef8;box-shadow:0 5px 0 #dde0d2}.bench-head{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;border-bottom:1px solid var(--line)}h2{font-size:25px;letter-spacing:-.7px;font-weight:650;margin:0}.bench-head h2{font-size:17px}.step{font-size:11px;letter-spacing:1px;color:var(--muted)}.workspace{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;padding:30px}.drop{min-height:305px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #a4ab98;cursor:pointer;background:repeating-linear-gradient(0deg,transparent,transparent 23px,#edf0e51a 24px);transition:background .15s}.drop:hover,.drop.drag{background:#f0f5dc;border-color:#718535}.upload-icon{font-size:42px;width:65px;height:65px;background:#ebefd9;text-align:center;margin-bottom:16px;line-height:1.4;border-radius:50%}.drop strong{font-size:18px}.drop span:not(.upload-icon){font-size:13px;color:var(--muted);margin-top:7px}.drop small{font-size:11px;color:#858d80;margin-top:24px}.drop input{position:absolute;opacity:0;width:1px;height:1px}.selection{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:15px;font-size:12px;color:var(--muted)}.text-button{padding:0;background:none;border:0;color:var(--ink);text-decoration:underline;text-underline-offset:4px;font-size:12px}.settings>label,.range-label label,.dimensions label{font-size:12px;font-weight:650;display:block;margin-bottom:7px}select{width:100%;padding:10px;border:1px solid var(--line);background:white;border-radius:3px}.range-label{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.range-label output{font-size:12px}input[type=range]{accent-color:#798f37;width:100%;margin:5px 0}.hint{font-size:11px;color:var(--muted);margin:5px 0 17px}.dimensions{display:grid;grid-template-columns:1fr 1fr;gap:15px}.unit{display:flex;border:1px solid var(--line);background:white;align-items:center;padding:8px 10px;gap:6px}.unit input{width:100%;min-width:0;border:0;background:transparent;outline:none}.unit span{font-size:11px;color:var(--muted)}.primary{background:var(--ink);color:#fff;border:0;border-radius:3px;padding:12px 18px;width:100%;font-size:14px;font-weight:650}.bottom{margin-top:10px;margin-bottom:0}.error{color:#a23c28;font-size:12px;white-space:pre-line}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.results-section{margin:55px 0}.section-heading .eyebrow{margin-bottom:7px}.summary{color:var(--muted);font-size:13px}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.result-card{border:1px solid var(--line);background:#fffef8;overflow:hidden;min-width:0}.preview{height:190px;display:grid;place-items:center;background:repeating-conic-gradient(#e8e9e2 0% 25%,#f6f6f0 0% 50%) 50%/16px 16px}.preview img{max-width:100%;max-height:190px;object-fit:contain}.card-content{padding:15px}.file-name{margin:0 0 7px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.file-detail{font-size:11px;color:var(--muted)}.file-savings{font-size:12px;background:var(--lime);padding:2px 7px;display:inline-block;margin:9px 0}.file-savings.larger{background:#f4d6b6}.download{display:block;margin-top:7px;padding:7px;border:1px solid var(--line);text-align:center;font-size:12px}.how{padding:70px 0 55px}.how h2{margin-top:10px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:30px}.how-grid article{border-top:1px solid var(--line);padding-top:20px}.how-grid article>span{font-size:12px;color:#718535}.how-grid h3{font-size:16px;font-weight:600;margin:12px 0}.how-grid p{font-size:13px;color:var(--muted);line-height:1.8}.faq{max-width:750px;margin:0 0 60px}.faq h2{margin-bottom:22px}.faq details{border-top:1px solid var(--line);padding:15px 0}.faq summary{cursor:pointer;font-size:14px;font-weight:600}.faq p{font-size:13px;color:var(--muted);line-height:1.9}.local-footer{border-top:1px solid var(--line);padding-top:24px;padding-bottom:35px;font-size:13px;display:flex;justify-content:space-between}.local-footer span{color:var(--muted);font-size:12px}[hidden]{display:none!important}@media(max-width:900px){.decor{right:0;top:80px;transform:rotate(5deg) scale(.8);transform-origin:top right}.lede{max-width:450px}.intro{padding-top:50px}.results{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.top,main,.local-footer{padding-left:20px;padding-right:20px}.top{height:80px}.brand{font-size:20px}.brand-sub,nav>a,.decor,.step{display:none}.intro{padding:38px 0}.intro h1{font-size:44px;letter-spacing:-2px}.lede{font-size:14px}.workspace{grid-template-columns:1fr;padding:20px;gap:24px}.drop{min-height:230px}.settings{border-top:1px solid var(--line);padding-top:22px}.results,.how-grid{grid-template-columns:1fr}.how-grid{gap:15px}.preview{height:240px}.preview img{max-height:240px}.how{padding-top:45px}.bench-head{padding:16px 20px}.local-footer{gap:16px}.results-section{margin:40px 0}}