.image-tool[data-v-24d8bb6d]{z-index:1;max-width:900px;margin:0 auto;padding:32px 24px 80px;position:relative}.page-header[data-v-24d8bb6d]{margin-bottom:28px}.page-header h1[data-v-24d8bb6d]{color:var(--vt-text);margin:0 0 8px;font-size:28px;font-weight:700;transition:color .3s}.page-header p[data-v-24d8bb6d]{color:var(--vt-text-secondary);margin:0;font-size:14px;transition:color .3s}.upload-section[data-v-24d8bb6d]{margin-bottom:24px}.upload-area[data-v-24d8bb6d]{width:100%}.upload-area[data-v-24d8bb6d] .el-upload-dragger{background:var(--vt-bg-card);border:2px dashed var(--vt-border);border-radius:16px;justify-content:center;align-items:center;min-height:200px;padding:48px 24px;transition:all .3s;display:flex}.upload-area[data-v-24d8bb6d] .el-upload-dragger:hover{border-color:var(--vt-primary);background:var(--vt-primary-light)}.upload-placeholder[data-v-24d8bb6d]{text-align:center;color:var(--vt-text-muted)}.upload-placeholder p[data-v-24d8bb6d]{margin:12px 0 8px;font-size:15px}.upload-hint[data-v-24d8bb6d]{color:var(--vt-text-muted);font-size:12px}.preview-img[data-v-24d8bb6d]{object-fit:contain;border-radius:12px;max-width:100%;max-height:320px}.preview-actions[data-v-24d8bb6d]{align-items:center;gap:16px;margin-top:12px;display:flex}.size-info[data-v-24d8bb6d]{color:var(--vt-text-secondary);font-size:13px}.control-section[data-v-24d8bb6d]{background:var(--vt-bg-card);border:1px solid var(--vt-border);border-radius:14px;margin-bottom:24px;padding:24px;transition:background .3s,border-color .3s}.control-row[data-v-24d8bb6d]{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.mode-tabs[data-v-24d8bb6d]{background:var(--vt-bg-hover);border-radius:8px;gap:4px;padding:4px;display:flex}.mode-btn[data-v-24d8bb6d]{cursor:pointer;color:var(--vt-text-secondary);background:0 0;border:none;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s}.mode-btn.active[data-v-24d8bb6d]{background:var(--vt-bg-card);color:var(--vt-primary);font-weight:600;box-shadow:0 1px 4px #00000014}.format-row[data-v-24d8bb6d],.quality-row[data-v-24d8bb6d]{align-items:center;gap:8px;display:flex}.label[data-v-24d8bb6d]{color:var(--vt-text-secondary);white-space:nowrap;font-size:14px}.gif-options[data-v-24d8bb6d]{border-top:1px solid var(--vt-border);flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;padding-top:16px;display:flex}.gif-option-row[data-v-24d8bb6d]{align-items:center;gap:8px;display:flex}.gif-progress-hint[data-v-24d8bb6d]{color:var(--vt-text-muted);margin-top:12px;font-size:13px;animation:1.5s ease-in-out infinite pulseHint-24d8bb6d}@keyframes pulseHint-24d8bb6d{0%,to{opacity:.5}50%{opacity:1}}.output-section[data-v-24d8bb6d]{margin-top:24px}.output-section h3[data-v-24d8bb6d]{color:var(--vt-text);margin:0 0 16px;font-size:18px;font-weight:600}.output-preview[data-v-24d8bb6d]{background:var(--vt-bg-card);border:1px solid var(--vt-border);text-align:center;border-radius:14px;padding:20px;box-shadow:0 4px 24px #667eea14}.output-preview img[data-v-24d8bb6d]{object-fit:contain;max-width:100%;max-height:400px}.output-info[data-v-24d8bb6d]{color:var(--vt-text-secondary);flex-wrap:wrap;align-items:center;gap:20px;margin-top:16px;font-size:14px;display:flex}.output-info strong[data-v-24d8bb6d]{color:var(--vt-primary)}@media (width<=768px){.image-tool[data-v-24d8bb6d]{padding:24px 16px 60px}.control-row[data-v-24d8bb6d],.gif-options[data-v-24d8bb6d]{flex-direction:column;align-items:flex-start}}