:global(.ba-slider){position:relative;width:100%;aspect-ratio:16/10;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;user-select:none;cursor:ew-resize}:global(.ba-slider .ba-img){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}:global(.ba-slider .ba-clip){position:absolute;inset:0;overflow:hidden}:global(.ba-slider .ba-handle){position:absolute;top:0;bottom:0;width:2px;background:#ffffffe6;transform:translate(-1px);pointer-events:none}:global(.ba-slider .ba-handle-grip){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:#000000b3;border:1px solid rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;backdrop-filter:blur(8px);font-size:11px}:global(.ba-slider .ba-label){position:absolute;top:12px;padding:4px 8px;background:#000000b3;color:#fff;font-size:11px;text-transform:uppercase;border-radius:4px;pointer-events:none}:global(.ba-slider .ba-label-original){left:12px}:global(.ba-slider .ba-label-result){right:12px}:global(.settings-grid){grid-template-columns:1fr 1fr}@media(max-width:640px){:global(.settings-grid){grid-template-columns:1fr!important}}body:not([data-has-files]) :global(.tool-main){padding-top:8px!important}body:not([data-has-files]) :global(.breadcrumb){margin-bottom:12px!important}body:not([data-has-files]) :global(.tool-hero){margin-bottom:32px!important}body:not([data-has-files]) :global(.tool-hero-icon){width:60px!important;height:60px!important;margin:0 auto 12px!important}body:not([data-has-files]) :global(.tool-h1){font-size:clamp(26px,3.5vw,38px)!important;margin:0 0 10px!important}body:not([data-has-files]) :global(.tool-sub){margin:0 auto 12px!important;font-size:14px!important}body:not([data-has-files]) :global(.tool-badges){gap:5px!important}body:not([data-has-files]) :global(.trust-pill){font-size:11px!important;padding:4px 8px!important}@keyframes premium-float{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}body:not([data-has-files]) :global(.upload-zone){width:680px!important;max-width:100%!important;height:290px!important;padding:28px 32px!important;margin-left:auto!important;margin-right:auto!important;background:#0f172a66!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:24px!important;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important}:global([data-theme=light]) body:not([data-has-files]) :global(.upload-zone){background:#fff9!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 8px 32px #0000000a,inset 0 1px #ffffffe6!important}body:not([data-has-files]) :global(.upload-zone:hover){border-color:#facc154d!important;box-shadow:0 12px 40px #facc150d,inset 0 1px #ffffff14!important}:global([data-theme=light]) body:not([data-has-files]) :global(.upload-zone:hover){border-color:#facc1580!important;box-shadow:0 12px 40px #facc1514,inset 0 1px #fffffff2!important}body:not([data-has-files]) :global(.upload-zone [data-upload-empty] .rounded-2xl){width:54px!important;height:54px!important;border-radius:14px!important;background:#facc1514!important;border:1px solid rgba(250,204,21,.2)!important;box-shadow:inset 0 1px #ffffff0d!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important}body:not([data-has-files]) :global(.upload-zone:hover [data-upload-empty] .rounded-2xl){animation:premium-float 2s ease-in-out infinite!important;box-shadow:0 8px 20px #facc1526,inset 0 1px #ffffff1a!important;border-color:#facc1573!important}body:not([data-has-files]) :global(.upload-zone [data-upload-empty] .rounded-2xl svg){width:26px!important;height:26px!important;color:#facc15!important;transition:transform .4s ease!important}body:not([data-has-files]) :global(.upload-zone [data-upload-empty] .mb-3){margin-bottom:10px!important}body:not([data-has-files]) :global(.upload-zone [data-upload-empty] h3){font-size:24px!important;font-weight:800!important;letter-spacing:-.015em!important;margin-bottom:4px!important;color:var(--color-text)!important;transition:color .3s ease!important}body:not([data-has-files]) :global(.upload-zone:hover [data-upload-empty] h3){color:#facc15!important}body:not([data-has-files]) :global(.upload-zone [data-upload-empty] p.text-sm){font-size:15px!important;color:var(--color-text-2)!important;margin-bottom:20px!important}body:not([data-has-files]) :global(.upload-zone [data-upload-empty] button.inline-flex){padding:12px 32px!important;font-size:14px!important;font-weight:700!important;border-radius:12px!important;background:linear-gradient(135deg,#facc15,#eab308)!important;color:#0f172a!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 4px 20px #facc1533,inset 0 1px #ffffff4d!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important}body:not([data-has-files]) :global(.upload-zone:hover [data-upload-empty] button.inline-flex){transform:translateY(-1px) scale(1.02)!important;box-shadow:0 8px 28px #facc1559,inset 0 1px #fff6!important}body:not([data-has-files]) :global(.upload-zone [data-upload-empty] .upload-zone-hint-text){margin-top:14px!important;font-size:11.5px!important;color:var(--color-text-3)!important;letter-spacing:.02em!important}body:not([data-has-files]) :global(.upload-zone-divider),body:not([data-has-files]) :global(.upload-zone-paste-wrap){display:none!important}@media(max-width:768px){body:not([data-has-files]) :global(.upload-wrap){margin-top:48px!important}:global(body.page-webp-png-to-jpg[data-has-files] #site-header){display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1100!important}:global(body.page-webp-png-to-jpg[data-has-files] [data-tool-hero]),:global(body.page-webp-png-to-jpg[data-has-files] .tool-hero),:global(body.page-webp-png-to-jpg[data-has-files] [data-tool-hero-compact]),:global(body.page-webp-png-to-jpg[data-has-files] .tool-hero-compact),:global(body.page-webp-png-to-jpg[data-has-files] .breadcrumb){display:none!important}:global(body.page-webp-png-to-jpg[data-has-files] .mobile-tool-title){display:none!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files]){overflow-y:auto!important;overflow-x:clip!important;height:auto!important;min-height:100dvh!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files] .tool-main){padding:0 0 40px!important;height:auto!important;min-height:0!important;overflow:visible!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .container-narrow){max-width:100%!important;padding:72px 0 0!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;position:relative!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files] .how-to-features){display:block!important;visibility:visible!important;opacity:1!important;margin-top:32px!important;padding:0 16px!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files] .related-tools-wrap){display:block!important;visibility:visible!important;opacity:1!important;margin-top:24px!important;padding:0 16px!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files] .tool-bottom-section){display:block!important;visibility:visible!important;opacity:1!important;margin-top:32px!important;padding:0 16px!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files] .tool-seo){display:block!important;visibility:visible!important;opacity:1!important;margin-top:32px!important;padding:0 16px!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files] footer),:global(body.page-tool.page-webp-png-to-jpg[data-has-files] .site-footer){display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10!important;margin-top:40px!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files] .upload-wrap){margin:0!important;padding:8px 4px 0!important;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;position:relative!important;inset:auto!important;z-index:10!important;background:transparent!important;border:none!important;box-shadow:none!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .ad-banner-wrapper){display:flex!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:calc(100% - 32px)!important;margin:0 16px 8px!important;z-index:10!important;height:auto!important}:global([data-theme=light] body.page-tool.page-webp-png-to-jpg[data-has-files] .upload-wrap){background:transparent!important}:global([data-upload-actions][data-in-header] .upload-add-wrap){transform:none!important;transition:none!important}:global([data-upload-actions][data-in-header] .upload-action-stack:hover .upload-add-wrap),:global([data-upload-actions][data-in-header] .upload-action-stack[data-expanded] .upload-add-wrap){transform:none!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files] .tool-hero-compact),:global(body.page-tool.page-png-to-jpg[data-has-files] .tool-hero-compact){display:block!important;position:absolute!important;inset:185px 72px auto auto!important;border:none!important;padding:0!important;margin:0!important;z-index:500!important;pointer-events:auto!important;background:transparent!important;height:auto!important;width:46px!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files] [data-upload-actions]),:global(body.page-tool.page-png-to-jpg[data-has-files] [data-upload-actions]){display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files] .mobile-floating-settings-btn),:global(body.page-tool.page-png-to-jpg[data-has-files] .mobile-floating-settings-btn){display:flex!important;position:absolute!important;top:185px!important;right:16px!important;z-index:501!important;width:46px!important;height:46px!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files] .mobile-floating-settings-btn svg),:global(body.page-tool.page-png-to-jpg[data-has-files] .mobile-floating-settings-btn svg){width:22px!important;height:22px!important}:global(body.page-webp-png-to-jpg[data-has-files] .tool-hero-compact-left),:global(body.page-png-to-jpg[data-has-files] .tool-hero-compact-left){display:none!important}:global(body.page-webp-png-to-jpg[data-has-files] .tool-hero-compact-actions),:global(body.page-png-to-jpg[data-has-files] .tool-hero-compact-actions){display:block!important;padding:0!important;pointer-events:auto!important}:global(body.page-webp-png-to-jpg[data-has-files] .upload-action-btn.upload-action-primary),:global(body.page-webp-png-to-jpg[data-has-files] [data-upload-add-btn]),:global(body.page-png-to-jpg[data-has-files] .upload-action-btn.upload-action-primary),:global(body.page-png-to-jpg[data-has-files] [data-upload-add-btn]){background:linear-gradient(135deg,#facc15,#eab308)!important;color:#0f172a!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 6px 18px #facc1573,inset 0 1px #fff9!important;width:46px!important;height:46px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;pointer-events:auto!important;cursor:pointer!important}:global(body.page-webp-png-to-jpg[data-has-files] .upload-action-btn.upload-action-primary svg),:global(body.page-webp-png-to-jpg[data-has-files] [data-upload-add-btn] svg),:global(body.page-png-to-jpg[data-has-files] .upload-action-btn.upload-action-primary svg),:global(body.page-png-to-jpg[data-has-files] [data-upload-add-btn] svg){width:22px!important;height:22px!important;stroke-width:3.2px!important}:global(body.page-webp-png-to-jpg[data-has-files] .upload-action-reveal),:global(body.page-png-to-jpg[data-has-files] .upload-action-reveal){display:none!important}:global(body.page-webp-png-to-jpg[data-has-files] .upload-action-badge){display:none!important}:global(body.page-webp-png-to-jpg[data-has-files] .preview-remove){display:flex!important;opacity:1!important;pointer-events:auto!important;top:6px!important;right:6px!important;width:24px!important;height:24px!important;background:#e44!important;color:#fff!important;border:1.5px solid #ffffff!important;border-radius:50%!important;box-shadow:0 2px 8px #0006!important;z-index:20!important;align-items:center!important;justify-content:center!important}:global(body.page-webp-png-to-jpg[data-has-files] .preview-remove svg){width:12px!important;height:12px!important;stroke-width:3px!important}:global(body.page-webp-png-to-jpg[data-has-files] .upload-previews.is-single),:global(body.page-webp-png-to-jpg[data-has-files] .upload-previews.is-grid){display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important;width:100%!important;height:auto!important;max-height:none!important;overflow-y:visible!important;-webkit-overflow-scrolling:auto!important;padding:8px 16px 16px!important;margin-top:0!important;grid-template-columns:none!important}:global(body.page-webp-png-to-jpg[data-has-files] .upload-previews.is-single .preview-tile),:global(body.page-webp-png-to-jpg[data-has-files] .upload-previews.is-grid .preview-tile){width:200px!important;max-width:200px!important;background:var(--color-bg)!important;border:1px solid var(--color-border)!important;border-radius:14px!important;overflow:hidden!important;flex-shrink:0!important;display:flex!important;flex-direction:column!important;box-shadow:0 4px 16px #00000026!important;position:relative!important;margin:0 auto!important;height:auto!important;padding:0!important}:global(body.page-webp-png-to-jpg[data-has-files] .upload-previews.is-single .preview-thumb),:global(body.page-webp-png-to-jpg[data-has-files] .upload-previews.is-grid .preview-thumb){height:120px!important;min-height:120px!important;max-height:120px!important;width:100%!important;aspect-ratio:unset!important;background:var(--color-bg-2)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:8px!important;position:relative!important;flex-shrink:0!important;border:none!important;border-bottom:1px solid var(--color-border)!important}:global(body.page-webp-png-to-jpg[data-has-files] .upload-previews.is-single .preview-thumb img),:global(body.page-webp-png-to-jpg[data-has-files] .upload-previews.is-grid .preview-thumb img){max-height:100%!important;max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;object-position:center!important;border-radius:6px!important;border:none!important;box-shadow:none!important}:global(body.page-webp-png-to-jpg[data-has-files] .upload-previews.is-single .preview-info),:global(body.page-webp-png-to-jpg[data-has-files] .upload-previews.is-grid .preview-info){position:relative!important;bottom:auto!important;left:auto!important;transform:none!important;padding:8px 10px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;background:var(--color-bg)!important;width:100%!important;max-width:100%!important;border:none!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;margin-top:0!important}:global(body.page-webp-png-to-jpg[data-has-files] .upload-previews.is-single .preview-name),:global(body.page-webp-png-to-jpg[data-has-files] .upload-previews.is-grid .preview-name){font-size:11px!important;font-weight:500!important;color:var(--color-text)!important;max-width:170px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}:global(body.page-webp-png-to-jpg[data-has-files] .upload-previews.is-single .preview-meta),:global(body.page-webp-png-to-jpg[data-has-files] .upload-previews.is-grid .preview-meta){font-size:10px!important;color:var(--color-text-3)!important}:global(body[data-has-files] .mobile-floating-settings-btn){display:flex!important;position:absolute!important;top:185px!important;right:16px!important;width:46px!important;height:46px!important;border-radius:50%!important;background:linear-gradient(135deg,#1e293bf2,#0f172af2)!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 6px 16px #0006,inset 0 1px #fff3!important;z-index:501!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;pointer-events:auto!important;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s ease!important}:global([data-theme=light] body[data-has-files] .mobile-floating-settings-btn){background:#fff!important;color:#0f172a!important;border:1px solid rgba(0,0,0,.12)!important;box-shadow:0 6px 16px #0000001f!important}:global(body[data-has-files] .mobile-floating-settings-btn svg){width:22px!important;height:22px!important}:global(body.page-webp-png-to-jpg[data-has-files] .mobile-settings-backdrop){display:block!important;position:fixed!important;inset:0!important;background:#00000080!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;z-index:9998!important;opacity:0!important;pointer-events:none!important;transition:opacity .3s ease!important}:global(body.page-webp-png-to-jpg[data-has-files] .mobile-settings-backdrop[data-active]){opacity:1!important;pointer-events:auto!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls){position:fixed!important;inset:0 0 0 auto!important;width:85dvw!important;max-width:340px!important;height:100dvh!important;max-height:100dvh!important;z-index:9999!important;background:#171715f2!important;backdrop-filter:blur(24px) saturate(140%)!important;-webkit-backdrop-filter:blur(24px) saturate(140%)!important;border-left:1px solid rgba(255,255,255,.1)!important;border-radius:20px 0 0 20px!important;box-shadow:-12px 0 40px #00000080!important;padding:24px 18px 28px!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:14px!important;overflow-y:auto!important;transform:translate(105%)!important;transition:transform .35s cubic-bezier(.16,1,.3,1)!important;pointer-events:auto!important}:global([data-theme=light] body.page-webp-png-to-jpg[data-has-files] #controls){background:#fffffff5!important;border-left-color:#00000014!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls[data-mobile-open]){transform:translate(0)!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls:before){display:none!important}:global(body.page-webp-png-to-jpg[data-has-results] .mobile-floating-settings-btn){display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls div[style*="font-size:11px"]),:global(body.page-webp-png-to-jpg[data-has-files] #controls div[style*="font-size: 11px"]){display:none!important}:global(body.page-webp-png-to-jpg[data-has-results] #controls){display:none!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls .caption){display:none!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls .label),:global(body.page-webp-png-to-jpg[data-has-files] #controls label.label){font-family:var(--font-display),system-ui,sans-serif!important;text-transform:uppercase!important;font-size:11px!important;font-weight:700!important;letter-spacing:.08em!important;color:var(--color-accent)!important;margin-bottom:8px!important;display:block!important}:global(body.page-webp-png-to-jpg[data-has-files] .mode-toggle){border-radius:14px!important;padding:3px!important;margin-bottom:0!important}:global(body.page-webp-png-to-jpg[data-has-files] .mode-tab){padding:10px 14px!important;font-size:13px!important;border-radius:10px!important;font-family:var(--font-sans),system-ui,sans-serif!important}:global(body.page-webp-png-to-jpg[data-has-files] #mode-help){background:#facc150d!important;border:1px dashed rgba(250,204,21,.25)!important;border-radius:12px!important;padding:12px 14px!important;color:var(--color-text-2)!important;font-size:11px!important;font-family:var(--font-sans),system-ui,sans-serif!important;line-height:1.5!important;margin:0!important}:global([data-theme=light] body.page-webp-png-to-jpg[data-has-files] #mode-help){background:#4f46e50a!important;border-color:#4f46e526!important}:global(body.page-webp-png-to-jpg[data-has-files] .select-wrapper .input),:global(body.page-webp-png-to-jpg[data-has-files] .input){padding-top:12px!important;padding-bottom:12px!important;font-size:13.5px!important;border-radius:12px!important;font-family:var(--font-sans),system-ui,sans-serif!important}:global(body.page-webp-png-to-jpg[data-has-files] .slider-group){margin-bottom:0!important;background:#ffffff05!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;padding:14px 16px!important}:global([data-theme=light] body.page-webp-png-to-jpg[data-has-files] .slider-group){background:#00000005!important;border-color:#0000000d!important}:global(body.page-webp-png-to-jpg[data-has-files] .slider-group div[style*="font-size:11px"]){display:none!important}:global(body.page-webp-png-to-jpg[data-has-files] .switch-container){background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;padding:14px 16px!important;margin-top:auto!important;margin-bottom:12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;box-sizing:border-box!important}:global([data-theme=light] body.page-webp-png-to-jpg[data-has-files] .switch-container){background:#00000005!important;border-color:#0000000f!important}:global(body.page-webp-png-to-jpg[data-has-files] .switch-label){font-size:13px!important;font-family:var(--font-sans),system-ui,sans-serif!important;font-weight:600!important;color:var(--color-text)!important}:global(body.page-webp-png-to-jpg[data-has-files] .format-card-grid){grid-template-columns:repeat(4,1fr)!important;gap:6px!important;margin-bottom:8px!important}:global(body.page-webp-png-to-jpg[data-has-files] .format-card){background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;padding:6px 2px!important;transition:all .2s ease!important;min-height:unset!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;text-align:center!important}:global([data-theme=light] body.page-webp-png-to-jpg[data-has-files] .format-card){background:#00000005!important;border-color:#0000000f!important}:global(body.page-webp-png-to-jpg[data-has-files] .format-card.is-active){background:var(--color-accent-soft)!important;border-color:var(--color-accent)!important;box-shadow:0 0 0 1px var(--color-accent),0 4px 12px var(--color-accent-soft)!important}:global(body.page-webp-png-to-jpg[data-has-files] .format-card-header){margin-bottom:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important}:global(body.page-webp-png-to-jpg[data-has-files] .format-card-title){font-size:11px!important;font-family:var(--font-sans),system-ui,sans-serif!important;font-weight:700!important}:global(body.page-webp-png-to-jpg[data-has-files] .format-card-desc){display:none!important}:global(body.page-webp-png-to-jpg[data-has-files] .format-card-icon){font-size:14px!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls input[type=range]){-webkit-appearance:none!important;appearance:none!important;width:100%!important;height:6px!important;background:var(--color-border)!important;border-radius:99px!important;outline:none!important;margin:12px 0!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls input[type=range]::-webkit-slider-thumb){-webkit-appearance:none!important;appearance:none!important;width:20px!important;height:20px!important;border-radius:50%!important;background:var(--color-accent)!important;border:2px solid var(--color-card)!important;box-shadow:0 2px 6px #0006!important;cursor:pointer!important;transition:transform .15s ease,background-color .15s ease!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls input[type=range]::-webkit-slider-thumb:active){transform:scale(1.2)!important;background:var(--color-accent-hover)!important}:global(body.page-webp-png-to-jpg[data-has-files] .select-wrapper:after){border-color:var(--color-text-2)!important;right:18px!important;top:45%!important}:global(.mobile-floating-process-btn){display:none}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .mobile-floating-process-btn),:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) #controls #process){display:flex!important;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;width:calc(100% - 32px)!important;margin:16px 16px 24px!important;z-index:10!important;height:64px!important;padding:0 20px!important;border-radius:16px!important;background:#facc15!important;color:#000!important;font-family:var(--font-display),system-ui,sans-serif!important;font-weight:800!important;font-size:18px!important;letter-spacing:-.02em!important;border:none!important;box-shadow:0 6px 24px #facc1573!important;align-items:center!important;gap:10px!important;justify-content:center!important;cursor:pointer!important;pointer-events:auto!important}:global([data-theme=light] body.page-webp-png-to-jpg[data-has-files] #process){color:#000!important}:global(body.page-webp-png-to-jpg[data-has-files] .mobile-floating-process-btn svg),:global(body.page-webp-png-to-jpg[data-has-results] .mobile-floating-process-btn svg),:global(body.page-webp-png-to-jpg[data-has-files] #controls #process svg){width:18px!important;height:18px!important;stroke-width:2.8px!important}:global(body.page-webp-png-to-jpg[data-has-files] #process:disabled){background:var(--color-border)!important;color:var(--color-text-3)!important;box-shadow:none!important}:global(.mobile-floating-reset-btn){display:none}:global(body.page-webp-png-to-jpg[data-has-results]){overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;min-height:100%!important}:global(body.page-webp-png-to-jpg[data-has-results] #site-header){display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1100!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-main){height:auto!important;min-height:0!important;padding:0 0 40px!important;overflow:visible!important}:global(body.page-webp-png-to-jpg[data-has-results] .container-narrow){display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:visible!important;position:relative!important;padding-top:48px!important}:global(body.page-webp-png-to-jpg[data-has-results] .ad-banner-wrapper){display:flex!important;order:0!important;min-height:44px!important;margin:28px auto 2px!important}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap){display:block!important;position:relative!important;inset:auto!important;width:100%!important;max-width:600px!important;margin:-32px auto 0!important;padding:0 12px!important;z-index:10!important;order:1!important}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .tool-result){padding-bottom:0!important;margin-bottom:0!important}:global(body.page-webp-png-to-jpg[data-has-results] .how-to-features){display:block!important;visibility:visible!important;opacity:1!important;order:4!important;margin-top:32px!important;padding:0 16px!important}:global(body.page-webp-png-to-jpg[data-has-results] .related-tools-wrap){display:block!important;visibility:visible!important;opacity:1!important;order:5!important;margin-top:24px!important;padding:0 16px!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-bottom-section){display:block!important;visibility:visible!important;opacity:1!important;order:6!important;margin-top:32px!important;padding:0 16px!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-seo){display:block!important;visibility:visible!important;opacity:1!important;order:7!important;margin-top:32px!important;padding:0 16px!important}:global(#result-wrap .tool-result>div:first-child){background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:6px 4px!important;margin-bottom:4px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important}:global(#result-wrap .tool-result>div:first-child>div:first-child){width:56px!important;height:56px!important}:global(#result-wrap .tool-result>div:first-child svg){width:56px!important;height:56px!important}:global(#result-wrap .animated-progress-text){font-size:13px!important}:global(#result-wrap .animated-progress-text+div){font-size:7.5px!important;margin-top:1px!important}:global(#result-wrap .tool-result>div:first-child>div:nth-child(2)){text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;margin-top:4px!important}:global(#result-wrap .tool-result>div:first-child>div:nth-child(2)>div:first-child){font-size:14.5px!important;font-weight:600!important;color:var(--color-text)!important;margin-bottom:4px!important;text-align:center!important;line-height:1.4!important}:global(#result-wrap .tool-result>div:first-child>div:nth-child(2)>div:last-child){font-size:13.5px!important;font-weight:500!important;text-align:center!important}:global(#result-wrap .tool-result){max-width:100%!important;margin:0 auto!important;position:relative!important;inset:auto!important;height:auto!important;max-height:none!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}:global(#result-wrap .tool-result:before){display:none!important}:global(#result-wrap .tool-result>div:first-child){background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:20px!important;box-shadow:inset 0 1px #ffffff0d,0 8px 32px #0003!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;padding:24px 20px!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;height:auto!important;width:100%!important}:global(#result-wrap .tool-result .mono[style*="color:#00875a"]),:global(#result-wrap .tool-result .mono[style*="color: rgb(0, 135, 90)"]),:global(#result-wrap .tool-result span[style*="color:var(--color-accent)"]),:global(#result-wrap .tool-result span[style*="color:#00875a"]){color:#10b981!important;text-shadow:0 0 24px rgba(16,185,129,.5)!important}:global(#result-wrap .tool-result>div:nth-child(2)){margin-top:8px!important;background:linear-gradient(135deg,#171715cc,#0f172ae6)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;box-shadow:0 12px 36px #00000059!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;max-height:260px!important;padding:8px!important;overflow-y:auto!important}:global(#result-wrap .tool-result>div:nth-child(2)>div){border-bottom:1px solid rgba(255,255,255,.08)!important;padding:12px 14px!important;border-radius:14px!important;transition:background .2s ease,transform .15s ease!important}:global(#result-wrap .tool-result>div:nth-child(2)>div:hover){background:#ffffff0f!important}:global(#result-wrap .tool-result>div:nth-child(2)>div:last-child){border-bottom:none!important}:global(#result-wrap .tool-result span.mono[style*="color:#00875a"]){color:#10b981!important;font-weight:600!important}:global(#result-wrap .row-download-btn){background:#facc15!important;color:#000!important;box-shadow:0 4px 12px #facc1559!important}:global(#result-wrap .row-download-btn:hover){transform:scale(1.08)!important;background:#fde047!important}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .result-card-actions),:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .reset-btn),:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .tool-result>div:last-child){display:none!important}:global(body.page-webp-png-to-jpg[data-has-results] .mobile-floating-settings-btn),:global(body.page-webp-png-to-jpg[data-has-results][data-has-files] .mobile-floating-settings-btn){display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}@keyframes mobileFadeInUp{0%{opacity:0;transform:translateY(35px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes mobileSuccessCardPop{0%{opacity:0;transform:scale(.9) translateY(15px);filter:blur(6px)}70%{transform:scale(1.025) translateY(-2px);filter:blur(0)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes mobilePageFade{0%{opacity:0}to{opacity:1}}body:not([data-has-files]) :global(.upload-zone){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both}body:not([data-has-files]) :global(.tool-hero){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.05s}body:not([data-has-files]) :global(.breadcrumb){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.1s}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-main){animation:mobilePageFade 1.2s cubic-bezier(.16,1,.3,1) both}:global(body.page-webp-png-to-jpg[data-has-results] .tool-main){animation:mobilePageFade 1.2s cubic-bezier(.16,1,.3,1) both}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-hero-compact){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.05s}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .ad-banner-wrapper){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.1s}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .upload-wrap){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.15s}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .preview-tile){animation:mobileFadeInUp 1s cubic-bezier(.16,1,.3,1) both}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .preview-tile:nth-child(1)){animation-delay:.15s}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .preview-tile:nth-child(2)){animation-delay:.22s}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .preview-tile:nth-child(3)){animation-delay:.29s}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .preview-tile:nth-child(4)){animation-delay:.36s}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .preview-tile:nth-child(5)){animation-delay:.43s}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .preview-tile:nth-child(6)){animation-delay:.5s}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .preview-tile:nth-child(n+7)){animation-delay:.57s}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .mobile-floating-settings-btn){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.22s}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .mobile-floating-process-btn){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.3s}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .how-to-features){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.46s}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .related-tools-wrap){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.54s}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-bottom-section){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.62s}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-seo){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.7s}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) footer),:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .site-footer){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.78s}:global(body.page-webp-png-to-jpg[data-has-results] .tool-hero-compact){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.05s}:global(body.page-webp-png-to-jpg[data-has-results] .ad-banner-wrapper){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.1s}:global(body.page-webp-png-to-jpg[data-has-results] .success-card-wrapper){animation:mobileSuccessCardPop 1.2s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.15s}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.22s}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .tool-result>div:nth-child(2)>div){animation:mobileFadeInUp 1s cubic-bezier(.16,1,.3,1) both}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .tool-result>div:nth-child(2)>div:nth-child(1)){animation-delay:.22s}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .tool-result>div:nth-child(2)>div:nth-child(2)){animation-delay:.29s}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .tool-result>div:nth-child(2)>div:nth-child(3)){animation-delay:.36s}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .tool-result>div:nth-child(2)>div:nth-child(4)){animation-delay:.43s}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .tool-result>div:nth-child(2)>div:nth-child(5)){animation-delay:.5s}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .tool-result>div:nth-child(2)>div:nth-child(n+6)){animation-delay:.57s}:global(body.page-webp-png-to-jpg[data-has-results] .mobile-floating-process-btn){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.3s}:global(body.page-webp-png-to-jpg[data-has-results] .mobile-floating-reset-btn){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.38s}:global(body.page-webp-png-to-jpg[data-has-results] .how-to-features){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.46s}:global(body.page-webp-png-to-jpg[data-has-results] .related-tools-wrap){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.54s}:global(body.page-webp-png-to-jpg[data-has-results] .tool-bottom-section){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.62s}:global(body.page-webp-png-to-jpg[data-has-results] .tool-seo){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.7s}:global(body.page-webp-png-to-jpg[data-has-results] footer),:global(body.page-webp-png-to-jpg[data-has-results] .site-footer){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:.78s}}@media(min-width:769px){:global(body.page-webp-png-to-jpg[data-has-results] .success-checkmark){margin-top:0!important}:global(body.page-webp-png-to-jpg[data-has-results] .ad-banner-wrapper),:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .ad-banner-wrapper){margin:20px auto 10px!important;max-width:730px!important;grid-column:1 / -1!important}:global(body.page-webp-png-to-jpg[data-has-results] .ad-banner-wrapper aside.ad-slot),:global(body.page-webp-png-to-jpg[data-has-results] .ad-banner-wrapper aside.ads-slot),:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .ad-banner-wrapper aside.ad-slot),:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .ad-banner-wrapper aside.ads-slot){margin:0!important;width:730px!important;height:90px!important;min-height:90px!important;max-width:730px!important;max-height:90px!important}:global(body.page-webp-png-to-jpg[data-has-results] .ad-banner-wrapper ins.adsbygoogle){width:730px!important;height:90px!important;max-width:730px!important;max-height:90px!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .ad-banner-wrapper){max-width:730px!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .ad-banner-wrapper aside.ad-slot),:global(body.page-webp-png-to-jpg:not([data-has-files]) .ad-banner-wrapper aside.ads-slot){width:730px!important;height:90px!important;min-height:90px!important;max-width:730px!important;max-height:90px!important}:global(body.page-webp-png-to-jpg .related-tools-wrap),:global(body.page-webp-png-to-jpg .how-to-features){border-top:none!important}:global(body.page-webp-png-to-jpg[data-has-results] .how-to-features){margin-top:0!important}:global(body.page-webp-png-to-jpg[data-has-results] .related-tools-wrap){margin-top:-225px!important}:global(html body.page-webp-png-to-jpg[data-has-results] .tool-main .tool-bottom-section){margin-top:75px!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-bottom-section>div){transform:translate(30px)!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-seo){margin-top:-15px!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .tool-bottom-section){margin-top:56px!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .tool-seo){margin-top:-35px!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-hero-compact),:global(body.page-webp-png-to-jpg[data-has-results] header.tool-hero-compact){display:flex!important;position:absolute!important;top:95px!important;left:55px!important;border:none!important;padding:0!important;margin:0!important;z-index:30!important;width:auto!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-hero-compact-left){display:flex!important;align-items:center!important;gap:16px!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-hero-compact-actions){display:none!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-hero-compact-icon){width:48px!important;height:48px!important;border-radius:12px!important;border:2px solid #FACC15!important;background:#facc1512!important;color:#facc15!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 12px #00000026!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-hero-compact-icon-svg){width:26px!important;height:26px!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-h1-compact){font-family:var(--font-display),system-ui,sans-serif!important;font-size:26px!important;font-weight:800!important;letter-spacing:-.02em!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;text-shadow:none!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-h1-compact span:first-child){color:var(--color-text)!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-h1-compact span:last-child){color:#facc15!important}:global(body.page-webp-png-to-jpg[data-has-results] .success-card-wrapper){margin:0 0 24px!important;padding:32px 24px!important;max-width:100%!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:20px!important;box-shadow:inset 0 1px #ffffff0d,0 8px 32px #0003!important}:global(body.page-webp-png-to-jpg[data-has-results] .success-checkmark){width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;max-width:54px!important;max-height:54px!important;margin:0 auto!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;animation:none!important;transform:translateY(-16px)!important}:global(body.page-webp-png-to-jpg[data-has-results] .success-checkmark svg){width:54px!important;height:54px!important;max-width:54px!important;max-height:54px!important;filter:none!important}:global(body.page-webp-png-to-jpg[data-has-results] .success-checkmark svg path){stroke:#fff!important;stroke-width:4px!important}:global(body.page-webp-png-to-jpg[data-has-results] .success-card-title){font-size:20px!important;font-weight:700!important;color:var(--color-text)!important;text-shadow:none!important}:global(body.page-webp-png-to-jpg[data-has-results] .success-card-subtitle){display:none!important}:global(body.page-webp-png-to-jpg[data-has-results] .result-items-list){max-height:280px!important;margin-top:16px!important}:global(body.page-webp-png-to-jpg[data-has-results] .result-actions),:global(body.page-webp-png-to-jpg[data-has-results] .download-zip),:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .tool-result>div:last-child){margin-top:24px!important;display:flex!important;visibility:visible!important;opacity:1!important}:global(body.page-webp-png-to-jpg[data-has-files] .tool-hero-compact-actions){display:none!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-hero-compact){left:-38px!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .related-tools-wrap){margin-top:-500px!important;position:relative!important;z-index:10!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) footer.footer),:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .site-footer){margin-top:40px!important;position:relative!important;z-index:10!important}}body[data-has-files] .tool-bottom-section{grid-column:1 / -1;margin-top:140px!important;width:auto!important;margin-left:0!important;margin-right:0!important}@media(min-width:1440px){body:not([data-has-files]) .tool-bottom-section{margin-left:-260px;margin-right:-260px;width:calc(100% + 520px)}}@media(min-width:1200px)and (max-width:1439px){body:not([data-has-files]) .tool-bottom-section{margin-left:-160px;margin-right:-160px;width:calc(100% + 320px)}}.faq-content{overflow:hidden;height:auto;opacity:1;transform:translateY(0);transition:height .35s cubic-bezier(.16,1,.3,1),opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1)}.faq-item:not([open]) .faq-content{height:0;opacity:0;transform:translateY(-8px)}.faq-item{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.tool-bottom-section h2,.tool-bottom-section h3,:global(.tool-seo .tool-seo-title){font-size:1.875rem!important;font-family:var(--font-display)!important;font-weight:700!important}.tool-bottom-section h2,.tool-bottom-section h3,:global(.tool-seo .tool-seo-title){color:var(--color-text)!important}.tool-bottom-section p,.tool-bottom-section li{color:var(--color-text-2)!important}.tool-bottom-section strong{color:var(--color-text)!important}:global([data-theme=dark]) .tool-bottom-section h2,:global([data-theme=dark]) .tool-bottom-section h3,:global([data-theme=dark]) .how-to-features h3,:global([data-theme=dark] .tool-seo .tool-seo-title){color:#facc15!important}:global([data-theme=dark]) .tool-bottom-section p,:global([data-theme=dark]) .tool-bottom-section li{color:#94a3b8!important}:global([data-theme=dark]) .tool-bottom-section strong{color:inherit!important}body[data-has-files] .how-to-features{grid-column:2;grid-row:5;margin-top:80px!important;padding-top:32px!important;border-top:1px solid var(--color-border)}@media(min-width:769px){:global(body.page-webp-png-to-jpg[data-has-files] .upload-wrap){margin-left:45px!important}:global(body.page-webp-png-to-jpg[data-has-files] .upload-previews.is-grid .preview-tile){width:160px!important;max-width:160px!important}:global(body.page-webp-png-to-jpg[data-has-files] .upload-previews.is-grid .preview-thumb){height:96px!important;min-height:96px!important}:global(body.page-webp-png-to-jpg[data-has-files] .upload-previews.is-grid){gap:16px!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .upload-wrap){margin-top:0!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-main .container-narrow){position:relative!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .how-to-features){margin-top:60px!important;padding-top:24px!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-bottom-section){grid-column:1 / -1!important;margin-top:40px!important;transform:translate(-5px)!important}@media(min-width:1201px){:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-bottom-section){grid-column:2!important;margin-left:45px!important;margin-right:auto!important;width:auto!important;transform:translate(75px)!important}}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-main){padding-bottom:0!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-seo){grid-column:1 / -1!important;margin-top:40px!important;transform:translate(-5px)!important;margin-bottom:0!important}@media(min-width:1201px){:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-seo){grid-column:2!important;margin-left:45px!important;margin-right:auto!important;width:auto!important;transform:translate(75px)!important}}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-faq-section){grid-column:1 / -1!important;margin-top:40px!important;transform:translate(-5px)!important}@media(min-width:1201px){:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-faq-section){grid-column:2!important;margin-left:45px!important;margin-right:auto!important;width:auto!important;transform:translate(75px)!important}}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) #controls){max-height:none!important;overflow-y:visible!important}:global(body.page-webp-png-to-jpg[data-has-results] #controls){display:none!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-main .container-narrow){display:block!important}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap){margin:-24px auto 24px!important;max-width:760px!important;width:100%!important}:global(body.page-webp-png-to-jpg[data-has-results] .upload-wrap),:global(body.page-webp-png-to-jpg[data-has-results] .upload-zone),:global(body.page-webp-png-to-jpg[data-has-results] .upload-previews),:global(body.page-webp-png-to-jpg[data-has-results] [data-upload-actions]){display:none!important}:global(body.page-webp-png-to-jpg #result-wrap .tool-result){max-width:100%!important;margin:0 auto!important;position:relative!important;inset:auto!important;height:auto!important;max-height:none!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}:global(body.page-webp-png-to-jpg #result-wrap .tool-result:before){display:none!important}:global(body.page-webp-png-to-jpg #result-wrap .tool-result>div:first-child){background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:20px!important;box-shadow:inset 0 1px #ffffff0d,0 8px 32px #0003!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;padding:24px 20px!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;height:auto!important;width:100%!important}:global(body.page-webp-png-to-jpg #result-wrap .tool-result .mono[style*="color:#00875a"]),:global(body.page-webp-png-to-jpg #result-wrap .tool-result .mono[style*="color: rgb(0, 135, 90)"]),:global(body.page-webp-png-to-jpg #result-wrap .tool-result span[style*="color:var(--color-accent)"]),:global(body.page-webp-png-to-jpg #result-wrap .tool-result span[style*="color:#00875a"]){color:#10b981!important;text-shadow:0 0 24px rgba(16,185,129,.5)!important}:global(body.page-webp-png-to-jpg #result-wrap .tool-result>div:nth-child(2)){margin-top:8px!important;background:linear-gradient(135deg,#171715cc,#0f172ae6)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;box-shadow:0 12px 36px #00000059!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;max-height:260px!important;padding:8px!important;overflow-y:auto!important}:global(body.page-webp-png-to-jpg #result-wrap .tool-result>div:nth-child(2)>div){border-bottom:1px solid rgba(255,255,255,.08)!important;padding:12px 14px!important;border-radius:14px!important;transition:background .2s ease,transform .15s ease!important}:global(body.page-webp-png-to-jpg #result-wrap .tool-result>div:nth-child(2)>div:hover){background:#ffffff0f!important}:global(body.page-webp-png-to-jpg #result-wrap .tool-result>div:nth-child(2)>div:last-child){border-bottom:none!important}:global(body.page-webp-png-to-jpg #result-wrap .tool-result span.mono[style*="color:#00875a"]){color:#10b981!important;font-weight:600!important}:global(body.page-webp-png-to-jpg #result-wrap .row-download-btn){background:#facc15!important;color:#000!important;box-shadow:0 4px 12px #facc1559!important}:global(body.page-webp-png-to-jpg #result-wrap .row-download-btn:hover){transform:scale(1.08)!important;background:#fde047!important}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .result-card-actions){display:none!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-main .container-narrow){position:relative!important;grid-template-columns:180px minmax(0,1fr) 370px!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) #controls){padding:24px 26px!important;margin-top:50px!important;display:flex!important;flex-direction:column!important;gap:0!important}@media(min-width:1200px){:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) #controls){transform:translate(55px)!important}}:global(body.page-webp-png-to-jpg[data-has-files] #controls .controls-header){margin-bottom:0!important;padding-bottom:14px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls .controls-header h2){font-size:20px!important;margin:0!important;letter-spacing:-.03em!important}:global(body.page-webp-png-to-jpg[data-has-files] #custom-settings){padding-top:16px!important;display:flex!important;flex-direction:column!important;gap:0!important}@keyframes webp-png-premium-glow{0%{transform:scale(1);box-shadow:0 4px 14px #facc1559!important}50%{transform:scale(1.025);box-shadow:0 8px 32px #facc15bf,0 0 16px #facc1580!important;background-color:#fef08a!important;background:linear-gradient(to bottom,#ffe870,#fdd32f)!important}to{transform:scale(1);box-shadow:0 4px 14px #facc1559!important}}:global(body.page-webp-png-to-jpg[data-has-files] #controls #process){margin-top:24px!important;padding:18px 24px!important;font-size:17px!important;font-weight:800!important;min-height:58px!important;letter-spacing:.01em!important;text-transform:none!important;background:linear-gradient(to bottom,#ffd025,#f5b800)!important;color:#000!important;border-radius:18px!important;border:1.5px solid rgba(0,0,0,.12)!important;box-shadow:0 4px 14px #facc1559,inset 0 1px #ffffff40!important;font-family:var(--font-display),system-ui,-apple-system,sans-serif!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;cursor:pointer!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls #process:after){content:none!important;display:none!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls #process:not(:disabled)){animation:webp-png-premium-glow 2s infinite ease-in-out!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls #process:hover){background:linear-gradient(to bottom,#ffe040,#f7c300)!important;box-shadow:0 6px 20px #facc1573,inset 0 1px #ffffff4d!important;transform:translateY(-2px)!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls #process:active){background:#f5b800!important;transform:translateY(0)!important;box-shadow:0 2px 8px #f5b80033!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls #process:disabled){background:var(--color-border)!important;color:var(--color-text-3)!important;border-color:transparent!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important;animation:none!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-hero-compact){display:flex!important;position:absolute!important;top:14px!important;left:-38px!important;border:none!important;padding:0!important;margin:0!important;z-index:30!important;width:auto!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-hero-compact-left){display:flex!important;align-items:center!important;gap:14px!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-hero-compact-icon){width:44px!important;height:44px!important;border-radius:12px!important;border:1.5px solid var(--color-accent)!important;background:var(--color-accent-soft)!important;color:var(--color-accent)!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 12px #00000026!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-hero-compact-icon-svg){width:24px!important;height:24px!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-h1-compact){font-family:var(--font-display),system-ui,sans-serif!important;font-size:26px!important;font-weight:800!important;letter-spacing:-.02em!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;text-shadow:none!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-h1-compact span:first-child){color:var(--color-text)!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-h1-compact span:last-child){color:var(--color-accent)!important}:global(body.page-webp-png-to-jpg[data-has-files] #target-kb-group){display:none!important}:global(body.page-webp-png-to-jpg[data-has-files] #desktop-advanced-trigger-wrap){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0!important;padding:12px 14px!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:12px!important;box-shadow:none!important;width:100%!important}:global(body.page-webp-png-to-jpg[data-has-files] .advanced-trigger-label){font-family:var(--font-display),var(--font-sans),system-ui,sans-serif!important;font-size:14.5px!important;font-weight:700!important;color:var(--color-text)!important;letter-spacing:-.02em!important;text-transform:none!important;display:inline-flex!important;align-items:center!important;gap:6px!important}:global(body.page-webp-png-to-jpg[data-has-files] .advanced-trigger-optional){font-family:var(--font-sans),system-ui,sans-serif!important;font-size:11.5px!important;font-weight:500!important;color:var(--color-text-3)!important;letter-spacing:normal!important;opacity:.6!important;text-transform:none!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls .btn-control-action){position:relative!important;width:50px!important;height:50px!important;background:linear-gradient(135deg,var(--color-accent-hover) 0%,var(--color-accent) 50%,var(--color-accent-deep) 100%)!important;color:#fff!important;border:2px solid rgba(255,255,255,.35)!important;box-shadow:0 8px 24px #00000026,0 0 15px var(--color-accent-soft),inset 0 1.5px #ffffff80,inset 0 -1.5px #00000026!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls .btn-control-action svg){width:22px!important;height:22px!important;stroke-width:2.8px!important;transition:transform .4s cubic-bezier(.16,1,.3,1)!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls #control-advanced-settings:hover svg){transform:rotate(45deg)!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls #control-add-more:hover svg){transform:scale(1.15)!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls .btn-control-action:hover){transform:translateY(-3px) scale(1.08)!important;background:linear-gradient(135deg,var(--color-accent-hover) 0%,var(--color-accent) 50%,var(--color-accent-deep) 100%)!important;color:#fff!important;border-color:#ffffff73!important;box-shadow:0 12px 32px #facc1566,0 0 20px #facc1533,inset 0 1.5px #ffffff73!important}:global([data-theme=light] body.page-webp-png-to-jpg[data-has-files] #controls .btn-control-action:hover){box-shadow:0 12px 32px #4f46e566,0 0 20px #4f46e533,inset 0 1.5px #ffffff73!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls .btn-control-action:active){transform:translateY(0) scale(.95)!important;box-shadow:0 4px 12px #00000026!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls .btn-control-action .btn-badge){position:absolute!important;top:-6px!important;right:-6px!important;width:20px!important;height:20px!important;border-radius:50%!important;background:#fff!important;color:var(--color-accent)!important;border:2px solid var(--color-accent)!important;font-size:11px!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 3px 8px #00000040,inset 0 1px #fffc!important;pointer-events:none!important;font-family:var(--font-display),var(--font-sans),system-ui,sans-serif!important;line-height:1!important;z-index:10!important}.advanced-options-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;animation:modalFadeIn .22s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.advanced-options-modal .modal-backdrop{position:absolute;inset:0;background:#0a0a14b3!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1}.advanced-options-modal .modal-card{position:relative;width:100%;max-width:760px;background:#15171e;border:1px solid var(--color-border);border-radius:20px;box-shadow:0 24px 64px #00000059,inset 0 1px #ffffff0d;z-index:2;display:flex;flex-direction:column;max-height:90vh;animation:modalPopUp .3s cubic-bezier(.16,1,.3,1)}:global([data-theme=light] .advanced-options-modal .modal-card){background:#fff!important}@keyframes modalPopUp{0%{transform:scale(.95) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.advanced-options-modal .modal-close{position:absolute;top:24px;right:24px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:50%;color:var(--color-text-2);cursor:pointer;transition:all .2s ease}.advanced-options-modal .modal-close:hover{background:#ffffff14;color:var(--color-text);transform:rotate(90deg)}[data-theme=light] .advanced-options-modal .modal-close:hover{background:#0000000d}.advanced-options-modal .modal-header{padding:32px 32px 20px;border-bottom:1px solid var(--color-border)}.advanced-options-modal .modal-title-wrap{display:flex;align-items:center;gap:12px;margin-bottom:6px}.advanced-options-modal .modal-title-icon{width:24px;height:24px;color:var(--color-text)}.advanced-options-modal .modal-title{font-size:22px;font-weight:800;font-family:var(--font-display),system-ui,sans-serif;color:var(--color-text);margin:0;letter-spacing:-.02em}.advanced-options-modal .modal-subtitle{font-size:13.5px;color:var(--color-text-3);margin:0;font-family:var(--font-sans),system-ui,sans-serif}.advanced-options-modal #modal-reset-btn{background:linear-gradient(135deg,#fef08a,#facc15 35%,#eab308)!important;border:1px solid rgba(255,255,255,.15)!important;color:#0f172a!important;font-weight:800!important;border-radius:12px!important;padding:12px 24px!important;font-size:14px!important;box-shadow:0 4px 15px #eab30840,inset 0 1.5px #ffffff73!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important}.advanced-options-modal #modal-reset-btn:hover{background:linear-gradient(135deg,#fff,#fef08a 35%,#facc15)!important;color:#0f172a!important;box-shadow:0 6px 20px #eab30866,inset 0 1.5px #fff9!important;transform:none!important}.advanced-options-modal .modal-footer{padding:24px 32px;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.advanced-options-modal .split-btn-group{position:relative;display:inline-flex;align-items:center;border-radius:12px;z-index:10}.advanced-options-modal .split-btn-main{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right:1px solid rgba(0,0,0,.15)!important;padding-right:16px!important;background:linear-gradient(135deg,#fef08a,#facc15 35%,#eab308)!important;border:1px solid rgba(255,255,255,.15)!important;color:#0f172a!important;font-weight:800!important;box-shadow:0 4px 15px #eab30840,inset 0 1.5px #ffffff73!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important}.advanced-options-modal .split-btn-arrow{border-top-left-radius:0!important;border-bottom-left-radius:0!important;padding-left:12px!important;padding-right:12px!important;min-width:unset!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#fef08a,#facc15 35%,#eab308)!important;border:1px solid rgba(255,255,255,.15)!important;color:#0f172a!important;box-shadow:0 4px 15px #eab30840,inset 0 1.5px #ffffff73!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important}.advanced-options-modal .split-btn-main:hover,.advanced-options-modal .split-btn-arrow:hover{background:linear-gradient(135deg,#fff,#fef08a 35%,#facc15)!important;color:#0f172a!important;box-shadow:0 6px 20px #eab30866,inset 0 1.5px #fff9!important;transform:none!important}.advanced-options-modal .split-btn-group:hover{transform:none!important;box-shadow:none!important}.advanced-options-modal .dropup-menu{position:absolute;bottom:calc(100% + 8px);left:0;right:0;width:auto;background:#15171e;border:1px solid rgba(250,204,21,.3)!important;border-radius:14px;box-shadow:0 15px 40px #0009,0 0 20px #facc1514!important;z-index:99999;display:none;flex-direction:column;overflow:hidden;animation:dropupSlideIn .22s cubic-bezier(.16,1,.3,1)}.advanced-options-modal .dropup-menu:before{content:"";position:absolute;bottom:-12px;left:0;right:0;height:12px;background:transparent}:global([data-theme=light] .advanced-options-modal .dropup-menu){background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 15px 40px #00000026!important}@keyframes dropupSlideIn{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.advanced-options-modal .dropup-item{background:transparent;border:0;padding:12px 18px;color:var(--color-text-2)!important;font-size:13.5px;font-weight:700;text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border-bottom:1px solid var(--color-border);font-family:var(--font-sans),system-ui,sans-serif;width:100%}:global([data-theme=light] .advanced-options-modal .dropup-item){color:#0f172a!important}.advanced-options-modal .dropup-item:last-child{border-bottom:0}.advanced-options-modal .dropup-item:hover{background:linear-gradient(135deg,#fef08a,#facc15)!important;color:#0f172a!important;padding-left:24px!important}:global([data-theme=light] .advanced-options-modal .dropup-item:hover){background:linear-gradient(135deg,#fef08a,#facc15)!important;color:#0f172a!important}.advanced-options-modal .dropup-item:active{opacity:.85}.premium-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(20px);background:#0f172af2;color:#fff;padding:14px 28px;border-radius:14px;font-size:14px;font-weight:700;box-shadow:0 12px 36px #0006;border:1px solid rgba(255,255,255,.1);z-index:100000;pointer-events:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s ease;opacity:0;font-family:var(--font-sans),system-ui,sans-serif;display:flex;align-items:center;gap:8px}.premium-toast.show{transform:translate(-50%) translateY(0);opacity:1}@media(min-width:1024px){:global(body.page-webp-png-to-jpg[data-has-results] .tool-main){padding-top:0!important}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap){margin:-40px auto 10px!important;max-width:760px!important;width:100%!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .ad-banner-wrapper){margin-top:-59px!important;max-width:730px!important}:global(body.page-webp-png-to-jpg[data-has-results] .ad-banner-wrapper),:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .ad-banner-wrapper){margin:20px auto 10px!important;max-width:730px!important;grid-column:1 / -1!important}:global(body.page-webp-png-to-jpg[data-has-results] .ad-banner-wrapper aside.ad-slot),:global(body.page-webp-png-to-jpg[data-has-results] .ad-banner-wrapper aside.ads-slot),:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .ad-banner-wrapper aside.ad-slot),:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .ad-banner-wrapper aside.ads-slot){margin:0!important;width:730px!important;height:90px!important;min-height:90px!important;max-width:730px!important;max-height:90px!important}:global(body.page-webp-png-to-jpg[data-has-results] .ad-banner-wrapper ins.adsbygoogle){width:730px!important;height:90px!important;max-width:730px!important;max-height:90px!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .ad-banner-wrapper aside.ad-slot),:global(body.page-webp-png-to-jpg:not([data-has-files]) .ad-banner-wrapper aside.ads-slot){width:730px!important;height:90px!important;min-height:90px!important;max-width:730px!important;max-height:90px!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .upload-zone){margin-top:-40px!important}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .tool-result>div:nth-child(2)),:global(body.page-webp-png-to-jpg[data-has-results] .result-items-list){margin-top:4px!important}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .tool-result>div:last-child),:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .result-card-actions),:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .result-actions){margin-top:-12px!important;align-items:center!important}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .reset-btn){height:58px!important;min-height:58px!important;transform:translateY(9.5px)!important}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .reset-btn:hover){transform:translateY(8px)!important}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .reset-btn:active){transform:translateY(9.5px)!important}}.tool-ad-rail-right{display:none}@media(min-width:1201px){:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-ad-rail-right){grid-column:3!important;grid-row:3 / span 15!important;position:sticky!important;top:120px!important;align-self:flex-start!important;max-width:300px!important;width:300px!important;height:max-content!important;min-height:600px!important;margin-top:48px!important;margin-left:auto!important;margin-right:-30px!important;border:1px dashed var(--color-border)!important;border-radius:12px!important;background:#ffffff05!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;z-index:10!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-ad-rail-right:before){content:"ADVERTISEMENT"!important;position:absolute!important;color:#ffffff1f!important;font-size:10px!important;font-weight:700!important;letter-spacing:.35em!important;font-family:var(--font-display),sans-serif!important;pointer-events:none!important}:global([data-theme=light] body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-ad-rail-right){background:#00000004!important}:global([data-theme=light] body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-ad-rail-right:before){color:#00000029!important}}@media(min-width:1201px){:global(body.page-webp-png-to-jpg:not([data-has-files]) .tool-main .container-narrow),:global(body.page-webp-png-to-jpg[data-has-results] .tool-main .container-narrow){display:grid!important;grid-template-columns:300px minmax(0,1fr) 300px!important;gap:32px!important;max-width:1520px!important;margin:0 auto!important;align-items:start!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .upload-wrap),:global(body.page-webp-png-to-jpg:not([data-has-files]) .ad-banner-wrapper),:global(body.page-webp-png-to-jpg[data-has-results] .ad-banner-wrapper),:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap){grid-column:2!important;width:100%!important;max-width:880px!important;justify-self:center!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .tool-hero),:global(body.page-webp-png-to-jpg:not([data-has-files]) .breadcrumb),:global(body.page-webp-png-to-jpg:not([data-has-files]) .tool-seo),:global(body.page-webp-png-to-jpg:not([data-has-files]) .tool-faq-section),:global(body.page-webp-png-to-jpg:not([data-has-files]) .tool-bottom-section),:global(body.page-webp-png-to-jpg[data-has-results] .tool-hero),:global(body.page-webp-png-to-jpg[data-has-results] .tool-hero-compact),:global(body.page-webp-png-to-jpg[data-has-results] .breadcrumb),:global(body.page-webp-png-to-jpg[data-has-results] .tool-seo),:global(body.page-webp-png-to-jpg[data-has-results] .tool-faq-section),:global(body.page-webp-png-to-jpg[data-has-results] .tool-bottom-section){grid-column:1 / -1!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .tool-ad-rail),:global(body.page-webp-png-to-jpg[data-has-results] .tool-ad-rail){grid-column:1!important;grid-row:2 / span 10!important;display:flex!important;position:sticky!important;top:84px!important;margin-top:-100px!important;width:300px!important;height:600px!important;min-height:600px!important;border:1px dashed var(--color-border)!important;border-radius:12px!important;background:#ffffff05!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;z-index:10!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .tool-ad-rail:before),:global(body.page-webp-png-to-jpg[data-has-results] .tool-ad-rail:before){content:"ADVERTISEMENT"!important;position:absolute!important;color:#ffffff1f!important;font-size:10px!important;font-weight:700!important;letter-spacing:.35em!important;font-family:var(--font-display),sans-serif!important;pointer-events:none!important}:global([data-theme=light] body.page-webp-png-to-jpg:not([data-has-files]) .tool-ad-rail),:global([data-theme=light] body.page-webp-png-to-jpg[data-has-results] .tool-ad-rail){background:#00000004!important}:global([data-theme=light] body.page-webp-png-to-jpg:not([data-has-files]) .tool-ad-rail:before),:global([data-theme=light] body.page-webp-png-to-jpg[data-has-results] .tool-ad-rail:before){color:#00000029!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .tool-ad-rail-right),:global(body.page-webp-png-to-jpg[data-has-results] .tool-ad-rail-right){grid-column:3!important;grid-row:2 / span 10!important;display:flex!important;position:sticky!important;top:84px!important;margin-top:-100px!important;width:300px!important;height:600px!important;min-height:600px!important;border:1px dashed var(--color-border)!important;border-radius:12px!important;background:#ffffff05!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;z-index:10!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .tool-ad-rail-right:before),:global(body.page-webp-png-to-jpg[data-has-results] .tool-ad-rail-right:before){content:"ADVERTISEMENT"!important;position:absolute!important;color:#ffffff1f!important;font-size:10px!important;font-weight:700!important;letter-spacing:.35em!important;font-family:var(--font-display),sans-serif!important;pointer-events:none!important}:global([data-theme=light] body.page-webp-png-to-jpg:not([data-has-files]) .tool-ad-rail-right),:global([data-theme=light] body.page-webp-png-to-jpg[data-has-results] .tool-ad-rail-right){background:#00000004!important}:global([data-theme=light] body.page-webp-png-to-jpg:not([data-has-files]) .tool-ad-rail-right:before),:global([data-theme=light] body.page-webp-png-to-jpg[data-has-results] .tool-ad-rail-right:before){color:#00000029!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-ad-rail),:global(body.page-webp-png-to-jpg[data-has-results] .tool-ad-rail-right){margin-top:-50px!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-ad-rail){margin-top:-55px!important}@keyframes premiumFadeInUp{0%{opacity:0;transform:translateY(35px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes premiumPageFade{0%{opacity:0}to{opacity:1}}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-main){animation:premiumPageFade 1.1s cubic-bezier(.16,1,.3,1) both}:global(body.page-webp-png-to-jpg[data-has-results] .tool-main){animation:premiumPageFade 1.1s cubic-bezier(.16,1,.3,1) both}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .upload-wrap){animation:premiumFadeInUp 1s cubic-bezier(.16,1,.3,1) both;animation-delay:.15s}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) #controls){animation:premiumFadeInUp 1s cubic-bezier(.16,1,.3,1) both;animation-delay:.3s}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-hero-compact){animation:premiumFadeInUp 1s cubic-bezier(.16,1,.3,1) both;animation-delay:.05s}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .mobile-floating-settings-btn){animation:premiumFadeInUp 1s cubic-bezier(.16,1,.3,1) both;animation-delay:.22s}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap){animation:premiumFadeInUp 1s cubic-bezier(.16,1,.3,1) both;animation-delay:.08s}:global(body.page-webp-png-to-jpg[data-has-results] .tool-bottom-section){animation:premiumFadeInUp 1s cubic-bezier(.16,1,.3,1) both;animation-delay:.25s}:global(body.page-webp-png-to-jpg[data-has-results] .tool-seo){animation:premiumFadeInUp 1s cubic-bezier(.16,1,.3,1) both;animation-delay:.4s}}}@media(min-width:769px){:global(body.page-webp-png-to-jpg .tool-seo){width:700px!important;max-width:700px!important;height:auto!important;box-sizing:border-box!important}:global(body.page-webp-png-to-jpg .tool-seo .tool-seo-title){color:#facc15!important}:global(body.page-webp-png-to-jpg[data-has-results] .success-checkmark){margin-top:0!important}:global(body.page-webp-png-to-jpg[data-has-results] .ad-banner-wrapper),:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .ad-banner-wrapper){margin:20px auto 10px!important;max-width:730px!important;grid-column:1 / -1!important}:global(body.page-webp-png-to-jpg[data-has-results] .ad-banner-wrapper aside.ad-slot),:global(body.page-webp-png-to-jpg[data-has-results] .ad-banner-wrapper aside.ads-slot),:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .ad-banner-wrapper aside.ad-slot),:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .ad-banner-wrapper aside.ads-slot){margin:0!important;width:730px!important;height:90px!important;min-height:90px!important;max-width:730px!important;max-height:90px!important}:global(body.page-webp-png-to-jpg .related-tools-wrap),:global(body.page-webp-png-to-jpg .how-to-features){border-top:none!important}:global(body.page-webp-png-to-jpg[data-has-results] .how-to-features){margin-top:0!important}:global(body.page-webp-png-to-jpg[data-has-results] .related-tools-wrap){margin-top:-225px!important}:global(html body.page-webp-png-to-jpg[data-has-results] .tool-main .tool-bottom-section){margin-top:75px!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-seo){margin-top:-15px!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .tool-bottom-section){margin-top:56px!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .tool-seo){margin-top:-35px!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-hero-compact),:global(body.page-webp-png-to-jpg[data-has-results] header.tool-hero-compact){display:flex!important;position:absolute!important;top:95px!important;left:55px!important;border:none!important;padding:0!important;margin:0!important;z-index:30!important;width:auto!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-hero-compact-left){display:flex!important;align-items:center!important;gap:16px!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-hero-compact-icon){width:48px!important;height:48px!important;border-radius:12px!important;border:2px solid #FACC15!important;background:#facc1512!important;color:#facc15!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-hero-compact-icon svg),:global(body.page-webp-png-to-jpg[data-has-results] .tool-hero-compact-icon-svg){width:26px!important;height:26px!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-h1-compact){font-size:26px!important;font-weight:800!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-h1-compact span:last-child){color:#facc15!important}:global(body.page-webp-png-to-jpg .tool-hero-compact-actions){display:none!important}:global(body.page-webp-png-to-jpg[data-has-results] .success-card-wrapper){margin:0 0 24px!important;padding:32px 24px!important;max-width:100%!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:20px!important;box-shadow:inset 0 1px #ffffff0d,0 8px 32px #0003!important}:global(body.page-webp-png-to-jpg[data-has-results] .success-checkmark){width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;max-width:54px!important;max-height:54px!important;margin:0 auto!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;animation:none!important;transform:translateY(-16px)!important}:global(body.page-webp-png-to-jpg[data-has-results] .success-card-subtitle){display:none!important}:global(body.page-webp-png-to-jpg[data-has-results] .result-items-list){max-height:280px!important;margin-top:16px!important}:global(body.page-webp-png-to-jpg[data-has-results] .result-actions),:global(body.page-webp-png-to-jpg[data-has-results] .download-zip){margin-top:24px!important;display:flex!important;visibility:visible!important;opacity:1!important}:global(body.page-webp-png-to-jpg[data-has-results] #controls){display:none!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-main .container-narrow){display:block!important}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap){margin:-24px auto 24px!important;max-width:760px!important;width:100%!important}:global(body.page-webp-png-to-jpg[data-has-results] .upload-wrap),:global(body.page-webp-png-to-jpg[data-has-results] .upload-zone),:global(body.page-webp-png-to-jpg[data-has-results] .upload-previews),:global(body.page-webp-png-to-jpg[data-has-results] [data-upload-actions]){display:none!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-hero-compact){left:-38px!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .related-tools-wrap){margin-top:-500px!important;position:relative!important;z-index:10!important}:global(body.page-webp-png-to-jpg[data-has-files] .upload-wrap){margin-left:45px!important}:global(body.page-webp-png-to-jpg[data-has-files] .upload-previews.is-grid .preview-tile){width:160px!important;max-width:160px!important}:global(body.page-webp-png-to-jpg[data-has-files] .upload-previews.is-grid .preview-thumb){height:96px!important;min-height:96px!important}:global(body.page-webp-png-to-jpg[data-has-files] .upload-previews.is-grid){gap:16px!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .upload-wrap){margin-top:0!important}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .reset-btn){margin-top:16px!important;width:100%!important;max-width:380px!important;min-height:58px!important;transform:translateY(9.5px)!important}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .reset-btn:hover){transform:translateY(8px)!important}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap .reset-btn:active){transform:translateY(9.5px)!important}@media(min-width:1024px){:global(body.page-webp-png-to-jpg[data-has-results] .tool-main){padding-top:0!important}:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap){margin:-40px auto 10px!important;max-width:760px!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .ad-banner-wrapper){margin-top:-59px!important;max-width:730px!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .ad-banner-wrapper aside.ad-slot),:global(body.page-webp-png-to-jpg:not([data-has-files]) .ad-banner-wrapper aside.ads-slot){width:730px!important;height:90px!important;min-height:90px!important;max-width:730px!important;max-height:90px!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .upload-zone){margin-top:-40px!important}}}@media(min-width:1201px){:global(body.page-webp-png-to-jpg:not([data-has-files]) .tool-main .container-narrow),:global(body.page-webp-png-to-jpg[data-has-results] .tool-main .container-narrow){display:grid!important;grid-template-columns:300px minmax(0,1fr) 300px!important;gap:32px!important;max-width:1520px!important;margin:0 auto!important;align-items:start!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .upload-wrap),:global(body.page-webp-png-to-jpg:not([data-has-files]) .ad-banner-wrapper),:global(body.page-webp-png-to-jpg[data-has-results] .ad-banner-wrapper),:global(body.page-webp-png-to-jpg[data-has-results] #result-wrap){grid-column:2!important;width:100%!important;max-width:880px!important;justify-self:center!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .tool-hero),:global(body.page-webp-png-to-jpg:not([data-has-files]) .breadcrumb),:global(body.page-webp-png-to-jpg:not([data-has-files]) .tool-seo),:global(body.page-webp-png-to-jpg:not([data-has-files]) .tool-faq-section),:global(body.page-webp-png-to-jpg:not([data-has-files]) .tool-bottom-section),:global(body.page-webp-png-to-jpg[data-has-results] .tool-hero),:global(body.page-webp-png-to-jpg[data-has-results] .tool-hero-compact),:global(body.page-webp-png-to-jpg[data-has-results] .breadcrumb),:global(body.page-webp-png-to-jpg[data-has-results] .tool-seo),:global(body.page-webp-png-to-jpg[data-has-results] .tool-faq-section),:global(body.page-webp-png-to-jpg[data-has-results] .tool-bottom-section){grid-column:1 / -1!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .tool-ad-rail),:global(body.page-webp-png-to-jpg[data-has-results] .tool-ad-rail){grid-column:1!important;grid-row:2 / span 10!important;display:flex!important;position:sticky!important;top:84px!important;margin-top:-100px!important;width:300px!important;height:600px!important;min-height:600px!important;border:1px dashed var(--color-border)!important;border-radius:12px!important;background:#ffffff05!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;z-index:10!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .tool-ad-rail:before),:global(body.page-webp-png-to-jpg[data-has-results] .tool-ad-rail:before){content:"ADVERTISEMENT"!important;position:absolute!important;color:#ffffff1f!important;font-size:10px!important;font-weight:700!important;letter-spacing:.35em!important;font-family:var(--font-display),sans-serif!important;pointer-events:none!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .tool-ad-rail-right),:global(body.page-webp-png-to-jpg[data-has-results] .tool-ad-rail-right){grid-column:3!important;grid-row:2 / span 10!important;display:flex!important;position:sticky!important;top:84px!important;margin-top:-100px!important;width:300px!important;height:600px!important;min-height:600px!important;border:1px dashed var(--color-border)!important;border-radius:12px!important;background:#ffffff05!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;z-index:10!important}:global(body.page-webp-png-to-jpg:not([data-has-files]) .tool-ad-rail-right:before),:global(body.page-webp-png-to-jpg[data-has-results] .tool-ad-rail-right:before){content:"ADVERTISEMENT"!important;position:absolute!important;color:#ffffff1f!important;font-size:10px!important;font-weight:700!important;letter-spacing:.35em!important;font-family:var(--font-display),sans-serif!important;pointer-events:none!important}:global(body.page-webp-png-to-jpg[data-has-results] .tool-ad-rail),:global(body.page-webp-png-to-jpg[data-has-results] .tool-ad-rail-right){margin-top:-50px!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-ad-rail){margin-top:-55px!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-ad-rail-right){grid-column:3!important;grid-row:3 / span 15!important;display:flex!important;position:sticky!important;top:120px!important;align-self:flex-start!important;max-width:300px!important;width:300px!important;height:max-content!important;min-height:600px!important;margin-top:48px!important;margin-left:auto!important;margin-right:-30px!important;border:1px dashed var(--color-border)!important;border-radius:12px!important;background:#ffffff05!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;z-index:10!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-ad-rail-right:before){content:"ADVERTISEMENT"!important;position:absolute!important;color:#ffffff1f!important;font-size:10px!important;font-weight:700!important;letter-spacing:.35em!important;font-family:var(--font-display),sans-serif!important;pointer-events:none!important}:global([data-theme=light] body.page-webp-png-to-jpg:not([data-has-files]) .tool-ad-rail),:global([data-theme=light] body.page-webp-png-to-jpg[data-has-results] .tool-ad-rail),:global([data-theme=light] body.page-webp-png-to-jpg:not([data-has-files]) .tool-ad-rail-right),:global([data-theme=light] body.page-webp-png-to-jpg[data-has-results] .tool-ad-rail-right),:global([data-theme=light] body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-ad-rail-right){background:#00000004!important}:global([data-theme=light] body.page-webp-png-to-jpg:not([data-has-files]) .tool-ad-rail:before),:global([data-theme=light] body.page-webp-png-to-jpg[data-has-results] .tool-ad-rail:before),:global([data-theme=light] body.page-webp-png-to-jpg:not([data-has-files]) .tool-ad-rail-right:before),:global([data-theme=light] body.page-webp-png-to-jpg[data-has-results] .tool-ad-rail-right:before),:global([data-theme=light] body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-ad-rail-right:before){color:#00000029!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-main .container-narrow){position:relative!important;grid-template-columns:180px minmax(0,1fr) 370px!important}:global(body.page-webp-png-to-jpg[data-has-files] .upload-zone){transition:none!important}@keyframes previewTrayFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes controlsSidebarFadeIn{0%{opacity:0;transform:translate(65px)}to{opacity:1;transform:translate(55px)}}@keyframes compactHeaderFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes previewTileFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .tool-hero-compact){animation:compactHeaderFadeIn .25s cubic-bezier(.16,1,.3,1) forwards!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .upload-previews){animation:previewTrayFadeIn .25s cubic-bezier(.16,1,.3,1) forwards!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .upload-previews.is-list .preview-tile){animation:previewTileFadeIn .22s cubic-bezier(.16,1,.3,1) both!important}:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) #controls){padding:24px 26px!important;margin-top:50px!important;display:flex!important;flex-direction:column!important;gap:0!important;animation:controlsSidebarFadeIn .28s cubic-bezier(.16,1,.3,1) forwards!important}@media(min-width:1200px){:global(body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) #controls){transform:translate(55px)!important}}:global(body.page-webp-png-to-jpg[data-has-files] #controls .controls-header){margin-bottom:0!important;padding-bottom:14px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls .controls-header h2){font-size:20px!important;margin:0!important;letter-spacing:-.03em!important}:global(body.page-webp-png-to-jpg[data-has-files] #custom-settings){padding-top:16px!important;display:flex!important;flex-direction:column!important;gap:0!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls #process){margin-top:24px!important;padding:18px 24px!important;font-size:17px!important;font-weight:800!important;min-height:58px!important;letter-spacing:.01em!important;text-transform:none!important;background:linear-gradient(to bottom,#ffd025,#f5b800)!important;color:#000!important;border-radius:18px!important;border:1.5px solid rgba(0,0,0,.12)!important;box-shadow:0 4px 14px #facc1559,inset 0 1px #ffffff40!important;font-family:var(--font-display),system-ui,-apple-system,sans-serif!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;cursor:pointer!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls #process:after){content:none!important;display:none!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls #process:not(:disabled)){animation:webp-png-premium-glow 2s infinite ease-in-out!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls #process:hover){background:linear-gradient(to bottom,#ffe040,#f7c300)!important;box-shadow:0 6px 20px #facc1573,inset 0 1px #ffffff4d!important;transform:translateY(-2px)!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls #process:active){background:#f5b800!important;transform:translateY(0)!important;box-shadow:0 2px 8px #f5b80033!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls #process:disabled){background:var(--color-border)!important;color:var(--color-text-3)!important;border-color:transparent!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important;animation:none!important}:global(body.page-webp-png-to-jpg[data-has-files] #target-kb-group){display:none!important}:global(body.page-webp-png-to-jpg[data-has-files] #desktop-advanced-trigger-wrap){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0!important;padding:12px 14px!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:12px!important;box-shadow:none!important;width:100%!important}:global(body.page-webp-png-to-jpg[data-has-files] .advanced-trigger-label){font-family:var(--font-display),var(--font-sans),system-ui,sans-serif!important;font-size:14.5px!important;font-weight:700!important;color:var(--color-text)!important;letter-spacing:-.02em!important;text-transform:none!important;display:inline-flex!important;align-items:center!important;gap:6px!important}:global(body.page-webp-png-to-jpg[data-has-files] .advanced-trigger-optional){font-family:var(--font-sans),system-ui,sans-serif!important;font-size:11.5px!important;font-weight:500!important;color:var(--color-text-3)!important;letter-spacing:normal!important;opacity:.6!important;text-transform:none!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls .btn-control-action){position:relative!important;width:50px!important;height:50px!important;background:linear-gradient(135deg,var(--color-accent-hover) 0%,var(--color-accent) 50%,var(--color-accent-deep) 100%)!important;color:#fff!important;border:2px solid rgba(255,255,255,.35)!important;box-shadow:0 8px 24px #00000026,0 0 15px var(--color-accent-soft),inset 0 1.5px #ffffff80,inset 0 -1.5px #00000026!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls .btn-control-action svg){width:22px!important;height:22px!important;stroke-width:2.8px!important;transition:transform .4s cubic-bezier(.16,1,.3,1)!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls #control-advanced-settings:hover svg){transform:rotate(45deg)!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls #control-add-more:hover svg){transform:scale(1.15)!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls .btn-control-action:hover){transform:translateY(-3px) scale(1.08)!important;background:linear-gradient(135deg,var(--color-accent-hover) 0%,var(--color-accent) 50%,var(--color-accent-deep) 100%)!important;color:#fff!important;border-color:#ffffff73!important;box-shadow:0 12px 32px #facc1566,0 0 20px #facc1533,inset 0 1.5px #ffffff73!important}:global([data-theme=light] body.page-webp-png-to-jpg[data-has-files] #controls .btn-control-action:hover){box-shadow:0 12px 32px #4f46e566,0 0 20px #4f46e533,inset 0 1.5px #ffffff73!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls .btn-control-action:active){transform:translateY(0) scale(.95)!important;box-shadow:0 4px 12px #00000026!important}:global(body.page-webp-png-to-jpg[data-has-files] #controls .btn-control-action .btn-badge){position:absolute!important;top:-6px!important;right:-6px!important;width:20px!important;height:20px!important;border-radius:50%!important;background:#fff!important;color:var(--color-accent)!important;border:2px solid var(--color-accent)!important;font-size:11px!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 3px 8px #00000040,inset 0 1px #fffc!important;pointer-events:none!important;font-family:var(--font-display),var(--font-sans),system-ui,sans-serif!important;line-height:1!important;z-index:10!important}:global(body.page-webp-png-to-jpg[data-has-files] .tool-hero-compact-actions){display:none!important}}@media(max-width:768px){:global([data-theme=dark] body.page-webp-png-to-jpg:not([data-has-files]) .upload-zone){background:#2626238c!important;border:1.5px solid rgba(250,204,21,.45)!important;box-shadow:0 20px 48px #0006,0 0 42px #facc1540,inset 0 1px #ffffff40!important}:global([data-theme=light] body.page-webp-png-to-jpg:not([data-has-files]) .upload-zone){background:#ffffffeb!important;border:1.5px solid rgba(250,204,21,.5)!important;box-shadow:0 12px 40px #facc1514,0 0 32px #facc1529,inset 0 1px #fffffff2!important}:global(body[data-has-files] .mobile-floating-settings-btn){display:flex!important;position:absolute!important;top:185px!important;right:16px!important;z-index:501!important;width:46px!important;height:46px!important}:global(body[data-has-files] .mobile-floating-settings-btn svg){width:22px!important;height:22px!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files] .tool-hero-compact){display:block!important;position:absolute!important;inset:185px 72px auto auto!important;border:none!important;padding:0!important;margin:0!important;z-index:500!important;pointer-events:auto!important;background:transparent!important;height:auto!important;width:46px!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files] [data-upload-actions]){display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important}:global(body.page-webp-png-to-jpg[data-has-files] .tool-hero-compact-left){display:none!important}:global(body.page-webp-png-to-jpg[data-has-files] .tool-hero-compact-actions){display:block!important;padding:0!important;pointer-events:auto!important}:global(body.page-webp-png-to-jpg[data-has-files] .upload-action-btn.upload-action-primary),:global(body.page-webp-png-to-jpg[data-has-files] [data-upload-add-btn]){background:linear-gradient(135deg,#facc15,#eab308)!important;color:#0f172a!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 6px 18px #facc1573,inset 0 1px #fff9!important;width:46px!important;height:46px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;pointer-events:auto!important;cursor:pointer!important}:global(body.page-webp-png-to-jpg[data-has-files] .upload-action-btn.upload-action-primary svg),:global(body.page-webp-png-to-jpg[data-has-files] [data-upload-add-btn] svg){width:22px!important;height:22px!important;stroke-width:3.2px!important}}@media(max-width:768px){:global(body.page-tool.page-webp-png-to-jpg[data-has-files]){overflow-y:auto!important;overflow-x:clip!important;height:auto!important;min-height:100dvh!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files] .tool-main){padding:0 0 40px!important;height:auto!important;min-height:0!important;overflow:visible!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .container-narrow){max-width:100%!important;padding:72px 0 0!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;position:relative!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files] .upload-wrap){margin:0!important;padding:8px 4px 0!important;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;position:relative!important;inset:auto!important;z-index:10!important;background:transparent!important;border:none!important;box-shadow:none!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .ad-banner-wrapper){display:flex!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:calc(100% - 32px)!important;margin:0 16px 8px!important;z-index:10!important;height:auto!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) .mobile-floating-process-btn){display:flex!important;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;width:calc(100% - 32px)!important;margin:16px 16px 24px!important;z-index:10!important;height:64px!important;padding:0 20px!important;border-radius:16px!important;background:#facc15!important;color:#000!important;font-family:var(--font-display),system-ui,sans-serif!important;font-weight:800!important;font-size:18px!important;letter-spacing:-.02em!important;border:none!important;box-shadow:0 6px 24px #facc1573!important;align-items:center!important;gap:10px!important;justify-content:center!important;cursor:pointer!important;pointer-events:auto!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) [data-upload-actions] [data-add-source=computer]),:global(body.page-tool.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) [data-upload-actions] [data-add-source=drive]),:global(body.page-tool.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) [data-upload-actions] [data-add-source=dropbox]){display:none!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) [data-upload-actions] .upload-action-stack:hover .upload-add-wrap),:global(body.page-tool.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) [data-upload-actions] .upload-action-stack[data-expanded] .upload-add-wrap){transform:none!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files] .how-to-features){display:block!important;visibility:visible!important;opacity:1!important;margin-top:32px!important;padding:0 16px!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files] .related-tools-wrap){display:block!important;visibility:visible!important;opacity:1!important;margin-top:24px!important;padding:0 16px!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files] .tool-bottom-section){display:block!important;visibility:visible!important;opacity:1!important;margin-top:32px!important;padding:0 16px!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files] .tool-seo){display:block!important;visibility:visible!important;opacity:1!important;margin-top:32px!important;padding:0 16px!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-files] footer),:global(body.page-tool.page-webp-png-to-jpg[data-has-files] .site-footer){display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10!important;margin-top:40px!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-results] .container-narrow){display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:visible!important;position:relative!important;padding-top:48px!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-results] .ad-banner-wrapper){display:flex!important;order:0!important;min-height:44px!important;margin:28px auto 2px!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-results] #result-wrap){display:block!important;position:relative!important;inset:auto!important;width:100%!important;max-width:600px!important;margin:-32px auto 0!important;padding:0 12px!important;z-index:10!important;order:1!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-results] .success-card-wrapper){height:153px!important;min-height:153px!important;max-height:153px!important;box-sizing:border-box!important;overflow:hidden!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-results] .success-card-subtitle),:global(body.page-tool.page-webp-png-to-jpg[data-has-results] .success-card-wrapper>div:nth-child(3)){display:none!important}:global(body.page-tool.page-webp-png-to-jpg[data-has-results] .success-card-title){transform:translateY(-12px)!important}}body.page-webp-png-to-jpg .what-is-jpg-section{display:flex!important;flex-direction:column!important;gap:16px!important;margin-top:48px!important;margin-bottom:80px!important;padding-left:0!important;padding-right:0!important}body.page-webp-png-to-jpg .what-is-jpg-section h2{font-size:30px!important;font-family:var(--font-display),sans-serif!important;font-weight:700!important;color:var(--color-accent)!important;margin-bottom:24px!important}body.page-webp-png-to-jpg .faq-item{margin-top:0!important;padding:20px 24px!important}body.page-webp-png-to-jpg .faq-item summary h3,body.page-webp-png-to-jpg .faq-item summary span:first-child{margin:0!important;padding:0!important;font-size:18px!important;font-weight:700!important;font-family:var(--font-display),sans-serif!important;color:var(--color-text)!important;line-height:1.4!important;display:inline!important}body.page-webp-png-to-jpg .faq-item summary span.transition-transform{color:var(--color-accent)!important;margin-left:16px!important}body.page-webp-png-to-jpg .faq-item summary span.transition-transform svg{width:16px!important;height:16px!important;stroke-width:2.5px!important}body.page-webp-png-to-jpg .faq-item .faq-content .seo-faq-body{margin-top:16px!important;font-size:16px!important;line-height:1.625!important}@media(max-width:768px){body.page-webp-png-to-jpg .what-is-jpg-section{margin-top:24px!important;margin-bottom:32px!important;padding-left:0!important;padding-right:0!important}body.page-webp-png-to-jpg .what-is-jpg-section h2{font-size:24px!important;margin-bottom:16px!important}body.page-webp-png-to-jpg .faq-item{padding:16px 14px!important}body.page-webp-png-to-jpg .faq-item summary h3,body.page-webp-png-to-jpg .faq-item summary span:first-child{font-size:15px!important;line-height:1.4!important}body.page-webp-png-to-jpg .tool-seo .tool-seo-title,body.page-webp-png-to-jpg .tool-seo h2:first-of-type{color:#facc15!important}body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) #controls #custom-settings #process{display:flex!important;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important;margin:24px 0 16px!important;z-index:10!important;box-shadow:0 6px 20px #facc154d!important}body.page-webp-png-to-jpg[data-has-files]:not([data-has-results]) #controls #custom-settings #process:after{content:none!important;display:none!important}}@keyframes checkmark-stroke{to{stroke-dashoffset:0!important}}@keyframes checkmark-ring-pulse{0%{r:25;stroke-width:3.5;opacity:.9}60%{r:29;stroke-width:1;opacity:.3}to{r:32;stroke-width:0;opacity:0}}.eps-loading-overlay{position:fixed!important;inset:0!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#090b11eb!important;backdrop-filter:blur(28px) saturate(190%)!important;-webkit-backdrop-filter:blur(28px) saturate(190%)!important;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1)!important}.eps-loading-content{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:32px 36px!important;max-width:380px!important;width:88%!important;background:#121622bf!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;box-shadow:0 20px 50px #0009,0 0 30px #facc1514!important;animation:eps-pop-in .35s cubic-bezier(.16,1,.3,1) forwards!important}@keyframes eps-pop-in{0%{transform:scale(.95) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.eps-loader-spinner{width:56px!important;height:56px!important;margin-bottom:18px!important;position:relative!important}.eps-spinner-svg{width:100%!important;height:100%!important;animation:eps-rotate 1.2s linear infinite!important;transform-origin:center center!important}.eps-spinner-bg{stroke:#ffffff14!important}.eps-spinner-val{stroke:#facc15!important;stroke-linecap:round!important;stroke-dasharray:100!important;stroke-dashoffset:75!important;filter:drop-shadow(0 0 6px rgba(250,204,21,.6))!important}@keyframes eps-rotate{to{transform:rotate(360deg)}}.eps-loading-title{margin:0 0 6px!important;font-family:var(--font-display, inherit)!important;font-size:18px!important;font-weight:700!important;letter-spacing:-.01em!important;color:#fff!important}.eps-loading-subtitle{margin:0 0 20px!important;font-size:13px!important;color:#ffffff8c!important;line-height:1.4!important}.eps-progress-track{width:100%!important;height:4px!important;background:#ffffff14!important;border-radius:999px!important;overflow:hidden!important;position:relative!important}.eps-progress-bar{position:absolute!important;top:0!important;left:0!important;bottom:0!important;width:0%;background:linear-gradient(90deg,#ffd025,#facc15)!important;border-radius:999px!important;box-shadow:0 0 8px #facc1599!important;transition:width 3.2s cubic-bezier(.2,.8,.2,1)!important}.eps-loading-overlay.is-active{opacity:1!important;pointer-events:all!important}.eps-loading-content{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:40px 44px!important;max-width:460px!important;width:90%!important;background:#161b2ceb!important;border:1.5px solid rgba(250,204,21,.3)!important;border-radius:24px!important;box-shadow:0 25px 60px -12px #000000bf,0 0 40px #facc1526!important;animation:eps-pop-in .4s cubic-bezier(.16,1,.3,1) forwards!important}@keyframes eps-pop-in{0%{transform:scale(.92) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.eps-spinner-wrap{position:relative!important;width:80px!important;height:80px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:20px!important}.eps-spinner-ring{position:absolute!important;inset:0!important;border-radius:50%!important;border:3px solid rgba(250,204,21,.15)!important;border-top-color:#facc15!important;border-right-color:#facc15!important;animation:eps-spin 1s cubic-bezier(.55,.15,.45,.85) infinite!important;box-shadow:0 0 20px #facc1559!important}@keyframes eps-spin{to{transform:rotate(360deg)}}.eps-spinner-core{width:52px!important;height:52px!important;border-radius:50%!important;background:#facc151a!important;border:1px solid rgba(250,204,21,.3)!important;display:flex!important;align-items:center!important;justify-content:center!important;animation:eps-pulse 2s ease-in-out infinite!important}@keyframes eps-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:1}}.eps-loading-title{margin:0 0 8px!important;font-family:var(--font-display, inherit)!important;font-size:21px!important;font-weight:800!important;letter-spacing:-.02em!important;color:#fff!important}.eps-loading-subtitle{margin:0 0 24px!important;font-size:13.5px!important;color:#94a3b8!important;line-height:1.5!important;max-width:340px!important}.eps-progress-track{width:100%!important;height:6px!important;background:#ffffff14!important;border-radius:999px!important;overflow:hidden!important;position:relative!important}.eps-progress-bar{position:absolute!important;top:0!important;left:0!important;bottom:0!important;width:0%;background:linear-gradient(90deg,#facc15,#eab308)!important;border-radius:999px!important;box-shadow:0 0 10px #facc1580!important;transition:width 3.2s cubic-bezier(.2,.8,.2,1)!important}@media(max-width:768px){:global(html body[data-has-files] .tool-hero-compact),:global(html body.page-tool[data-has-files] .tool-hero-compact),:global(html body.page-webp-png-to-jpg[data-has-files] .tool-hero-compact){display:block!important;position:absolute!important;inset:185px 72px auto auto!important;border:none!important;padding:0!important;margin:0!important;z-index:500!important;pointer-events:auto!important;background:transparent!important;height:auto!important;width:46px!important}:global(html body[data-has-files] [data-upload-actions]),:global(html body.page-tool[data-has-files] [data-upload-actions]),:global(html body.page-webp-png-to-jpg[data-has-files] [data-upload-actions]){display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important}:global(html body[data-has-files] .mobile-floating-settings-btn),:global(html body.page-tool[data-has-files] .mobile-floating-settings-btn),:global(html body.page-webp-png-to-jpg[data-has-files] .mobile-floating-settings-btn){display:flex!important;position:absolute!important;inset:185px 16px auto auto!important;z-index:501!important;width:46px!important;height:46px!important;border-radius:50%!important;margin:0!important;padding:0!important;pointer-events:auto!important}:global(html body[data-has-files] .mobile-floating-settings-btn svg),:global(html body.page-tool[data-has-files] .mobile-floating-settings-btn svg),:global(html body.page-webp-png-to-jpg[data-has-files] .mobile-floating-settings-btn svg){width:22px!important;height:22px!important}:global(html body[data-has-files] .tool-hero-compact-left){display:none!important}:global(html body[data-has-files] .tool-hero-compact-actions){display:block!important;padding:0!important;pointer-events:auto!important}:global(html body[data-has-files] .upload-action-btn.upload-action-primary),:global(html body[data-has-files] [data-upload-add-btn]){background:linear-gradient(135deg,#facc15,#eab308)!important;color:#0f172a!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 6px 18px #facc1573,inset 0 1px #fff9!important;width:46px!important;height:46px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;pointer-events:auto!important;cursor:pointer!important}:global(html body[data-has-files] .upload-action-btn.upload-action-primary svg),:global(html body[data-has-files] [data-upload-add-btn] svg){width:22px!important;height:22px!important;stroke-width:3.2px!important}}@keyframes mobileFadeInUp{0%{opacity:0;transform:translateY(42px) scale(.985);filter:blur(10px)}70%{filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes mobileSuccessCardPop{0%{opacity:0;transform:scale(.9) translateY(15px);filter:blur(6px)}70%{transform:scale(1.025) translateY(-2px);filter:blur(0)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes mobilePageFade{0%{opacity:0}to{opacity:1}}@keyframes mobile-download-glow{0%,to{transform:scale(1);box-shadow:0 6px 22px #facc1573!important}50%{transform:scale(1.025);box-shadow:0 8px 30px #facc15bf,0 0 16px #facc1573!important;background:linear-gradient(135deg,#ffe870,#fdd32f)!important}}@media(max-width:768px),(min-width:769px)and (max-width:1024px)and (orientation:portrait){:global(body:not([data-has-files]):not([data-editor-active]) .tool-main),:global(body.page-tool:not([data-has-files]):not([data-editor-active]) .tool-main){animation:mobilePageFade 1.4s cubic-bezier(.16,1,.3,1) both!important}:global(body:not([data-has-files]):not([data-editor-active]) #hero-header),:global(body:not([data-has-files]):not([data-editor-active]) .tool-hero),:global(body.page-tool:not([data-has-files]):not([data-editor-active]) #hero-header),:global(body.page-tool:not([data-has-files]):not([data-editor-active]) .tool-hero){animation:mobileFadeInUp 1.4s cubic-bezier(.16,1,.3,1) .06s both!important}:global(body:not([data-has-files]):not([data-editor-active]) .breadcrumb),:global(body.page-tool:not([data-has-files]):not([data-editor-active]) .breadcrumb){animation:mobileFadeInUp 1.4s cubic-bezier(.16,1,.3,1) .1s both!important}:global(body:not([data-has-files]):not([data-editor-active]) .ad-banner-wrapper),:global(body.page-tool:not([data-has-files]):not([data-editor-active]) .ad-banner-wrapper){animation:mobileFadeInUp 1.4s cubic-bezier(.16,1,.3,1) .12s both!important}:global(body:not([data-has-files]):not([data-editor-active]) .upload-wrap),:global(body:not([data-has-files]):not([data-editor-active]) .upload-zone),:global(body.page-tool:not([data-has-files]):not([data-editor-active]) .upload-wrap),:global(body.page-tool:not([data-has-files]):not([data-editor-active]) .upload-zone){animation:mobileFadeInUp 1.4s cubic-bezier(.16,1,.3,1) .18s both!important}:global(body:not([data-has-files]):not([data-editor-active]) #upload-container>.text-center),:global(body.page-tool:not([data-has-files]):not([data-editor-active]) #upload-container>.text-center){animation:mobileFadeInUp 1.4s cubic-bezier(.16,1,.3,1) .26s both!important}:global(body:not([data-has-files]):not([data-editor-active]) .how-to-features),:global(body:not([data-has-files]):not([data-editor-active]) .related-tools-wrap),:global(body:not([data-has-files]):not([data-editor-active]) .tool-bottom-section),:global(body:not([data-has-files]):not([data-editor-active]) .tool-seo),:global(body.page-tool:not([data-has-files]):not([data-editor-active]) .how-to-features),:global(body.page-tool:not([data-has-files]):not([data-editor-active]) .related-tools-wrap),:global(body.page-tool:not([data-has-files]):not([data-editor-active]) .tool-bottom-section),:global(body.page-tool:not([data-has-files]):not([data-editor-active]) .tool-seo){animation:mobileFadeInUp 1.4s cubic-bezier(.16,1,.3,1) .36s both!important}:global(body[data-has-files]:not([data-has-results]) .tool-main),:global(body.page-tool[data-has-files]:not([data-has-results]) .tool-main){animation:mobilePageFade 1.6s cubic-bezier(.16,1,.3,1) both!important}:global(body[data-has-files]:not([data-has-results]) .tool-hero-compact),:global(body.page-tool[data-has-files]:not([data-has-results]) .tool-hero-compact),:global(body[data-has-files]:not([data-has-results]) [data-tool-hero-compact]){animation:mobileFadeInUp 1.5s cubic-bezier(.16,1,.3,1) .08s both!important}:global(body[data-has-files]:not([data-has-results]) .ad-banner-wrapper),:global(body.page-tool[data-has-files]:not([data-has-results]) .ad-banner-wrapper){animation:mobileFadeInUp 1.5s cubic-bezier(.16,1,.3,1) .14s both!important}:global(body[data-has-files]:not([data-has-results]) .upload-wrap),:global(body.page-tool[data-has-files]:not([data-has-results]) .upload-wrap),:global(body[data-has-files]:not([data-has-results]) .upload-zone),:global(body.page-tool[data-has-files]:not([data-has-results]) .upload-zone),:global(body[data-has-files]:not([data-has-results]) .upload-previews),:global(body.page-tool[data-has-files]:not([data-has-results]) .upload-previews),:global(body[data-has-files]:not([data-has-results]) #previews){animation:mobileFadeInUp 1.5s cubic-bezier(.16,1,.3,1) .2s both!important}:global(body[data-has-files]:not([data-has-results]) .preview-tile),:global(body.page-tool[data-has-files]:not([data-has-results]) .preview-tile){animation:mobileFadeInUp 1.35s cubic-bezier(.16,1,.3,1) both!important}:global(body[data-has-files]:not([data-has-results]) .preview-tile:nth-child(1)),:global(body.page-tool[data-has-files]:not([data-has-results]) .preview-tile:nth-child(1)){animation-delay:.2s!important}:global(body[data-has-files]:not([data-has-results]) .preview-tile:nth-child(2)),:global(body.page-tool[data-has-files]:not([data-has-results]) .preview-tile:nth-child(2)){animation-delay:.3s!important}:global(body[data-has-files]:not([data-has-results]) .preview-tile:nth-child(3)),:global(body.page-tool[data-has-files]:not([data-has-results]) .preview-tile:nth-child(3)){animation-delay:.4s!important}:global(body[data-has-files]:not([data-has-results]) .preview-tile:nth-child(4)),:global(body.page-tool[data-has-files]:not([data-has-results]) .preview-tile:nth-child(4)){animation-delay:.5s!important}:global(body[data-has-files]:not([data-has-results]) .preview-tile:nth-child(5)),:global(body.page-tool[data-has-files]:not([data-has-results]) .preview-tile:nth-child(5)){animation-delay:.6s!important}:global(body[data-has-files]:not([data-has-results]) .preview-tile:nth-child(6)),:global(body.page-tool[data-has-files]:not([data-has-results]) .preview-tile:nth-child(6)){animation-delay:.7s!important}:global(body[data-has-files]:not([data-has-results]) .preview-tile:nth-child(n+7)),:global(body.page-tool[data-has-files]:not([data-has-results]) .preview-tile:nth-child(n+7)){animation-delay:.8s!important}:global(body[data-has-files]:not([data-has-results]) .mobile-floating-settings-btn),:global(body.page-tool[data-has-files]:not([data-has-results]) .mobile-floating-settings-btn),:global(body[data-has-files]:not([data-has-results]) #mobile-settings-toggle){animation:mobileFadeInUp 1.5s cubic-bezier(.16,1,.3,1) .32s both!important}:global(body[data-has-files]:not([data-has-results]) .mobile-floating-process-btn),:global(body[data-has-files]:not([data-has-results]) #controls #process),:global(body.page-tool[data-has-files]:not([data-has-results]) .mobile-floating-process-btn),:global(body.page-tool[data-has-files]:not([data-has-results]) #controls #process),:global(body[data-has-files]:not([data-has-results]) #mobile-bottom-process){animation:mobileFadeInUp 1.5s cubic-bezier(.16,1,.3,1) .42s both,mobile-download-glow 2s infinite ease-in-out 1.8s!important}:global(body[data-has-files]:not([data-has-results]) .how-to-features),:global(body.page-tool[data-has-files]:not([data-has-results]) .how-to-features){animation:mobileFadeInUp 1.5s cubic-bezier(.16,1,.3,1) .6s both!important}:global(body[data-has-files]:not([data-has-results]) .related-tools-wrap),:global(body.page-tool[data-has-files]:not([data-has-results]) .related-tools-wrap){animation:mobileFadeInUp 1.5s cubic-bezier(.16,1,.3,1) .7s both!important}:global(body[data-has-files]:not([data-has-results]) .tool-bottom-section),:global(body.page-tool[data-has-files]:not([data-has-results]) .tool-bottom-section){animation:mobileFadeInUp 1.5s cubic-bezier(.16,1,.3,1) .8s both!important}:global(body[data-has-files]:not([data-has-results]) .tool-seo),:global(body.page-tool[data-has-files]:not([data-has-results]) .tool-seo){animation:mobileFadeInUp 1.5s cubic-bezier(.16,1,.3,1) .9s both!important}:global(body[data-has-files]:not([data-has-results]) footer),:global(body[data-has-files]:not([data-has-results]) .site-footer),:global(body.page-tool[data-has-files]:not([data-has-results]) footer),:global(body.page-tool[data-has-files]:not([data-has-results]) .site-footer){animation:mobileFadeInUp 1.5s cubic-bezier(.16,1,.3,1) 1s both!important}:global(body[data-has-results] .tool-main),:global(body.page-tool[data-has-results] .tool-main){animation:mobilePageFade 1.2s cubic-bezier(.16,1,.3,1) both!important}:global(body[data-has-results] .tool-hero-compact),:global(body.page-tool[data-has-results] .tool-hero-compact){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) .05s both!important}:global(body[data-has-results] .ad-banner-wrapper),:global(body.page-tool[data-has-results] .ad-banner-wrapper){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) .1s both!important}:global(body[data-has-results] .success-card-wrapper),:global(body.page-tool[data-has-results] .success-card-wrapper){animation:mobileSuccessCardPop 1.2s cubic-bezier(.34,1.56,.64,1) .15s both!important}:global(body[data-has-results] #result-wrap),:global(body.page-tool[data-has-results] #result-wrap){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) .22s both!important}:global(body[data-has-results] #result-wrap .tool-result>div:nth-child(2)>div),:global(body.page-tool[data-has-results] #result-wrap .tool-result>div:nth-child(2)>div){animation:mobileFadeInUp 1s cubic-bezier(.16,1,.3,1) both!important}:global(body[data-has-results] #result-wrap .tool-result>div:nth-child(2)>div:nth-child(1)),:global(body.page-tool[data-has-results] #result-wrap .tool-result>div:nth-child(2)>div:nth-child(1)){animation-delay:.22s!important}:global(body[data-has-results] #result-wrap .tool-result>div:nth-child(2)>div:nth-child(2)),:global(body.page-tool[data-has-results] #result-wrap .tool-result>div:nth-child(2)>div:nth-child(2)){animation-delay:.29s!important}:global(body[data-has-results] #result-wrap .tool-result>div:nth-child(2)>div:nth-child(3)),:global(body.page-tool[data-has-results] #result-wrap .tool-result>div:nth-child(2)>div:nth-child(3)){animation-delay:.36s!important}:global(body[data-has-results] #result-wrap .tool-result>div:nth-child(2)>div:nth-child(4)),:global(body.page-tool[data-has-results] #result-wrap .tool-result>div:nth-child(2)>div:nth-child(4)){animation-delay:.43s!important}:global(body[data-has-results] #result-wrap .tool-result>div:nth-child(2)>div:nth-child(5)),:global(body.page-tool[data-has-results] #result-wrap .tool-result>div:nth-child(2)>div:nth-child(5)){animation-delay:.5s!important}:global(body[data-has-results] #result-wrap .tool-result>div:nth-child(2)>div:nth-child(n+6)),:global(body.page-tool[data-has-results] #result-wrap .tool-result>div:nth-child(2)>div:nth-child(n+6)){animation-delay:.57s!important}:global(body[data-has-results] .mobile-floating-process-btn),:global(body.page-tool[data-has-results] .mobile-floating-process-btn){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) .3s both,mobile-download-glow 2s infinite ease-in-out 1.5s!important}:global(body[data-has-results] .mobile-floating-reset-btn),:global(body.page-tool[data-has-results] .mobile-floating-reset-btn){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) .38s both!important}:global(body[data-has-results] .how-to-features),:global(body.page-tool[data-has-results] .how-to-features){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) .46s both!important}:global(body[data-has-results] .related-tools-wrap),:global(body.page-tool[data-has-results] .related-tools-wrap){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) .54s both!important}:global(body[data-has-results] .tool-bottom-section),:global(body.page-tool[data-has-results] .tool-bottom-section){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) .62s both!important}:global(body[data-has-results] .tool-seo),:global(body.page-tool[data-has-results] .tool-seo){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) .7s both!important}:global(body[data-has-results] footer),:global(body[data-has-results] .site-footer),:global(body.page-tool[data-has-results] footer),:global(body.page-tool[data-has-results] .site-footer){animation:mobileFadeInUp 1.2s cubic-bezier(.16,1,.3,1) .78s both!important}}