@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#232822;background:#f6f7f4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#232822;--muted:#777f75;--line:#e4e7df;--green:#b2ef76;--deep:#30442a;--paper:#fff;--mono:"DM Mono",monospace}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,summary,input,select{outline-offset:3px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5c8d37;outline-offset:3px}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:1100px;padding:0 54px;margin:0 auto}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font:500 11px var(--mono);letter-spacing:.075em}.brand-mark{width:23px;height:23px;display:flex;align-items:flex-end;gap:3px;padding:4px;border:1px solid #cad6bd;border-radius:7px}.brand-mark i{width:3px;background:#668c4d;border-radius:3px}.brand-mark i:nth-child(1){height:6px}.brand-mark i:nth-child(2){height:10px}.brand-mark i:nth-child(3){height:14px}.top-note{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.privacy-dot{width:6px;height:6px;border-radius:50%;background:#76ad52}.intro{padding:71px 0 32px;max-width:635px}.eyebrow,.section-kicker{font:500 10px var(--mono);letter-spacing:.13em;color:#6d7a68}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase}.eyebrow-line{height:1px;width:24px;background:#96aa89}.intro h1{font:600 clamp(44px,7vw,67px)/1.08 Manrope,sans-serif;letter-spacing:-.065em;margin:17px 0 13px}.period{color:#83a861}.intro-copy{max-width:500px;font-size:15px;color:#697168;line-height:1.65;margin:0}.upload-panel{min-height:203px;padding:29px 34px;display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:19px;background:#fff;border:1px dashed #b8c2b0;border-radius:9px;position:relative;transition:background .16s,border-color .16s,transform .16s}.upload-panel.is-dragging{background:#f0f7e9;border-color:#6d984e;border-style:solid;transform:scale(1.005)}.upload-icon{width:56px;height:56px;border:1px solid #e1e7db;border-radius:50%;display:grid;place-items:center;background:#f8faf6}.upload-icon svg{width:27px;stroke:#628548;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.upload-copy h2{font:600 17px Manrope,sans-serif;letter-spacing:-.02em;margin:0 0 5px}.upload-copy p{font-size:12px;color:var(--muted);margin:0}.button{border:0;border-radius:6px;min-height:43px;padding:0 17px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:15px;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#39413a}.browse{min-width:137px}.browse span,.compress-one span,.compress-all span{font-size:15px;font-weight:400}.drop-hint{position:absolute;bottom:13px;left:0;right:0;text-align:center;color:#a5aca1;font:9px var(--mono);letter-spacing:.08em}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-info{display:grid;grid-template-columns:repeat(3,1fr);padding:21px 4px 24px;border-bottom:1px solid var(--line);gap:18px}.info-item{display:flex;align-items:center;gap:10px}.info-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:#ecefe8;color:#718365;font-size:14px}.info-item b,.info-item small{display:block}.info-item b{font-size:10.5px;font-weight:600}.info-item small{font-size:10px;color:#858c82;margin-top:3px}.notice{margin-top:17px;padding:12px 15px;background:#eff5e8;border-left:3px solid #7ca35c;border-radius:3px;color:#405538;font-size:12px;line-height:1.5}.queue{padding-top:38px}.queue-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:19px}.section-kicker{font-size:9px;margin-bottom:7px}.queue-heading h2{font:600 24px Manrope,sans-serif;letter-spacing:-.04em;margin:0}.count{font:11px var(--mono);color:#869080;margin-left:6px;vertical-align:middle}.text-button{border:0;background:transparent;color:#777f75;font-size:11px;padding:8px}.text-button:hover{color:var(--ink)}.clear-button span{font-size:18px;vertical-align:-1px;margin-left:4px}.items{display:grid;gap:13px}.file-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;position:relative;overflow:hidden}.file-summary{min-height:78px;display:flex;align-items:center;padding:15px 22px;gap:13px}.file-type{width:39px;height:44px;flex:0 0 39px;display:grid;place-items:center;position:relative;font:500 9px var(--mono);color:#526f40;border:1px solid #d9e5cf;border-radius:5px;background:#f5f8f1}.file-type:before{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 10px 10px 0;border-color:transparent #dce8d3 transparent transparent}.file-type.pdf{color:#a15444;background:#fbf4f1;border-color:#ecd7d1}.file-name{min-width:0;flex:1}.file-name h3{font-size:12px;font-weight:600;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name p{font-size:10px;color:#828980;margin:0}.file-name p span{padding:0 4px;color:#b3b9b0}.status{display:flex;align-items:center;gap:7px;color:#727a70;font-size:10px;white-space:nowrap}.status-mark{width:7px;height:7px;border-radius:50%;background:#a9b0a5}.status-ready .status-mark{background:#8cb765}.status-processing .status-mark,.status-uploading .status-mark{background:#d99a42;animation:pulse 1.1s ease-in-out infinite}.status-succeeded{color:#507536}.status-succeeded .status-mark{background:#7eaa5b}.status-failed{color:#a05444}.status-failed .status-mark{background:#bd6556}.status-cancelled .status-mark{background:#a9b0a5}.status-cancelling .status-mark{background:#d99a42}.icon-button{border:0;background:transparent;width:30px;height:30px;display:grid;place-items:center;color:#92998f;font-size:20px;border-radius:5px;line-height:1}.icon-button:hover{background:#f2f3f0;color:#454c44}.card-index{position:absolute;right:9px;top:6px;font:8px var(--mono);color:#bec4bb;pointer-events:none}.settings-area,.result-area{border-top:1px solid #edf0e9;padding:18px 22px 20px}.preset-field{border:0;padding:0;margin:0 0 18px}.preset-field legend{font-size:10px;font-weight:600;color:#60685e;margin-bottom:8px}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preset-option{display:flex;align-items:center;gap:9px;min-height:53px;padding:8px 10px;border:1px solid #e4e8e0;border-radius:5px;cursor:pointer;transition:border-color .15s,background .15s}.preset-option:hover{border-color:#b6c8a9}.preset-option.selected{background:#f6f9f2;border-color:#88a873}.preset-option input{position:absolute;opacity:0;width:1px;height:1px}.preset-option:focus-within{outline:3px solid #5c8d37;outline-offset:2px}.radio-dot{width:14px;height:14px;border-radius:50%;border:1px solid #c1c8bd;display:grid;place-items:center;flex:0 0 14px}.selected .radio-dot{border-color:#6f9854}.selected .radio-dot:after{content:"";width:6px;height:6px;border-radius:50%;background:#6f9854}.preset-option b,.preset-option small{display:block}.preset-option b{font-size:10px;font-weight:600}.preset-option small{font-size:9px;color:#858d82;margin-top:3px}.advanced-controls{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:18px;align-items:start}.control-group label{display:block;font-size:10px;font-weight:600;margin-bottom:8px}.control-group label strong{float:right;color:#64844c}.control-group input[type=range]{width:100%;height:3px;accent-color:#749b59;display:block;margin:11px 0}.range-ends{display:flex;justify-content:space-between;font-size:9px;color:#8a9188}.optional{float:right;color:#92998f;font-weight:400}.input-with-suffix{display:flex;align-items:center;border:1px solid #e1e5dd;border-radius:4px;height:34px}.input-with-suffix input{min-width:0;width:100%;border:0;background:transparent;padding:0 9px;outline:none!important;font-size:11px}.input-with-suffix:focus-within{outline:3px solid #5c8d37;outline-offset:2px}.input-with-suffix span{font-size:10px;color:#838b80;padding-right:9px}.control-group select,.dpi-control select{height:34px;border:1px solid #e1e5dd;border-radius:4px;background:#fff;padding:0 9px;width:100%;font-size:10px;color:#454c44}.control-note{display:block;font-size:9px;line-height:1.45;color:#858d82;margin-top:5px}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #edf0e9;margin-top:18px;padding-top:15px}.tradeoff-hint{font-size:10px;color:#858d82;margin:0;line-height:1.45}.button-green{background:var(--green);color:#25351e}.button-green:hover{background:#a3e763}.compress-one{min-width:122px;flex:0 0 auto}.pdf-controls{border:1px solid #e7ebe3;border-radius:5px;padding:12px 14px}.pdf-mode{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.pdf-mode b{font-size:10px}.pdf-mode p{font-size:10px;line-height:1.45;color:#81897f;margin:4px 0 0}.safe-badge{background:#edf4e7;color:#628147;font:8px var(--mono);letter-spacing:.04em;padding:5px 7px;border-radius:3px;white-space:nowrap}.advanced-pdf{border-top:1px solid #e9ede6;margin-top:11px;padding-top:10px}.advanced-pdf summary{font-size:10px;color:#65725d;font-weight:600;cursor:pointer}.advanced-pdf>p{font-size:10px;line-height:1.55;color:#79584c;background:#fcf5f1;border-left:2px solid #d49a7d;padding:9px 10px;margin:9px 0}.acknowledge{display:flex;align-items:flex-start;gap:7px;font-size:10px;font-weight:600;line-height:1.4;margin:10px 0;cursor:pointer}.acknowledge input{accent-color:#668b4e;margin:0}.dpi-control{display:block;font-size:10px;font-weight:600;max-width:300px}.dpi-control select{display:block;margin-top:6px}.progress-wrap{padding:0 22px 16px}.progress-label{font-size:10px;color:#777f75;display:flex;justify-content:space-between;margin-bottom:7px}progress,.progress-indeterminate{display:block;width:100%;height:4px;border:0;border-radius:4px;background:#edf0e9;overflow:hidden}progress::-webkit-progress-bar{background:#edf0e9;border-radius:4px}progress::-webkit-progress-value{background:#82a862;border-radius:4px}progress::-moz-progress-bar{background:#82a862;border-radius:4px}.progress-indeterminate span{display:block;width:34%;height:100%;background:#82a862;border-radius:4px;animation:indeterminate 1.2s ease-in-out infinite}.error-message{margin:0;padding:10px 22px;background:#fcf3f1;color:#9a4e40;font-size:11px;line-height:1.5}.result-banner{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:5px}.is-smaller{background:#f0f6e9}.not-smaller{background:#f8f3ed}.result-icon{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#dceacb;color:#54753d;font-size:15px}.not-smaller .result-icon{background:#eee2d4;color:#906742}.result-banner>span:nth-child(2){flex:1}.result-banner b,.result-banner small{display:block}.result-banner b{font-size:10px}.result-banner small{font-size:9px;color:#788173;margin-top:3px}.saved-pill{font:8px var(--mono);color:#507536;letter-spacing:.04em}.not-smaller .saved-pill{color:#906742}.size-comparison{display:flex;align-items:center;gap:22px;padding:17px 4px}.size-comparison div{display:flex;flex-direction:column;gap:4px}.size-comparison small{font:8px var(--mono);letter-spacing:.06em;color:#939a90}.size-comparison b{font-size:12px;font-weight:600}.comparison-arrow{color:#a3aa9e}.bytes-saved{margin-left:auto;text-align:right}.result-tradeoffs{font-size:10px;color:#777f75;margin:0 0 13px}.download-button{min-height:39px}.download-button span{font-size:16px;font-weight:400}.queue-actions{display:flex;justify-content:space-between;gap:10px;margin-top:17px}.button-outline{background:transparent;border:1px solid #dce1d8;color:#515a4e}.button-outline:hover{background:#fff}.compress-all{margin-left:auto}.how-it-works{border-top:1px solid var(--line);margin-top:38px;padding:31px 0 28px;display:grid;grid-template-columns:1fr 1.4fr;gap:30px}.how-it-works h2{font:600 22px/1.25 Manrope,sans-serif;letter-spacing:-.04em;margin:0}.how-it-works ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:8px 0}.how-it-works li{border-left:1px solid #dce2d7;padding-left:12px}.how-it-works li span{font:9px var(--mono);color:#80946e}.how-it-works li p{font-size:10px;color:#636b61;line-height:1.45;margin:7px 0 0}.footer{min-height:66px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#90978d;font-size:9px}.footer>span:last-child{font:9px var(--mono);letter-spacing:.04em}.footer b{font-weight:400;color:#b0b6ac;margin-left:5px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c221a6b;display:grid;place-items:center;padding:20px;z-index:10}.confirm-modal{background:#fff;border-radius:9px;padding:27px;max-width:390px;width:100%;box-shadow:0 16px 60px #1a211a30}.modal-symbol{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#f8eee7;color:#a16b4b;font:600 14px var(--mono)}.confirm-modal h2{font:600 21px Manrope,sans-serif;letter-spacing:-.04em;margin:15px 0 7px}.confirm-modal p{font-size:12px;color:#747b72;line-height:1.6;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.button-danger{background:#a65142;color:#fff}.button-danger:hover{background:#914437}@keyframes pulse{50%{opacity:.4}}@keyframes indeterminate{0%{transform:translate(-120%)}to{transform:translate(330%)}}@media(max-width:760px){.shell{padding:0 28px}.intro{padding-top:55px}.upload-panel{grid-template-columns:52px 1fr auto;padding:25px 22px;gap:14px}.upload-icon{width:48px;height:48px}.advanced-controls{grid-template-columns:1fr 1fr}.quality-control{grid-column:1/-1}.how-it-works{grid-template-columns:1fr;gap:22px}.how-it-works ol{padding:0}}@media(max-width:560px){.shell{padding:0 18px}.topbar{height:65px}.brand,.top-note{font-size:9px}.intro{padding:44px 0 25px}.intro h1{font-size:46px}.intro-copy{font-size:13px}.upload-panel{min-height:255px;grid-template-columns:1fr;justify-items:center;text-align:center;gap:10px;padding:19px 18px 43px}.upload-icon{width:48px;height:48px}.upload-copy h2{font-size:15px}.browse{min-height:39px;margin-top:3px}.drop-hint{bottom:12px;font-size:8px}.file-info{grid-template-columns:1fr;gap:13px;padding:18px 2px 20px}.info-item{gap:9px}.info-icon{width:26px;height:26px}.queue{padding-top:29px}.queue-heading h2{font-size:21px}.file-summary{padding:13px;gap:9px;flex-wrap:wrap}.file-type{width:35px;height:40px;flex-basis:35px}.file-name{width:calc(100% - 100px);flex:auto}.file-name h3{max-width:100%;font-size:11px}.status{margin-left:44px;order:4}.remove,.cancel{margin-left:auto;order:5}.card-index{display:none}.settings-area,.result-area{padding:15px 13px}.presets{gap:5px}.preset-option{padding:7px 6px;gap:6px;min-height:54px}.preset-option b{font-size:9px}.preset-option small{font-size:8px}.radio-dot{width:12px;height:12px;flex-basis:12px}.advanced-controls{grid-template-columns:1fr 1fr;gap:15px 12px}.quality-control{grid-column:1/-1}.control-group label{font-size:9px}.card-footer{align-items:flex-start;flex-direction:column;gap:10px}.compress-one{width:100%}.queue-actions{flex-direction:column}.queue-actions .button{width:100%}.compress-all{margin-left:0}.result-banner{gap:8px;padding:9px}.saved-pill{font-size:7px}.result-banner b{font-size:9px}.result-banner small{font-size:8px;line-height:1.4}.size-comparison{gap:12px;padding:14px 2px}.size-comparison b{font-size:10px}.size-comparison small{font-size:7px}.download-button{width:100%}.how-it-works{margin-top:28px}.how-it-works ol{gap:8px}.how-it-works li{padding-left:8px}.how-it-works li p{font-size:9px}.footer{min-height:62px;gap:12px}.footer>span:first-child{max-width:130px;line-height:1.4}.footer>span:last-child{font-size:8px}.modal-actions .button{padding:0 11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}