.webp-to-png_webpToPngPage__jcZ80{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative;background-color:#ffffff;padding:90px 0 0}.webp-to-png_webpToPngMain__aCof9{max-width:1080px;margin:0 auto;padding:0;position:relative}.webp-to-png_convertersMainContent__PYoyZ{max-width:740px;margin:0 auto;justify-content:center;padding:0}.webp-to-png_title__LHd_a{font-size:22px;font-weight:600;color:#363636;margin-bottom:20px;text-align:center}.webp-to-png_subtitle__KpotF{font-size:18px;color:#363636;margin-bottom:40px;text-align:center;line-height:28px}.webp-to-png_converterSection__pqjNy{padding:20px 10px;margin:0 auto 50px}.webp-to-png_converterSection__pqjNy h3{font-size:20px;font-weight:600;color:#363636;margin-bottom:20px;text-align:center}.webp-to-png_inputArea__iTdj6{margin-bottom:30px}.webp-to-png_uploadArea__0qZgK{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}.webp-to-png_uploadArea__0qZgK.webp-to-png_dragActive__AipKN,.webp-to-png_uploadArea__0qZgK:hover{border-color:#3b82f6;background:#eff6ff}.webp-to-png_fileInput__K_Glu{display:none}.webp-to-png_uploadPrompt__EetGk{display:flex;flex-direction:column;align-items:center;gap:15px}.webp-to-png_uploadIcon__ARNUU{font-size:36px;width:36px;height:36px;margin:0 auto 60px;display:flex;align-items:center;justify-content:center}.webp-to-png_uploadText__xNHmc{font-size:18px;color:#363636}.webp-to-png_uploadSubtext__EFI0w{font-size:14px;color:#363636}.webp-to-png_fileSelected__LMNNm{display:flex;flex-direction:column;align-items:center;gap:10px}.webp-to-png_fileIcon__O14Oe{font-size:36px}.webp-to-png_fileName__E7mxV{font-weight:600;color:#374151;font-size:16px}.webp-to-png_fileSize__mIL9o{color:#6b7280;font-size:14px}.webp-to-png_convertBtn__xqAhU{width:100%;background:#3b82f6;color:white;border:none;padding:15px 30px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.webp-to-png_convertBtn__xqAhU:hover:not(:disabled){background:#2563eb}.webp-to-png_convertBtn__xqAhU:disabled{opacity:.6;cursor:not-allowed}.webp-to-png_converting__aPeCb{display:flex;align-items:center;justify-content:center;padding:30px;color:#6b7280;font-size:16px;gap:10px}.webp-to-png_converting__aPeCb i{font-size:20px;color:#3b82f6}.webp-to-png_result__rj4jH{text-align:center;padding:30px;border-top:2px solid #f3f4f6}.webp-to-png_imageContainer__2zUab{margin-bottom:20px;padding:20px;background:#f9fafb;border-radius:6px;display:flex;justify-content:center;align-items:center}.webp-to-png_previewImage__QAleg{max-width:100%;height:auto;border-radius:6px}.webp-to-png_resultInfo__pG5Ma{margin-bottom:20px}.webp-to-png_resultName__omZ6b{font-weight:600;color:#374151;font-size:16px}.webp-to-png_actionButtons__XWNyT{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.webp-to-png_downloadBtn__8r_1v,.webp-to-png_resetBtn__08o6E{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}.webp-to-png_downloadBtn__8r_1v{background:#3b82f6;color:white}.webp-to-png_downloadBtn__8r_1v:hover{background:#2563eb}.webp-to-png_resetBtn__08o6E{background:#6b7280;color:white}.webp-to-png_resetBtn__08o6E:hover{background:#4b5563}.webp-to-png_hiddenCanvas__8wDj5{display:none}.webp-to-png_stepByStep__LbjNF{padding:20px 10px;margin-bottom:60px}.webp-to-png_stepByStep__LbjNF h2{font-size:22px;font-weight:600;color:#333333;margin-bottom:36px;text-align:center}.webp-to-png_step__JfbWN{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px}.webp-to-png_stepNumber__GL51D{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-to-png_step__JfbWN p{color:#363636;font-size:16px;line-height:26px;margin:0}.webp-to-png_aboutSection__I3L8x{background:white;margin:0 0 90px;padding:20px 10px}.webp-to-png_aboutSection__I3L8x h2{font-size:20px;font-weight:600;color:#363636;margin-bottom:30px;text-align:center}.webp-to-png_toolDescription__sMKkz .webp-to-png_description__4z71X{font-size:18px;color:#363636;margin-bottom:16px;font-weight:500;line-height:30px}.webp-to-png_toolDescription__sMKkz .webp-to-png_aboutText__COCxq{color:#363636;line-height:30px}@media (max-width:768px){.webp-to-png_webpToPngMain__aCof9{max-width:96%}}