.webp-a-png_webpToPngPage__41yiS{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative;background-color:#ffffff;padding:90px 0 0}.webp-a-png_webpToPngMain__bW5fQ{max-width:1080px;margin:0 auto;padding:0;position:relative}.webp-a-png_convertersMainContent__MgLEh{max-width:740px;margin:0 auto;justify-content:center;padding:0}.webp-a-png_title__MuhUB{font-size:22px;font-weight:600;color:#363636;margin-bottom:20px;text-align:center}.webp-a-png_subtitle__gAe97{font-size:18px;color:#363636;margin-bottom:40px;text-align:center;line-height:28px}.webp-a-png_warningMessage__9TZkK{background:#fef3cd;border:1px solid #facc15;color:#92400e;padding:12px;border-radius:6px;margin:0 10px 20px;text-align:center;font-size:14px}.webp-a-png_converterSection__nfWxQ{padding:20px 10px;margin:0 auto 50px}.webp-a-png_converterSection__nfWxQ h3{font-size:20px;font-weight:600;color:#363636;margin-bottom:20px;text-align:center}.webp-a-png_inputArea__lWe8i{margin-bottom:30px}.webp-a-png_uploadArea__iwbaV{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-a-png_uploadArea__iwbaV h4{margin:0 auto 20px 0}.webp-a-png_uploadArea__iwbaV.webp-a-png_dragActive__oDwmO,.webp-a-png_uploadArea__iwbaV:hover{border-color:#3b82f6;background:#eff6ff}.webp-a-png_fileInput___5PvN{display:none}.webp-a-png_uploadPrompt__Zgh_W{display:flex;flex-direction:column;align-items:center;gap:15px}.webp-a-png_uploadIcon__wqX_u{font-size:36px;width:36px;height:36px;margin:0 auto 60px;display:flex;align-items:center;justify-content:center}.webp-a-png_uploadText__w0wpu{font-size:18px;color:#363636}.webp-a-png_uploadSubtext__UlRRX{font-size:14px;color:#363636}.webp-a-png_fileSelected__BsmG8{display:flex;flex-direction:column;align-items:center;gap:10px}.webp-a-png_fileIcon__gYBGg{font-size:36px}.webp-a-png_fileName__RtbvE{font-weight:600;color:#374151;font-size:16px}.webp-a-png_fileSize__Nl0a5{color:#6b7280;font-size:14px}.webp-a-png_conversionOptions__2tYZb{max-width:660px;min-width:320px;margin:0 auto;display:flex;flex-direction:column;gap:15px}.webp-a-png_sizeOptions__ntJgW{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.webp-a-png_sizeLabel__bkyAP{font-weight:600;color:#374151;font-size:14px}.webp-a-png_sizeSelect__k_GfQ{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-a-png_sizeSelect__k_GfQ:hover{border-color:#3b82f6}.webp-a-png_sizeSelect__k_GfQ:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.webp-a-png_convertBtn__SB91d{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-a-png_convertBtn__SB91d:hover:not(:disabled){background:#2563eb}.webp-a-png_convertBtn__SB91d:disabled{opacity:.6;cursor:not-allowed}.webp-a-png_converting__jGV9g{display:flex;align-items:center;justify-content:center;gap:10px;color:#3b82f6;font-weight:500;margin:20px 0}.webp-a-png_converting__jGV9g i{font-size:16px}.webp-a-png_result__MWP50{max-width:660px;min-width:320px;margin:0;padding:0;border:1px solid #e5e7eb;border-radius:3px;background:#f9fafb;text-align:center}.webp-a-png_imageContainer__KauGe{margin:0 auto 10px}.webp-a-png_previewImage___H7WV{width:100%;height:auto;border-radius:0}.webp-a-png_resultInfo__vGq2I{margin-bottom:20px}.webp-a-png_resultName__UY9Q7{font-weight:500;color:#374151;font-size:16px;margin-bottom:10px;display:block}.webp-a-png_imageDetails__7qIMR{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;font-size:12px;color:#3b3b3b}.webp-a-png_imageDetails__7qIMR span{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#f3f4f6;border-radius:3px}.webp-a-png_actionButtons__YPG13{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.webp-a-png_downloadBtn__4zLHo,.webp-a-png_resetBtn__ZIwC4{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-a-png_downloadBtn__4zLHo{background:#10b981;color:white}.webp-a-png_downloadBtn__4zLHo:hover{background:#059669}.webp-a-png_resetBtn__ZIwC4{background:#6b7280;color:white}.webp-a-png_resetBtn__ZIwC4:hover{background:#4b5563}.webp-a-png_hiddenCanvas__u_7Lc{display:none}.webp-a-png_stepByStep__wGdkB{padding:20px 10px;margin-bottom:60px}.webp-a-png_stepByStep__wGdkB h2{font-size:22px;font-weight:600;color:#333333;margin-bottom:36px;text-align:center}.webp-a-png_step__OBa2k{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px}.webp-a-png_stepNumber__3Qc0D{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-a-png_step__OBa2k p{color:#363636;font-size:16px;line-height:26px;margin:0}.webp-a-png_aboutSection__qPL7J{background:white;margin:0 0 90px;padding:20px 10px}.webp-a-png_aboutSection__qPL7J h2{font-size:20px;font-weight:600;color:#363636;margin-bottom:30px;text-align:center}.webp-a-png_toolDescription__aF3SL .webp-a-png_description__8btZd{font-size:18px;color:#363636;margin-bottom:16px;font-weight:500;line-height:30px}.webp-a-png_toolDescription__aF3SL .webp-a-png_aboutText__tGF9S{color:#363636;line-height:30px}@media (max-width:768px){.webp-a-png_webpToPngMain__bW5fQ{max-width:96%}}