.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}.ba-slider .ba-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.ba-slider .ba-clip{position:absolute;inset:0;overflow:hidden}.ba-slider .ba-handle{position:absolute;top:0;bottom:0;width:2px;background:#ffffffe6;transform:translate(-1px);pointer-events:none}.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}.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}.ba-slider .ba-label-original{left:12px}.ba-slider .ba-label-result{right:12px}.settings-grid{grid-template-columns:1fr 1fr}@media(max-width:640px){.settings-grid{grid-template-columns:1fr!important}}body:not([data-has-files]) .upload-wrap{margin-top:80px!important}body:not([data-has-files]) .ad-slot{margin-top:24px}@media(max-width:768px){body:not([data-has-files]) .upload-wrap{margin-top:48px!important}body:not([data-has-files]) .ad-slot{margin-top:16px}}.page-image-format-converter .tool-ad-rail-right{display:none}@media(min-width:1201px){body.page-image-format-converter[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}body.page-image-format-converter[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}[data-theme=light] body.page-image-format-converter[data-has-files]:not([data-has-results]) .tool-ad-rail-right{background:#00000004!important}[data-theme=light] body.page-image-format-converter[data-has-files]:not([data-has-results]) .tool-ad-rail-right:before{color:#00000029!important}}body.page-image-format-converter[data-has-files]:not([data-has-results]) #controls{max-height:none!important;overflow-y:visible!important}@media(max-width:768px){body.page-image-format-converter[data-has-files] #site-header{display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important}body.page-image-format-converter[data-has-files] [data-tool-hero],body.page-image-format-converter[data-has-files] .tool-hero,body.page-image-format-converter[data-has-files] [data-tool-hero-compact],body.page-image-format-converter[data-has-files] .tool-hero-compact,body.page-image-format-converter[data-has-files] .breadcrumb,body.page-image-format-converter[data-has-files] .mobile-tool-title{display:none!important}body.page-tool.page-image-format-converter[data-has-files]{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;min-height:100dvh!important}body.page-tool.page-image-format-converter[data-has-files] .tool-main{padding:0 0 40px!important;height:auto!important;min-height:0!important;overflow:visible!important}body.page-tool.page-image-format-converter[data-has-files] .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}body.page-tool.page-image-format-converter[data-has-files] .how-to-features{display:block!important;visibility:visible!important;opacity:1!important;margin-top:32px!important;padding:0 16px!important}body.page-tool.page-image-format-converter[data-has-files] .related-tools-wrap{display:block!important;visibility:visible!important;opacity:1!important;margin-top:24px!important;padding:0 16px!important}body.page-tool.page-image-format-converter[data-has-files] .tool-bottom-section,body.page-tool.page-image-format-converter[data-has-files] .tool-seo{display:block!important;visibility:visible!important;opacity:1!important;margin-top:32px!important;padding:0 16px!important}body.page-tool.page-image-format-converter[data-has-files] footer,body.page-tool.page-image-format-converter[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}body.page-tool.page-image-format-converter[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}body.page-tool.page-image-format-converter[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}[data-theme=light] body.page-tool.page-image-format-converter[data-has-files] .upload-wrap{background:transparent!important}[data-upload-actions][data-in-header] .upload-add-wrap{transform:none!important;transition:none!important}[data-upload-actions][data-in-header] .upload-action-stack:hover .upload-add-wrap,[data-upload-actions][data-in-header] .upload-action-stack[data-expanded] .upload-add-wrap{transform:none!important}body.page-tool.page-image-format-converter[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}body.page-tool.page-image-format-converter[data-has-files] [data-upload-actions]{display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important}body.page-tool.page-image-format-converter[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}body.page-tool.page-image-format-converter[data-has-files] .mobile-floating-settings-btn svg{width:22px!important;height:22px!important}body.page-image-format-converter[data-has-files] .tool-hero-compact-left{display:none!important}body.page-image-format-converter[data-has-files] .tool-hero-compact-actions{display:block!important;padding:0!important;pointer-events:auto!important}body.page-image-format-converter[data-has-files] .upload-action-btn.upload-action-primary,body.page-image-format-converter[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}body.page-image-format-converter[data-has-files] .upload-action-btn.upload-action-primary svg,body.page-image-format-converter[data-has-files] [data-upload-add-btn] svg{width:22px!important;height:22px!important;stroke-width:3.2px!important}body.page-image-format-converter[data-has-files] .upload-action-reveal,body.page-image-format-converter[data-has-files] .upload-action-badge{display:none!important}body.page-image-format-converter[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}body.page-image-format-converter[data-has-files] .preview-remove svg{width:12px!important;height:12px!important;stroke-width:3px!important}body.page-image-format-converter[data-has-files] .mobile-floating-settings-btn svg{width:19px!important;height:19px!important}body.page-image-format-converter[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}body.page-image-format-converter[data-has-files] .mobile-settings-backdrop[data-active]{opacity:1!important;pointer-events:auto!important}body.page-image-format-converter[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}[data-theme=light] body.page-image-format-converter[data-has-files] #controls{background:#fffffff5!important;border-left-color:#00000014!important}body.page-image-format-converter[data-has-files] #controls[data-mobile-open]{transform:translate(0)!important}body.page-image-format-converter[data-has-files] #controls:before{display:none!important}body.page-image-format-converter[data-has-results] .mobile-floating-settings-btn{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}body.page-image-format-converter[data-has-results] #controls,body.page-image-format-converter[data-has-files] #controls .caption{display:none!important}body.page-image-format-converter[data-has-files] #controls .label,body.page-image-format-converter[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}body.page-image-format-converter[data-has-files] .mode-toggle{border-radius:14px!important;padding:3px!important;margin-bottom:0!important}body.page-image-format-converter[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}body.page-image-format-converter[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}[data-theme=light] body.page-image-format-converter[data-has-files] #mode-help{background:#4f46e50a!important;border-color:#4f46e526!important}body.page-image-format-converter[data-has-files] .select-wrapper .input,body.page-image-format-converter[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}body.page-image-format-converter[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}[data-theme=light] body.page-image-format-converter[data-has-files] .slider-group{background:#00000005!important;border-color:#0000000d!important}body.page-image-format-converter[data-has-files] .slider-group div[style*="font-size:11px"]{display:none!important}body.page-image-format-converter[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}[data-theme=light] body.page-image-format-converter[data-has-files] .switch-container{background:#00000005!important;border-color:#0000000f!important}body.page-image-format-converter[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}body.page-image-format-converter[data-has-files] .format-card-grid{grid-template-columns:repeat(4,1fr)!important;gap:6px!important;margin-bottom:8px!important}body.page-image-format-converter[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}[data-theme=light] body.page-image-format-converter[data-has-files] .format-card{background:#00000005!important;border-color:#0000000f!important}body.page-image-format-converter[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}body.page-image-format-converter[data-has-files] .format-card-header{margin-bottom:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important}body.page-image-format-converter[data-has-files] .format-card-title{font-size:11px!important;font-family:var(--font-sans),system-ui,sans-serif!important;font-weight:700!important}body.page-image-format-converter[data-has-files] .format-card-desc{display:none!important}body.page-image-format-converter[data-has-files] .format-card-icon{font-size:14px!important}body.page-image-format-converter[data-has-files]:not([data-has-results]) .mobile-floating-process-btn,body.page-image-format-converter[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}[data-theme=light] body.page-image-format-converter[data-has-files] #process{color:#000!important}body.page-image-format-converter[data-has-files] .mobile-floating-process-btn svg,body.page-image-format-converter[data-has-results] .mobile-floating-process-btn svg,body.page-image-format-converter[data-has-files] #controls #process svg{width:18px!important;height:18px!important;stroke-width:2.8px!important}body.page-image-format-converter[data-has-files] #process:disabled{background:var(--color-border)!important;color:var(--color-text-3)!important;box-shadow:none!important}.mobile-floating-reset-btn{display:none}body.page-image-format-converter[data-has-results]{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;min-height:100%!important}body.page-image-format-converter[data-has-results] #site-header{display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important}body.page-image-format-converter[data-has-results] .tool-main{height:auto!important;min-height:0!important;padding:0 0 40px!important;overflow:visible!important}body.page-image-format-converter[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:72px!important}body.page-image-format-converter[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}body.page-image-format-converter[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}body.page-image-format-converter[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}body.page-image-format-converter[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}body.page-image-format-converter[data-has-results] footer,body.page-image-format-converter[data-has-results] .site-footer{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10!important;margin-top:40px!important}body.page-image-format-converter[data-has-results] #result-wrap{display:block!important;position:relative!important;inset:auto!important;width:100%!important;max-width:600px!important;margin:-12px auto 0!important;padding:0 12px!important;z-index:10!important;order:1!important}body.page-image-format-converter[data-has-results] #result-wrap .tool-result{padding-bottom:0!important;margin-bottom:0!important}body.page-image-format-converter[data-has-results] .success-card-wrapper>div:nth-child(3),body.page-image-format-converter[data-has-results] .success-card-subtitle{display:none!important}}@media(min-width:1024px){body.page-image-format-converter[data-has-results] .tool-main{padding-top:0!important}body.page-image-format-converter[data-has-results] #result-wrap{margin:-16px auto 10px!important;max-width:760px!important;width:100%!important}body.page-image-format-converter:not([data-has-files]) .ad-banner-wrapper{margin-top:-59px!important}body.page-image-format-converter[data-has-results] .ad-banner-wrapper{margin-top:8px!important;margin-bottom:4px!important}body.page-image-format-converter:not([data-has-files]) .upload-zone{margin-top:-20px!important}body.page-image-format-converter:not([data-has-files]) .tool-ad-rail,body.page-image-format-converter:not([data-has-files]) .tool-ad-rail-right,body.page-image-format-converter[data-has-results] .tool-ad-rail,body.page-image-format-converter[data-has-results] .tool-ad-rail-right{margin-top:-80px!important;top:84px!important}}