:root{--ink:#0b1739;--ink-soft:#53617c;--blue:#3157ff;--blue-dark:#2043dc;--blue-pale:#eaf0ff;--lime:#92df25;--lime-pale:#efffd9;--line:#d8deea;--line-strong:#b7c0d2;--surface:#fff;--surface-soft:#f8faff;--danger:#c83f4d;--content:1392px;--gutter:clamp(18px,3vw,40px);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--surface)}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button,input[type=range],select{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}img,svg{display:block}svg{width:24px;height:24px;flex:0 0 auto}h1,h2,h3,p{margin-block-start:0}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 35%,transparent);outline-offset:3px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:8px;z-index:100;transform:translateY(-160%);padding:10px 14px;border-radius:8px;background:var(--ink);color:#fff;font-weight:700}.skip-link:focus{transform:translateY(0)}.site-header{position:relative;z-index:20;border-block-end:1px solid var(--line);background:rgba(255,255,255,.98)}.site-header__inner{width:min(100%,calc(var(--content) + var(--gutter) * 2));min-height:72px;margin-inline:auto;padding-inline:var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.wordmark{display:inline-flex;align-items:center;justify-self:start;gap:10px;font-size:24px;font-weight:800;letter-spacing:-.04em}.wordmark svg{width:34px;height:34px;color:var(--blue);stroke-width:1.7}.primary-nav{display:flex;align-items:center;justify-content:center;gap:42px;font-size:15px;font-weight:650}.primary-nav a{min-height:44px;display:inline-flex;align-items:center;gap:5px;border-block-end:2px solid transparent}.primary-nav a:hover{color:var(--blue);border-block-end-color:var(--blue)}.primary-nav svg{width:16px;height:16px}.language-select{min-width:144px;min-height:44px;justify-self:end;display:grid;grid-template-columns:20px minmax(0,1fr) 16px;align-items:center;gap:8px;padding-inline:14px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}.language-select>svg:first-child{width:20px;height:20px}.language-select>svg:last-child{width:16px;height:16px;pointer-events:none}.language-select select{min-width:0;width:100%;border:0;appearance:none;background:transparent;font-size:14px;font-weight:700;outline:none}.language-code{display:none}.menu-button{display:none;width:44px;height:44px;place-items:center;border:0;background:transparent}.home-intro,.tool-intro{width:min(100%,calc(var(--content) + var(--gutter) * 2));margin-inline:auto;padding:66px var(--gutter) 26px;position:relative}.home-intro:before,.tool-intro:before{content:"";position:absolute;inset-block-start:45px;inset-inline-start:var(--gutter);width:28px;height:28px;border-block-start:3px solid var(--blue);border-inline-start:3px solid var(--blue)}.home-intro__copy,.tool-intro__copy{max-width:700px;padding-block-start:30px}.home-intro h1,.tool-intro h1{max-width:760px;margin-block-end:16px;font-size:clamp(54px,5.2vw,78px);line-height:.98;letter-spacing:-.055em;font-weight:800}.home-intro p,.tool-intro p{max-width:660px;margin-block-end:0;color:var(--ink-soft);font-size:clamp(17px,1.5vw,20px);line-height:1.55}.tool-intro{padding-block-end:34px}.tool-intro h1{font-size:clamp(46px,4vw,64px)}.workbench-wrap{width:min(100%,calc(var(--content) + var(--gutter) * 2));margin-inline:auto;padding:0 var(--gutter) 38px}.image-workbench{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.workbench-grid{min-height:400px;display:grid;grid-template-columns:280px minmax(0,1fr)}.settings-rail{padding:18px 16px;border-inline-end:1px solid var(--line);background:#fff;display:grid;align-content:start;gap:14px}.field{display:grid;gap:7px}.field>span,.range-field__head{font-size:12px;font-weight:750;letter-spacing:-.01em}.select-wrap{position:relative;display:grid;grid-template-columns:22px 1fr 18px;align-items:center;gap:8px;min-height:42px;padding-inline:12px 9px;border:1px solid var(--line);border-radius:8px;background:#fff}.select-wrap>svg{width:20px;height:20px}.select-wrap select{grid-column:1/-1;grid-row:1;width:100%;min-height:40px;padding-inline:30px 20px;border:0;appearance:none;background:transparent;outline:0;font-size:14px;font-weight:650}.select-wrap>svg:first-child{grid-column:1;grid-row:1;pointer-events:none}.select-wrap>svg:last-child{grid-column:3;grid-row:1;width:16px;height:16px;pointer-events:none}.range-field{display:grid;gap:6px}.range-field__head{display:flex;align-items:center;justify-content:space-between}.range-field__head output{min-width:58px;padding:5px 8px;border:1px solid var(--line);border-radius:7px;text-align:center;font-size:13px;font-weight:700}input[type=range]{width:100%;accent-color:var(--blue)}.dimension-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.input-with-unit{min-height:42px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding-inline:11px;border:1px solid var(--line);border-radius:8px}.input-with-unit input{min-width:0;width:100%;border:0;outline:0;font-size:14px}.input-with-unit span{color:var(--ink-soft);font-size:12px;font-weight:700}.toggle-row{display:flex;justify-content:space-between;gap:12px;font-weight:700}.fixed-setting,.toggle-row{min-height:42px;align-items:center;font-size:13px}.fixed-setting{display:grid;grid-template-columns:20px 1fr 18px;gap:9px;padding-inline:11px;border:1px solid var(--line);border-radius:8px;background:var(--lime-pale);font-weight:750}.fixed-setting svg{width:18px;height:18px;color:#337813}.crop-preview{position:relative;min-height:112px;max-height:190px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.crop-preview img{width:100%;height:100%;inset:0;object-fit:cover}.crop-preview img,.crop-preview>span{position:absolute;pointer-events:none}.crop-preview>span{width:16px;height:16px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 0 0 1px rgba(11,23,57,.35)}.toggle{position:relative;width:42px;height:24px;border:0;border-radius:99px;background:var(--line-strong)}.toggle:after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .16s ease}.toggle[aria-checked=true]{background:var(--lime)}.toggle[aria-checked=true]:after{transform:translateX(18px)}[dir=rtl] .toggle[aria-checked=true]:after{transform:translateX(-18px)}.more-options{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-inline:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);font-size:13px;font-weight:700}.more-options svg{width:17px;height:17px}.drop-panel{min-width:0;padding:10px}.drop-zone{min-height:380px;position:relative;display:grid;place-items:center;border:1.5px dashed var(--blue);border-radius:10px;background:#fff;transition:background .16s ease,border-color .16s ease}.drop-zone.is-dragging{background:var(--blue-pale);border-color:var(--blue-dark)}.drop-zone__center{width:min(100%,560px);padding:42px 18px 72px;display:grid;justify-items:center;text-align:center}.drop-zone__center>svg{width:72px;height:72px;margin-block-end:16px;color:var(--blue);stroke-width:1.4}.drop-zone h2{margin-block-end:18px;font-size:clamp(24px,2.2vw,34px);line-height:1.1;letter-spacing:-.035em}.choose-button,.primary-button,.secondary-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;padding-inline:24px;border:1px solid var(--blue);font-size:15px;font-weight:750}.choose-button,.primary-button{background:var(--blue);color:#fff}.choose-button:hover,.primary-button:hover{background:var(--blue-dark)}.secondary-button{background:#fff;color:var(--blue)}.secondary-button:hover{background:var(--blue-pale)}.choose-button svg,.primary-button svg,.secondary-button svg{width:20px;height:20px}.drop-zone__helper{margin:16px 0 0;color:var(--ink-soft);font-size:13px}.local-status{position:absolute;inset-inline:0;inset-block-end:0;min-height:48px;display:flex;align-items:center;gap:9px;padding-inline:18px;border-block-start:1px solid var(--line);color:var(--ink);font-size:13px;font-weight:650;text-align:start}.local-status svg{width:20px;height:20px;color:#28a73f}.results-panel{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.result-row,.results-head{display:grid;grid-template-columns:minmax(260px,1.7fr) minmax(90px,.55fr) minmax(90px,.55fr) minmax(70px,.45fr) auto;gap:18px;align-items:center}.results-head{min-height:50px;padding-inline:18px;border-block-end:1px solid var(--line);color:var(--ink-soft);font-size:12px;font-weight:700}.result-list{display:grid;align-content:start}.result-row{min-height:112px;padding:14px 18px;border-block-end:1px solid var(--line)}.result-row.is-selected{box-shadow:inset 3px 0 0 var(--blue);background:color-mix(in srgb,var(--blue-pale) 46%,#fff)}[dir=rtl] .result-row.is-selected{box-shadow:inset -3px 0 0 var(--blue)}.result-file{min-width:0;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px}.result-thumb{width:72px;height:72px;border-radius:6px;object-fit:cover;background:var(--surface-soft)}.result-file strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.result-file small{display:block;color:var(--ink-soft);font-size:11px}.result-value{font-size:13px;font-weight:650}.saved-value{width:max-content;padding:3px 7px;border-radius:4px;background:var(--lime-pale);color:#337813;font-size:12px;font-weight:800}.saved-value.is-negative{background:#fff0f1;color:var(--danger)}.row-actions{display:flex;gap:8px}.icon-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink)}.icon-button:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-pale)}.icon-button svg{width:19px;height:19px}.result-error{grid-column:2/-1;margin:0;color:var(--danger);font-size:12px}.batch-summary{min-height:84px;padding:12px 18px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;border-block-start:1px solid var(--line)}.batch-total strong{display:block;font-size:19px;letter-spacing:-.02em}.batch-total span{color:#337813;font-size:13px;font-weight:700}.batch-actions{display:flex;gap:10px}.batch-actions button{min-width:142px}.processing-notice{padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink-soft);font-size:13px}.processing-notice svg{width:18px;height:18px;color:#28a73f}.section-heading{max-width:900px;margin-block-end:32px}.content-page h1,.format-section h2,.privacy-band h2,.section-heading h2,.tool-content h2{margin-block-end:12px;font-size:clamp(38px,4vw,58px);line-height:1.04;letter-spacing:-.045em}.privacy-band p,.section-heading p{margin:0;color:var(--ink-soft);font-size:17px}.tool-directory{width:min(100%,calc(1120px + var(--gutter) * 2));margin-inline:auto;padding:72px var(--gutter) 84px}.tool-directory__rows{display:grid;grid-template-columns:1fr 1fr;column-gap:46px}.tool-row{min-height:118px;display:grid;grid-template-columns:58px 1fr 24px;align-items:center;gap:18px;border-block-end:1px solid var(--line)}.tool-row:nth-child(-n+2){border-block-start:1px solid var(--line)}.tool-row:hover{color:var(--blue)}.tool-row>svg:first-child{width:44px;height:44px;color:var(--blue)}.tool-row>svg:last-child{width:21px;height:21px;color:var(--blue)}.tool-row strong{display:block;margin-block-end:3px;font-size:17px}.tool-row small{display:block;color:var(--ink-soft);font-size:13px;line-height:1.45}.privacy-band{width:min(100%,var(--content));margin-inline:auto;padding:56px 64px 48px;background:var(--blue-pale);clip-path:polygon(0 0,calc(100% - 56px) 0,100% 56px,100% 100%,56px 100%,0 calc(100% - 56px))}.privacy-band h2{font-size:clamp(34px,3.5vw,48px)}.privacy-band ol{margin:34px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr;list-style:none}.privacy-band li{min-width:0;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;font-size:15px}.privacy-band li>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-weight:800}.privacy-band li svg{width:32px;height:32px;margin-inline:20px;color:var(--blue)}.format-section{width:min(100%,calc(1120px + var(--gutter) * 2));margin-inline:auto;padding:76px var(--gutter) 94px}.format-table{margin-block-start:30px;border-block-start:2px solid var(--blue)}.format-table__head,.format-table__row{display:grid;grid-template-columns:.7fr 1.6fr 1fr 1fr}.format-table__head span,.format-table__row>*{min-height:52px;padding:14px 18px;display:flex;align-items:center;border-inline-end:1px solid var(--line)}.format-table__head span:last-child,.format-table__row>:last-child{border-inline-end:0}.format-table__head{color:var(--blue);font-size:13px;font-weight:800}.format-table__row{border-block-start:1px solid var(--line)}.format-table__row strong{font-size:14px}.format-table__row span{color:var(--ink-soft);font-size:13px}.content-page,.home-faq,.tool-content{width:min(100%,calc(980px + var(--gutter) * 2));margin-inline:auto;padding:70px var(--gutter) 100px}.tool-content{display:grid;gap:64px}.home-faq{padding-block-start:10px}.home-faq h2{margin-block-end:26px;font-size:clamp(34px,3.5vw,50px);line-height:1.05;letter-spacing:-.04em}.tool-content section{display:grid;gap:16px}.tool-content h2{font-size:clamp(30px,3vw,42px)}.content-page li,.content-page p,.tool-content li,.tool-content p{color:var(--ink-soft);font-size:16px;line-height:1.7}.steps-list{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;counter-reset:step}.steps-list li{padding:24px;border-block-start:1px solid var(--line);counter-increment:step}.steps-list li:before{content:counter(step,decimal-leading-zero);display:block;margin-block-end:14px;color:var(--blue);font-weight:800}.faq-list{display:grid}.faq-list details{padding:18px 0;border-block-start:1px solid var(--line)}.faq-list summary{cursor:pointer;font-weight:750}.faq-list p{margin:12px 0 0}.related-links{display:flex;flex-wrap:wrap;gap:10px}.related-links a{padding:10px 14px;border:1px solid var(--line);border-radius:8px;font-weight:700}.related-links a:hover{color:var(--blue);border-color:var(--blue)}.content-page h1{font-size:clamp(48px,5vw,72px)}.content-page h2{margin-block-start:50px;font-size:28px;letter-spacing:-.025em}.text-link{color:var(--blue);font-weight:750;text-decoration:underline;text-underline-offset:3px}.not-found-link{width:max-content;margin-block-start:18px}.global-not-found-header{grid-template-columns:1fr}.global-not-found-footer{grid-template-columns:auto 1fr auto}[dir=rtl] .privacy-band svg,[dir=rtl] .tool-row>svg:last-child{transform:scaleX(-1)}.site-footer{background:var(--ink);color:#fff;clip-path:polygon(0 34px,34px 0,100% 0,100% 100%,0 100%)}.site-footer__inner{width:min(100%,calc(1120px + var(--gutter) * 2));min-height:150px;margin-inline:auto;padding:52px var(--gutter) 34px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:54px}.footer-wordmark{font-size:26px;font-weight:800;letter-spacing:-.04em}.site-footer nav{display:flex;justify-content:center;gap:38px;font-size:14px}.site-footer a:hover{color:#bfcaff}.site-footer__inner>span{padding-inline-start:24px;border-inline-start:1px solid #435070;color:#d9deeb;font-size:13px}.toast{position:fixed;inset-block-end:24px;inset-inline:50%;z-index:50;transform:translateX(-50%);max-width:min(90vw,580px);padding:12px 16px;border-radius:8px;background:var(--ink);color:#fff;font-size:13px;box-shadow:0 10px 30px rgba(11,23,57,.18)}[dir=rtl] .toast{transform:translateX(50%)}.ltr{direction:ltr;unicode-bidi:isolate}@media (max-width:1000px){.site-header__inner{grid-template-columns:1fr auto auto;gap:8px}.primary-nav{position:absolute;inset:72px 0 auto;display:none;padding:12px var(--gutter) 22px;background:#fff;border-block-end:1px solid var(--line);box-shadow:0 12px 28px rgba(11,23,57,.08)}.primary-nav--open{display:grid;justify-content:stretch;gap:0}.primary-nav a{min-height:48px;border-block-end:1px solid var(--line)}.menu-button{display:grid}.workbench-grid{grid-template-columns:1fr}.settings-rail{grid-template-columns:repeat(3,minmax(0,1fr));border-inline-end:0;border-block-end:1px solid var(--line)}.settings-rail .dimension-fields,.settings-rail .more-options,.settings-rail .toggle-row{grid-column:auto}.drop-zone{min-height:390px}.results-head{display:none}.result-row{grid-template-columns:1fr auto auto;gap:10px}.result-file{grid-column:1/-1}.result-row>.result-value:before{content:attr(data-label) " ";color:var(--ink-soft)}.row-actions{grid-column:3;grid-row:2}.batch-summary{grid-template-columns:1fr}.batch-actions{display:grid;grid-template-columns:1fr 1fr}.batch-actions button{min-width:0}}@media (max-width:720px){:root{--gutter:16px}.site-header__inner{min-height:64px}.wordmark{font-size:21px;gap:6px}.wordmark svg{width:29px;height:29px}.language-select{min-width:74px;width:74px;position:relative;grid-template-columns:18px 1fr;padding-inline:9px}.language-select>svg:last-child{display:none}.language-select .language-code{display:block;justify-self:center;font-size:13px;font-weight:800;letter-spacing:.02em}.language-select select{position:absolute;inset:0;max-width:none;opacity:0;cursor:pointer}.primary-nav{inset-block-start:64px}.home-intro,.tool-intro{padding-block-start:42px;padding-block-end:22px}.home-intro:before,.tool-intro:before{inset-block-start:26px;width:24px;height:24px}.home-intro__copy,.tool-intro__copy{padding-block-start:32px}.home-intro h1,.tool-intro h1{font-size:clamp(46px,13vw,62px)}.home-intro p,.tool-intro p{font-size:17px}.workbench-wrap{padding-block-end:26px}.image-workbench{border-radius:11px}.settings-rail{padding:0;grid-template-columns:1fr 1fr;gap:0}.settings-rail>*{min-width:0;padding:10px;border-inline-end:1px solid var(--line);border-block-end:1px solid var(--line)}.settings-rail>:nth-child(2n){border-inline-end:0}.settings-rail .field>span:first-child{display:none}.settings-rail .input-with-unit,.settings-rail .select-wrap{border:0;padding:0}.settings-rail .range-field{grid-column:1/-1;align-content:center}.settings-rail .range-field__head output{min-width:60px;min-height:34px;display:grid;place-items:center}.settings-rail input[type=range]{display:block}.settings-rail .dimension-fields{grid-column:1/-1;display:grid;padding:0;border:0}.settings-rail .dimension-fields .field{padding:10px;border-inline-end:1px solid var(--line)}.settings-rail .dimension-fields .field:last-child{border-inline-end:0}.settings-rail .dimension-fields .field>span:first-child{display:block;color:var(--ink-soft);font-size:11px}.settings-rail .crop-preview{grid-column:1/-1;margin:10px;min-height:180px}.settings-rail .toggle-row{grid-column:1/-1}.settings-rail .fixed-setting{display:none}.drop-panel{padding:8px}.drop-zone{min-height:360px}.drop-zone__center{padding:36px 16px 70px}.drop-zone__center>svg{width:62px;height:62px}.choose-button{width:min(100%,300px)}.result-row{min-height:0;padding:14px}.result-file{grid-template-columns:58px 1fr}.result-thumb{width:58px;height:58px}.batch-actions{grid-template-columns:1fr}.tool-directory{padding-block:54px 62px}.tool-directory__rows{grid-template-columns:1fr}.tool-row{min-height:98px;grid-template-columns:48px 1fr 20px;gap:12px}.tool-row:nth-child(2){border-block-start:0}.tool-row>svg:first-child{width:36px;height:36px}.privacy-band{width:calc(100% - 24px);padding:42px 24px 34px;clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,34px 100%,0 calc(100% - 34px))}.privacy-band ol{grid-template-columns:1fr;gap:14px}.privacy-band li{grid-template-columns:36px 1fr}.privacy-band li svg{display:none}.format-section{padding-block:60px 74px;overflow-x:auto}.format-table{min-width:600px}.format-table__head span,.format-table__row>*{padding-inline:10px}.steps-list{grid-template-columns:1fr}.site-footer{clip-path:polygon(0 24px,24px 0,100% 0,100% 100%,0 100%)}.site-footer__inner{grid-template-columns:1fr;align-items:start;gap:22px;padding-block-start:48px}.site-footer nav{justify-content:flex-start;flex-wrap:wrap;gap:14px 24px}.site-footer__inner>span{padding-inline-start:0;border-inline-start:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}