[data-v-62e2dc06]:root{--navbar-height:60px}[data-v-62e2dc06]{box-sizing:border-box;margin:0;padding:0}body[data-v-62e2dc06]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#1a1a1a;background:#fafafa}.app-container[data-v-62e2dc06]{display:flex;min-height:calc(100vh - var(--navbar-height));background:#fff;margin-top:60px}.sidebar[data-v-62e2dc06]{width:320px;background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto;box-shadow:0 2px 8px rgba(0,0,0,.08);height:calc(100vh - var(--navbar-height))}.sidebar-content[data-v-62e2dc06]{padding:24px 20px;height:100%}.logo-section[data-v-62e2dc06]{margin-bottom:32px;text-align:center;padding:24px 0;border-bottom:1px solid #f3f4f6}.logo-icon[data-v-62e2dc06]{margin-bottom:12px;color:#3b82f6}.logo-section h2[data-v-62e2dc06]{font-size:24px;font-weight:700;margin-bottom:4px;color:#1f2937}.logo-section p[data-v-62e2dc06]{color:#6b7280;font-size:14px;font-weight:500}.preset-section[data-v-62e2dc06]{margin-bottom:32px}.preset-section h3[data-v-62e2dc06]{font-size:16px;font-weight:600;margin-bottom:16px;color:#374151}.preset-grid[data-v-62e2dc06]{display:flex;flex-direction:column;gap:8px}.preset-card[data-v-62e2dc06]{padding:16px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff;position:relative;display:flex;align-items:center;gap:12px}.preset-card[data-v-62e2dc06]:hover{border-color:#3b82f6;background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.15)}.preset-card[data-v-62e2dc06]:active{transform:translateY(0);box-shadow:0 2px 4px rgba(59,130,246,.1)}.preset-card.active[data-v-62e2dc06]{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.preset-icon[data-v-62e2dc06]{font-size:20px;width:24px;text-align:center}.preset-info[data-v-62e2dc06]{flex:1}.preset-name[data-v-62e2dc06]{font-weight:600;font-size:14px;margin-bottom:2px;color:#1f2937}.preset-desc[data-v-62e2dc06]{font-size:12px;color:#6b7280;line-height:1.4}.preset-indicator[data-v-62e2dc06]{color:#3b82f6;opacity:0;transition:opacity .2s ease}.preset-card.active .preset-indicator[data-v-62e2dc06]{opacity:1}.advanced-section[data-v-62e2dc06]{margin-bottom:24px;padding:20px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.advanced-section h3[data-v-62e2dc06]{font-size:16px;font-weight:600;margin-bottom:20px;color:#374151}.setting-item[data-v-62e2dc06]{margin-bottom:20px}.setting-item[data-v-62e2dc06]:last-child{margin-bottom:0}.setting-header[data-v-62e2dc06]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.setting-label[data-v-62e2dc06]{font-size:14px;font-weight:500;color:#374151}.setting-value[data-v-62e2dc06]{background:#3b82f6;color:#fff;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.slider-container[data-v-62e2dc06]{position:relative;height:20px;padding:6px 0}.slider[data-v-62e2dc06]{width:100%;height:6px;-webkit-appearance:none;background:#e5e7eb;outline:none;border-radius:3px;cursor:pointer}.slider[data-v-62e2dc06]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #3b82f6;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2);-webkit-transition:all .2s ease;transition:all .2s ease}.slider[data-v-62e2dc06]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 6px rgba(59,130,246,.3)}.slider[data-v-62e2dc06]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #3b82f6;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2)}.toggle-advanced[data-v-62e2dc06]{width:100%;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between}.toggle-advanced[data-v-62e2dc06]:hover{background:#f9fafb;border-color:#d1d5db}.arrow-icon[data-v-62e2dc06]{transition:transform .2s ease;color:#6b7280}.arrow-icon.rotated[data-v-62e2dc06]{transform:rotate(180deg)}.main-area[data-v-62e2dc06]{flex:1;padding:32px;background:#fff;overflow-y:auto;height:calc(100vh - var(--navbar-height))}.header-section[data-v-62e2dc06]{text-align:center;margin-bottom:40px}.header-section h1[data-v-62e2dc06]{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:8px}.header-section p[data-v-62e2dc06]{font-size:16px;color:#6b7280;font-weight:400}.workspace[data-v-62e2dc06]{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:1200px;margin:0 auto}.upload-zone[data-v-62e2dc06]{background:#fff;border:2px dashed #d1d5db;border-radius:12px;padding:32px 24px;text-align:center;cursor:pointer;transition:all .3s ease;height:400px;display:flex;align-items:center;justify-content:center;position:relative}.upload-zone[data-v-62e2dc06]:hover{border-color:#3b82f6;background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.1)}.upload-zone.dragover[data-v-62e2dc06]{border-color:#3b82f6;background:#eff6ff;transform:scale(1.02)}.upload-placeholder[data-v-62e2dc06]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-icon[data-v-62e2dc06]{color:#9ca3af;margin-bottom:20px;transition:color .3s ease}.upload-zone:hover .upload-icon[data-v-62e2dc06]{color:#3b82f6}.upload-placeholder h3[data-v-62e2dc06]{font-size:18px;font-weight:600;margin-bottom:8px;color:#374151}.upload-placeholder p[data-v-62e2dc06]{color:#6b7280;font-size:14px;margin-bottom:16px}.upload-hint[data-v-62e2dc06]{font-size:12px;color:#9ca3af;padding:4px 8px;background:#f3f4f6;border-radius:4px}.preview-container[data-v-62e2dc06]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px}.preview-image[data-v-62e2dc06]{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease}.preview-image[data-v-62e2dc06]:hover{transform:scale(1.02);box-shadow:0 6px 20px rgba(0,0,0,.15)}.preview-overlay[data-v-62e2dc06]{position:absolute;top:16px;right:16px;opacity:0;transition:all .3s ease}.preview-container:hover .preview-overlay[data-v-62e2dc06]{opacity:1}.change-image-btn[data-v-62e2dc06]{padding:8px 12px;background:rgba(0,0,0,.8);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:6px}.change-image-btn[data-v-62e2dc06]:hover{background:rgba(0,0,0,.9);transform:translateY(-1px)}.result-zone[data-v-62e2dc06]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);border:1px solid #e5e7eb;height:400px;display:flex;flex-direction:column;transition:all .3s ease}.result-header[data-v-62e2dc06]{padding:16px 24px;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.result-header h3[data-v-62e2dc06]{font-size:16px;font-weight:600;color:#374151}.result-actions[data-v-62e2dc06]{display:flex;gap:8px}.action-btn[data-v-62e2dc06]{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;background:#fff;color:#374151}.action-btn[data-v-62e2dc06]:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.1)}.action-btn[data-v-62e2dc06]:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.1)}.preview-btn[data-v-62e2dc06]:hover{color:#3b82f6;border-color:#3b82f6}.download-btn[data-v-62e2dc06]:hover{color:#059669;border-color:#059669}.result-content[data-v-62e2dc06]{flex:1;padding:24px;display:flex;align-items:center;justify-content:center;overflow:hidden}.result-preview[data-v-62e2dc06]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.result-image-container[data-v-62e2dc06]{width:100%;height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:#f9fafb;margin-bottom:16px}.result-image[data-v-62e2dc06]{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:6px;transition:all .3s ease}.result-image[data-v-62e2dc06]:hover{transform:scale(1.05);box-shadow:0 4px 16px rgba(0,0,0,.1)}.result-stats[data-v-62e2dc06]{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.stat-item[data-v-62e2dc06]{padding:12px;background:#f8fafc;border-radius:6px;border:1px solid #e5e7eb;display:flex;align-items:center;gap:8px;transition:all .2s ease}.stat-item[data-v-62e2dc06]:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.05)}.stat-icon[data-v-62e2dc06]{color:#6b7280}.stat-info[data-v-62e2dc06]{flex:1}.stat-label[data-v-62e2dc06]{display:block;font-size:11px;margin-bottom:2px;font-weight:500;color:#6b7280}.stat-value[data-v-62e2dc06]{font-size:14px;font-weight:600;color:#1f2937}.loading-state[data-v-62e2dc06]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center}.loading-spinner[data-v-62e2dc06]{width:40px;height:40px;position:relative;margin-bottom:16px}.spinner-ring[data-v-62e2dc06]{position:absolute;width:100%;height:100%;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin-62e2dc06 1s linear infinite}.spinner-ring[data-v-62e2dc06]:nth-child(2){animation-delay:.2s;border-top-color:#8b5cf6}.spinner-ring[data-v-62e2dc06]:nth-child(3){animation-delay:.4s;border-top-color:#06b6d4}.upload-zone.loading[data-v-62e2dc06]{pointer-events:none;opacity:.7}.result-zone.loading[data-v-62e2dc06]{background:#f9fafb}.result-zone[data-v-62e2dc06]:hover{box-shadow:0 4px 16px rgba(0,0,0,.12);transform:translateY(-1px)}.loading-state p[data-v-62e2dc06]{font-size:14px;font-weight:500;color:#374151;margin-bottom:16px}.progress-container[data-v-62e2dc06]{display:flex;align-items:center;gap:12px;width:200px}.progress-bar[data-v-62e2dc06]{flex:1;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.progress-fill[data-v-62e2dc06]{height:100%;background:#3b82f6;transition:width .3s ease;border-radius:2px}.progress-text[data-v-62e2dc06]{font-size:12px;font-weight:600;color:#6b7280;min-width:32px}.empty-state[data-v-62e2dc06]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center;color:#9ca3af}.empty-icon[data-v-62e2dc06]{margin-bottom:12px;color:#d1d5db}.empty-state p[data-v-62e2dc06]{font-size:14px;line-height:1.5}@keyframes spin-62e2dc06{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.preset-card[data-v-62e2dc06]:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.upload-zone[data-v-62e2dc06]:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.action-btn[data-v-62e2dc06]:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.toggle-advanced[data-v-62e2dc06]:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (max-width:1200px){.workspace[data-v-62e2dc06]{gap:24px}.result-zone[data-v-62e2dc06],.upload-zone[data-v-62e2dc06]{height:360px}}@media (max-width:1024px){.workspace[data-v-62e2dc06]{grid-template-columns:1fr;gap:24px}.result-zone[data-v-62e2dc06],.upload-zone[data-v-62e2dc06]{height:320px}.sidebar[data-v-62e2dc06]{width:280px}}@media (max-width:768px){.app-container[data-v-62e2dc06]{flex-direction:column;margin-top:var(--navbar-height)}.sidebar[data-v-62e2dc06]{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;height:auto}.main-area[data-v-62e2dc06]{padding:24px 16px;height:auto}.result-zone[data-v-62e2dc06],.upload-zone[data-v-62e2dc06]{height:280px}.header-section h1[data-v-62e2dc06]{font-size:24px}.header-section p[data-v-62e2dc06]{font-size:14px}}@media (max-width:480px){.workspace[data-v-62e2dc06]{gap:16px}.result-zone[data-v-62e2dc06],.upload-zone[data-v-62e2dc06]{height:240px}.result-stats[data-v-62e2dc06]{grid-template-columns:1fr;gap:8px}.action-btn[data-v-62e2dc06]{padding:6px 10px;font-size:11px}}.logo[data-v-1848a146]{background:url(../img/logo.df78df94.png) 10%/contain no-repeat;height:50px;width:200px;margin-right:32px;flex:0 0 auto}.nav-panel[data-v-1848a146]{display:flex;justify-content:space-between;align-items:center;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:0 2rem;height:70px;position:fixed;top:0;left:0;right:0;z-index:1000}.nav-panel .wrap[data-v-1848a146]{display:flex;align-items:center;width:100%}.logo[data-v-1848a146]{width:120px;height:40px;background-size:contain;background-repeat:no-repeat;margin-right:2rem}.nav-list[data-v-1848a146]{display:flex;list-style-type:none;margin:0;padding:0}.nav[data-v-1848a146]{position:relative;margin:0 1rem;list-style:none}.nav a[data-v-1848a146]{display:flex;align-items:center;color:#333;text-decoration:none;font-size:16px;padding:.5rem .8rem;transition:color .3s ease;cursor:pointer}.nav a[data-v-1848a146]:hover{color:#2a6ae8}.has-submenu[data-v-1848a146]{position:relative}.submenu[data-v-1848a146]{position:absolute;top:100%;left:0;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:6px;padding:.5rem 0;min-width:200px;display:none;z-index:100}.submenu.show[data-v-1848a146]{display:block;animation:fadeIn-1848a146 .2s ease-in-out}@keyframes fadeIn-1848a146{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submenu li[data-v-1848a146]{list-style:none}.submenu li a[data-v-1848a146]{display:flex;align-items:center;padding:.7rem 1rem;color:#333;font-size:14px;transition:background-color .2s}.submenu li a[data-v-1848a146]:hover{background-color:#f5f7fa;color:#2a6ae8}.submenu-icon[data-v-1848a146]{width:18px;height:18px;margin-right:10px}.arrow-icon[data-v-1848a146]{width:12px;height:12px;margin-left:5px;transition:transform .3s ease}.arrow-icon.rotated[data-v-1848a146]{transform:rotate(180deg)}.user-profile[data-v-1848a146]{position:relative;display:flex;align-items:center}.user-info-popup[data-v-1848a146]{position:absolute;top:100%;right:0;background-color:#fff;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.15);padding:1.5rem;min-width:280px;z-index:1000;border:1px solid #e1e5e9}.user-header[data-v-1848a146]{display:flex;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.user-avatar[data-v-1848a146]{font-size:2.5rem;color:#2a6ae8;margin-right:.75rem}.user-details[data-v-1848a146]{flex:1}.username[data-v-1848a146]{margin:0;font-size:1.1rem;font-weight:600;color:#333;line-height:1.2}.user-status[data-v-1848a146]{font-size:.85rem;color:#28a745;font-weight:500}.user-stats[data-v-1848a146]{margin-bottom:1rem}.stat-item[data-v-1848a146]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.stat-label[data-v-1848a146]{font-size:.9rem;color:#666;font-weight:500}.stat-value[data-v-1848a146]{font-size:.9rem;color:#2a6ae8;font-weight:600}.user-actions[data-v-1848a146]{display:flex;flex-direction:column;gap:.5rem}.action-btn[data-v-1848a146]{display:flex;align-items:center;background:none;border:none;cursor:pointer;font-size:.9rem;padding:.75rem 1rem;border-radius:8px;transition:all .2s ease;text-align:left;width:100%}.refresh-btn[data-v-1848a146]{color:#2a6ae8}.refresh-btn[data-v-1848a146]:hover{background-color:#f0f7ff;color:#1d4fa0}.login-btn[data-v-1848a146]{color:#28a745}.login-btn[data-v-1848a146]:hover{background-color:#f0fff4;color:#1e7e34}.invite-btn[data-v-1848a146]{color:#ffc107}.invite-btn[data-v-1848a146]:hover{background-color:#fffbf0;color:#e0a800}.logout-btn[data-v-1848a146]{color:#dc3545}.logout-btn[data-v-1848a146]:hover{background-color:#fff5f5;color:#c82333}.fa-icon[data-v-1848a146]{margin-right:.5rem;width:14px}.nav-panel[data-v-1848a146]:after{content:"";position:fixed;top:70px;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.nav-list.show[data-v-1848a146]{z-index:1000}.user-info-popup-enter-active[data-v-1848a146],.user-info-popup-leave-active[data-v-1848a146]{transition:opacity .3s ease,transform .3s ease}.user-info-popup-enter-from[data-v-1848a146],.user-info-popup-leave-to[data-v-1848a146]{opacity:0;transform:translateY(-10px)}.menu-toggle[data-v-1848a146]{display:none}.submenu.show[class*=editor][data-v-1848a146],.submenu.show[data-v-1848a146],.user-info-popup[data-v-1848a146]{border-top:2px solid #0056b3}@media (max-width:768px){.nav-panel[data-v-1848a146]{padding:0 1rem}.menu-toggle[data-v-1848a146]{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:20px;cursor:pointer;margin-right:15px;margin-left:0;order:-1}.menu-toggle span[data-v-1848a146]{width:100%;height:3px;background-color:#333;border-radius:3px;transition:all .3s ease}.menu-toggle.active span[data-v-1848a146]:first-child{transform:translateY(8px) rotate(45deg)}.menu-toggle.active span[data-v-1848a146]:nth-child(2){opacity:0}.menu-toggle.active span[data-v-1848a146]:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-list[data-v-1848a146]{position:absolute;top:70px;left:0;right:0;background-color:#fff;flex-direction:column;padding:1rem 0;box-shadow:0 4px 10px rgba(0,0,0,.1);display:none}.nav-list.show[data-v-1848a146]{display:flex}.nav[data-v-1848a146]{margin:0}.nav a[data-v-1848a146]{padding:1rem 1.5rem}.submenu[data-v-1848a146]{position:static;box-shadow:none;padding-left:1.5rem;min-width:auto;border-radius:0}.submenu li a[data-v-1848a146]{padding:.8rem 1.5rem}.user-profile[data-v-1848a146]{margin:.5rem 1.5rem}.user-info-popup[data-v-1848a146]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:320px}}#app[data-v-1fc43591]{text-align:center}