:root{color:#202631;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#202631;--ink-muted:#606976;--ink-soft:#858d98;--blue:#3568c8;--blue-hover:#2859b6;--blue-soft:#edf2fc;--surface:#fff;--border:#e8e9e8;background:#f7f7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}::selection{color:#183d80;background:#dce7fb}.site-shell{flex-direction:column;width:min(100% - 64px,1120px);min-height:100vh;margin:0 auto;display:flex}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:76px;display:flex}.wordmark,.footer-brand{color:var(--ink);letter-spacing:-.6px;align-items:center;gap:9px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{width:27px;height:27px;color:var(--blue);background:var(--blue-soft);border-radius:7px;place-items:center;display:grid}.brand-mark svg{stroke:currentColor;stroke-width:1.7px;stroke-linejoin:round;width:17px;height:17px}.main-nav{align-items:center;gap:32px;display:flex}.main-nav a{color:var(--ink-muted);font-size:13px;font-weight:550;text-decoration:none;transition:color .14s}.main-nav a:hover,.footer-brand:hover{color:var(--blue)}.main-nav .privacy-link{color:var(--ink-soft)}.hero{text-align:center;flex-direction:column;align-items:center;padding:77px 0 55px;display:flex}.eyebrow,.results-kicker{color:var(--blue);letter-spacing:1.35px;align-items:center;gap:8px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.eyebrow-dot{background:var(--blue);border-radius:50%;width:6px;height:6px}.hero h1{color:var(--ink);letter-spacing:-3.2px;margin:20px 0 15px;font-size:clamp(42px,5.25vw,60px);font-weight:620;line-height:1.08}.hero-copy{max-width:500px;color:var(--ink-muted);font-size:15px;line-height:1.75}.upload-panel{box-sizing:border-box;background:var(--surface);border:1px dashed #cdd1d8;border-radius:9px;width:min(100%,660px);min-height:270px;margin-top:34px;padding:28px;transition:border-color .14s,background-color .14s}.upload-panel.is-dragging{border-color:var(--blue);background:#f5f8ff}.file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.upload-empty{flex-direction:column;justify-content:center;align-items:center;min-height:212px;display:flex}.upload-icon{width:44px;height:44px;color:var(--blue);background:var(--blue-soft);border-radius:9px;place-items:center;margin-bottom:15px;display:grid}.upload-icon svg{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}.upload-empty h2,.results-heading h2{color:var(--ink);letter-spacing:-.3px;margin:0;font-size:16px;font-weight:620}.upload-hint{color:var(--ink-soft);margin-top:5px;font-size:12px}.choose-button,.add-more-button{color:#fff;background:var(--blue);border:1px solid var(--blue);min-height:39px;font:inherit;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:12px;font-weight:600;transition:background-color .14s,border-color .14s;display:inline-flex}.choose-button{margin-top:19px}.choose-button:hover,.add-more-button:hover{background:var(--blue-hover);border-color:var(--blue-hover)}.choose-button:focus-visible,.add-more-button:focus-visible,.replace-link:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #a9c3ff}.choose-button svg,.add-more-button svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:15px;height:15px}.file-note{color:#9298a3;margin-top:12px;font-size:10px}.upload-notice{color:#9b5639;margin-top:10px;font-size:11px;line-height:1.5}.upload-results{text-align:left}.results-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;display:flex}.results-kicker{letter-spacing:1px;margin-bottom:7px;font-size:9px}.results-heading h2{font-size:15px}.batch-summary{color:var(--ink-soft);margin-top:6px;font-size:10px;line-height:1.45}.add-more-button{flex:none;min-height:34px;padding:0 11px;font-size:11px}.file-list{border-top:1px solid var(--border);max-height:310px;margin:0;padding:0;list-style:none;overflow-y:auto}.file-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px 13px;min-height:78px;display:flex}.image-preview{color:#9b5639;border:1px solid var(--border);background:#f4f5f7;border-radius:6px;flex:none;place-items:center;width:58px;height:58px;display:grid;overflow:hidden}.image-preview img{object-fit:contain;width:100%;height:100%}.preview-error{background:#faf0eb;border-color:#f0d8ca;font-size:18px;font-weight:600}.file-details{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.file-name{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;overflow:hidden}.file-metadata{color:var(--ink-soft);font-size:10px;line-height:1.45}.process-status,.processed-output{flex:0 0 100%;margin:0;padding-left:71px}.process-status{color:var(--ink-soft);font-size:10px}.process-error,.format-fallback{color:#9b5639}.processed-output{border-top:1px solid var(--border);padding-top:11px}.output-label{color:var(--blue);letter-spacing:1px;margin-bottom:8px;font-size:9px;font-weight:700;display:block}.output-details{justify-content:space-between;align-items:center;gap:12px;display:flex}.output-file-details{flex-direction:column;gap:5px;min-width:0;display:flex}.size-comparison,.size-change{color:var(--ink-soft);font-size:10px;line-height:1.45}.size-change{color:#3c755a}.size-change.size-larger{color:#9b5639}.download-button{min-height:32px;color:var(--blue);background:var(--blue-soft);border:1px solid #dce5f7;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0 11px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.download-button:hover{color:#fff;background:var(--blue);border-color:var(--blue)}.zip-control{border:1px solid var(--border);background:#f8f9fb;border-radius:7px;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 2px;padding:15px;display:flex}.zip-button{color:#fff;background:var(--blue);border:1px solid var(--blue);cursor:pointer;border-radius:6px;min-height:36px;padding:0 13px;font-size:11px;font-weight:600}.zip-button:hover:not(:disabled){background:var(--blue-hover);border-color:var(--blue-hover)}.zip-button:focus-visible,.zip-download-link:focus-visible{outline-offset:2px;outline:3px solid #a9c3ff}.zip-button:disabled{cursor:wait;opacity:.65}.zip-progress{width:100%;height:6px;accent-color:var(--blue)}.zip-download-link{color:var(--blue);font-size:11px;font-weight:600;text-decoration:none}.zip-download-link:hover{text-decoration:underline}.zip-error{color:#a44436;flex:1 0 100%;margin:0;font-size:11px;line-height:1.5}.zip-empty-note{color:var(--ink-soft);margin:13px 0 0;font-size:10px}.download-button:focus-visible,.process-button:focus-visible,.setting-field :focus-visible,.quality-control input:focus-visible,.toggle-setting input:focus-visible{outline-offset:2px;outline:3px solid #a9c3ff}.remove-image-button{color:#858d98;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;place-items:center;width:31px;height:31px;padding:0;display:grid}.remove-image-button:hover{color:#a44436;background:#fbf1ee}.remove-image-button:focus-visible{outline-offset:2px;outline:3px solid #a9c3ff}.remove-image-button svg{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:17px;height:17px}.replace-link{color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:13px;padding:0;font-size:11px}.replace-link:hover{color:var(--blue)}.settings-panel{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:9px;width:min(100%,660px);margin-top:18px;padding:22px 24px}.settings-heading{margin-bottom:17px}.settings-heading h2{color:var(--ink);letter-spacing:-.3px;margin:0;font-size:16px;font-weight:620}.settings-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.setting-field{min-width:0;color:var(--ink-muted);flex-direction:column;gap:7px;font-size:11px;font-weight:550;display:flex}.setting-field select,.setting-field input{width:100%;min-height:38px;color:var(--ink);background:#fff;border:1px solid #dfe2e6;border-radius:5px;padding:0 10px;font-size:12px}.setting-field select:focus-visible,.setting-field input:focus-visible{border-color:var(--blue)}.quality-control{flex-direction:column;gap:7px;display:flex}.quality-control label{color:var(--ink-muted);justify-content:space-between;font-size:11px;font-weight:550;display:flex}.quality-control label span:last-child{color:var(--ink);font-variant-numeric:tabular-nums}.quality-control input{width:100%;height:18px;accent-color:var(--blue);margin:2px 0}.quality-control input:disabled{opacity:.45}.setting-help{color:var(--ink-soft);font-size:10px;font-weight:400;line-height:1.5}.toggle-setting{color:var(--ink-muted);cursor:pointer;align-items:center;gap:8px;font-size:11px;font-weight:500;display:inline-flex}.toggle-setting input{width:15px;height:15px;accent-color:var(--blue);margin:0}.resize-toggle{border-top:1px solid var(--border);color:var(--ink);margin-top:18px;padding-top:16px;font-size:12px;font-weight:600;display:flex}.dimension-fields{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.toggle-options{flex-wrap:wrap;gap:14px 20px;margin-top:14px;display:flex}.resize-help,.transparency-note{margin:11px 0 0}.processing-validation{color:#a44436;margin-top:15px;font-size:11px;line-height:1.5}.process-button{color:#fff;background:var(--blue);border:1px solid var(--blue);cursor:pointer;border-radius:6px;width:100%;min-height:40px;margin-top:18px;font-size:12px;font-weight:600}.process-button:hover:not(:disabled){background:var(--blue-hover);border-color:var(--blue-hover)}.process-button:disabled{cursor:wait;opacity:.65}.local-processing-note{color:var(--ink-soft);text-align:center;margin-top:9px;font-size:10px}.privacy-note{color:var(--ink-soft);align-items:center;gap:7px;margin-top:15px;font-size:11px;display:inline-flex}.privacy-note svg{stroke:#8a929f;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.features{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:min(100%,825px);margin:0 auto 60px;padding:25px 0;display:grid}.feature{align-items:flex-start;gap:11px;display:flex}.feature-icon{color:#66758c;background:#f0f1f3;border-radius:7px;flex:none;place-items:center;width:31px;height:31px;display:grid}.feature-icon svg{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.feature h3{color:var(--ink);margin:1px 0 4px;font-size:12px;font-weight:620}.feature p{color:var(--ink-soft);font-size:10px;line-height:1.55}.site-footer{border-top:1px solid var(--border);min-height:63px;color:var(--ink-soft);align-items:center;gap:15px;margin-top:auto;font-size:10px;display:flex}.footer-brand{font-size:12px}.footer-copyright{margin-left:auto}@media (width<=680px){.site-shell{width:min(100% - 36px,520px)}.site-header{height:65px}.hero{padding:61px 0 44px}.hero h1{letter-spacing:-2.5px;margin-top:17px;font-size:clamp(40px,10vw,52px)}.hero-copy{max-width:400px;font-size:13px}.upload-panel{min-height:260px;margin-top:28px;padding:20px}.settings-panel{padding:19px 17px}.settings-grid{grid-template-columns:1fr;gap:14px}.toggle-options{flex-direction:column;gap:12px}.zip-control{flex-direction:column;align-items:flex-start}.upload-empty{min-height:218px}.features{grid-template-columns:1fr;gap:19px;margin-bottom:38px;padding:22px 0}.feature{align-items:center}.feature p{font-size:11px}.site-footer{flex-wrap:wrap;gap:5px 10px;min-height:58px}}@media (width<=380px){.site-shell{width:calc(100% - 28px)}.main-nav{gap:20px}.upload-panel{padding:16px}.results-heading{flex-direction:column;align-items:flex-start}.footer-copyright{width:100%;margin-bottom:10px;margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}