:root{color:#203a33;font-synthesis:none;--ink:#203a33;--muted:#6e7b75;--accent:#78dfbb;--line:#dfe8e3;--paper:#f7faf8;--radius:26px;color-scheme:light;background:#fff;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;-webkit-user-select:none;user-select:none}button:disabled{cursor:wait;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #14785a}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.shell{width:min(1180px,100% - 80px);margin-inline:auto}.header{align-items:center;gap:42px;height:104px;display:flex}.brand{letter-spacing:-1.2px;white-space:nowrap;align-items:center;gap:11px;font-size:27px;font-weight:800;text-decoration:none;display:flex}.brand-icon{background:var(--accent);border-radius:11px;flex-shrink:0;width:40px;height:40px;display:block;overflow:hidden}.brand-icon img{width:100%;height:100%;display:block}.brand-dot{color:#218764}.main-nav{border:1px solid var(--line);border-radius:40px;gap:6px;margin:auto;padding:5px;display:flex}.main-nav a{color:var(--muted);border-radius:25px;padding:10px 24px;font-size:15px;font-weight:600;text-decoration:none}.main-nav a[aria-current]{background:var(--ink);color:#fff}.privacy{color:#626157;white-space:nowrap;align-items:center;gap:7px;font-size:13px;display:flex}.privacy svg{width:17px;height:17px}.hero{text-align:center;margin:70px auto 42px}.eyebrow{letter-spacing:1.8px;color:#777468;justify-content:center;align-items:center;gap:8px;margin:0 0 24px;font-size:11px;font-weight:700;display:flex}.eyebrow span{background:var(--accent);border-radius:50%;width:6px;height:6px}h1{letter-spacing:-4.5px;margin:0;font-size:clamp(42px,5.6vw,78px);font-weight:750;line-height:1.1}.highlight{isolation:isolate;white-space:nowrap;display:inline-block;position:relative}.highlight:after{content:"";z-index:-1;background:repeating-linear-gradient(90deg,#78dfbb 0 25px,#a4ecd2 25px 50px,#cef5e7 50px 75px);height:11px;position:absolute;bottom:0;left:1px;right:0;transform:translateY(3px)}.subtitle{color:var(--muted);margin:24px 0 0;font-size:18px;line-height:1.6}.mobile-break{display:none}.sub-nav{justify-content:center;gap:24px;margin:0 0 23px;display:flex}.sub-nav a{color:var(--muted);border-bottom:2px solid #0000;padding:6px 1px;font-size:14px;text-decoration:none}.sub-nav a[aria-current]{color:var(--ink);border-color:var(--ink);font-weight:600}.dropzone{background:conic-gradient(#eef4f0 25%,#fafcfb 0 50%,#eef4f0 0 75%,#fafcfb 0);border:1px solid var(--line);border-radius:var(--radius);background-size:24px 24px;padding:17px;transition:border-color .15s;position:relative}.dropzone.drag-over{background:var(--accent);border-color:#218764}.drop-inner{text-align:center;border:1.5px dashed #c9d7cf;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-height:345px;padding:30px 25px 26px;display:flex;position:relative}.corner{border-style:solid;border-color:#9aafa3;width:13px;height:13px;position:absolute}.tl{border-width:1.5px 0 0 1.5px;top:14px;left:14px}.tr{border-width:1.5px 1.5px 0 0;top:14px;right:14px}.bl{border-width:0 0 1.5px 1.5px;bottom:14px;left:14px}.br{border-width:0 1.5px 1.5px 0;bottom:14px;right:14px}.drop-symbol{color:#62796d;width:47px;height:47px;margin-bottom:12px}.drop-symbol svg{width:100%;height:100%}.drop-inner h2{letter-spacing:-1.3px;margin:0 0 13px;font-size:31px;line-height:1.2}.drop-note{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.choose-actions{justify-content:center;gap:10px;margin-top:27px;display:flex}.button{white-space:nowrap;border:1px solid #0000;border-radius:28px;justify-content:center;align-items:center;gap:10px;min-height:47px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.button svg{width:18px;height:18px}.primary{background:var(--accent);color:var(--ink);border-color:#67cdaa;box-shadow:0 3px #4cb28f}.secondary{color:var(--ink);background:#fff;border-color:#ceddd4}.dark{background:var(--ink);color:#fff}.drop-hint{letter-spacing:.15px;color:#8b877c;margin:22px 0 0;font-size:11px;line-height:1.5}.output-control{color:var(--muted);align-items:center;gap:10px;margin-top:22px;font-size:13px;display:flex}.segmented{background:#fff;border:1px solid #ceddd4;border-radius:25px;padding:3px;display:flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:22px;padding:8px 13px;font-size:13px}.segmented button[aria-pressed=true]{background:var(--ink);color:#fff}.under-tool{color:#8a877d;justify-content:space-between;gap:15px;margin:18px 3px 0;font-size:11px;line-height:1.5;display:flex}.under-tool>span:first-child{align-items:center;gap:6px;display:flex}.status-dot{background:#4aa584;border-radius:50%;width:5px;height:5px;display:inline-block}.footer{color:#969185;border-top:1px solid #f0ede6;justify-content:space-between;gap:20px;margin-top:75px;padding:24px 0 30px;font-size:11px;line-height:1.6;display:flex}.footer a{text-decoration:none}.footer-separator{color:#d0cbbb;margin-inline:8px}.skip-link{background:var(--accent);z-index:10;padding:14px;position:absolute;top:-80px;left:20px}.skip-link:focus{top:10px}.workspace{border:1px solid var(--line);border-radius:20px;margin-top:34px;overflow:hidden}.workspace-heading{justify-content:space-between;align-items:center;gap:16px;padding:24px 26px;display:flex}.workspace-heading h2{letter-spacing:-.5px;margin:0 0 6px;font-size:20px}.workspace-heading p{color:var(--muted);margin:0;font-size:13px}.text-button{color:var(--muted);text-underline-offset:3px;white-space:nowrap;background:0 0;border:0;padding:7px 3px;font-size:13px;text-decoration:underline}.file-list{overscroll-behavior:contain;max-height:450px;overflow:auto}.file-row{border-top:1px solid #eeeae3;align-items:center;gap:14px;padding:14px 26px;display:flex}.file-icon{color:#888172;background:#edf4ef;border-radius:6px;flex-shrink:0;place-items:center;width:36px;height:40px;font-size:10px;font-weight:700;display:grid}.file-thumb{object-fit:contain;background:#f0f5f2;border-radius:6px;flex-shrink:0;width:46px;height:46px}.file-info{flex:1;min-width:0}.file-name{overflow-wrap:anywhere;margin:0 0 5px;font-size:14px;line-height:1.4}.file-meta{color:var(--muted);font-size:12px;line-height:1.5}.file-error{color:#a33c21}.file-savings{color:#4c7547;white-space:nowrap;font-size:12px;font-weight:600}.icon-button{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);background:#fff;border-radius:50%;flex-shrink:0;place-items:center;font-size:17px;display:grid}.file-row input[type=checkbox]{width:17px;height:17px;accent-color:var(--ink)}.settings{background:var(--paper);border-top:1px solid var(--line);padding:24px 26px}.settings-grid{grid-template-columns:1.3fr .8fr 1fr 1.5fr;gap:16px;display:grid}label{flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}label .muted{font-weight:400}input:not([type=checkbox]),select{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #d0ddd5;border-radius:8px;min-height:43px;padding:11px 12px;font-size:16px}input::placeholder{color:#aaa499;font-size:13px}.muted{color:var(--muted)}.settings-bottom{justify-content:space-between;align-items:center;gap:20px;margin-top:23px;display:flex}.settings-bottom p{color:var(--muted);max-width:470px;margin:0;font-size:12px;line-height:1.6}.progress-area{border-top:1px solid var(--line);padding:20px 26px}.progress-label{justify-content:space-between;align-items:center;gap:20px;font-size:13px;display:flex}.progress-label>span{overflow-wrap:anywhere}progress{-webkit-appearance:none;appearance:none;background:#eaf2ed;border:0;border-radius:5px;width:100%;height:5px;margin-top:12px;overflow:hidden}progress::-webkit-progress-bar{background:#eaf2ed}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}.results-actions{border-top:1px solid var(--line);background:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:20px 26px;display:flex}.result-message{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.notice{overflow-wrap:anywhere;background:#edf9f3;border:1px solid #b9dfcf;border-radius:10px;margin:20px 0;padding:13px 17px;font-size:13px;line-height:1.7}.notice.error{color:#8f402b;background:#fff1ec;border-color:#efd0c4}.open-form{align-items:end;gap:14px;padding:0 26px 24px;display:flex}.open-form label{flex:1;max-width:330px}.open-form label>span{display:inline}.credits{max-width:760px;margin:60px auto;padding:0 24px;line-height:1.8}.credits h1{letter-spacing:-1.5px;font-size:38px}.credits h2{margin-top:30px;font-size:20px}.credits p{color:var(--muted)}@media (hover:hover) and (pointer:fine){.primary:hover{background:#96e8ca}.secondary:hover,.icon-button:hover{background:#eff7f2}.text-button:hover,.footer a:hover{color:var(--ink)}.main-nav a:not([aria-current]):hover{background:#f0f6f2}}@media (width>=1600px){.shell{width:min(1360px,100% - 120px)}.hero{margin-top:95px}h1{font-size:87px}.drop-inner{min-height:400px}.drop-inner h2{font-size:37px}.drop-note{font-size:17px}.header{height:115px}}@media (width<=900px){.shell{width:calc(100% - 48px)}.header{gap:20px}.brand{font-size:23px}.privacy{font-size:0}.privacy svg{width:20px;height:20px}.main-nav{margin-left:auto;margin-right:0}.hero{margin-top:55px}h1{letter-spacing:-2.7px;font-size:clamp(40px,6vw,63px)}.settings-grid{grid-template-columns:1fr 1fr}.drop-inner h2{font-size:28px}}@media (width<=600px){.shell{width:calc(100% - 32px)}.header{height:85px;padding-top:env(safe-area-inset-top,0px);gap:12px}.brand{letter-spacing:-.9px;gap:8px;font-size:21px}.brand-icon{border-radius:8px;width:32px;height:32px}.main-nav{gap:0;padding:3px}.main-nav a{padding:9px 13px;font-size:12px}.privacy{display:none}.hero{margin:45px auto 30px}.eyebrow{letter-spacing:1.4px;margin-bottom:20px;font-size:9px}h1{letter-spacing:-2.3px;font-size:clamp(37px,8.8vw,52px);line-height:1.15}.mobile-break{display:block}.highlight:after{height:8px;transform:translateY(1px)}.subtitle{max-width:285px;margin:20px auto 0;font-size:14px}.sub-nav{gap:25px;margin-bottom:19px}.sub-nav a{font-size:13px}.dropzone{border-radius:20px;padding:10px}.drop-inner{border-radius:12px;min-height:337px;padding:30px 16px 25px}.drop-symbol{width:39px;height:39px}.drop-inner h2{letter-spacing:-.8px;max-width:270px;font-size:24px}.drop-note{max-width:270px;font-size:13px}.choose-actions{flex-wrap:wrap;gap:8px;margin-top:23px}.button{min-height:45px;padding:12px 17px;font-size:13px}.drop-hint{max-width:240px;font-size:10px;line-height:1.8}.under-tool{align-items:start;font-size:10px}.under-tool>span:last-child{text-align:right;max-width:145px}.output-control{gap:7px;font-size:11px}.segmented button{padding:8px 10px;font-size:12px}.footer{padding-bottom:calc(25px + env(safe-area-inset-bottom,0px));align-items:start;margin-top:48px;font-size:10px}.footer>span:last-child{text-align:right}.footer-separator{margin-inline:3px}.workspace-heading,.file-row,.progress-area,.results-actions{padding:17px}.settings{padding:20px 17px}.settings-grid{gap:15px 10px}.settings-bottom{flex-direction:column;align-items:stretch;gap:15px}.settings-bottom .button{width:100%}.file-row{gap:10px}.file-name{font-size:12px}.file-savings{font-size:10px}.file-meta{font-size:11px}.open-form{flex-wrap:wrap;padding:0 17px 20px}.workspace-heading h2{font-size:18px}.results-actions .button{flex-grow:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.progress-track{border-radius:5px;height:5px;margin-top:12px;position:relative;overflow:hidden}.progress-track progress{height:100%;margin:0;display:block}.progress-activity{background:var(--accent);border-radius:5px;width:35%;animation:1.2s linear infinite progress-travel;display:none;position:absolute;inset:0 auto 0 0}progress:indeterminate+.progress-activity{display:block}@keyframes progress-travel{0%{transform:translate(-100%)}to{transform:translate(286%)}}@media (prefers-reduced-motion:reduce){.progress-activity{animation:none;transform:translate(100%)}}.image-inspector{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.inspector-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 26px;display:flex}.inspector-heading{flex-wrap:wrap;align-items:baseline;gap:12px;min-width:0;display:flex}.inspector-heading h3{overflow-wrap:anywhere;max-width:470px;margin:0;font-size:16px}#inspector-dimensions{color:var(--muted);white-space:nowrap;font-size:12px}.inspector-controls{flex-wrap:wrap;gap:8px;display:flex}.inspector-controls .segmented button{padding:8px 12px;font-size:12px}.compare-viewport{overscroll-behavior:contain;background:conic-gradient(#eaf1ed 25%,#fafcfb 0 50%,#eaf1ed 0 75%,#fafcfb 0);background-size:24px 24px;height:clamp(280px,55vh,620px);position:relative;overflow:auto}.compare-viewport[data-background=white]{background:#fff}.compare-viewport[data-background=dark]{background:#20312b}.compare-canvas{place-items:center;width:max-content;min-width:100%;height:max-content;min-height:100%;padding:24px;display:grid}.compare-stage{--split:50%;flex:none;width:1px;height:1px;position:relative}.compare-stage img{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.compare-stage.ready #compare-original{clip-path:inset(0 calc(100% - var(--split)) 0 0)}#compare-output{opacity:0}.compare-stage.ready #compare-output{opacity:1;clip-path:inset(0 0 0 var(--split))}.compare-divider{top:0;bottom:0;left:var(--split);background:var(--accent);pointer-events:none;width:2px;display:none;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #203a331a}.compare-divider>span{background:var(--accent);color:var(--ink);border-radius:50%;place-items:center;width:40px;height:40px;font-size:23px;font-weight:600;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compare-stage.ready .compare-divider{display:block}#compare-split{opacity:0;cursor:col-resize;touch-action:pan-y;border:0;width:100%;height:100%;min-height:0;margin:0;padding:0;position:absolute;inset:0}.compare-stage:has(#compare-split:focus-visible){outline-offset:5px;outline:3px solid #14785a}.compare-badges{z-index:2;pointer-events:none;justify-content:space-between;gap:10px;height:0;padding:0 14px;display:flex;position:sticky;top:12px}.compare-badges span{border:1px solid var(--line);overflow-wrap:anywhere;background:#fffffff2;border-radius:12px;align-self:start;max-width:49%;padding:10px 13px;font-size:12px;line-height:1.5;box-shadow:0 2px 5px #203a3308}.inspector-footer{background:var(--paper);flex-wrap:wrap;align-items:center;gap:18px;padding:17px 26px;display:flex}#inspector-quality{min-width:180px;color:var(--muted);flex:1;margin:0;font-size:12px;line-height:1.6}.inspector-palette{background:conic-gradient(#ddd 25%,white 0 50%,#ddd 0 75%,white 0);background-size:8px 8px;border-radius:7px;flex:1;min-width:140px;max-width:380px;height:22px;display:flex;overflow:hidden}.inspector-palette i{flex:1;min-width:0}.preview-select{background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;padding:0;display:grid}.file-row.selected{box-shadow:inset 3px 0 var(--accent);background:#f1faf5}.file-row[data-file-id] .file-info{min-width:0;min-height:38px}.file-row[data-file-id] .file-name{color:var(--ink);visibility:visible}.file-row[data-file-id] .file-meta{visibility:visible}@media (width<=600px){.inspector-toolbar,.inspector-footer{padding:16px}.inspector-heading{gap:6px}.inspector-heading h3{max-width:100%;font-size:13px}.inspector-controls{gap:7px}.inspector-controls .segmented button{padding:8px 10px;font-size:11px}.compare-viewport{height:340px}.compare-badges{gap:6px;padding:0 8px;top:8px}.compare-badges span{max-width:49%;padding:8px;font-size:10px}.compare-canvas{padding:20px}.inspector-footer{gap:12px}#inspector-quality{min-width:100%;font-size:11px}.inspector-palette{min-width:100px}.compare-divider>span{width:32px;height:32px;font-size:20px}}.has-images .hero{margin-top:35px;margin-bottom:30px}.has-images .drop-inner{flex-flow:wrap;gap:18px;min-height:0;padding:18px}.has-images .drop-inner h2{letter-spacing:-.6px;margin:0;font-size:20px}.has-images .drop-symbol,.has-images .drop-note,.has-images .drop-hint{display:none}.has-images .choose-actions,.has-images .output-control{margin:0}@media (width<=600px){.has-images .hero{margin-top:25px}.has-images .drop-inner{gap:14px}.has-images .drop-inner h2{font-size:18px}.has-images .choose-actions{margin:0}}.compare-stage.pixelated img{image-rendering:pixelated}.image-selection{background:var(--paper);border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:15px 26px;font-size:12px;display:flex}.image-selection label{cursor:pointer;flex-direction:row;align-items:center;gap:9px;font-weight:400;display:flex}.image-selection input{width:17px;height:17px;accent-color:var(--ink);margin:0}body[data-mode=images] .file-row{cursor:pointer}body[data-mode=images] .file-row:focus-visible{outline-offset:-3px;outline:2px solid #14785a}@media (width<=600px){.image-selection{padding:14px 17px;font-size:11px}.image-selection label{font-size:11px}.file-row [data-image-selection]{flex-shrink:0}.file-row .file-savings{margin-left:auto}}.image-action-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;max-width:100%;margin-left:auto;display:flex}.image-action-buttons .button{flex-grow:0}.language-menu{z-index:20;flex-shrink:0;position:relative}.language-menu summary{border:1px solid var(--line);cursor:pointer;user-select:none;white-space:nowrap;border-radius:24px;align-items:center;gap:6px;padding:9px 12px;font-size:12px;list-style:none;display:flex}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary svg{width:16px;height:16px}.language-menu nav{border:1px solid var(--line);background:#fff;border-radius:14px;width:190px;padding:7px;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 8px 30px #203a3318}.language-menu nav a{border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.language-menu nav a[aria-current]{background:#edf9f3;font-weight:600}.credits-language{justify-content:space-between;align-items:center;padding-top:30px;display:flex}.hero h1{overflow-wrap:anywhere}.highlight{white-space:normal;max-width:100%}html:not([lang=en]) .button{white-space:normal;text-align:center;max-width:100%}html:lang(ja) h1,html:lang(ko) h1,html:lang(zh) h1{letter-spacing:-.035em}@media (hover:hover) and (pointer:fine){.language-menu nav a:hover{background:#f0f7f3}}@media (width<=600px){.header{grid-template-columns:1fr auto;gap:12px;height:auto;min-height:85px;padding:18px 0 8px;display:grid}.header .main-nav{grid-area:2/1/auto/-1;justify-self:center;margin:0}.header .language-menu{grid-area:1/2}.header .brand{grid-area:1/1}.language-menu summary{padding:8px 10px}.image-action-buttons{width:100%}}