@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--ink:#173e32;--muted:#667e71;--green:#245a44;--line:#29543e1f}*{box-sizing:border-box}body{color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:5px;outline:3px solid #388466}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{isolation:isolate;flex-direction:column;min-height:100svh;display:flex;position:relative}.background{z-index:-1;background:linear-gradient(115deg,#7cbfab 0%,#b0dfbb 50%,#a4e9c2 100%);position:absolute;inset:0;overflow:hidden}.background:after{content:"";background:radial-gradient(at 50% 42%,#f4fae568,#0000 65%);position:absolute;inset:0}.blob{opacity:.55;filter:blur(40px);will-change:transform;background:radial-gradient(circle at 30% 30%,#d8ffe6f2,#0000 40%),radial-gradient(circle at 70% 65%,#2b8579b8,#0000 58%),radial-gradient(circle,#5cd097d9,#5cd0972e 72%);border-radius:50%;position:absolute}.blob-one{width:70vw;height:70vw;animation:16s ease-in-out infinite alternate drift-down;top:-35vw;left:-15vw}.blob-two{width:65vw;height:65vw;animation:19s ease-in-out infinite alternate drift-left;bottom:-30vw;right:-25vw}.blob-three{opacity:.28;width:48vw;height:48vw;animation:18s ease-in-out infinite alternate drift-right;top:20%;left:30%}.grain{opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.site-header{justify-content:space-between;align-items:center;padding:30px 42px;display:flex}.brand{letter-spacing:-1.3px;align-items:center;gap:11px;font-size:22px;font-weight:750;display:flex}.brand-icon{background:var(--ink);color:#c2e5c5;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.brand-divider{opacity:.3;margin:0 3px;font-size:20px;font-weight:400}.brand-product{letter-spacing:-.2px;font-size:14px;font-weight:500}.header-note{color:#315c49;align-items:center;gap:8px;font-size:12px;display:flex}.header-note>span{background:#39694f;border-radius:50%;width:5px;height:5px}main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:31px 20px 55px;display:flex}.intro{text-align:center;margin-bottom:29px}.eyebrow{letter-spacing:2px;color:#35614b;justify-content:center;align-items:center;gap:8px;margin:0 0 20px;font-size:10px;font-weight:650;display:flex}h1{letter-spacing:-3.4px;margin:0;font-family:Manrope,Arial,sans-serif;font-size:clamp(42px,4.5vw,60px);font-weight:600;line-height:1.08}h1 span{color:#3e7053}.intro-copy{color:#476c56;margin:19px 0 0;font-size:14px;line-height:1.7}.mobile-break{display:none}.workspace{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fdfff8e0;border:1px solid #fffc;border-radius:20px;width:100%;max-width:562px;padding:24px;box-shadow:0 3px 5px #27573a03,0 18px 65px -24px #27573a38}.card-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.card-heading>span:first-child{align-items:center;gap:9px;font-size:12px;font-weight:550;display:flex}.step-dot{color:#66806b;border:1px solid #d5dfd0;border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.step-dot.complete{background:#e2efdc;border-color:#d2e3cb}.card-meta{letter-spacing:1.1px;color:#8b998a;font-size:9px;font-weight:500}.dropzone{background:#f0f4eaa6;border:1.5px dashed #c5d4bf;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:229px;transition:background .2s,border-color .2s,transform .2s;display:flex}.dropzone:hover,.dropzone.dragging{background:#e5f0db;border-color:#66866d}.dropzone.dragging{transform:scale(1.01)}.upload-icon{color:#587553;background:linear-gradient(145deg,#fffffc,#e8efdf);border:1px solid #d8e3cf;border-radius:14px;place-items:center;width:56px;height:58px;margin-bottom:19px;display:grid;position:relative;transform:rotate(-5deg);box-shadow:0 4px 10px #35462e06}.icon-spark{background:#f9fcf1;border:1px solid #d8e3cf;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:-5px;right:-6px}.dropzone strong{letter-spacing:-.2px;margin-bottom:8px;font-size:15px;font-weight:550}.dropzone>span:not(.upload-icon){color:#83917b;font-size:12px}.dropzone u{color:#476e4e;text-underline-offset:3px;text-decoration-color:#91a78a}.dropzone small{color:#93a08b;margin-top:19px;font-size:10px}.settings{justify-content:space-between;align-items:center;gap:20px;margin:24px 0;display:flex}.scale-field{white-space:nowrap;align-items:center;gap:13px;display:flex}.scale-field label{font-size:12px;font-weight:500}.select-wrap{position:relative}.select-wrap svg{pointer-events:none;color:#83947a;position:absolute;top:12px;right:10px}.select-wrap select{appearance:none;color:#37543a;background:#fffdf7;border:1px solid #d9e0d2;border-radius:7px;width:75px;height:38px;padding:0 12px;font-size:13px;font-weight:600}.select-wrap select:disabled{opacity:.65}.dimensions{align-items:center;gap:17px;display:flex}.dimensions>div{flex-direction:column;gap:6px;display:flex}.dimensions span{color:#8b9683;font-size:10px}.dimensions strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.dimensions>svg{color:#a7b19f;flex-shrink:0;margin-top:12px}.primary-button{background:var(--green);color:#f4faee;border:1px solid #1f513d;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;height:46px;font-size:12px;font-weight:500;transition:background .2s,transform .2s;display:flex}.primary-button:not(:disabled):hover{background:#163d2d;transform:translateY(-1px)}.primary-button:disabled{color:#88977d;background:#dbe5d3;border-color:#dbe5d3}.primary-button:disabled:has(.spin){color:#4e704b;background:#e0ead6}.card-footnote{color:#86917e;justify-content:center;align-items:center;gap:6px;min-height:15px;margin-top:14px;font-size:10px;display:flex}.card-footnote a{color:#3d6d48;align-items:center;gap:2px;margin-left:5px;display:flex}.benefits{color:#527256;justify-content:center;align-items:center;gap:17px;margin-top:24px;font-size:10px;display:flex}.benefits span{align-items:center;gap:6px;display:flex}.benefits i{background:#7b9b75;border-radius:50%;width:3px;height:3px}footer{color:#4f755c;justify-content:space-between;padding:20px 42px 25px;font-size:10px;display:flex}footer a{align-items:center;gap:2px;font-weight:600;display:inline-flex}.image-preview{background:repeating-conic-gradient(#e8eddf 0% 25%,#f1f4eb 0% 50%) 50%/18px 18px;border-radius:11px;height:260px;position:relative;overflow:hidden}.image-preview img{object-fit:contain;width:100%;height:100%}.preview-label{letter-spacing:1px;background:#fbfff0e8;border-radius:4px;padding:5px 7px;font-size:8px;position:absolute;top:12px;left:12px}.remove-image{background:#fbfff0e8;border:0;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;position:absolute;top:10px;right:10px}.file-info{color:#7c8b73;justify-content:space-between;gap:20px;padding-top:10px;font-size:10px;display:flex}.file-info span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-info span:last-child{white-space:nowrap}.compare-switch{background:#f8fbedee;border:1px solid #e0e7d7;border-radius:7px;padding:3px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #162b1920}.compare-switch button{background:0 0;border:0;border-radius:4px;align-items:center;gap:5px;padding:6px 11px;font-size:10px;display:flex}.compare-switch button[aria-pressed=true]{color:#fff;background:#255b42}.result-actions{gap:9px;display:flex}.reset-button{color:#526d48;background:#f3f7ed;border:1px solid #d4dfca;border-radius:8px;flex-shrink:0;place-items:center;width:46px;display:grid}.reset-button:hover{background:#e4ecd9}.start-over{color:#6e8264;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;margin:12px auto -5px;font-size:10px;display:flex}.error{color:#9a493c;background:#f9ece4;border:1px solid #efd6c9;border-radius:7px;padding:10px 12px;font-size:12px;line-height:1.5}.dimensions .invalid{color:#a44133}.spin{animation:1s linear infinite spin}.pulse-dot{background:#6a8d54;border-radius:50%;width:5px;height:5px;animation:1.5s infinite pulse}.scan-line{pointer-events:none;background:linear-gradient(#0000 45%,#cdfabe60 50%,#0000 55%);animation:3s ease-in-out infinite scan;position:absolute;inset:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes drift-down{0%{transform:translateY(-5%)scale(1)}to{transform:translate(15%,20%)scale(1.12)}}@keyframes drift-left{0%{transform:translate(5%,10%)}to{transform:translate(-20%,-20%)scale(1.15)}}@keyframes drift-right{0%{transform:translate(-10%,10%)scale(.9)}to{transform:translate(20%,-15%)scale(1.1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.3}}@keyframes scan{0%{transform:translateY(-80%)}to{transform:translateY(80%)}}@media (min-width:1500px){main{padding-top:45px;padding-bottom:75px}.intro{margin-bottom:34px}.workspace{max-width:586px}.dropzone{min-height:250px}}@media (max-width:600px){.site-header{padding:22px 23px}.header-note{display:none}main{padding:28px 18px 38px}h1{letter-spacing:-2.5px;font-size:46px}.eyebrow{letter-spacing:1.6px;font-size:8px}.intro-copy{font-size:12px}.intro{margin-bottom:26px}.workspace{border-radius:16px;padding:19px}.card-meta{font-size:8px}.dropzone{min-height:219px}.settings{gap:12px}.scale-field{gap:8px}.scale-field label{font-size:11px}.select-wrap select{width:63px}.dimensions{gap:9px}.dimensions strong{font-size:10px}.dimensions>svg{width:12px}.benefits{gap:10px;font-size:8px}.benefits span{gap:4px}.benefits svg{width:11px}.benefits i{width:2px;height:2px}footer{justify-content:center;padding:18px 23px}.blob-one,.blob-two,.blob-three{width:140vw;height:140vw}.image-preview{height:235px}}@media (max-width:380px){.settings{align-items:flex-start}.scale-field{flex-direction:column;align-items:flex-start}.dimensions{flex-wrap:wrap;margin-top:5px}.dimensions strong{font-size:9px}.card-meta{letter-spacing:.4px}.benefits{gap:7px;font-size:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.blob{will-change:auto}}.can-magnify{cursor:none;touch-action:none;overflow:visible}.can-magnify>img{border-radius:inherit}.can-magnify:focus-visible{outline-offset:3px;outline:3px solid #388466}.pixel-comparison{z-index:3;pointer-events:none;gap:16px;width:max-content;display:flex;position:absolute;transform:translate(-50%,-50%)}.pixel-pane{background:#dce5d5;border-radius:50%;flex:0 0 180px;width:180px;height:180px;position:relative;overflow:hidden;box-shadow:0 0 0 3px #f8fbed,0 0 0 4px #668565,0 5px 25px #102e3550}.pixel-pane>span{z-index:1;color:#355640;background:#f8fbede8;border-radius:4px;padding:3px 8px;font-size:10px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.pixel-crop{width:180px;height:180px;image-rendering:pixelated;background-color:#dce5d5;background-repeat:no-repeat}.preview-label{pointer-events:none}