.image-format-convert[data-v-6595d580]{max-width:1200px;width:100%;margin:0 auto;padding:20px;font-family:var(--font-sans)}.tool-content[data-v-6595d580]{display:flex;flex-direction:column;gap:30px}.upload-section[data-v-6595d580]{text-align:center}.upload-box[data-v-6595d580]{width:100%;border:2px dashed var(--border-2);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;background-color:var(--surface-2)}.upload-box[data-v-6595d580]:hover{border-color:var(--brand-500);background:var(--brand-50)}.file-input[data-v-6595d580]{display:none}.upload-label[data-v-6595d580]{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px}.upload-label i[data-v-6595d580]{font-size:48px;color:var(--brand-500)}.upload-label h3[data-v-6595d580]{margin:0;color:var(--text-1);font-size:20px}.upload-label p[data-v-6595d580]{margin:0;color:var(--text-2)}.formats[data-v-6595d580]{font-size:14px;color:var(--text-3)}.image-list[data-v-6595d580]{background:var(--surface);border-radius:var(--radius-md);padding:25px;box-shadow:var(--shadow-1)}.list-header[data-v-6595d580]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.list-header h3[data-v-6595d580]{margin:0;color:var(--text-1);font-size:18px}.clear-btn[data-v-6595d580]{background-color:var(--danger);color:var(--text-inverse);border:none;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px}.clear-btn[data-v-6595d580]:hover{background-color:#c0392b}.image-grid[data-v-6595d580]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.image-item[data-v-6595d580]{position:relative;border:1px solid var(--border-1);border-radius:var(--radius-md);padding:15px;background:var(--surface);transition:all .3s ease}.image-item[data-v-6595d580]:hover{box-shadow:var(--shadow-2)}.image-item.converting[data-v-6595d580]{opacity:.7}.image-item.completed[data-v-6595d580]{border-color:var(--success)}.preview-image[data-v-6595d580]{width:100%;height:150px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:10px}.image-info[data-v-6595d580]{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;text-align:center}.result-format[data-v-6595d580]{font-size:12px;font-weight:700;color:var(--success);background:var(--success-soft);padding:4px 8px;border-radius:var(--radius-pill);display:inline-block}.result-size[data-v-6595d580]{font-size:11px;color:var(--text-2);font-family:var(--font-mono)}.result-preview[data-v-6595d580]{width:100%;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:8px;border:1px solid var(--border-1)}.download-single[data-v-6595d580]{background-color:var(--success);color:var(--text-inverse);border:none;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer}.download-single[data-v-6595d580]:hover{background-color:#219a52}.convert-settings[data-v-6595d580]{background:var(--surface);border-radius:var(--radius-md);padding:25px;box-shadow:var(--shadow-1)}.settings-panel h3[data-v-6595d580]{margin:0 0 20px 0;color:var(--text-1);font-size:18px}.setting-group[data-v-6595d580]{margin-bottom:20px}.setting-group label[data-v-6595d580]{display:block;margin-bottom:8px;color:var(--text-2);font-weight:500}.format-options[data-v-6595d580]{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.format-option[data-v-6595d580]{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--border-1);border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease}.format-option[data-v-6595d580]:hover{border-color:var(--brand-500);background-color:var(--surface-2)}.format-option input[type=radio][data-v-6595d580]{margin:0}.format-option span[data-v-6595d580]{font-size:14px;color:var(--text-1)}.format-specific-settings[data-v-6595d580]{margin-top:20px;padding:20px;background:var(--surface-2);border-radius:var(--radius-md)}input[type=range][data-v-6595d580]{width:100%;margin-bottom:5px}input[type=range]+span[data-v-6595d580]{font-size:12px;color:var(--text-2)}select[data-v-6595d580]{width:100%;padding:8px;border:1px solid var(--border-1);border-radius:var(--radius-sm);font-size:14px}.action-buttons[data-v-6595d580]{display:flex;gap:15px;margin-top:30px}.convert-btn[data-v-6595d580],.download-all-btn[data-v-6595d580]{padding:12px 24px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;transition:all .3s ease;flex:1}.convert-btn[data-v-6595d580]{background-color:var(--brand-500);color:var(--text-inverse)}.convert-btn[data-v-6595d580]:hover:not(:disabled){background-color:var(--brand-600)}.convert-btn[data-v-6595d580]:disabled{background-color:var(--border-2);cursor:not-allowed}.download-all-btn[data-v-6595d580]{background-color:var(--success);color:var(--text-inverse)}.download-all-btn[data-v-6595d580]:hover:not(:disabled){background-color:#219a52}.download-all-btn[data-v-6595d580]:disabled{background-color:var(--border-2);cursor:not-allowed}.loading-overlay[data-v-6595d580]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.loading-content[data-v-6595d580]{background:var(--surface);padding:40px;border-radius:var(--radius-md);text-align:center}.loading-spinner[data-v-6595d580]{width:40px;height:40px;margin:0 auto 15px;border:4px solid var(--surface-3);border-top:4px solid var(--brand-500);border-radius:50%;animation:spin-6595d580 1s linear infinite}@keyframes spin-6595d580{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.image-format-convert[data-v-6595d580]{padding:14px}.tool-content[data-v-6595d580]{gap:20px}.convert-settings[data-v-6595d580],.image-list[data-v-6595d580]{padding:16px}.upload-label[data-v-6595d580]{padding:40px 16px}.image-grid[data-v-6595d580]{grid-template-columns:1fr}.format-options[data-v-6595d580]{grid-template-columns:1fr 1fr}.action-buttons[data-v-6595d580]{flex-direction:column}.result-size[data-v-6595d580]{font-size:12px}select[data-v-6595d580]{font-size:16px}}@media (max-width:480px){.image-format-convert[data-v-6595d580]{padding:10px}.convert-settings[data-v-6595d580],.image-list[data-v-6595d580]{padding:12px}.upload-label[data-v-6595d580]{padding:30px 12px}.upload-label i[data-v-6595d580]{font-size:36px}.upload-label h3[data-v-6595d580]{font-size:17px}.list-header[data-v-6595d580]{flex-wrap:wrap;gap:10px}.format-options[data-v-6595d580]{grid-template-columns:1fr}.format-specific-settings[data-v-6595d580]{padding:12px}.preview-image[data-v-6595d580]{height:130px}}.remove-btn[data-v-6595d580]{position:absolute;top:8px;right:8px;background:hsla(0,0%,100%,.9);color:var(--danger);border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-1);transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.remove-btn[data-v-6595d580]:hover{background:var(--danger);color:var(--text-inverse);transform:scale(1.1);box-shadow:0 4px 12px rgba(231,76,60,.3)}.remove-btn[data-v-6595d580]:active{transform:scale(.95)}