.webp-em-jpeg_webpToJpegPage__SvweJ{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative;background-color:#ffffff;padding:90px 0 0}.webp-em-jpeg_webpToJpegMain__dgV_T{max-width:1080px;margin:0 auto;padding:0;position:relative}.webp-em-jpeg_convertersMainContent__jLxqm{max-width:740px;margin:0 auto;justify-content:center;padding:0}.webp-em-jpeg_title__1nxr6{font-size:22px;font-weight:600;color:#363636;margin-bottom:20px;text-align:center}.webp-em-jpeg_subtitle__aw8b2{font-size:18px;color:#363636;margin-bottom:40px;text-align:center;line-height:28px}.webp-em-jpeg_converterSection__6RlDh{padding:20px 10px;margin:0 auto 50px}.webp-em-jpeg_converterSection__6RlDh h3{font-size:20px;font-weight:600;color:#363636;margin-bottom:20px;text-align:center}.webp-em-jpeg_inputArea__I1VFm{margin-bottom:30px}.webp-em-jpeg_uploadArea__VobbO{max-width:660px;min-width:320px;height:360px;border:1px dashed #696969;border-radius:3px;margin:0 0 20px;padding:30px;text-align:center;cursor:pointer;transition:all .3s ease;background:#f9fafb}.webp-em-jpeg_uploadArea__VobbO h4{margin:0 auto 20px 0}.webp-em-jpeg_uploadArea__VobbO.webp-em-jpeg_dragActive__XlTpE,.webp-em-jpeg_uploadArea__VobbO:hover{border-color:#3b82f6;background:#eff6ff}.webp-em-jpeg_fileInput__tHPTm{display:none}.webp-em-jpeg_uploadPrompt__9Xply{display:flex;flex-direction:column;align-items:center;gap:15px}.webp-em-jpeg_uploadIcon__4qwqY{width:50px;height:50px;margin:0 auto 20px;background:#1e6dec;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white}.webp-em-jpeg_uploadIcon__4qwqY i{font-size:28px}.webp-em-jpeg_uploadTitle__jP33I{font-size:18px;font-weight:600;color:#363636;margin-bottom:30px}.webp-em-jpeg_uploadDescription__OgCSX{color:#666;margin-bottom:20px}.webp-em-jpeg_selectBtn__ySXNc{background:#1e6dec;color:white;border:none;margin:0 auto 30px;padding:9px 15px;border-radius:3px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s ease;display:inline-flex;align-items:center;gap:8px}.webp-em-jpeg_selectBtn__ySXNc:hover{background:#1556cc}.webp-em-jpeg_errorMessage__nAQmA{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin:16px 0;display:flex;align-items:center;gap:8px}.webp-em-jpeg_errorMessage__nAQmA i{color:#dc2626;font-size:16px}.webp-em-jpeg_errorMessage__nAQmA p{color:#dc2626;margin:0;font-size:14px}.webp-em-jpeg_fileList__Wda4S{margin-top:20px}.webp-em-jpeg_fileList__Wda4S h4{font-size:16px;font-weight:500;color:#363636;margin-bottom:12px}.webp-em-jpeg_fileItem__7lB4X{display:flex;justify-content:space-between;align-items:center;padding:9px 15px;background-color:#f9fafb;border-radius:3px;margin-bottom:8px;border:1px solid #e5e7eb}.webp-em-jpeg_fileItem__7lB4X span{display:flex;align-items:center;gap:8px;color:#374151;font-weight:500}.webp-em-jpeg_warningMessage__E_4af{background:#fef3cd;border:1px solid #facc15;color:#92400e;padding:12px;border-radius:6px;margin:0 10px 20px;text-align:center;font-size:14px}.webp-em-jpeg_conversionOptions__jJKlH{max-width:660px;min-width:320px;margin:0 auto;display:flex;flex-direction:column;gap:15px}.webp-em-jpeg_qualityOptions__zPOb3,.webp-em-jpeg_sizeOptions__JqIPS{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.webp-em-jpeg_qualityOptions__zPOb3{margin:0 auto 10px}.webp-em-jpeg_qualityLabel__9jO1l,.webp-em-jpeg_sizeLabel__fy7xA{font-size:14px;font-weight:500;color:#374151}.webp-em-jpeg_qualitySelect__NuvMm,.webp-em-jpeg_sizeSelect__muShw{padding:8px 12px;border:1px solid #d1d5db;border-radius:3px;font-size:14px;background:white;color:#374151;cursor:pointer;transition:border-color .3s ease}.webp-em-jpeg_qualitySelect__NuvMm:hover,.webp-em-jpeg_sizeSelect__muShw:hover{border-color:#3b82f6}.webp-em-jpeg_qualitySelect__NuvMm:focus,.webp-em-jpeg_sizeSelect__muShw:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.webp-em-jpeg_converting___FExi{display:flex;align-items:center;justify-content:center;gap:10px;color:#3b82f6;font-weight:500;margin:20px 0}.webp-em-jpeg_converting___FExi i{font-size:16px}.webp-em-jpeg_result__yAjQs{max-width:660px;min-width:320px;margin:0;padding:0;border:1px solid #e5e7eb;border-radius:3px;background:#f9fafb;text-align:center}.webp-em-jpeg_imageContainer__rlUSp{margin:0 auto 10px}.webp-em-jpeg_previewImage__xeiTq{width:100%;height:auto;border-radius:0}.webp-em-jpeg_resultInfo__LI6qw{margin-bottom:20px}.webp-em-jpeg_resultName__v7VxS{font-weight:500;color:#374151;font-size:16px;margin-bottom:10px;display:block}.webp-em-jpeg_imageDetails__8Wmot{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;font-size:12px;color:#3b3b3b}.webp-em-jpeg_imageDetails__8Wmot span{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#f3f4f6;border-radius:3px}.webp-em-jpeg_actionButtons__qCJIE{gap:10px}.webp-em-jpeg_downloadBtn__BSOcJ,.webp-em-jpeg_resetBtn__LYSc8{padding:9px 15px;border-radius:3px;font-size:14px;font-weight:500;transition:all .3s ease}.webp-em-jpeg_downloadBtn__BSOcJ{background:#10b981}.webp-em-jpeg_downloadBtn__BSOcJ:hover{background:#059669}.webp-em-jpeg_convertBtn__GL65U{background:#3b82f6;color:white;border:none;margin:0 auto 30px;padding:12px 18px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.webp-em-jpeg_convertBtn__GL65U:hover:not(:disabled){background:#2563eb}.webp-em-jpeg_convertBtn__GL65U:disabled{opacity:.6;cursor:not-allowed}.webp-em-jpeg_successMessage__d6_JS{background:#f0f9ff;border:2px solid #0ea5e9;border-radius:9px;padding:24px;text-align:center;margin-top:24px}.webp-em-jpeg_successMessage__d6_JS i{font-size:48px;color:#0ea5e9;margin-bottom:16px}.webp-em-jpeg_successMessage__d6_JS h3{font-size:24px;font-weight:600;color:#0c4a6e;margin-bottom:8px}.webp-em-jpeg_successMessage__d6_JS p{color:#0369a1;margin-bottom:20px}.webp-em-jpeg_actionButtons__qCJIE{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.webp-em-jpeg_downloadBtn__BSOcJ,.webp-em-jpeg_resetBtn__LYSc8{display:inline-flex;align-items:center;gap:8px;border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.webp-em-jpeg_downloadBtn__BSOcJ{background:#3b82f6;color:white}.webp-em-jpeg_downloadBtn__BSOcJ:hover{background:#2563eb}.webp-em-jpeg_resetBtn__LYSc8{background:#6b7280;color:white}.webp-em-jpeg_resetBtn__LYSc8:hover{background:#4b5563}.webp-em-jpeg_hiddenCanvas__AuBTv{display:none}.webp-em-jpeg_stepByStep__0SFsZ{padding:20px 10px;margin-bottom:60px}.webp-em-jpeg_stepByStep__0SFsZ h2{font-size:22px;font-weight:600;color:#333333;margin-bottom:36px;text-align:center}.webp-em-jpeg_step__d35UJ{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px}.webp-em-jpeg_stepNumber__7gkOc{display:flex;width:36px;height:36px;margin:0 0 10px;background:#0b69ff;color:white;border-radius:50%;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.webp-em-jpeg_step__d35UJ p{color:#363636;font-size:16px;line-height:26px;margin:0}.webp-em-jpeg_aboutSection__mPuOg{background:white;margin:0 0 90px;padding:20px 10px}.webp-em-jpeg_aboutSection__mPuOg h2{font-size:20px;font-weight:600;color:#363636;margin-bottom:30px;text-align:center}.webp-em-jpeg_toolDescription__w_Dh8 .webp-em-jpeg_description__6wZNK{font-size:18px;color:#363636;margin-bottom:16px;font-weight:500;line-height:30px}.webp-em-jpeg_toolDescription__w_Dh8 .webp-em-jpeg_aboutText__aXQN9{color:#363636;line-height:30px}@media (max-width:768px){.webp-em-jpeg_webpToJpegMain__dgV_T{max-width:96%}}