.png-to-jpg-converter{max-width:500px;margin:0 auto;padding:30px;background:#fff;border-radius:20px;box-shadow:0 10px 30px rgb(0 0 0 / .1);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.converter-header{text-align:center;margin-bottom:30px}.converter-header h3{color:#2c3e50;margin:0 0 10px 0;font-size:24px;font-weight:600}.converter-header h3 i{color:#3498db;margin-right:10px}.converter-header p{color:#7f8c8d;margin:0;font-size:14px}.converter-body{margin-bottom:20px}.file-selector-section{margin-bottom:25px}.file-input{display:none}.file-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;border:3px dashed #bdc3c7;border-radius:15px;background:#f8f9fa;cursor:pointer;transition:all 0.3s ease;text-align:center}.file-label:hover{border-color:#3498db;background:#f1f8ff}.file-label i{font-size:48px;color:#bdc3c7;margin-bottom:15px;transition:color 0.3s ease}.file-label:hover i{color:#3498db}.file-text{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:5px}.file-size{font-size:14px;color:#7f8c8d}.file-preview{margin-top:15px;text-align:center}.file-preview img{max-width:200px;max-height:150px;border-radius:10px;box-shadow:0 4px 15px rgb(0 0 0 / .1)}.file-info{margin-top:10px;font-size:14px;color:#2c3e50}.convert-btn,.download-btn{width:100%;padding:15px 20px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.convert-btn{background:#3498db;color:#fff}.convert-btn:hover:not(:disabled){background:#2980b9;transform:translateY(-2px)}.convert-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.download-btn{background:#27ae60;color:#fff}.download-btn:hover:not(:disabled){background:#219a52;transform:translateY(-2px)}.download-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.conversion-section{margin-bottom:20px}.conversion-status{margin-top:15px;padding:12px;border-radius:8px;text-align:center;font-size:14px;display:none}.conversion-status.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb;display:block}.conversion-status.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;display:block}.conversion-status.processing{background:#cce7ff;color:#004085;border:1px solid #b3d7ff;display:block}.converter-footer{text-align:center;padding-top:20px;border-top:1px solid #ecf0f1}.converter-footer p{margin:0;font-size:12px;color:#95a5a6}.converter-footer i{margin-right:5px}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid #fff;border-radius:50%;border-top-color:#fff0;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.png-to-jpg-converter{margin:20px;padding:20px}.converter-header h3{font-size:20px}.file-label{padding:30px 15px}.file-label i{font-size:36px}.file-text{font-size:16px}.convert-btn,.download-btn{padding:12px 15px;font-size:14px}}@media (max-width:480px){.png-to-jpg-converter{margin:10px;padding:15px}.converter-header h3{font-size:18px}.file-label{padding:20px 10px}}