.webp-container{max-width:1000px;margin:0 auto;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.webp-container h2{text-align:center;color:#e5322d;margin-bottom:25px}.drop-area{border:3px dashed #e5322d;border-radius:25px;padding:50px 20px;text-align:center;background:#fff5f5;cursor:pointer;transition:all 0.3s ease;margin-bottom:25px}.drop-area.drag-over{background:#ffe0e0;border-color:#b81f1a;transform:scale(.99)}.drop-text{font-size:22px;font-weight:700;color:#e5322d;margin-bottom:10px}.or-text{font-size:16px;color:#666;margin:10px 0}.upload-btn{background:#e5322d;color:#fff;border:none;padding:12px 35px;font-size:16px;border-radius:50px;cursor:pointer;font-weight:700;transition:0.2s;margin:10px 0}.upload-btn:hover{background:#c22a25;transform:scale(1.02)}.info-text{font-size:12px;color:#888;margin-top:15px}.add-more-btn{background:#0073aa;color:#fff;border:none;padding:14px 40px;font-size:18px;border-radius:50px;cursor:pointer;font-weight:700;width:100%;margin-bottom:15px;transition:0.2s}.add-more-btn:hover{background:#005a87}.convert-all-btn{background:#e5322d;color:#fff;border:none;padding:14px 40px;font-size:18px;border-radius:50px;cursor:pointer;font-weight:700;width:100%;margin-bottom:15px;transition:0.2s}.convert-all-btn:hover{background:#c22a25}.convert-all-btn:disabled{background:#ccc;cursor:not-allowed}.download-all-btn{background:#28a745;color:#fff;border:none;padding:12px 30px;font-size:16px;border-radius:50px;cursor:pointer;font-weight:700;margin-right:10px;transition:0.2s}.download-all-btn:hover{background:#218838}.convert-more-btn{background:#e5322d;color:#fff;border:none;padding:12px 30px;font-size:16px;border-radius:50px;cursor:pointer;font-weight:700;transition:0.2s}.convert-more-btn:hover{background:#c22a25}#action-buttons{display:flex;gap:15px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.download-all-btn:disabled,.convert-more-btn:disabled{background:#ccc;cursor:not-allowed}#global-progress{background:#f0f0f0;border-radius:12px;padding:15px;margin-bottom:20px}.progress-label{font-size:14px;margin-bottom:8px;font-weight:500}.progress-bar{background:#ddd;border-radius:30px;height:12px;overflow:hidden}#progress-fill{background:#e5322d;width:0%;height:100%;transition:width 0.3s}#images-list{display:flex;flex-direction:column;gap:15px}.image-card{background:#f9f9f9;border-radius:16px;padding:15px;display:flex;align-items:center;gap:15px;flex-wrap:wrap;box-shadow:0 1px 3px rgb(0 0 0 / .1)}.image-preview{width:80px;height:80px;object-fit:cover;border-radius:10px;border:1px solid #ddd}.image-info{flex:2;min-width:150px}.image-name{font-weight:600;word-break:break-all}.image-size{font-size:12px;color:#666}.single-progress{width:120px;background:#ddd;border-radius:20px;height:6px;margin-top:5px}.single-progress-fill{background:#e5322d;width:0%;height:100%;border-radius:20px}.convert-single{background:#e5322d;color:#fff;border:none;padding:8px 20px;border-radius:40px;cursor:pointer;font-weight:700;transition:0.2s}.convert-single:hover{background:#c22a25}.convert-single:disabled{background:#ccc;cursor:not-allowed}.result-area{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.preview-btn{background:#0073aa;color:#fff;border:none;padding:6px 15px;border-radius:30px;cursor:pointer}.preview-btn:hover{background:#005a87}.download-btn{background:#28a745;color:#fff;text-decoration:none;padding:6px 15px;border-radius:30px;display:inline-block}.download-btn:hover{background:#218838}.result-size{font-size:12px;color:#2c7a2c;font-weight:500}@media (max-width:600px){.image-card{flex-direction:column;text-align:center}.result-area{justify-content:center}.convert-single{width:100%}.download-all-btn,.convert-more-btn{width:100%;margin:5px 0}#action-buttons{flex-direction:column}}