[data-v-34b8a1a0]{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.main[data-v-34b8a1a0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.webp-converter[data-v-34b8a1a0]{width:100%;max-width:900px;background:#fff;border-radius:18px;-webkit-box-shadow:0 15px 40px rgba(0,0,0,.12);box-shadow:0 15px 40px rgba(0,0,0,.12);overflow:hidden;-webkit-transition:all .4s ease;transition:all .4s ease}.webp-converter[data-v-34b8a1a0]:hover{-webkit-box-shadow:0 18px 50px rgba(0,0,0,.18);box-shadow:0 18px 50px rgba(0,0,0,.18)}.app-header[data-v-34b8a1a0]{background:-webkit-gradient(linear,left top,right top,from(#4361ee),to(#3a0ca3));background:linear-gradient(90deg,#4361ee,#3a0ca3);color:#fff;padding:16px 40px;text-align:center}.app-header h1[data-v-34b8a1a0]{font-size:32px;font-weight:700;margin-bottom:10px;letter-spacing:-.5px}.app-header p[data-v-34b8a1a0]{font-size:17px;opacity:.85;max-width:600px;margin:0 auto;font-weight:400}.content-container[data-v-34b8a1a0]{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:500px}.upload-section[data-v-34b8a1a0]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px 40px;background:#fafbff;border-right:1px solid #eef0f8}.upload-area[data-v-34b8a1a0]{border:2px dashed #d0d7f0;border-radius:16px;padding:45px 20px;text-align:center;background:#f8f9ff;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;position:relative;margin-bottom:30px}.upload-area[data-v-34b8a1a0]:hover{border-color:#4361ee;background:#f0f4ff}.upload-area.drag-over[data-v-34b8a1a0]{background:#e6eeff;border-color:#3a86ff;-webkit-transform:scale(1.01);transform:scale(1.01)}.upload-icon[data-v-34b8a1a0]{font-size:64px;color:#3a86ff;margin-bottom:20px;opacity:.8}.upload-text[data-v-34b8a1a0]{font-size:20px;color:#3a3f5c;margin-bottom:15px;font-weight:500}.upload-text strong[data-v-34b8a1a0]{color:#4361ee;font-weight:600}.upload-hint[data-v-34b8a1a0]{color:#6b7280;font-size:15px;margin-top:10px;max-width:400px;margin:10px auto 0}.file-info[data-v-34b8a1a0]{background:#fff;border-radius:14px;padding:20px;margin:25px 0;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.05);box-shadow:0 4px 12px rgba(0,0,0,.05);border:1px solid #eef0f8;-webkit-animation:fadeIn-34b8a1a0 .5s ease;animation:fadeIn-34b8a1a0 .5s ease}.file-icon[data-v-34b8a1a0],.file-info[data-v-34b8a1a0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.file-icon[data-v-34b8a1a0]{font-size:28px;color:#4361ee;margin-right:16px;background:#eef2ff;width:50px;height:50px;border-radius:12px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.file-details[data-v-34b8a1a0]{-webkit-box-flex:1;-ms-flex:1;flex:1}.file-name[data-v-34b8a1a0]{font-weight:600;margin-bottom:6px;color:#1e293b;font-size:17px}.file-size[data-v-34b8a1a0]{color:#64748b;font-size:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.file-size i[data-v-34b8a1a0]{margin-right:6px;font-size:14px}.action-buttons[data-v-34b8a1a0]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;margin-top:5px}.convert-button[data-v-34b8a1a0]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:52px;font-size:17px;font-weight:600;border-radius:12px;letter-spacing:.2px;-webkit-transition:all .3s ease;transition:all .3s ease}.convert-button[data-v-34b8a1a0]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(67,97,238,.25);box-shadow:0 4px 12px rgba(67,97,238,.25)}.progress-container[data-v-34b8a1a0]{margin-top:25px}.status-indicator[data-v-34b8a1a0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:18px;margin-top:20px;border-radius:14px;font-size:16px;font-weight:500}.status-success[data-v-34b8a1a0]{background:#f0fdf4;color:#16a34a;border:1px solid #dcfce7}.status-error[data-v-34b8a1a0]{background:#fef2f2;color:#dc2626;border:1px solid #fee2e2}.status-loading[data-v-34b8a1a0]{background:#f8fafc;color:#475569;border:1px solid #f1f5f9}.result-section[data-v-34b8a1a0]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px 40px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.section-title[data-v-34b8a1a0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:22px;color:#1e293b;margin-bottom:10px;font-weight:600}.section-title-icon[data-v-34b8a1a0]{margin-right:12px;color:#4361ee;font-size:26px}.result-content[data-v-34b8a1a0]{-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:25px}.image-preview[data-v-34b8a1a0],.result-content[data-v-34b8a1a0]{-webkit-box-flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}.image-preview[data-v-34b8a1a0]{-ms-flex:1;flex:1;overflow:hidden;-webkit-box-shadow:0 10px 25px rgba(0,0,0,.08);box-shadow:0 10px 25px rgba(0,0,0,.08);border:1px solid #eef0f8;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f8fafc;min-height:300px;max-height:300px;max-width:300px;margin-bottom:20px}.image-preview img[data-v-34b8a1a0]{max-width:100%;max-height:100%;display:block;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.image-preview img[data-v-34b8a1a0]:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.download-section[data-v-34b8a1a0]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px}.download-button[data-v-34b8a1a0]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:54px;font-size:17px;font-weight:600;border-radius:12px;-webkit-transition:all .3s ease;transition:all .3s ease}.download-button[data-v-34b8a1a0]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(22,163,74,.25);box-shadow:0 4px 12px rgba(22,163,74,.25)}.format-info[data-v-34b8a1a0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f8fafc;border-radius:14px;padding:0 24px;color:#334155;font-weight:600;min-width:160px;font-size:16px;border:1px solid #eef0f8}.format-info i[data-v-34b8a1a0]{margin-right:10px;font-size:20px;color:#4361ee}.no-image[data-v-34b8a1a0]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:#94a3b8;padding:40px}.no-image-icon[data-v-34b8a1a0]{font-size:72px;color:#cbd5e1;margin-bottom:20px;opacity:.7}.no-image p[data-v-34b8a1a0]{font-size:18px;max-width:300px;line-height:1.6}@-webkit-keyframes fadeIn-34b8a1a0{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn-34b8a1a0{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.fade-enter-active[data-v-34b8a1a0],.fade-leave-active[data-v-34b8a1a0]{-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s}.fade-enter[data-v-34b8a1a0],.fade-leave-to[data-v-34b8a1a0]{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.file-input[data-v-34b8a1a0]{display:none}@media (max-width:768px){.content-container[data-v-34b8a1a0]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.upload-section[data-v-34b8a1a0]{border-right:none;border-bottom:1px solid #eef0f8}.app-header[data-v-34b8a1a0]{padding:22px 20px}.app-header h1[data-v-34b8a1a0]{font-size:26px}.app-header p[data-v-34b8a1a0]{font-size:15px}.result-section[data-v-34b8a1a0],.upload-section[data-v-34b8a1a0]{padding:25px}.upload-text[data-v-34b8a1a0]{font-size:18px}.download-section[data-v-34b8a1a0]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.format-info[data-v-34b8a1a0]{padding:15px}}