.image-converter-page.svelte-ycvf04{--surface:#102438;--surface2:#142e45;--deep:#0a192a;--text:#edf7ff;--heading:#f7fbff;--muted:#9bb3c6;--line:#30506a;--cyan:#59d9f4;--card-grad:linear-gradient(135deg,#172d43,#1c2d43 48%,#282442);color:var(--text);font-family:var(--font-sans,Inter,system-ui,sans-serif)}.image-converter-page.light.svelte-ycvf04{--surface:#fff;--surface2:#f1f7fc;--deep:#eaf3fa;--text:#25445f;--heading:#102a44;--muted:#5d788e;--line:#cbdde9;--cyan:#0a83a4;--card-grad:linear-gradient(135deg,#fff,#f4f8fc 48%,#f6f3fb)}.image-converter-page.svelte-ycvf04 :where(.svelte-ycvf04){box-sizing:border-box}.image-converter-page.svelte-ycvf04 button:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 input:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 select:where(.svelte-ycvf04){font:inherit}.image-converter-page.svelte-ycvf04 button:where(.svelte-ycvf04){cursor:pointer}.image-converter-page.svelte-ycvf04 button:where(.svelte-ycvf04):disabled{opacity:.48;cursor:not-allowed}.image-converter-page.svelte-ycvf04 [hidden]:where(.svelte-ycvf04){display:none!important}.image-converter-page.svelte-ycvf04 a:where(.svelte-ycvf04){color:inherit;text-decoration:none}.image-converter-page.svelte-ycvf04 h1:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 h2:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 h3:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 p:where(.svelte-ycvf04){margin-top:0}.image-converter-page.svelte-ycvf04 .crumb:where(.svelte-ycvf04){color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;padding:14px 0 8px;font-size:12px;display:flex}.image-converter-page.svelte-ycvf04 .hero:where(.svelte-ycvf04){padding:2px 0 11px}.image-converter-page.svelte-ycvf04 .hero:where(.svelte-ycvf04) h1:where(.svelte-ycvf04){color:var(--heading);letter-spacing:-.04em;margin:0;font-size:clamp(23px,2.2vw,29px);font-weight:850;line-height:1.18}.image-converter-page.svelte-ycvf04 .image-converter-frame:where(.svelte-ycvf04){width:100%;max-width:none;box-shadow:none;background:0 0;border-radius:25px;margin:0;padding:1px}.image-converter-page.svelte-ycvf04 .image-converter-workin:where(.svelte-ycvf04){color:#edf7ff;background:radial-gradient(circle at 93% 0,#4b80d11a,#0000 36%),radial-gradient(circle at 0 65%,#32baca17,#0000 43%),#0b1929;border-radius:24px;overflow:hidden}.image-converter-page.light.svelte-ycvf04 .image-converter-workin:where(.svelte-ycvf04){color:#1b3b52;background:radial-gradient(circle at 95% 0,#c9d7ff75,#0000 35%),radial-gradient(circle at 0 70%,#bdeefa65,#0000 42%),#f0f6fc}.image-converter-page.svelte-ycvf04 .whead:where(.svelte-ycvf04){background:linear-gradient(90deg,#0d2235,#17263b 65%,#1b2440);border-bottom:1px solid #3b587470;justify-content:space-between;align-items:center;gap:11px;min-height:72px;padding:13px 18px;display:flex}.image-converter-page.light.svelte-ycvf04 .whead:where(.svelte-ycvf04){background:linear-gradient(90deg,#fff,#f6f9ff 65%,#f2f0ff);border-bottom-color:#c9deee}.image-converter-page.svelte-ycvf04 .identity:where(.svelte-ycvf04){align-items:center;gap:11px;min-width:0;display:flex}.image-converter-page.svelte-ycvf04 .wlogo:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .panel-icon:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .upload-icon:where(.svelte-ycvf04){place-items:center;display:grid}.image-converter-page.svelte-ycvf04 .wlogo:where(.svelte-ycvf04){color:#fff;background:linear-gradient(145deg,#14ccbf,#388bf0 55%,#8e67eb);border-radius:14px;flex:none;width:44px;height:44px}.image-converter-page .wlogo svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;width:27px;height:27px}.image-converter-page.svelte-ycvf04 .identity:where(.svelte-ycvf04) strong:where(.svelte-ycvf04){font-size:16px;line-height:1.3;display:block}.image-converter-page.svelte-ycvf04 .identity:where(.svelte-ycvf04) small:where(.svelte-ycvf04){color:#9ab8cc;font-size:11px}.image-converter-page.light.svelte-ycvf04 .identity:where(.svelte-ycvf04) small:where(.svelte-ycvf04){color:#60798e}.image-converter-page.svelte-ycvf04 .head-actions:where(.svelte-ycvf04){justify-content:flex-end;margin-left:auto;display:flex}.image-converter-page.svelte-ycvf04 .wbody:where(.svelte-ycvf04){padding:14px}.image-converter-page.svelte-ycvf04 .steps:where(.svelte-ycvf04){grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px;display:grid}.image-converter-page.svelte-ycvf04 .step:where(.svelte-ycvf04){color:#edf7ff;text-align:left;background:linear-gradient(145deg,#10293f,#102137);border:1px solid #344963;border-radius:15px;align-items:center;gap:11px;min-height:82px;padding:11px 10px;display:flex;position:relative}.image-converter-page.svelte-ycvf04 .step.active:where(.svelte-ycvf04){background:linear-gradient(135deg,#133c5b,#1b3057);border-color:#5ac9fb}.image-converter-page.light.svelte-ycvf04 .step:where(.svelte-ycvf04){color:#20415a;background:linear-gradient(140deg,#fff,#f2f7ff);border-color:#d3e0ee}.image-converter-page.light.svelte-ycvf04 .step.active:where(.svelte-ycvf04){background:linear-gradient(125deg,#e9f9ff,#edeeff);border-color:#84b9df}.image-converter-page.svelte-ycvf04 .step.done:where(.svelte-ycvf04){border-color:#2b987f}.image-converter-page.svelte-ycvf04 .stepnum:where(.svelte-ycvf04){color:#fff;background:linear-gradient(140deg,#18d1a7,#0aa5b2);border-radius:13px;flex:0 0 47px;place-items:center;width:47px;height:49px;font-size:19px;font-weight:900;display:grid}.image-converter-page.svelte-ycvf04 .step:where(.svelte-ycvf04):nth-child(2) .stepnum:where(.svelte-ycvf04){background:linear-gradient(145deg,#25c6fb,#4278ed)}.image-converter-page.svelte-ycvf04 .step:where(.svelte-ycvf04):nth-child(3) .stepnum:where(.svelte-ycvf04){background:linear-gradient(145deg,#b98bff,#8063e6)}.image-converter-page.svelte-ycvf04 .step:where(.svelte-ycvf04):nth-child(4) .stepnum:where(.svelte-ycvf04){color:#352718;background:linear-gradient(145deg,#ffcb72,#ed9061)}.image-converter-page.svelte-ycvf04 .step:where(.svelte-ycvf04) strong:where(.svelte-ycvf04){font-size:12.5px;line-height:1.28;display:block}.image-converter-page.svelte-ycvf04 .step:where(.svelte-ycvf04) small:where(.svelte-ycvf04){color:#9ab5c9;margin-top:3px;font-size:10.5px;display:block}.image-converter-page.light.svelte-ycvf04 .step:where(.svelte-ycvf04) small:where(.svelte-ycvf04){color:#647f94}.image-converter-page.svelte-ycvf04 .step-check:where(.svelte-ycvf04){color:#64e9c8;font-weight:900;position:absolute;top:7px;right:8px}.image-converter-page.svelte-ycvf04 .workgrid:where(.svelte-ycvf04){grid-template-columns:minmax(0,1.82fr) minmax(270px,.86fr);align-items:start;gap:13px;display:grid}.image-converter-page.svelte-ycvf04 .stack:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .side:where(.svelte-ycvf04){align-content:start;gap:12px;display:grid}.image-converter-page.svelte-ycvf04 .panel:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .sbox:where(.svelte-ycvf04){background:#10253aeb;border:1px solid #2b4a64;border-radius:16px;min-width:0;overflow:hidden}.image-converter-page.light.svelte-ycvf04 .panel:where(.svelte-ycvf04),.image-converter-page.light.svelte-ycvf04 .sbox:where(.svelte-ycvf04){background:#fff;border-color:#d2e2ed}.image-converter-page.svelte-ycvf04 .pad:where(.svelte-ycvf04){padding:18px}.image-converter-page.svelte-ycvf04 .panelhead:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .flexline:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .nav-actions:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .preview-audit:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .output-actions:where(.svelte-ycvf04){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.image-converter-page.svelte-ycvf04 .panelhead:where(.svelte-ycvf04){margin-bottom:15px}.image-converter-page.svelte-ycvf04 .panelheading:where(.svelte-ycvf04){align-items:center;gap:12px;display:flex}.image-converter-page.svelte-ycvf04 .panelhead:where(.svelte-ycvf04) h2:where(.svelte-ycvf04){margin:0;font-size:17px;font-weight:850;line-height:1.3}.image-converter-page.svelte-ycvf04 .panelhead:where(.svelte-ycvf04) p:where(.svelte-ycvf04){color:#9ab2c5;margin:4px 0 0;font-size:12px}.image-converter-page.light.svelte-ycvf04 .panelhead:where(.svelte-ycvf04) p:where(.svelte-ycvf04){color:#627d92}.image-converter-page.svelte-ycvf04 .panel-icon:where(.svelte-ycvf04){color:#fff;background:linear-gradient(145deg,#18c8b0,#158bbd);border-radius:13px;width:42px;height:42px}.image-converter-page .panel-icon svg,.image-converter-page .upload-icon svg,.image-converter-page .format-symbol svg,.image-converter-page .shead svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;width:22px;height:22px}.image-converter-page.svelte-ycvf04 .panel-icon.blue:where(.svelte-ycvf04){background:linear-gradient(145deg,#20c3ef,#4879df)}.image-converter-page.svelte-ycvf04 .panel-icon.violet:where(.svelte-ycvf04){background:linear-gradient(145deg,#a886fc,#7867db)}.image-converter-page.svelte-ycvf04 .panel-icon.gold:where(.svelte-ycvf04){color:#36271e;background:linear-gradient(145deg,#ffd072,#e88957)}.image-converter-page.svelte-ycvf04 .pill-stat:where(.svelte-ycvf04){color:#a9e4fa;background:#11354b;border:1px solid #437086;border-radius:99px;padding:5px 9px;font-size:11px}.image-converter-page.light.svelte-ycvf04 .pill-stat:where(.svelte-ycvf04){color:#24748f;background:#e6f5fc;border-color:#c5dce8}.image-converter-page.svelte-ycvf04 .before-upload:where(.svelte-ycvf04){background:linear-gradient(110deg,#123747,#202f54);border:1px solid #3f6d81;border-radius:14px;grid-template-columns:1fr auto;gap:15px;margin-bottom:13px;padding:14px;display:grid}.image-converter-page.light.svelte-ycvf04 .before-upload:where(.svelte-ycvf04){background:linear-gradient(110deg,#e8f8fd,#eff0ff);border-color:#bcdceb}.image-converter-page.svelte-ycvf04 .before-upload:where(.svelte-ycvf04) h3:where(.svelte-ycvf04){margin:0 0 4px;font-size:13px}.image-converter-page.svelte-ycvf04 .before-upload:where(.svelte-ycvf04) p:where(.svelte-ycvf04){color:#c4dbe8;margin:0;font-size:11.5px;line-height:1.55}.image-converter-page.light.svelte-ycvf04 .before-upload:where(.svelte-ycvf04) p:where(.svelte-ycvf04){color:#527589}.image-converter-page.svelte-ycvf04 .before-upload:where(.svelte-ycvf04) a:where(.svelte-ycvf04){color:#86edfa;font-size:11px;font-weight:850}.image-converter-page.svelte-ycvf04 .upload:where(.svelte-ycvf04){text-align:center;background:linear-gradient(125deg,#133c4d,#163e67 68%,#353c79);border:1.5px dashed #3ac8d8;border-radius:15px;place-items:center;gap:9px;min-height:173px;padding:21px 16px;display:grid}.image-converter-page.svelte-ycvf04 .upload.drag:where(.svelte-ycvf04){border-color:#72f6ec}.image-converter-page.light.svelte-ycvf04 .upload:where(.svelte-ycvf04){background:linear-gradient(125deg,#dcf9f9,#e5eeff 63%,#f0e9ff);border-color:#41b6cb}.image-converter-page.svelte-ycvf04 .upload-icon:where(.svelte-ycvf04){color:#fff;background:linear-gradient(145deg,#09d0c4,#3988f0);border-radius:15px;width:53px;height:53px}.image-converter-page.svelte-ycvf04 .upload:where(.svelte-ycvf04) strong:where(.svelte-ycvf04){font-size:14px}.image-converter-page.svelte-ycvf04 .upload:where(.svelte-ycvf04) small:where(.svelte-ycvf04){color:#b4d1e0;font-size:11.5px}.image-converter-page.svelte-ycvf04 .filelist:where(.svelte-ycvf04){gap:7px;margin-top:12px;display:grid}.image-converter-page.svelte-ycvf04 .file-row:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .result-item:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .task-item:where(.svelte-ycvf04){align-items:center;gap:10px;min-width:0;display:flex}.image-converter-page.svelte-ycvf04 .file-row:where(.svelte-ycvf04){background:#102a40;border:1px solid #36556d;border-radius:11px;padding:10px 11px}.image-converter-page.light.svelte-ycvf04 .file-row:where(.svelte-ycvf04){background:#f4f9fd;border-color:#d2e1ec}.image-converter-page.svelte-ycvf04 .file-index:where(.svelte-ycvf04){color:#84e5f2;background:#244963;border-radius:8px;place-items:center;width:25px;height:28px;font-size:12px;font-weight:900;display:grid}.image-converter-page.svelte-ycvf04 .file-meta:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .result-meta:where(.svelte-ycvf04){flex:1;min-width:0}.image-converter-page.svelte-ycvf04 .result-action:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .soft-btn:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .primary-btn:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .small-btn:where(.svelte-ycvf04){color:#c3e4f3;background:#13324a;border:1px solid #496783;border-radius:10px;min-height:39px;padding:10px 13px;font-size:12px;font-weight:780}.image-converter-page.svelte-ycvf04 .primary-btn:where(.svelte-ycvf04){color:#fff;background:linear-gradient(115deg,#0ca6c6,#397cf0);border-color:#4ac9ef}.image-converter-page.svelte-ycvf04 .small-btn:where(.svelte-ycvf04){min-height:30px;padding:5px 9px;font-size:11px}.image-converter-page.light.svelte-ycvf04 .soft-btn:where(.svelte-ycvf04),.image-converter-page.light.svelte-ycvf04 .small-btn:where(.svelte-ycvf04){color:#28546c;background:#fff;border-color:#b7d0df}.image-converter-page.svelte-ycvf04 .hint:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .hint-text:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .progress-msg:where(.svelte-ycvf04){color:#9ab3c7;font-size:11px;line-height:1.55}.image-converter-page.light.svelte-ycvf04 .hint:where(.svelte-ycvf04),.image-converter-page.light.svelte-ycvf04 .hint-text:where(.svelte-ycvf04),.image-converter-page.light.svelte-ycvf04 .progress-msg:where(.svelte-ycvf04){color:#5c7a91}.image-converter-page.svelte-ycvf04 .progress-msg:where(.svelte-ycvf04){min-height:18px;margin-top:9px}.image-converter-page.svelte-ycvf04 .inline-note:where(.svelte-ycvf04){color:#bddce8;background:#12364b;border:1px solid #386781;border-radius:10px;margin-top:12px;padding:11px 13px;font-size:11.5px;line-height:1.6}.image-converter-page.light.svelte-ycvf04 .inline-note:where(.svelte-ycvf04){color:#3d7188;background:#eaf6fc;border-color:#bddbe8}.image-converter-page.svelte-ycvf04 .format-grid:where(.svelte-ycvf04){grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0;display:grid}.image-converter-page.svelte-ycvf04 .format-option:where(.svelte-ycvf04){color:#e8f4ff;text-align:center;background:#152f46;border:1px solid #3e6079;border-radius:14px;justify-items:center;gap:7px;padding:14px 9px;display:grid}.image-converter-page.light.svelte-ycvf04 .format-option:where(.svelte-ycvf04){color:#16405d;background:#f6fafe;border-color:#cadbe9}.image-converter-page.svelte-ycvf04 .format-symbol:where(.svelte-ycvf04){color:#b8eeff;background:linear-gradient(145deg,#1f5b72,#294b7d);border:1px solid #557998;border-radius:11px;place-items:center;width:44px;height:44px;display:grid}.image-converter-page.svelte-ycvf04 .format-option:where(.svelte-ycvf04) small:where(.svelte-ycvf04){color:#a7c2d6;font-size:10.5px}.image-converter-page.svelte-ycvf04 .quality-wrap:where(.svelte-ycvf04){background:#112a3f;border:1px solid #37566e;border-radius:12px;margin-top:14px;padding:14px}.image-converter-page.light.svelte-ycvf04 .quality-wrap:where(.svelte-ycvf04){background:#f6faff;border-color:#d1e1eb}.image-converter-page.svelte-ycvf04 .quality-wrap:where(.svelte-ycvf04) input[type=range]:where(.svelte-ycvf04){accent-color:#23bde5;width:100%}.image-converter-page.svelte-ycvf04 .ws-label:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .quality-wrap:where(.svelte-ycvf04) label:where(.svelte-ycvf04){color:#9ebace;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800}.image-converter-page.light.svelte-ycvf04 .ws-label:where(.svelte-ycvf04),.image-converter-page.light.svelte-ycvf04 .quality-wrap:where(.svelte-ycvf04) label:where(.svelte-ycvf04){color:#628098}.image-converter-page.svelte-ycvf04 .ws-select:where(.svelte-ycvf04){color:#e6f6ff;background:#10283c;border:1px solid #4a6a80;border-radius:10px;width:min(260px,100%);min-height:40px;padding:8px 10px}.image-converter-page.light.svelte-ycvf04 .ws-select:where(.svelte-ycvf04){color:#23435f;background:#fff;border-color:#bcd3e4}.image-converter-page.svelte-ycvf04 .compare-grid:where(.svelte-ycvf04){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0;display:grid}.image-converter-page.svelte-ycvf04 .compare-box:where(.svelte-ycvf04){background:#0c2031;border:1px solid #416078;border-radius:13px;overflow:hidden}.image-converter-page.light.svelte-ycvf04 .compare-box:where(.svelte-ycvf04){background:#edf4fb;border-color:#c8dae8}.image-converter-page.svelte-ycvf04 .compare-head:where(.svelte-ycvf04){border-bottom:1px solid #35546d;justify-content:space-between;padding:9px 11px;font-size:11px;font-weight:850;display:flex}.image-converter-page.svelte-ycvf04 .compare-media:where(.svelte-ycvf04){background:repeating-conic-gradient(#ffffff13 0% 25%,#ffffff07 0% 50%) 50%/18px 18px;place-items:center;height:185px;padding:12px;display:grid}.image-converter-page.light.svelte-ycvf04 .compare-media:where(.svelte-ycvf04){background:repeating-conic-gradient(#aec8da55 0% 25%,#fff8 0% 50%) 50%/18px 18px}.image-converter-page.svelte-ycvf04 .compare-media:where(.svelte-ycvf04) img:where(.svelte-ycvf04){object-fit:contain;max-width:100%;max-height:100%}.image-converter-page.svelte-ycvf04 .compare-foot:where(.svelte-ycvf04){color:#a9c6db;padding:9px 11px;font-size:11px}.image-converter-page.light.svelte-ycvf04 .compare-foot:where(.svelte-ycvf04){color:#5c798e}.image-converter-page.svelte-ycvf04 .mini-stats:where(.svelte-ycvf04){grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.image-converter-page.svelte-ycvf04 .mini-stats:where(.svelte-ycvf04)>div:where(.svelte-ycvf04){background:#143148;border:1px solid #31526b;border-radius:10px;padding:10px}.image-converter-page.light.svelte-ycvf04 .mini-stats:where(.svelte-ycvf04)>div:where(.svelte-ycvf04){background:#f4f8fc;border-color:#d6e2ed}.image-converter-page.svelte-ycvf04 .mini-stats:where(.svelte-ycvf04) strong:where(.svelte-ycvf04){font-size:18px;display:block}.image-converter-page.svelte-ycvf04 .mini-stats:where(.svelte-ycvf04) small:where(.svelte-ycvf04){color:var(--muted);font-size:10px}.image-converter-page.svelte-ycvf04 .progress-track:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .task-track:where(.svelte-ycvf04){background:#28475d;border-radius:99px;height:7px;overflow:hidden}.image-converter-page.light.svelte-ycvf04 .progress-track:where(.svelte-ycvf04),.image-converter-page.light.svelte-ycvf04 .task-track:where(.svelte-ycvf04){background:#dce8f2}.image-converter-page.svelte-ycvf04 .progress-track:where(.svelte-ycvf04) span:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .task-track:where(.svelte-ycvf04) span:where(.svelte-ycvf04){background:linear-gradient(90deg,#11cdbc,#4c91e8);width:0;height:100%;display:block}.image-converter-page.svelte-ycvf04 .active-task-title:where(.svelte-ycvf04){flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 10px;display:flex}.image-converter-page.svelte-ycvf04 .active-task-title:where(.svelte-ycvf04) strong:where(.svelte-ycvf04){font-size:12.5px;font-weight:850;line-height:1.3}.image-converter-page.svelte-ycvf04 .taskstep-no:where(.svelte-ycvf04){color:#83eafd;white-space:nowrap;letter-spacing:.07em;background:#123c50;border:1px solid #3c9ab3;border-radius:8px;padding:5px 9px;font-size:10px;font-weight:900}.image-converter-page.light.svelte-ycvf04 .taskstep-no:where(.svelte-ycvf04){color:#126b84;background:#e6f7fb;border-color:#a9d7e9}.image-converter-page.svelte-ycvf04 .result-list:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .task-items:where(.svelte-ycvf04){gap:9px;margin-top:13px;display:grid}.image-converter-page.svelte-ycvf04 .result-item:where(.svelte-ycvf04){background:#102d43;border:1px solid #385f76;border-radius:12px;flex-wrap:wrap;padding:12px}.image-converter-page.light.svelte-ycvf04 .result-item:where(.svelte-ycvf04){background:#f6faff;border-color:#cfdfec}.image-converter-page.svelte-ycvf04 .result-marker:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .task-icon:where(.svelte-ycvf04){color:#80f3cf;background:#104f4d;border-radius:9px;flex:0 0 29px;place-items:center;width:29px;height:29px;font-weight:900;display:grid}.image-converter-page.svelte-ycvf04 .result-action:where(.svelte-ycvf04){white-space:nowrap;min-height:32px;padding:7px 10px}.image-converter-page.svelte-ycvf04 .result-empty:where(.svelte-ycvf04){text-align:center;color:#9bbbd1;border:1px dashed #3c5e79;border-radius:12px;padding:17px;font-size:11.5px}.image-converter-page.svelte-ycvf04 .tag-warn:where(.svelte-ycvf04){color:#ffd08c;font-weight:800}.image-converter-page.svelte-ycvf04 .output-actions:where(.svelte-ycvf04){justify-content:flex-start;margin-top:14px}.image-converter-page.svelte-ycvf04 .output-actions:where(.svelte-ycvf04) button:where(.svelte-ycvf04){flex:1;min-width:150px}.image-converter-page.svelte-ycvf04 .shead:where(.svelte-ycvf04){border-bottom:1px solid #30506a;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.image-converter-page.svelte-ycvf04 .sbox:where(.svelte-ycvf04) h3:where(.svelte-ycvf04){align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.image-converter-page .shead h3 svg,.image-converter-page .sbox h3 svg{color:#6ee2f0;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;width:18px;height:18px}.image-converter-page.svelte-ycvf04 .task-item:where(.svelte-ycvf04){background:#102e44;border:1px solid #2e506a;border-radius:10px;align-items:flex-start;padding:9px}.image-converter-page.svelte-ycvf04 .task-icon:where(.svelte-ycvf04){color:#bcd1e2;background:0 0;flex-basis:20px;width:20px;height:20px}.image-converter-page.svelte-ycvf04 .task-copy:where(.svelte-ycvf04){flex:1;gap:2px;min-width:0;display:grid}.image-converter-page.svelte-ycvf04 .sbox:where(.svelte-ycvf04) li:where(.svelte-ycvf04){color:#9bbbcf;font-size:10px;line-height:1.45}.image-converter-page.svelte-ycvf04 .task-guidance:where(.svelte-ycvf04){color:#9acfe2;font-size:11px;line-height:1.55}.image-converter-page .task-track{background:#203c54;border:1px solid #365c77;height:6px}.image-converter-page.light .task-track{background:#e0edf5;border-color:#d3e4ee}.image-converter-page .task-track span{background:linear-gradient(100deg,#1cceb7,#4b9cff);border-radius:99px;transition:width .2s}.image-converter-page .task-item{background:#102e44;border:1px solid #2e506a;border-radius:10px;align-items:flex-start;gap:9px;min-width:0;padding:9px;display:flex}.image-converter-page.light .task-item{background:#f5faff;border-color:#d4e4ef}.image-converter-page .task-icon{color:#bcd1e2;background:0 0;border:1px solid #59738c;border-radius:6px;flex:0 0 20px;place-items:center;width:20px;height:20px;font-size:12px;font-weight:900;display:grid}.image-converter-page .task-item.done .task-icon{color:#dcfff6;background:#126b65;border-color:#239d89}.image-converter-page .task-copy{flex:1;gap:2px;min-width:0;display:grid}.image-converter-page .task-copy strong{overflow-wrap:anywhere;font-size:11px;line-height:1.35}.image-converter-page .task-copy small{color:#9bbbcf;overflow-wrap:anywhere;font-size:10px;line-height:1.45}.image-converter-page.light .task-copy small{color:#607c93}.image-converter-page.svelte-ycvf04 .sbox:where(.svelte-ycvf04) ul:where(.svelte-ycvf04){margin:0;padding-left:17px}.image-converter-page.svelte-ycvf04 .sbox:where(.svelte-ycvf04) li:where(.svelte-ycvf04){font-size:11.5px;line-height:1.65}.image-converter-page.light.svelte-ycvf04 .sbox:where(.svelte-ycvf04) li:where(.svelte-ycvf04){color:#607e91}.image-converter-page.svelte-ycvf04 .seo-suite:where(.svelte-ycvf04){--seo-ink:#e9f3fc;--seo-muted:#aabed0;--seo-border:#314860;--seo-card-grad:linear-gradient(135deg,#172d43,#1c2d43 48%,#282442);gap:25px;padding:26px 0 64px;display:grid}.image-converter-page.light.svelte-ycvf04 .seo-suite:where(.svelte-ycvf04){--seo-ink:#16354b;--seo-muted:#556d83;--seo-border:#d0ddea;--seo-card-grad:linear-gradient(135deg,#fff,#f4f8fc 48%,#f6f3fb)}.image-converter-page.svelte-ycvf04 .seo-lead:where(.svelte-ycvf04){border:1px solid var(--seo-border);background:radial-gradient(circle at 92% 0,#284a7288,transparent 36%),var(--seo-card-grad);border-radius:24px;grid-template-columns:minmax(0,1.25fr) minmax(260px,.8fr);gap:24px;padding:32px;display:grid}.image-converter-page.svelte-ycvf04 .seo-kicker:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .seo-eyebrow:where(.svelte-ycvf04){letter-spacing:.13em;color:#69d9f4;margin:0;font-size:11px;font-weight:850}.image-converter-page.svelte-ycvf04 .seo-lead:where(.svelte-ycvf04) h2:where(.svelte-ycvf04){color:var(--seo-ink);margin:13px 0;font-size:clamp(25px,2.55vw,34px);font-weight:850;line-height:1.2}.image-converter-page.svelte-ycvf04 .seo-lead:where(.svelte-ycvf04) h2:where(.svelte-ycvf04) em:where(.svelte-ycvf04){color:#68e3e8;font-style:normal}.image-converter-page.svelte-ycvf04 .seo-lead-copy:where(.svelte-ycvf04)>p:where(.svelte-ycvf04){color:var(--seo-muted);font-size:14px;line-height:1.85}.image-converter-page.svelte-ycvf04 .seo-lead-tags:where(.svelte-ycvf04){flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.image-converter-page.svelte-ycvf04 .seo-lead-tags:where(.svelte-ycvf04) span:where(.svelte-ycvf04){color:#d1e8f5;background:#15283dbd;border:1px solid #3d5b74;border-radius:9px;align-items:center;gap:7px;padding:7px 9px;font-size:12px;display:inline-flex}.image-converter-page .seo-lead-tags svg{fill:none;stroke:#59dfe2;width:17px;height:17px}.image-converter-page.svelte-ycvf04 .seo-text-link:where(.svelte-ycvf04){color:#83e5f8;margin-top:20px;font-size:13px;font-weight:750;display:inline-block}.image-converter-page.svelte-ycvf04 .seo-lead-visual:where(.svelte-ycvf04){background:#0b1a2bbf;border:1px solid #3a5b79;border-radius:18px;align-content:center;gap:11px;padding:17px;display:grid}.image-converter-page.svelte-ycvf04 .seo-mini-table:where(.svelte-ycvf04){background:#10283d;border:1px solid #35506b;border-radius:10px;padding:10px 12px}.image-converter-page.svelte-ycvf04 .seo-mini-table:where(.svelte-ycvf04)>span:where(.svelte-ycvf04){color:#b7d1e5;margin-bottom:7px;font-size:11px;display:block}.image-converter-page.svelte-ycvf04 .seo-mini-table:where(.svelte-ycvf04)>div:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .seo-output-grid:where(.svelte-ycvf04){grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.image-converter-page.svelte-ycvf04 .seo-mini-table:where(.svelte-ycvf04) i:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .seo-output-grid:where(.svelte-ycvf04) span:where(.svelte-ycvf04){text-align:center;color:#d4e9f6;background:#1b3e57;border:1px solid #37617c;border-radius:6px;padding:7px 3px;font-size:9px}.image-converter-page.svelte-ycvf04 .seo-mini-arrow:where(.svelte-ycvf04){text-align:center;color:#57dfe8;font-size:21px;font-weight:850}.image-converter-page.svelte-ycvf04 .seo-mini-output:where(.svelte-ycvf04){background:#164859;border:1px solid #4b9ab2;border-radius:10px;padding:12px}.image-converter-page.svelte-ycvf04 .seo-section:where(.svelte-ycvf04){gap:17px;display:grid}.image-converter-page.svelte-ycvf04 .seo-section-heading:where(.svelte-ycvf04){align-items:center;gap:13px;display:flex}.image-converter-page.svelte-ycvf04 .seo-heading-symbol:where(.svelte-ycvf04){color:#fff;background:linear-gradient(145deg,#25d8ed,#4b74e3);border-radius:13px;flex:0 0 45px;place-items:center;width:45px;height:45px;display:grid}.image-converter-page .seo-heading-symbol svg{fill:none;stroke:currentColor;width:25px;height:25px}.image-converter-page.svelte-ycvf04 .seo-section-heading:where(.svelte-ycvf04) h2:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .seo-related:where(.svelte-ycvf04) h2:where(.svelte-ycvf04){color:var(--seo-ink);margin:4px 0 5px;font-size:clamp(21px,2.05vw,26px);font-weight:850;line-height:1.25}.image-converter-page.svelte-ycvf04 .seo-section-heading:where(.svelte-ycvf04) p:where(.svelte-ycvf04):last-child,.image-converter-page.svelte-ycvf04 .seo-related:where(.svelte-ycvf04)>p:where(.svelte-ycvf04){color:var(--seo-muted);margin:0;font-size:13.5px;line-height:1.65}.image-converter-page.svelte-ycvf04 .seo-feature-grid:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .seo-case-grid:where(.svelte-ycvf04){grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.image-converter-page.svelte-ycvf04 .seo-card:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .seo-mode-card:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .seo-faq:where(.svelte-ycvf04){border:1px solid var(--seo-border);background:var(--seo-card-grad);border-radius:19px;padding:19px}.image-converter-page.svelte-ycvf04 .seo-feature-title:where(.svelte-ycvf04){align-items:center;gap:12px;min-height:46px;display:flex}.image-converter-page.svelte-ycvf04 .seo-feature-title:where(.svelte-ycvf04) h3:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .seo-mode-card:where(.svelte-ycvf04) h3:where(.svelte-ycvf04){color:var(--seo-ink);margin:0;font-size:16px;line-height:1.35}.image-converter-page.svelte-ycvf04 .seo-card:where(.svelte-ycvf04)>p:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .seo-mode-card:where(.svelte-ycvf04)>p:where(.svelte-ycvf04){color:var(--seo-muted);margin:12px 0 0;font-size:13.5px;line-height:1.7}.image-converter-page.svelte-ycvf04 .seo-icon:where(.svelte-ycvf04){--icon-a:#4ce2ad;border:1px solid color-mix(in srgb,var(--icon-a) 43%,transparent);background:#17384d;border-radius:13px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.image-converter-page .seo-icon svg{fill:none;width:24px;height:24px;stroke:var(--icon-a)}.image-converter-page.svelte-ycvf04 .seo-icon--cyan:where(.svelte-ycvf04){--icon-a:#48dfff}.image-converter-page.svelte-ycvf04 .seo-icon--mint:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .seo-icon--green:where(.svelte-ycvf04){--icon-a:#55e7bd}.image-converter-page.svelte-ycvf04 .seo-icon--violet:where(.svelte-ycvf04){--icon-a:#c38cff}.image-converter-page.svelte-ycvf04 .seo-icon--blue:where(.svelte-ycvf04){--icon-a:#5fa1ff}.image-converter-page.svelte-ycvf04 .seo-icon--amber:where(.svelte-ycvf04){--icon-a:#ffd071}.image-converter-page.svelte-ycvf04 .seo-modes:where(.svelte-ycvf04){grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.image-converter-page.svelte-ycvf04 .seo-mode-heading-row:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .seo-flow-heading:where(.svelte-ycvf04){align-items:center;gap:9px;display:flex}.image-converter-page.svelte-ycvf04 .seo-mode-number:where(.svelte-ycvf04){color:#7bdcec;font-size:16px;font-weight:900}.image-converter-page.svelte-ycvf04 .seo-mode-foot:where(.svelte-ycvf04){color:#8db6cd;margin-top:12px;font-size:12px}.image-converter-page.svelte-ycvf04 .seo-flow:where(.svelte-ycvf04){grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.image-converter-page.svelte-ycvf04 .seo-flow-step:where(.svelte-ycvf04){border:1px solid var(--seo-border);background:var(--seo-card-grad);border-radius:17px;padding:18px}.image-converter-page.svelte-ycvf04 .seo-flow-num:where(.svelte-ycvf04){color:#59d9f4;font-size:25px;font-weight:900}.image-converter-page.svelte-ycvf04 .seo-flow-step:where(.svelte-ycvf04) h3:where(.svelte-ycvf04){color:var(--seo-ink);margin:0;font-size:15px}.image-converter-page.svelte-ycvf04 .seo-flow-step:where(.svelte-ycvf04) p:where(.svelte-ycvf04){color:var(--seo-muted);margin:10px 0 0;font-size:12.7px;line-height:1.65}.image-converter-page.svelte-ycvf04 .seo-trust-grid:where(.svelte-ycvf04){grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.image-converter-page.svelte-ycvf04 .seo-faq-grid:where(.svelte-ycvf04){grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.image-converter-page.svelte-ycvf04 .seo-faq:where(.svelte-ycvf04){padding:0;overflow:hidden}.image-converter-page.svelte-ycvf04 .seo-faq:where(.svelte-ycvf04) summary:where(.svelte-ycvf04){color:var(--seo-ink);cursor:pointer;justify-content:space-between;gap:12px;padding:16px 17px;font-size:14px;font-weight:780;list-style:none;display:flex}.image-converter-page.svelte-ycvf04 .seo-faq:where(.svelte-ycvf04) summary:where(.svelte-ycvf04)::-webkit-details-marker{display:none}.image-converter-page.svelte-ycvf04 .seo-faq:where(.svelte-ycvf04) p:where(.svelte-ycvf04){color:var(--seo-muted);padding:0 17px 17px;font-size:13.5px;line-height:1.8}.image-converter-page.svelte-ycvf04 .seo-related:where(.svelte-ycvf04){border:1px solid var(--seo-border);background:linear-gradient(135deg,#15243a,#1d263c 55%,#29223f);border-radius:23px;padding:26px}.image-converter-page.svelte-ycvf04 .seo-related-grid:where(.svelte-ycvf04){grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:17px;display:grid}.image-converter-page.svelte-ycvf04 .seo-related-grid:where(.svelte-ycvf04)>a:where(.svelte-ycvf04){color:var(--seo-ink);background:#1b3348;border:1px solid #394e68;border-radius:13px;align-items:flex-start;gap:10px;padding:13px;display:flex}.image-converter-page.svelte-ycvf04 .seo-related-grid:where(.svelte-ycvf04)>a:where(.svelte-ycvf04)>div:where(.svelte-ycvf04){flex:1;min-width:0}.image-converter-page.svelte-ycvf04 .seo-related-grid:where(.svelte-ycvf04) strong:where(.svelte-ycvf04){font-size:13.5px;display:block}.image-converter-page.svelte-ycvf04 .seo-related-grid:where(.svelte-ycvf04) small:where(.svelte-ycvf04){color:var(--seo-muted);margin-top:3px;font-size:12px;line-height:1.6;display:block}.image-converter-page.svelte-ycvf04 .seo-prototype-disclaimer:where(.svelte-ycvf04){border-top:1px solid var(--seo-border);color:var(--seo-muted);padding-top:14px;font-size:11.5px}.image-converter-page.light.svelte-ycvf04 .seo-suite:where(.svelte-ycvf04){--seo-ink:#16354b;--seo-muted:#556d83}.image-converter-page.light.svelte-ycvf04 .seo-lead-visual:where(.svelte-ycvf04){background:#eff8fc;border-color:#c9ddea}.image-converter-page.light.svelte-ycvf04 .seo-card:where(.svelte-ycvf04),.image-converter-page.light.svelte-ycvf04 .seo-mode-card:where(.svelte-ycvf04),.image-converter-page.light.svelte-ycvf04 .seo-faq:where(.svelte-ycvf04){background:linear-gradient(135deg,#fff,#f4f8fc 48%,#f6f3fb)}.image-converter-page.light.svelte-ycvf04 .seo-related:where(.svelte-ycvf04){background:linear-gradient(135deg,#f1f6fc,#f5f0fb)}.image-converter-page.light.svelte-ycvf04 .seo-related-grid:where(.svelte-ycvf04)>a:where(.svelte-ycvf04){background:#fff;border-color:#d0ddea}@media (width<=1060px){.image-converter-page.svelte-ycvf04 .workgrid:where(.svelte-ycvf04){grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr)}.image-converter-page.svelte-ycvf04 .seo-feature-grid:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .seo-trust-grid:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .seo-modes:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .seo-case-grid:where(.svelte-ycvf04){grid-template-columns:repeat(2,minmax(0,1fr))}.image-converter-page.svelte-ycvf04 .seo-related-grid:where(.svelte-ycvf04){grid-template-columns:1fr}}@media (width<=850px){.image-converter-page.svelte-ycvf04 .steps:where(.svelte-ycvf04){grid-template-columns:repeat(2,minmax(0,1fr))}.image-converter-page.svelte-ycvf04 .workgrid:where(.svelte-ycvf04){grid-template-columns:1fr}.image-converter-page.svelte-ycvf04 .side:where(.svelte-ycvf04){grid-template-columns:repeat(2,minmax(0,1fr))}.image-converter-page.svelte-ycvf04 .seo-lead:where(.svelte-ycvf04){grid-template-columns:1fr}}@media (width<=620px){.image-converter-page.svelte-ycvf04 .whead:where(.svelte-ycvf04){flex-wrap:wrap;padding:12px}.image-converter-page.svelte-ycvf04 .head-actions:where(.svelte-ycvf04){justify-content:flex-end;width:100%}.image-converter-page.svelte-ycvf04 .wbody:where(.svelte-ycvf04){padding:10px}.image-converter-page.svelte-ycvf04 .steps:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .format-grid:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .compare-grid:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .seo-feature-grid:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .seo-trust-grid:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .seo-modes:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .seo-case-grid:where(.svelte-ycvf04),.image-converter-page.svelte-ycvf04 .seo-faq-grid:where(.svelte-ycvf04){grid-template-columns:1fr}.image-converter-page.svelte-ycvf04 .pad:where(.svelte-ycvf04){padding:13px}.image-converter-page.svelte-ycvf04 .before-upload:where(.svelte-ycvf04){grid-template-columns:1fr}.image-converter-page.svelte-ycvf04 .seo-lead:where(.svelte-ycvf04){padding:19px}.image-converter-page.svelte-ycvf04 .seo-flow:where(.svelte-ycvf04){grid-template-columns:1fr}.image-converter-page.svelte-ycvf04 .seo-related:where(.svelte-ycvf04){padding:18px}.image-converter-page.svelte-ycvf04 .seo-related-grid:where(.svelte-ycvf04){grid-template-columns:1fr}.image-converter-page.svelte-ycvf04 .output-actions:where(.svelte-ycvf04) button:where(.svelte-ycvf04){min-width:130px}}.image-converter-page.light.svelte-ycvf04 .seo-lead-tags:where(.svelte-ycvf04) span:where(.svelte-ycvf04){color:#215575;background:#ffffffa8;border-color:#c9dfe9}.image-converter-page.light .seo-lead-tags svg{stroke:#168da6}.image-converter-page.light.svelte-ycvf04 .seo-text-link:where(.svelte-ycvf04){color:#087eac}.image-converter-page.light.svelte-ycvf04 .seo-mini-label:where(.svelte-ycvf04){color:#50768b}.image-converter-page.light.svelte-ycvf04 .seo-mini-table:where(.svelte-ycvf04){background:#fff;border-color:#cbdce9}.image-converter-page.light.svelte-ycvf04 .seo-mini-table:where(.svelte-ycvf04)>span:where(.svelte-ycvf04){color:#31536e}.image-converter-page.light.svelte-ycvf04 .seo-mini-table:where(.svelte-ycvf04) i:where(.svelte-ycvf04){color:#275372;background:#eaf4fa;border-color:#c9ddea}.image-converter-page.light.svelte-ycvf04 .seo-mini-arrow:where(.svelte-ycvf04){color:#168eab}.image-converter-page.light.svelte-ycvf04 .seo-mini-arrow:where(.svelte-ycvf04) span:where(.svelte-ycvf04){color:#4b718a}.image-converter-page.light.svelte-ycvf04 .seo-mini-output:where(.svelte-ycvf04){background:linear-gradient(130deg,#e0f7f5,#e4f4fc);border-color:#addbd9}.image-converter-page.light.svelte-ycvf04 .seo-mini-output:where(.svelte-ycvf04) .seo-mini-label:where(.svelte-ycvf04){color:#21856f}.image-converter-page.light.svelte-ycvf04 .seo-output-grid:where(.svelte-ycvf04) span:where(.svelte-ycvf04){color:#246e70;background:#f7fffe;border-color:#b6dddf}.image-converter-page.light.svelte-ycvf04 .seo-icon:where(.svelte-ycvf04){background:linear-gradient(140deg,color-mix(in srgb,var(--icon-a) 17%,#fff),color-mix(in srgb,var(--icon-b,var(--icon-a)) 8%,#fff));border-color:color-mix(in srgb,var(--icon-a) 48%,#cbdce7)}