.webp-em-png_webpToPngPage__ZPfrl{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative;background-color:#ffffff;padding:90px 0 0}.webp-em-png_webpToPngMain__n1PsT{max-width:1080px;margin:0 auto;padding:0;position:relative}.webp-em-png_convertersMainContent__61Xy9{max-width:740px;margin:0 auto;justify-content:center;padding:0}.webp-em-png_title__6gGbU{font-size:22px;font-weight:600;color:#363636;margin-bottom:20px;text-align:center}.webp-em-png_subtitle__2f0IX{font-size:18px;color:#363636;margin-bottom:40px;text-align:center;line-height:28px}.webp-em-png_warningMessage__HWgNA{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-png_converterSection__1X8UI{padding:20px 10px;margin:0 auto 50px}.webp-em-png_converterSection__1X8UI h3{font-size:20px;font-weight:600;color:#363636;margin-bottom:20px;text-align:center}.webp-em-png_inputArea__2or99{margin-bottom:30px}.webp-em-png_uploadArea__BEfqT{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-png_uploadArea__BEfqT h4{margin:0 auto 20px 0}.webp-em-png_uploadArea__BEfqT.webp-em-png_dragActive__Dlsln,.webp-em-png_uploadArea__BEfqT:hover{border-color:#3b82f6;background:#eff6ff}.webp-em-png_fileInput__5xq_x{display:none}.webp-em-png_uploadPrompt__1pqMh{display:flex;flex-direction:column;align-items:center;gap:15px}.webp-em-png_uploadIcon__VBZEd{font-size:36px;width:36px;height:36px;margin:0 auto 60px;display:flex;align-items:center;justify-content:center}.webp-em-png_uploadText__Kbgcx{font-size:18px;color:#363636}.webp-em-png_uploadSubtext__dwch7{font-size:14px;color:#363636}.webp-em-png_fileSelected__gMo2Y{display:flex;flex-direction:column;align-items:center;gap:10px}.webp-em-png_fileIcon__80wn9{font-size:36px}.webp-em-png_fileName__fpq7B{font-weight:600;color:#374151;font-size:16px}.webp-em-png_fileSize__aXmYh{color:#6b7280;font-size:14px}.webp-em-png_conversionOptions__z7Qcd{max-width:660px;min-width:320px;margin:0 auto;display:flex;flex-direction:column;gap:15px}.webp-em-png_sizeOptions__YChJa{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.webp-em-png_sizeLabel__7j2Uo{font-weight:600;color:#374151;font-size:14px}.webp-em-png_sizeSelect__7eklW{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-png_sizeSelect__7eklW:hover{border-color:#3b82f6}.webp-em-png_sizeSelect__7eklW:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.webp-em-png_convertBtn__K_B8d{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-png_convertBtn__K_B8d:hover:not(:disabled){background:#2563eb}.webp-em-png_convertBtn__K_B8d:disabled{opacity:.6;cursor:not-allowed}.webp-em-png_converting__M6ZHd{display:flex;align-items:center;justify-content:center;gap:10px;color:#3b82f6;font-weight:500;margin:20px 0}.webp-em-png_converting__M6ZHd i{font-size:16px}.webp-em-png_result__nJF0C{max-width:660px;min-width:320px;margin:0;padding:0;border:1px solid #e5e7eb;border-radius:3px;background:#f9fafb;text-align:center}.webp-em-png_imageContainer__wgXy1{margin:0 auto 10px}.webp-em-png_previewImage__pJnc9{width:100%;height:auto;border-radius:0}.webp-em-png_resultInfo__MWkWJ{margin-bottom:20px}.webp-em-png_resultName__sstDw{font-weight:500;color:#374151;font-size:16px;margin-bottom:10px;display:block}.webp-em-png_imageDetails__vfrg5{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;font-size:12px;color:#3b3b3b}.webp-em-png_imageDetails__vfrg5 span{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#f3f4f6;border-radius:3px}.webp-em-png_actionButtons__uBk8Q{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.webp-em-png_downloadBtn__d6P7S,.webp-em-png_resetBtn__6c3_X{display:inline-flex;align-items:center;gap:8px;border:none;padding:9px 15px;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.webp-em-png_downloadBtn__d6P7S{background:#10b981;color:white}.webp-em-png_downloadBtn__d6P7S:hover{background:#059669}.webp-em-png_resetBtn__6c3_X{background:#6b7280;color:white}.webp-em-png_resetBtn__6c3_X:hover{background:#4b5563}.webp-em-png_hiddenCanvas__YeE2O{display:none}.webp-em-png_stepByStep___NYe4{padding:20px 10px;margin-bottom:60px}.webp-em-png_stepByStep___NYe4 h2{font-size:22px;font-weight:600;color:#333333;margin-bottom:36px;text-align:center}.webp-em-png_step__qevBI{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px}.webp-em-png_stepNumber__BpOyX{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-png_step__qevBI p{color:#363636;font-size:16px;line-height:26px;margin:0}.webp-em-png_aboutSection__lHtC3{background:white;margin:0 0 90px;padding:20px 10px}.webp-em-png_aboutSection__lHtC3 h2{font-size:20px;font-weight:600;color:#363636;margin-bottom:30px;text-align:center}.webp-em-png_toolDescription__9J__q .webp-em-png_description__3_srE{font-size:18px;color:#363636;margin-bottom:16px;font-weight:500;line-height:30px}.webp-em-png_toolDescription__9J__q .webp-em-png_aboutText__xvaFE{color:#363636;line-height:30px}@media (max-width:768px){.webp-em-png_webpToPngMain__n1PsT{max-width:96%}}