.upload-area[data-v-0498eba3]{border:2px dashed var(--border-color);border-radius:var(--radius-2xl);padding:3.5rem 2rem;text-align:center;cursor:pointer;transition:all var(--transition-slow);background:var(--bg-secondary);position:relative;overflow:hidden}.upload-area[data-v-0498eba3]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary-light);opacity:0;transition:opacity var(--transition-slow)}.upload-area[data-v-0498eba3]:hover:before,.upload-area.is-dragging[data-v-0498eba3]:before{opacity:1}.upload-area[data-v-0498eba3]:hover,.upload-area.is-dragging[data-v-0498eba3]{border-color:var(--primary-color);background:var(--bg-hover);transform:translateY(-4px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.upload-content[data-v-0498eba3]{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.upload-icon-wrapper[data-v-0498eba3]{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center}.upload-icon[data-v-0498eba3]{width:64px;height:64px;color:var(--text-secondary);transition:all var(--transition-base);position:relative;z-index:2}.upload-area:hover .upload-icon[data-v-0498eba3],.upload-area.is-dragging .upload-icon[data-v-0498eba3]{color:var(--primary-color);transform:scale(1.1)}.upload-icon-glow[data-v-0498eba3]{position:absolute;width:80px;height:80px;background:var(--primary-gradient);border-radius:50%;filter:blur(20px);opacity:0;transition:opacity var(--transition-base)}.upload-area:hover .upload-icon-glow[data-v-0498eba3],.upload-area.is-dragging .upload-icon-glow[data-v-0498eba3]{opacity:.3}.upload-text[data-v-0498eba3]{display:flex;flex-direction:column;gap:.5rem}.primary-text[data-v-0498eba3]{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.text-gradient[data-v-0498eba3]{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.secondary-text[data-v-0498eba3]{font-size:.9375rem;color:var(--text-secondary)}.upload-hint[data-v-0498eba3]{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.hint-badge[data-v-0498eba3]{display:inline-flex;align-items:center;padding:.375rem .75rem;background:var(--bg-hover);color:var(--text-secondary);border-radius:20px;font-size:.8125rem;font-weight:500;border:1px solid var(--border-color);transition:all var(--transition-base)}.upload-area:hover .hint-badge[data-v-0498eba3]{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--primary-color)}.file-input[data-v-0498eba3]{display:none}.error-message[data-v-0498eba3]{position:relative;z-index:1;margin-top:1.5rem;padding:1rem 1.25rem;background:var(--error-bg);color:var(--error-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.75rem;border:1px solid var(--error-color)}.error-icon[data-v-0498eba3]{width:20px;height:20px;flex-shrink:0}@keyframes shake-0498eba3{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-message[data-v-0498eba3]{animation:shake-0498eba3 .3s ease-in-out}.settings-panel[data-v-60467d72]{padding:1.5rem}.settings-header[data-v-60467d72]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.settings-header h2[data-v-60467d72]{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.header-icon[data-v-60467d72]{width:24px;height:24px;color:var(--primary-color)}.btn-sm[data-v-60467d72]{padding:.5rem 1rem;font-size:.8125rem}.btn-icon[data-v-60467d72]{width:14px;height:14px}.settings-content[data-v-60467d72]{display:flex;flex-direction:column;gap:1.5rem}.setting-item[data-v-60467d72]{display:flex;flex-direction:column;gap:.75rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.setting-item[data-v-60467d72]:last-child{padding-bottom:0;border-bottom:none}.setting-label[data-v-60467d72]{display:flex;justify-content:space-between;align-items:center;font-size:.9375rem;font-weight:600;color:var(--text-primary);gap:.5rem}.setting-label label[data-v-60467d72]{display:flex;align-items:center;gap:.5rem}.label-icon[data-v-60467d72]{width:18px;height:18px;color:var(--primary-color)}.setting-value[data-v-60467d72]{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:1rem}.setting-note[data-v-60467d72]{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--success-color);font-weight:500}.note-icon[data-v-60467d72]{width:14px;height:14px}.slider-wrapper[data-v-60467d72]{display:flex;flex-direction:column;gap:.5rem}.range-slider[data-v-60467d72]{width:100%;height:8px;border-radius:4px;background:var(--bg-secondary);outline:none;-webkit-appearance:none;cursor:pointer;border:1px solid var(--border-color)}.range-slider[data-v-60467d72]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-gradient);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);border:2px solid #ffffff}.range-slider[data-v-60467d72]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-lg),var(--shadow-glow)}.range-slider[data-v-60467d72]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary-gradient);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);border:2px solid #ffffff}.slider-markers[data-v-60467d72]{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);padding:0 .25rem}.quality-preview[data-v-60467d72]{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.quality-bar[data-v-60467d72]{flex:1;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden;position:relative}.quality-fill[data-v-60467d72]{height:100%;border-radius:3px;transition:width var(--transition-slow),background var(--transition-slow)}.quality-fill.low[data-v-60467d72]{background:linear-gradient(90deg,#ef4444,#f59e0b)}.quality-fill.medium[data-v-60467d72]{background:linear-gradient(90deg,#f59e0b,#10b981)}.quality-fill.high[data-v-60467d72]{background:linear-gradient(90deg,#10b981,#3b82f6)}.quality-fill.ultra[data-v-60467d72]{background:var(--primary-gradient)}.quality-label[data-v-60467d72]{font-size:.8125rem;font-weight:500;white-space:nowrap}.quality-label.low[data-v-60467d72]{color:#ef4444}.quality-label.medium[data-v-60467d72]{color:#f59e0b}.quality-label.high[data-v-60467d72],.quality-label.ultra[data-v-60467d72]{color:var(--primary-color)}.dimension-inputs[data-v-60467d72]{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:end}.input-group[data-v-60467d72]{display:flex;flex-direction:column;gap:.5rem}.input-group label[data-v-60467d72]{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.input-wrapper[data-v-60467d72]{position:relative}.input[data-v-60467d72]{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:.9375rem;font-weight:600;outline:none;transition:all var(--transition-base)}.input[data-v-60467d72]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.input-suffix[data-v-60467d72]{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:.8125rem;color:var(--text-secondary);font-weight:600;pointer-events:none}.input-divider[data-v-60467d72]{display:flex;align-items:center;justify-content:center;padding-bottom:.5rem;font-size:1.25rem;font-weight:700;color:var(--text-tertiary)}.toggle-control[data-v-60467d72]{margin-top:.5rem}.toggle-label[data-v-60467d72]{display:flex;justify-content:space-between;align-items:center;width:100%;cursor:pointer}.toggle-text[data-v-60467d72]{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--text-primary);font-weight:500}.toggle-icon[data-v-60467d72]{width:18px;height:18px;color:var(--primary-color)}.toggle[data-v-60467d72]{position:relative;width:48px;height:26px}.toggle input[data-v-60467d72]{opacity:0;width:0;height:0}.toggle-slider[data-v-60467d72]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-secondary);transition:all var(--transition-base);border-radius:26px;border:2px solid var(--border-color)}.toggle-slider[data-v-60467d72]:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background:linear-gradient(135deg,#64748b,#475569);transition:all var(--transition-base);border-radius:50%;box-shadow:var(--shadow-sm)}.toggle input:checked+.toggle-slider[data-v-60467d72]{background:var(--primary-gradient);border-color:transparent}.toggle input:checked+.toggle-slider[data-v-60467d72]:before{transform:translate(22px);background:#fff;box-shadow:var(--shadow-md)}.image-list[data-v-3ac20ef8]{padding:1.5rem}.image-list-header[data-v-3ac20ef8]{margin-bottom:1.5rem}.image-list-header h2[data-v-3ac20ef8]{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.header-icon[data-v-3ac20ef8]{width:24px;height:24px;color:var(--primary-color)}.image-count[data-v-3ac20ef8]{font-size:.875rem;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);padding:.25rem .75rem;border-radius:20px;border:1px solid var(--border-color)}.images-grid[data-v-3ac20ef8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.image-item[data-v-3ac20ef8]{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);border:2px solid transparent}.image-item[data-v-3ac20ef8]:hover{box-shadow:var(--shadow-lg)}.image-item.status-converting[data-v-3ac20ef8]{border-color:var(--primary-color);background:var(--primary-light)}.image-item.status-completed[data-v-3ac20ef8]{border-color:var(--success-color);background:var(--success-bg)}.image-item.status-failed[data-v-3ac20ef8]{border-color:var(--error-color);background:var(--error-bg)}.image-thumbnail[data-v-3ac20ef8]{position:relative;width:100%;padding-top:100%;overflow:hidden;background:var(--bg-primary)}.image-thumbnail img[data-v-3ac20ef8]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.image-item:hover .image-thumbnail img[data-v-3ac20ef8]{transform:scale(1.1)}.overlay[data-v-3ac20ef8]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay.converting[data-v-3ac20ef8]{background:#3b82f6cc}.overlay.failed[data-v-3ac20ef8]{background:#ef4444e6}.spinner-wrapper[data-v-3ac20ef8]{position:relative;width:48px;height:48px}.spinner[data-v-3ac20ef8]{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-3ac20ef8 .8s linear infinite}@keyframes spin-3ac20ef8{to{transform:rotate(360deg)}}.error-icon[data-v-3ac20ef8]{width:40px;height:40px;color:#fff}.status-text[data-v-3ac20ef8]{color:#fff;font-size:.875rem;font-weight:600}.completed-badge[data-v-3ac20ef8]{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;background:var(--success-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);animation:scaleIn-3ac20ef8 .3s var(--transition-base)}.completed-badge svg[data-v-3ac20ef8]{width:16px;height:16px}@keyframes scaleIn-3ac20ef8{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.image-info[data-v-3ac20ef8]{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.image-name[data-v-3ac20ef8]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-icon[data-v-3ac20ef8]{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.image-meta[data-v-3ac20ef8]{display:flex;gap:.75rem;flex-wrap:wrap}.meta-item[data-v-3ac20ef8]{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-secondary);font-weight:500}.meta-icon[data-v-3ac20ef8]{width:14px;height:14px;color:var(--text-tertiary)}.image-footer[data-v-3ac20ef8]{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem}.status-badge[data-v-3ac20ef8]{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:6px;font-size:.6875rem;font-weight:600}.status-dot[data-v-3ac20ef8]{width:6px;height:6px;border-radius:50%;background:currentColor}.status-pending[data-v-3ac20ef8]{background:var(--bg-hover);color:var(--text-secondary)}.status-converting[data-v-3ac20ef8]{background:var(--primary-light);color:var(--primary-color)}.status-completed[data-v-3ac20ef8]{background:var(--success-bg);color:var(--success-color)}.status-failed[data-v-3ac20ef8]{background:var(--error-bg);color:var(--error-color)}.compression-rate[data-v-3ac20ef8]{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--success-color);font-weight:700}.compression-rate svg[data-v-3ac20ef8]{width:14px;height:14px}.image-actions[data-v-3ac20ef8]{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border-color);background:var(--bg-hover)}.action-btn[data-v-3ac20ef8]{display:flex;align-items:center;justify-content:center;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.action-btn[data-v-3ac20ef8]:hover{background:var(--bg-primary);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-btn.cancel[data-v-3ac20ef8]:hover{border-color:var(--warning-color);color:var(--warning-color)}.action-btn.delete[data-v-3ac20ef8]:hover{border-color:var(--error-color);color:var(--error-color)}.action-btn svg[data-v-3ac20ef8]{width:18px;height:18px}.statistics-panel[data-v-dca393c7]{padding:1.5rem}.stats-header[data-v-dca393c7]{margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.stats-header h2[data-v-dca393c7]{font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.header-icon[data-v-dca393c7]{width:24px;height:24px;color:var(--primary-color)}.stats-grid[data-v-dca393c7]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 640px){.stats-grid[data-v-dca393c7]{grid-template-columns:repeat(2,1fr)}}.stat-item[data-v-dca393c7]{display:flex;align-items:center;gap:.875rem;padding:1.25rem;background:var(--bg-secondary);border-radius:var(--radius-lg);transition:all var(--transition-base);border:1px solid var(--border-color)}.stat-item[data-v-dca393c7]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-item.stat-large[data-v-dca393c7]{grid-column:span 1}.stat-item.stat-primary[data-v-dca393c7]{border-color:var(--primary-color);background:var(--primary-light)}.stat-item.stat-success[data-v-dca393c7]{border-color:var(--success-color);background:var(--success-bg)}.stat-item.stat-warning[data-v-dca393c7]{border-color:var(--warning-color);background:var(--warning-bg)}.stat-item.stat-info[data-v-dca393c7]{border-color:var(--primary-color);background:var(--primary-light)}.stat-icon-wrapper[data-v-dca393c7]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-shrink:0}.stat-icon[data-v-dca393c7]{width:24px;height:24px}.stat-primary .stat-icon-wrapper[data-v-dca393c7]{color:var(--primary-color)}.stat-success .stat-icon-wrapper[data-v-dca393c7]{color:var(--success-color)}.stat-warning .stat-icon-wrapper[data-v-dca393c7]{color:var(--warning-color)}.stat-info .stat-icon-wrapper[data-v-dca393c7]{color:var(--primary-color)}.stat-content[data-v-dca393c7]{display:flex;flex-direction:column;gap:.25rem;flex:1}.stat-value[data-v-dca393c7]{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em;line-height:1}.stat-item.stat-large .stat-value[data-v-dca393c7]{font-size:1.75rem}.text-gradient[data-v-dca393c7]{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-success[data-v-dca393c7]{color:var(--success-color)}.stat-label[data-v-dca393c7]{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.download-panel[data-v-2b751835]{padding:1.5rem}.download-header[data-v-2b751835]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.download-header h2[data-v-2b751835]{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.header-icon[data-v-2b751835]{width:24px;height:24px;color:var(--primary-color)}.btn-icon[data-v-2b751835]{width:18px;height:18px}.download-list[data-v-2b751835]{display:flex;flex-direction:column;gap:1rem}.download-item[data-v-2b751835]{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:var(--bg-secondary);border-radius:var(--radius-lg);transition:all var(--transition-base);border:1px solid var(--border-color)}.download-item[data-v-2b751835]:hover{transform:translate(4px);border-color:var(--primary-color);box-shadow:var(--shadow-md)}.download-info[data-v-2b751835]{display:flex;align-items:center;gap:1rem;flex:1}.item-thumbnail-wrapper[data-v-2b751835]{position:relative;width:72px;height:72px;flex-shrink:0}.item-thumbnail[data-v-2b751835]{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md);border:2px solid var(--border-color)}.format-badge[data-v-2b751835]{position:absolute;bottom:-4px;right:-4px;background:var(--primary-gradient);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.625rem;font-weight:700;letter-spacing:.05em;box-shadow:var(--shadow-sm)}.item-details[data-v-2b751835]{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.item-name[data-v-2b751835]{font-size:.9375rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-comparison[data-v-2b751835]{display:flex;align-items:center;gap:.5rem;font-size:.8125rem}.size-original[data-v-2b751835]{color:var(--text-secondary);font-weight:500}.arrow-icon[data-v-2b751835]{width:16px;height:16px;color:var(--text-tertiary)}.size-converted[data-v-2b751835]{color:var(--success-color);font-weight:600}.compression-badge[data-v-2b751835]{margin-left:auto;color:var(--success-color);font-weight:700;background:var(--success-bg);padding:.25rem .625rem;border-radius:12px;font-size:.75rem}.item-actions[data-v-2b751835]{display:flex;gap:.5rem;flex-shrink:0}.empty-state[data-v-2b751835]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 2rem;color:var(--text-secondary);gap:.75rem}.empty-icon-wrapper[data-v-2b751835]{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:50%;margin-bottom:.5rem}.empty-icon[data-v-2b751835]{width:32px;height:32px;opacity:.5}.empty-text[data-v-2b751835]{font-size:1rem;font-weight:600;color:var(--text-primary)}.empty-hint[data-v-2b751835]{font-size:.875rem;color:var(--text-tertiary)}.modal-overlay[data-v-0b7b6391]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal[data-v-0b7b6391]{background:var(--bg-card);border-radius:var(--radius-lg);max-width:900px;width:100%;max-height:90vh;overflow:auto;box-shadow:var(--shadow-lg)}.modal-header[data-v-0b7b6391]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2[data-v-0b7b6391]{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.close-btn[data-v-0b7b6391]{background:none;border:none;cursor:pointer;color:var(--text-secondary);transition:color .2s ease}.close-btn[data-v-0b7b6391]:hover{color:var(--text-primary)}.close-btn svg[data-v-0b7b6391]{width:24px;height:24px}.modal-content[data-v-0b7b6391]{padding:1.5rem}.preview-comparison[data-v-0b7b6391]{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:start}@media (max-width: 768px){.preview-comparison[data-v-0b7b6391]{grid-template-columns:1fr}.preview-divider[data-v-0b7b6391]{transform:rotate(90deg)}}.preview-item h3[data-v-0b7b6391]{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.preview-image[data-v-0b7b6391]{background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;margin-bottom:1rem}.preview-image img[data-v-0b7b6391]{width:100%;height:auto;display:block}.preview-info[data-v-0b7b6391]{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-md)}.info-row[data-v-0b7b6391]{display:flex;justify-content:space-between;font-size:.875rem}.info-row .label[data-v-0b7b6391]{color:var(--text-secondary)}.info-row .value[data-v-0b7b6391]{color:var(--text-primary);font-weight:500}.info-row.highlight[data-v-0b7b6391]{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.text-success[data-v-0b7b6391]{color:var(--success-color)}.preview-divider[data-v-0b7b6391]{display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.preview-divider svg[data-v-0b7b6391]{width:24px;height:24px}.modal-footer[data-v-0b7b6391]{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-color)}.icon[data-v-0b7b6391]{width:16px;height:16px}.app[data-v-9956b18d]{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.header[data-v-9956b18d]{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:1.25rem 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-xs)}.header-content[data-v-9956b18d]{display:flex;justify-content:space-between;align-items:center}.logo[data-v-9956b18d]{display:flex;align-items:center;gap:1rem}.logo-icon-wrapper[data-v-9956b18d]{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);border-radius:var(--radius-md);box-shadow:var(--shadow-md),var(--shadow-glow)}.logo-icon[data-v-9956b18d]{width:28px;height:28px;color:#fff}.logo-text[data-v-9956b18d]{display:flex;flex-direction:column;gap:.125rem}.logo-text h1[data-v-9956b18d]{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.logo-subtitle[data-v-9956b18d]{font-size:.8125rem;color:var(--text-secondary);font-weight:400}.theme-link[data-v-9956b18d]{display:flex;align-items:center;color:var(--text-secondary);transition:all var(--transition-base);padding:.5rem;border-radius:var(--radius-sm)}.theme-link[data-v-9956b18d]:hover{color:var(--primary-color);background:var(--bg-hover)}.github-icon[data-v-9956b18d]{width:24px;height:24px}.main[data-v-9956b18d]{flex:1;padding:3rem 0 4rem}.hero-section[data-v-9956b18d]{text-align:center;margin-bottom:2.5rem}.hero-title[data-v-9956b18d]{font-size:2.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.025em;margin-bottom:.75rem;line-height:1.2}@media (max-width: 768px){.hero-title[data-v-9956b18d]{font-size:2rem}}.hero-description[data-v-9956b18d]{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.workspace[data-v-9956b18d]{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.panels-grid[data-v-9956b18d]{display:grid;grid-template-columns:1fr 380px;gap:1.5rem}@media (max-width: 1024px){.panels-grid[data-v-9956b18d]{grid-template-columns:1fr}.right-panel[data-v-9956b18d]{display:flex;flex-direction:column;gap:1.5rem}}.footer[data-v-9956b18d]{background:var(--bg-card);border-top:1px solid var(--border-color);padding:2.5rem 0 1.5rem;margin-top:auto}.footer-content[data-v-9956b18d]{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.footer-content[data-v-9956b18d]{grid-template-columns:1fr;text-align:center}.footer-divider[data-v-9956b18d]{display:none}}.footer-section h3[data-v-9956b18d]{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.footer-section p[data-v-9956b18d]{font-size:.9375rem;color:var(--text-secondary);line-height:1.7}.footer-divider[data-v-9956b18d]{width:1px;background:var(--border-color)}.footer-bottom[data-v-9956b18d]{text-align:center;padding-top:1.5rem;border-top:1px solid var(--border-color)}.footer-bottom p[data-v-9956b18d]{font-size:.875rem;color:var(--text-tertiary)}:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-hover: #f1f5f9;--bg-card: #ffffff;--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--primary-color: #3b82f6;--primary-hover: #2563eb;--primary-light: rgba(59, 130, 246, .1);--primary-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--success-color: #10b981;--success-bg: rgba(16, 185, 129, .1);--warning-color: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--error-color: #ef4444;--error-bg: rgba(239, 68, 68, .1);--border-color: #e2e8f0;--divider-color: #f1f5f9;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme: dark){:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-hover: #334155;--bg-card: #1e293b;--bg-gradient: linear-gradient(135deg, #4c1d95 0%, #1e40af 100%);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #64748b;--primary-color: #60a5fa;--primary-hover: #93c5fd;--primary-light: rgba(96, 165, 250, .15);--primary-gradient: linear-gradient(135deg, #60a5fa 0%, #a78bfa 100%);--success-color: #34d399;--success-bg: rgba(52, 211, 153, .15);--warning-color: #fbbf24;--warning-bg: rgba(251, 191, 36, .15);--error-color: #f87171;--error-bg: rgba(248, 113, 113, .15);--border-color: #334155;--divider-color: #1e293b;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-glow: 0 0 30px rgba(96, 165, 250, .4)}}.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-hover: #334155;--bg-card: #1e293b;--bg-gradient: linear-gradient(135deg, #4c1d95 0%, #1e40af 100%);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #64748b;--primary-color: #60a5fa;--primary-hover: #93c5fd;--primary-light: rgba(96, 165, 250, .15);--primary-gradient: linear-gradient(135deg, #60a5fa 0%, #a78bfa 100%);--success-color: #34d399;--success-bg: rgba(52, 211, 153, .15);--warning-color: #fbbf24;--warning-bg: rgba(251, 191, 36, .15);--error-color: #f87171;--error-bg: rgba(248, 113, 113, .15);--border-color: #334155;--divider-color: #1e293b;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-glow: 0 0 30px rgba(96, 165, 250, .4)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,Microsoft YaHei,微软雅黑;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}#app{min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);gap:.5rem;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(255,255,255,.1),transparent);opacity:0;transition:opacity var(--transition-base)}.btn:hover:before{opacity:1}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-md),0 0 #3b82f680}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-sm{padding:.5rem 1rem;font-size:.8125rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:1.5rem;border:1px solid var(--border-color);transition:box-shadow var(--transition-base)}.card:hover,.card-elevated{box-shadow:var(--shadow-lg)}@media (max-width: 768px){.container{padding:0 1rem}.card{padding:1rem;border-radius:var(--radius-lg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .4s var(--transition-slow)}.fade-in-up{animation:fadeInUp .5s var(--transition-slow)}.scale-in{animation:scaleIn .3s var(--transition-base)}.slide-in-right{animation:slideInRight .4s var(--transition-base)}.spinner{width:20px;height:20px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-lg{width:32px;height:32px;border-width:4px}.progress-bar{width:100%;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.progress-bar-fill{height:100%;background:var(--primary-gradient);transition:width .4s var(--transition-slow);border-radius:3px}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;transition:all var(--transition-base)}.status-pending{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.status-converting{background:var(--primary-light);color:var(--primary-color);border:1px solid var(--primary-color);animation:pulse 2s infinite}.status-completed{background:var(--success-bg);color:var(--success-color);border:1px solid var(--success-color)}.status-failed{background:var(--error-bg);color:var(--error-color);border:1px solid var(--error-color)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.glass{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}@media (prefers-color-scheme: dark){.glass{background:#1e293bb3;border:1px solid rgba(255,255,255,.1)}}.dark .glass{background:#1e293bb3;border:1px solid rgba(255,255,255,.1)}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.icon{width:1em;height:1em;flex-shrink:0}.icon-sm{width:.875em;height:.875em}.icon-lg{width:1.5em;height:1.5em}.divider{height:1px;background:var(--divider-color);border:none;margin:1.5rem 0}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;background:var(--primary-light);color:var(--primary-color)}.input-enhanced{padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-base)}.input-enhanced:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}