@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#202621;background:#f7f9f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}button,a,label[for=file]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce2d9;background:#fff}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font:700 28px 'Space Grotesk',sans-serif;letter-spacing:-1.3px}.mark{display:grid;place-items:center;background:#c1f267;width:36px;height:36px;border-radius:10px;font-size:32px}.badge{font:600 11px 'DM Sans',sans-serif;letter-spacing:1px;margin-left:12px;border-left:1px solid #ddd;padding-left:20px}.privacy{font-size:14px;color:#677062}main{max-width:1500px;margin:auto;display:grid;grid-template-columns:270px 1fr;min-height:760px}aside{padding:48px 24px;border-right:1px solid #dce2d9}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;color:#677062;margin:0 0 24px}.tool{width:100%;display:flex;gap:13px;text-align:left;padding:18px 12px;border:1px solid transparent;background:none;border-radius:10px;margin-bottom:9px;color:#53604f}.tool>span{font-size:25px}.tool div{font-size:15px;font-weight:600}.tool small{font-size:12px;display:block;font-weight:400;margin-top:7px}.tool.active{background:#e8f4d9;border-color:#d5e5c1;color:#263920}.aside-note{margin-top:230px;padding:0 12px;color:#727d6c;font-size:14px;line-height:1.7}.aside-note>span{font-size:32px}.workspace{padding:48px 6% 42px}.intro{position:relative}.intro .eyebrow{margin-bottom:18px}h1{font:500 clamp(36px,4vw,54px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-2.4px;margin:0 0 18px}h1 em{font-style:normal;color:#5b7946}.intro>p:last-child{color:#6d7667;line-height:1.65;font-size:16px;margin-bottom:30px}.converter{background:white;border:1px solid #dce2d9;border-radius:16px;display:grid;grid-template-columns:1.2fr 1fr;padding:12px;box-shadow:0 8px 30px #1b331008}.drop{min-height:325px;border:1.5px dashed #bbc7b0;border-radius:10px;background:#f8faf5;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:22px}.drop.over{background:#e7f8cd;border-color:#507931}.drop input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.drop:focus-within{outline:3px solid #74a144;outline-offset:3px}.upload-icon{font-size:36px;display:grid;place-items:center;background:#e9f1df;border-radius:16px;width:62px;height:62px;margin:0 auto 22px;color:#486632}h2{font-size:18px;margin:0 0 8px}.drop p{font-size:14px;color:#727b6a;margin:0 0 25px}.drop label{color:#456428;text-decoration:underline;cursor:pointer;font-weight:600}.drop small{font-size:12px;color:#7b8574}.settings{padding:18px 22px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:15px}.panel-title h2{font-size:15px;margin:0}.panel-title>span{font:12px monospace;background:#eff3e9;padding:5px 8px;border-radius:5px}label[for=quality],label[for=threshold]{display:flex;justify-content:space-between;gap:8px;font-size:14px}output{font-weight:600}input[type=range]{width:100%;accent-color:#62873b;margin:18px 0 6px}.range-hints{display:flex;justify-content:space-between;color:#7d8775;font-size:12px}.hint{font-size:13px;line-height:1.6;color:#738068;margin:19px 0 23px}.primary{width:100%;border:0;background:#c1f267;padding:14px 16px;border-radius:8px;display:flex;justify-content:space-between;font-size:14px;font-weight:700;color:#243518}.primary:hover:enabled{background:#afe846}.primary:disabled{opacity:.5;cursor:default}.status{font-size:12px;line-height:1.5;color:#748168;margin:12px 0 0}.footnotes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.footnotes span{font:12px monospace;color:#8a9780;display:block;margin-bottom:12px}.footnotes strong{font-size:14px;font-weight:500}.footnotes p{font-size:12px;color:#7a8570;line-height:1.6;margin-top:7px}footer{border-top:1px solid #dce2d9;margin:0 5%;padding:25px 0;display:flex;justify-content:space-between;align-items:center;color:#7d8775;font-size:12px}footer>span:first-child{font:600 19px 'Space Grotesk',sans-serif;color:#404e38}footer>span:last-child{font-size:10px;letter-spacing:1.6px}#selected{min-width:0;width:100%}#preview{max-height:165px;max-width:100%;object-fit:contain;display:block;margin:0 auto 15px}#filename{font-size:14px;display:block;overflow-wrap:anywhere}#filemeta{display:block;margin:7px 0 12px}.change{font-size:12px}.download{display:block;text-align:center;background:#273b1d;color:#fff;padding:13px;border-radius:8px;text-decoration:none;font-size:14px;margin-top:16px}#resultmeta{font-size:12px;color:#607151;line-height:1.6}#resultpreview{max-width:100%;max-height:140px;background:repeating-conic-gradient(#eee 0% 25%,white 0% 50%) 0/16px 16px}button:focus-visible,a:focus-visible{outline:3px solid #638e41;outline-offset:4px}[hidden]{display:none!important}@media(max-width:1000px){main{grid-template-columns:220px 1fr}.workspace{padding:35px 5%}.converter{grid-template-columns:1fr}.drop{min-height:260px}.aside-note{margin-top:240px}}@media(max-width:650px){header{height:76px}.badge{display:none}.privacy{font-size:12px}main{display:block}aside{padding:22px 5% 0;border:0}aside>.eyebrow,.aside-note{display:none}nav{display:flex;gap:8px}.tool{padding:12px 9px;align-items:center}.tool small{display:none}.tool div{font-size:13px}.tool>span{font-size:20px}.workspace{padding-top:25px}h1{letter-spacing:-1.6px}.footnotes{gap:14px}.footnotes p{font-size:12px}footer>span:last-child{display:none}.settings{padding:20px 14px}.intro>p:last-child{font-size:15px}}

label[for=smoothing]{display:flex;justify-content:space-between;gap:8px;font-size:14px;margin-top:18px}
.header-details{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.powered-by{color:#53604f;text-decoration:none;font-size:14px;line-height:1.5}.powered-by strong{color:#456428;font-weight:700}.powered-by:hover strong{text-decoration:underline}@media(max-width:650px){header{height:auto;min-height:76px;flex-wrap:wrap;gap:16px;padding-top:18px;padding-bottom:18px}.header-details{align-items:flex-start}.powered-by{font-size:14px}}

.color-setting>label{font-size:14px}.color-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.color-controls input{width:42px;height:36px;padding:2px;border:1px solid #bbc7b0;border-radius:5px;background:white;cursor:pointer}.color-controls output{font:12px monospace}.color-controls button{font-size:14px;border:1px solid #bbc7b0;border-radius:5px;padding:7px 9px;background:white;color:#273b1d}.color-controls button[aria-pressed=true]{background:#e8f4d9;border-color:#62873b}.color-setting .hint{margin:10px 0 22px}#resultpreview.dark-checker{background:repeating-conic-gradient(#30363b 0% 25%,#475059 0% 50%) 0/16px 16px}
.brand{flex-wrap:wrap}.brand .mark{flex-shrink:0}@media(max-width:650px){.brand{font-size:24px;letter-spacing:-1px}}