:root{color:#f2f8f3;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f2f8f3;--muted:#a8bbb1;--subtle:#779087;--surface:#0c1d18;--surface-2:#102820;--line:#234238;--mint:#75f6ae;--mint-dark:#0c2c20;--orange:#ff9e5b;--danger:#ff806f;--radius:24px;background:#07120f;font-family:Avenir Next,Segoe UI Variable,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#07120f}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 85% -10%,#75f6ae21,#0000 32rem),linear-gradient(#75f6ae06 1px,#0000 1px) 0 0/40px 40px,linear-gradient(90deg,#75f6ae06 1px,#0000 1px) 0 0/40px 40px,#07120f;margin:0}button,input{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation;color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.15em;height:1.15em}.site-shell{width:min(1180px,100% - 32px);margin:0 auto}.topbar{border-bottom:1px solid #75f6ae2b;justify-content:space-between;align-items:center;min-height:88px;display:flex}.brand{letter-spacing:.08em;align-items:center;gap:10px;font-size:.93rem;font-weight:800;text-decoration:none;display:inline-flex}.brand>span:last-child span,.footer-brand>span:last-child{color:var(--mint)}.brand-mark{color:#07120f;background:var(--mint);border-radius:11px 5px;place-items:center;width:36px;height:36px;font-size:1.05rem;line-height:1;display:grid;box-shadow:6px -6px #ff9e5bf2}.all-tools{min-height:44px;color:var(--muted);align-items:center;gap:8px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.all-tools:hover{color:var(--mint)}.topbar-actions{align-items:center;gap:20px;display:flex}.install-button{color:#07120f;background:var(--mint);cursor:pointer;border:0;border-radius:11px;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:.84rem;font-weight:900;display:inline-flex}.install-button:hover:not(:disabled){background:#9bffc7}.install-button:disabled{color:var(--subtle);border:1px solid var(--line);cursor:default;background:0 0}main{padding:70px 0 0}.intro{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;margin-bottom:42px;display:grid}.intro-copy{max-width:850px}.eyebrow{color:var(--mint);letter-spacing:.16em;margin:0 0 14px;font-size:.78rem;font-weight:800}.eyebrow span{color:var(--orange)}h1,h2,p{margin-top:0}h1{letter-spacing:-.055em;text-wrap:balance;max-width:820px;margin-bottom:20px;font-size:clamp(2.5rem,6vw,5.5rem);line-height:.98}.lede{max-width:700px;color:var(--muted);margin-bottom:0;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.6}.privacy-pill{min-height:44px;color:var(--mint);white-space:nowrap;background:#75f6ae0f;border:1px solid #75f6ae40;border-radius:999px;align-items:center;gap:9px;padding:10px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.workbench{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(140deg,#102820ed,#081712fa);grid-template-columns:1.12fr .88fr;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #0000003d}.workbench:before{content:"";background:linear-gradient(90deg, var(--orange), var(--mint));width:38%;height:4px;position:absolute;inset:0 auto auto 0}.step-column{padding:clamp(24px,4vw,48px)}.target-step{border-left:1px solid var(--line)}.step-heading{align-items:center;gap:13px;margin-bottom:25px;display:flex}.step-number{color:#07120f;background:var(--mint);border-radius:50%;place-items:center;width:36px;height:36px;font-size:.8rem;font-weight:900;display:grid}.step-heading p{color:var(--orange);letter-spacing:.15em;margin:0 0 2px;font-size:.7rem;font-weight:900}.step-heading h2{letter-spacing:-.02em;margin:0;font-size:1.2rem}.drop-zone{min-height:340px;color:var(--muted);cursor:pointer;background:#040f0c73;border:1.5px dashed #42675a;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;transition:border-color .16s,background .16s,transform .16s;display:flex}.drop-zone:hover,.drop-zone:focus-visible,.drop-zone.is-dragging{border-color:var(--mint);background:#75f6ae0f;outline:none}.drop-zone.is-dragging{transform:scale(1.01)}.drop-zone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.drop-zone>strong{color:var(--ink);font-size:1.1rem}.drop-zone>small{color:var(--subtle);margin-top:14px;font-size:.78rem}.upload-symbol{width:64px;height:64px;color:var(--mint);background:#75f6ae14;border:1px solid #75f6ae54;border-radius:20px 8px;place-items:center;margin-bottom:8px;font-size:2.1rem;font-weight:300;display:grid}.drop-zone.has-file{justify-content:flex-start;align-items:stretch}.image-preview-wrap{background-color:#0a1814;background-image:linear-gradient(45deg,#172a24 25%,#0000 25%),linear-gradient(-45deg,#172a24 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#172a24 75%),linear-gradient(-45deg,#0000 75%,#172a24 75%),none;background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border-radius:13px;place-items:center;min-height:245px;display:grid;position:relative;overflow:hidden}.image-preview-wrap img{object-fit:contain;width:100%;height:245px}.replace-label{color:#07120f;background:var(--mint);border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:800;position:absolute;top:11px;right:11px}.file-meta{justify-content:space-between;gap:16px;margin-top:12px;display:flex}.file-meta strong{max-width:58%;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-meta span{color:var(--subtle);text-align:right;font-size:.82rem}.target-control>label,.format-control legend{color:var(--muted);margin-bottom:9px;font-size:.82rem;font-weight:700;display:block}.number-field{background:#040f0ca6;border:1px solid #42675a;border-radius:15px;grid-template-columns:1fr auto;align-items:center;min-height:76px;display:grid;overflow:hidden}.number-field:focus-within{border-color:var(--mint);box-shadow:0 0 0 3px #75f6ae1a}.number-field input{width:100%;min-width:0;height:74px;color:var(--ink);letter-spacing:-.04em;background:0 0;border:0;outline:0;padding:0 8px 0 20px;font-size:2.25rem;font-weight:800}.number-field span{color:var(--mint);letter-spacing:.1em;padding-right:20px;font-size:.9rem;font-weight:900}.presets{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px;display:grid}.presets button{min-height:44px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;padding:6px;font-size:.78rem;font-weight:800}.presets button:hover,.presets button.active{color:#07120f;border-color:var(--mint);background:var(--mint)}.format-control{border:0;margin:25px 0 0;padding:0}.format-control>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.format-control label{min-height:66px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#040f0c4d;border-radius:12px;flex-direction:column;justify-content:center;padding:10px 15px;font-size:.88rem;font-weight:900;display:flex}.format-control label.selected{color:var(--mint);background:#75f6ae0f;border-color:#75f6aea6}.format-control input{opacity:0;pointer-events:none;position:absolute}.format-control label:focus-within{outline:2px solid var(--mint);outline-offset:2px}.format-control label span{color:var(--subtle);margin-top:2px;font-size:.72rem;font-weight:500}.compress-button,.download-button{color:#07120f;background:var(--mint);cursor:pointer;border:0;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:58px;margin-top:28px;padding:0 22px;font-weight:900;transition:transform .14s,box-shadow .14s;display:flex;box-shadow:0 8px #2e8a5b}.compress-button:hover:not(:disabled),.download-button:hover{transform:translateY(-2px);box-shadow:0 10px #2e8a5b}.compress-button:active:not(:disabled),.download-button:active{transform:translateY(4px);box-shadow:0 4px #2e8a5b}.compress-button:disabled{color:#8ba49a;cursor:wait;background:#29463b;box-shadow:0 6px #142a22}.progress-track{background:#183128;border-radius:99px;height:5px;margin-top:15px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--orange), var(--mint));height:100%;transition:width .18s;display:block}.under-note{color:var(--subtle);text-align:center;margin:17px 0 0;font-size:.78rem;line-height:1.5}.messages{align-items:center;min-height:78px;display:grid}.messages p{border-radius:12px;align-items:center;gap:10px;margin:12px 0;padding:13px 16px;font-size:.9rem;display:flex}.messages span{border-radius:50%;flex:0 0 24px;place-items:center;height:24px;font-weight:900;display:grid}.error-message{color:#ffd8d2;background:#ff806f14;border:1px solid #ff806f61}.error-message span{color:#07120f;background:var(--danger)}.notice-message{color:#c8f9dc;background:#75f6ae0f;border:1px solid #75f6ae40}.notice-message span{color:#07120f;background:var(--mint)}.result-card{border-radius:var(--radius);background:linear-gradient(145deg,#75f6ae1a,#081c15f5);border:1px solid #75f6ae66;outline:none;margin-bottom:80px;padding:clamp(24px,5vw,52px)}.result-card:focus-visible{box-shadow:0 0 0 3px #75f6ae2e}.result-topline{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.result-topline h2{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,5vw,4rem)}.target-badge{color:#07120f;background:var(--mint);border-radius:999px;padding:10px 13px;font-size:.8rem;font-weight:900}.comparison{gap:22px;margin:42px 0 28px;display:grid}.comparison-row{grid-template-columns:140px 1fr 190px;align-items:center;gap:18px;display:grid}.comparison-row>div:first-child{justify-content:space-between;gap:10px;display:flex}.comparison-row span,.comparison-row small{color:var(--subtle);font-size:.78rem}.comparison-row strong{font-size:.95rem}.comparison-row small{text-align:right}.size-bar{background:#173128;border-radius:99px;height:12px;overflow:hidden}.size-bar span{border-radius:inherit;background:var(--orange);min-width:3px;height:100%;display:block}.compressed .size-bar span{background:var(--mint)}.result-summary{color:var(--muted);line-height:1.6}.result-actions{grid-template-columns:minmax(220px,1fr) auto auto;align-items:end;gap:10px;display:grid}.download-button{justify-content:center;margin:0}.share-button,.reset-button{cursor:pointer;background:0 0;border:1px solid #42675a;border-radius:14px;min-height:58px;padding:0 22px;font-weight:800}.share-button:hover,.reset-button:hover{color:var(--mint);border-color:var(--mint)}.privacy-note{border:1px solid var(--line);background:#0c1d18b3;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:18px;max-width:880px;margin:0 auto 80px;padding:22px 24px;display:grid}.privacy-note>svg{width:34px;height:34px;color:var(--mint)}.privacy-note h2{letter-spacing:-.02em;margin:0 0 5px;font-size:1.15rem}.privacy-note p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.55}.faq{max-width:880px;margin:0 auto 100px}.faq>.eyebrow,.faq>h2{text-align:center}.faq h2{letter-spacing:-.04em;margin-bottom:16px;font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.05}.faq-list{border-top:1px solid var(--line);margin-top:36px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:68px;font-size:1rem;font-weight:800;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--mint);font-size:1.5rem;font-weight:400}.faq details[open] summary:after{content:"−"}.faq details p{max-width:720px;color:var(--muted);padding:0 44px 22px 0;line-height:1.7}.suggestion{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(24px,5vw,70px);margin:0 0 80px;padding:clamp(24px,4vw,42px);display:grid}.suggestion h2{letter-spacing:-.04em;margin-bottom:8px;font-size:clamp(1.6rem,3vw,2.4rem)}.suggestion>div>p:last-child{color:var(--muted);margin:0}.suggestion form>label{color:var(--muted);margin-bottom:8px;font-size:.82rem;font-weight:700;display:block}.suggestion form>div{grid-template-columns:1fr auto;display:grid}.suggestion input{min-width:0;min-height:52px;color:var(--ink);background:#040f0ca6;border:1px solid #42675a;border-right:0;border-radius:12px 0 0 12px;outline:0;padding:0 15px;font-size:1rem}.suggestion input:focus{border-color:var(--mint);box-shadow:inset 0 0 0 1px var(--mint)}.suggestion form button{color:#07120f;background:var(--mint);cursor:pointer;border:0;border-radius:0 12px 12px 0;min-height:52px;padding:0 18px;font-weight:900}.suggestion form button:hover{background:#9bffc7}.suggestion form small{color:var(--subtle);margin-top:7px;font-size:.75rem;display:block}.suggestion form>p{color:var(--danger);margin:7px 0 0;font-size:.82rem}footer{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:25px;min-height:160px;display:grid}.footer-brand{font-size:.82rem}.footer-brand .brand-mark{width:30px;height:30px}footer p{color:var(--subtle);margin:0;font-size:.84rem}footer nav{gap:22px;display:flex}footer nav a{min-height:44px;color:var(--muted);align-items:center;font-size:.84rem;text-decoration:none;display:inline-flex}footer nav a:hover{color:var(--mint)}.install-dialog{width:min(520px,100% - 28px);max-height:min(760px,100dvh - 28px);color:var(--ink);background:radial-gradient(circle at 100% 0,#75f6ae1c,#0000 18rem),#0c1d18;border:1px solid #75f6ae61;border-radius:24px;margin:auto;padding:clamp(26px,5vw,42px);overflow:auto;box-shadow:0 35px 100px #0000009e}.install-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010806cc}.dialog-close{width:44px;height:44px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#040f0c8c;border-radius:50%;font-size:1.55rem;line-height:1;position:absolute;top:15px;right:15px}.dialog-close:hover{color:var(--mint);border-color:var(--mint)}.dialog-icon{color:#07120f;background:var(--mint);width:58px;height:58px;box-shadow:6px -6px 0 var(--orange);border-radius:18px 8px;place-items:center;margin-bottom:30px;font-size:1.35rem;display:grid}.install-dialog h2{letter-spacing:-.045em;max-width:400px;margin-bottom:12px;font-size:clamp(1.8rem,6vw,2.7rem);line-height:1.05}.dialog-intro{color:var(--muted);margin-bottom:22px;font-size:1rem;line-height:1.6}.install-dialog ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.install-dialog li{border-top:1px solid var(--line);grid-template-columns:34px 1fr;align-items:center;gap:12px;min-height:58px;padding:9px 0;display:grid}.install-dialog li>span{color:#07120f;background:var(--orange);border-radius:50%;place-items:center;width:30px;height:30px;font-size:.78rem;font-weight:900;display:grid}.install-dialog li p{color:var(--ink);margin:0;font-size:.95rem;line-height:1.5}.install-fineprint{color:var(--subtle);margin:20px 0;font-size:.8rem;line-height:1.55}.dialog-done{color:#07120f;background:var(--mint);cursor:pointer;border:0;border-radius:13px;width:100%;min-height:52px;font-weight:900}.dialog-done:hover{background:#9bffc7}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}@media (width<=820px){.site-shell{width:min(100% - 24px,680px)}.topbar{min-height:72px}.topbar-actions{gap:10px}.all-tools{font-size:0}.all-tools:before{content:"All tools";font-size:.88rem}main{padding-top:48px}.intro{grid-template-columns:1fr;align-items:start;gap:22px;margin-bottom:30px}.privacy-pill{justify-self:start}h1{font-size:clamp(2.55rem,13vw,4.6rem)}.workbench{grid-template-columns:1fr}.target-step{border-top:1px solid var(--line);border-left:0}.drop-zone{min-height:280px}.image-preview-wrap,.image-preview-wrap img{height:220px;min-height:0}.result-card{margin-bottom:60px}.comparison-row{grid-template-columns:115px 1fr}.comparison-row small{text-align:left;grid-column:1/-1}.result-actions{grid-template-columns:1fr 1fr}.download-button{grid-column:1/-1}.suggestion{grid-template-columns:1fr}footer{grid-template-columns:1fr auto;padding:28px 0}footer p{display:none}}@media (width<=500px){.site-shell{width:min(100% - 20px,480px)}.brand{font-size:.82rem}.brand-mark{width:31px;height:31px;box-shadow:4px -4px 0 var(--orange)}.topbar-actions{gap:7px}.install-button{padding:0 11px;font-size:.8rem}.all-tools:before{content:"Tools";font-size:.82rem}.all-tools svg{display:none}main{padding-top:38px}h1{font-size:clamp(2.45rem,12.5vw,3.55rem)}.lede{font-size:1rem}.step-column{padding:22px 17px 25px}.drop-zone{min-height:245px;padding:14px}.image-preview-wrap,.image-preview-wrap img{height:175px}.file-meta{flex-direction:column;gap:4px}.file-meta strong{max-width:100%}.file-meta span{text-align:left}.presets{grid-template-columns:1fr 1fr}.format-control>div{grid-template-columns:1fr}.format-control label{min-height:58px}.result-topline{flex-direction:column}.comparison-row{grid-template-columns:1fr;gap:9px}.comparison-row small{grid-column:auto}.result-actions{grid-template-columns:1fr}.download-button{grid-column:auto}.share-button,.reset-button{min-height:52px}.faq{margin-bottom:70px}.privacy-note{align-items:start;margin-bottom:60px;padding:19px}.suggestion{margin-bottom:55px;padding:28px 10px}.suggestion form>div{grid-template-columns:1fr;gap:8px}.suggestion input{border-right:1px solid #42675a;border-radius:12px}.suggestion form button{border-radius:12px}footer{grid-template-columns:1fr;gap:18px}footer nav{justify-content:space-between}.install-dialog{border-radius:20px;padding:28px 20px 22px}.dialog-icon{margin-top:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}