.png-to-webp_pngToWebpPage__4Lw9C{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative;background-color:#ffffff;padding:90px 0 0}.png-to-webp_pngToWebpMain__egI0z{max-width:1080px;margin:0 auto;padding:0;position:relative}.png-to-webp_convertersMainContent__1VwIq{max-width:740px;margin:0 auto;justify-content:center;padding:0}.png-to-webp_title__kqXfe{font-size:22px;font-weight:600;color:#363636;margin-bottom:20px;text-align:center}.png-to-webp_subtitle__wh3nU{font-size:18px;color:#363636;margin-bottom:40px;text-align:center;line-height:28px}.png-to-webp_converterSection__ueETW{padding:20px 10px;margin:0 auto 50px}.png-to-webp_converterSection__ueETW h3{font-size:18px;font-weight:600;color:#363636;margin-bottom:20px;text-align:center}.png-to-webp_inputMethods__e7tjV{display:grid;grid-template-columns:1fr;grid-gap:30px;gap:30px;margin-bottom:30px}.png-to-webp_uploadArea__2fb7v{max-width:660px;min-width:320px;height:360px;border:1px dashed #696969;border-radius:3px;padding:30px;text-align:center;cursor:pointer;transition:all .3s ease;background:#f9fafb}.png-to-webp_uploadArea__2fb7v:hover{border-color:#3b82f6;background:#eff6ff}.png-to-webp_uploadArea__2fb7v p{margin:0 auto 90px;color:#696969;font-size:14px}.png-to-webp_selectBtn__02mXF{background:#3b82f6;color:white;border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease;display:inline-flex;align-items:center;gap:8px}.png-to-webp_selectBtn__02mXF:hover{background:#2563eb}.png-to-webp_errorMessage__gYuX3{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin:16px 0;display:flex;align-items:center;gap:8px}.png-to-webp_errorMessage__gYuX3 i{color:#dc2626;font-size:16px}.png-to-webp_errorMessage__gYuX3 p{color:#dc2626;margin:0;font-size:14px}.png-to-webp_fileList__mWmAw{margin-top:20px}.png-to-webp_fileList__mWmAw h4{font-size:16px;font-weight:600;color:#363636;margin-bottom:12px}.png-to-webp_fileItem__UUlSB{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f9fafb;border-radius:8px;margin-bottom:8px;border:1px solid #e5e7eb}.png-to-webp_fileItem__UUlSB span{display:flex;align-items:center;gap:8px;color:#374151;font-weight:500}.png-to-webp_convertBtn___sAjP{width:100%;background:#3b82f6;color:white;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.png-to-webp_convertBtn___sAjP:hover:not(:disabled){background:#2563eb}.png-to-webp_convertBtn___sAjP:disabled{background:#9ca3af;cursor:not-allowed}.png-to-webp_successMessage__H_nzo{background:#f0f9ff;border:2px solid #0ea5e9;border-radius:9px;padding:24px;text-align:center;margin-top:24px}.png-to-webp_successMessage__H_nzo i{font-size:48px;color:#0ea5e9;margin-bottom:16px}.png-to-webp_successMessage__H_nzo h3{font-size:24px;font-weight:600;color:#0c4a6e;margin-bottom:8px}.png-to-webp_successMessage__H_nzo p{color:#0369a1;margin-bottom:20px}.png-to-webp_downloadBtn__3fsQr{background:#059669;color:white;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease;display:inline-flex;align-items:center;gap:8px}.png-to-webp_downloadBtn__3fsQr:hover{background:#047857}.png-to-webp_stepByStep__u5oMY{padding:20px 10px;margin-bottom:60px}.png-to-webp_stepByStep__u5oMY h2{font-size:22px;font-weight:600;color:#333333;margin-bottom:36px;text-align:center}.png-to-webp_step__nx6Cu{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px}.png-to-webp_stepNumber__aJ6Ld{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}.png-to-webp_step__nx6Cu p{color:#363636;font-size:16px;line-height:26px;margin:0}.png-to-webp_aboutSection___reMN{background:white;margin:0 0 90px;padding:20px 10px}.png-to-webp_aboutSection___reMN h2{font-size:20px;font-weight:600;color:#363636;margin-bottom:30px;text-align:center}.png-to-webp_toolDescription__9bI9n .png-to-webp_description__JpAf2{font-size:18px;color:#363636;margin-bottom:16px;font-weight:500;line-height:30px}.png-to-webp_toolDescription__9bI9n .png-to-webp_aboutText__f1q3o{color:#363636;line-height:30px}@media (max-width:768px){.png-to-webp_convertersWithLateralAds__GVxnh{display:block;padding:0 15px}.png-to-webp_lateralBanner__AZxKI{display:none}.png-to-webp_convertersMainContent__1VwIq{padding:15px}.png-to-webp_inputMethods__e7tjV{grid-template-columns:1fr;gap:24px}.png-to-webp_title__kqXfe{font-size:24px}.png-to-webp_subtitle__wh3nU{font-size:16px}.png-to-webp_aboutSection___reMN,.png-to-webp_converterSection__ueETW,.png-to-webp_stepByStep__u5oMY{padding:20px}}.png-to-webp_inputArea__HoKMC{margin-bottom:30px}.png-to-webp_uploadArea__2fb7v.png-to-webp_dragActive__wkNSj{border-color:#3b82f6;background:#eff6ff}.png-to-webp_fileInput__k3D3p{display:none}.png-to-webp_uploadPrompt__7Ud4F{display:flex;flex-direction:column;align-items:center;gap:15px}.png-to-webp_uploadIcon__uIyxM{font-size:36px;width:36px;height:36px;margin:0 auto 60px;display:flex;align-items:center;justify-content:center}.png-to-webp_uploadText__N_3fV{font-size:18px;color:#363636}.png-to-webp_uploadSubtext__a3_ew{font-size:14px;color:#363636}.png-to-webp_fileSelected__3ILht{display:flex;flex-direction:column;align-items:center;gap:10px}.png-to-webp_fileIcon__tmxWP{font-size:36px}.png-to-webp_fileName__wlw8u{font-weight:600;color:#374151;font-size:16px}.png-to-webp_fileSize__Kz66g{color:#6b7280;font-size:14px}.png-to-webp_converting__7ol5r{display:flex;align-items:center;justify-content:center;padding:30px;color:#6b7280;font-size:16px;gap:10px}.png-to-webp_converting__7ol5r i{font-size:20px;color:#3b82f6}.png-to-webp_result__SO_xZ{text-align:center;padding:30px;border-top:2px solid #f3f4f6}.png-to-webp_imageContainer__f38as{margin-bottom:20px;padding:20px;background:#f9fafb;border-radius:6px;display:flex;justify-content:center;align-items:center}.png-to-webp_previewImage__jGXYy{max-width:100%;height:auto;border-radius:6px}.png-to-webp_resultInfo__HqrZ_{margin-bottom:20px}.png-to-webp_resultName__MtRgq{font-weight:600;color:#374151;font-size:16px}.png-to-webp_actionButtons__GAJEC{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.png-to-webp_resetBtn__MOyo_{display:inline-flex;align-items:center;gap:8px;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease;background:#6b7280;color:white}.png-to-webp_resetBtn__MOyo_:hover{background:#4b5563}.png-to-webp_hiddenCanvas__I4x9p{display:none}@media (max-width:768px){.png-to-webp_pngToWebpMain__egI0z{max-width:96%}}