.format-select-wrap[data-v-2fc9ff00]{position:relative}.format-trigger[data-v-2fc9ff00]{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:#161718;transition:all .2s;box-shadow:0 1px 3px #0000000a}.format-trigger[data-v-2fc9ff00]:hover{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.format-trigger.open[data-v-2fc9ff00]{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61f}.format-preview[data-v-2fc9ff00]{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.format-dot[data-v-2fc9ff00]{width:8px;height:8px;border-radius:50%;background:#ffffffe6;box-shadow:0 1px 2px #00000026}.format-warn-trigger[data-v-2fc9ff00]{flex-shrink:0}.format-chevron[data-v-2fc9ff00]{color:#94a3b8;transition:transform .2s;flex-shrink:0}.format-trigger.open .format-chevron[data-v-2fc9ff00]{transform:rotate(180deg)}.format-dropdown[data-v-2fc9ff00]{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:4px;min-width:240px;z-index:50;box-shadow:0 12px 40px #0000001f}.format-option[data-v-2fc9ff00]{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;cursor:pointer;border-radius:8px;font-family:inherit;transition:all .15s;text-align:left}.format-option[data-v-2fc9ff00]:hover{background:#f8fafc}.format-option.active[data-v-2fc9ff00]{background:#8b5cf60f}.format-option.unsupported[data-v-2fc9ff00]{opacity:.7}.format-option.unsupported[data-v-2fc9ff00]:hover{background:#f59e0b0a}.check-icon[data-v-2fc9ff00]{margin-left:auto;color:#8b5cf6;flex-shrink:0}.warn-icon[data-v-2fc9ff00]{margin-left:auto;flex-shrink:0}.format-option-preview[data-v-2fc9ff00]{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.format-option-text[data-v-2fc9ff00]{display:flex;flex-direction:column;gap:1px;min-width:0}.format-option-label[data-v-2fc9ff00]{font-size:13px;font-weight:600;color:#161718}.format-option.active .format-option-label[data-v-2fc9ff00]{color:#8b5cf6}.format-option.unsupported .format-option-label[data-v-2fc9ff00]{color:#94a3b8}.format-option-desc[data-v-2fc9ff00]{font-size:11px;color:#94a3b8}.format-option.unsupported .format-option-desc[data-v-2fc9ff00]{color:#f59e0b}.dropdown-enter-active[data-v-2fc9ff00]{transition:all .2s ease}.dropdown-leave-active[data-v-2fc9ff00]{transition:all .15s ease}.dropdown-enter-from[data-v-2fc9ff00],.dropdown-leave-to[data-v-2fc9ff00]{opacity:0;transform:translateY(-8px) scale(.96)}@media(max-width:768px){.format-dropdown[data-v-2fc9ff00]{min-width:200px;right:0;left:auto}}.header[data-v-08e44ca8]{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:all .3s ease}.header.scrolled[data-v-08e44ca8]{background:#ffffffeb;backdrop-filter:blur(20px);border-bottom:1px solid #e2e8f0;padding:10px 0;box-shadow:0 1px 3px #0000000d}.header-inner[data-v-08e44ca8]{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.logo[data-v-08e44ca8]{display:flex;align-items:center;gap:10px;text-decoration:none;color:#161718}.logo-text[data-v-08e44ca8]{font-size:20px;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links[data-v-08e44ca8]{display:flex;gap:32px}.nav-links a[data-v-08e44ca8]{color:#64748b;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.nav-links a[data-v-08e44ca8]:hover{color:#8b5cf6}.nav-links a.active[data-v-08e44ca8]{color:#8b5cf6;font-weight:600}.header-actions[data-v-08e44ca8]{display:flex;align-items:center;gap:12px}.lang-selector[data-v-08e44ca8]{position:relative;display:flex;align-items:center;gap:6px;cursor:pointer;padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:13px;transition:all .2s}.lang-selector[data-v-08e44ca8]:hover{border-color:#8b5cf6;color:#8b5cf6}.lang-dropdown[data-v-08e44ca8]{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:6px;min-width:160px;box-shadow:0 20px 40px #0000001f;z-index:200}.lang-dropdown button[data-v-08e44ca8]{display:block;width:100%;padding:8px 12px;border:none;background:transparent;color:#64748b;text-align:left;border-radius:8px;cursor:pointer;font-size:13px;font-family:inherit;transition:all .15s}.lang-dropdown button[data-v-08e44ca8]:hover{background:#f8fafc;color:#8b5cf6}.lang-dropdown button.active[data-v-08e44ca8]{background:#8b5cf614;color:#8b5cf6;font-weight:600}.main[data-v-08e44ca8]{padding-top:72px;min-height:calc(100vh - 60px);display:flex;flex-direction:column}.hero-drop[data-v-08e44ca8]{position:relative;flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:all .3s}.hero-drop[data-v-08e44ca8]:hover{background:#8b5cf605}.hero-drop.drag-over[data-v-08e44ca8]{background:#8b5cf60a}.hero-drop-bg[data-v-08e44ca8]{position:absolute;inset:0;pointer-events:none}.hero-orb[data-v-08e44ca8]{position:absolute;border-radius:50%;filter:blur(120px);opacity:.1;animation:float-08e44ca8 8s ease-in-out infinite}.orb-1[data-v-08e44ca8]{width:500px;height:500px;background:#8b5cf6;top:-10%;right:10%}.orb-2[data-v-08e44ca8]{width:400px;height:400px;background:#06b6d4;bottom:-10%;left:10%;animation-delay:-3s}@keyframes float-08e44ca8{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.hero-drop-content[data-v-08e44ca8]{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;border:1px dashed #7c3aed;padding:10vh 20vw;border-radius:20px}.drop-icon-wrap[data-v-08e44ca8]{position:relative;margin-bottom:8px}.drop-icon-ring[data-v-08e44ca8]{position:absolute;inset:-16px;border:2px dashed rgba(139,92,246,.4);border-radius:50%;animation:spin-slow-08e44ca8 12s linear infinite}@keyframes spin-slow-08e44ca8{to{transform:rotate(360deg)}}.drop-icon-svg[data-v-08e44ca8]{color:#8b5cf6}.drop-title[data-v-08e44ca8]{font-size:28px;font-weight:700;color:#161718;margin:0}.drop-sub[data-v-08e44ca8]{font-size:15px;color:#94a3b8;margin:0}.drop-btn[data-v-08e44ca8]{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:14px;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #8b5cf640}.drop-btn[data-v-08e44ca8]:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf659}.drop-formats[data-v-08e44ca8]{display:flex;gap:8px;margin-top:8px}.format-tag[data-v-08e44ca8]{padding:4px 12px;background:#8b5cf60f;border:1px solid rgba(139,92,246,.12);border-radius:6px;font-size:12px;font-weight:500;color:#8b5cf6}.drop-info[data-v-08e44ca8]{display:flex;flex-direction:column;gap:6px;margin-top:16px}.info-item[data-v-08e44ca8]{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8}.info-item svg[data-v-08e44ca8]{flex-shrink:0;opacity:.7}.info-item.coming-soon[data-v-08e44ca8]{color:#f59e0b}.info-item.coming-soon svg[data-v-08e44ca8]{opacity:1;color:#f59e0b}.processing-state[data-v-08e44ca8]{flex:1;display:flex;align-items:center;justify-content:center}.processing-card[data-v-08e44ca8]{text-align:center;padding:48px}.processing-spinner[data-v-08e44ca8]{display:inline-flex;color:#8b5cf6;animation:pulse-08e44ca8 1.5s ease-in-out infinite;margin-bottom:24px}@keyframes pulse-08e44ca8{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.processing-card h2[data-v-08e44ca8]{font-size:24px;font-weight:700;color:#161718;margin:0 0 24px}.progress-bar[data-v-08e44ca8]{width:300px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin:0 auto 12px}.progress-fill[data-v-08e44ca8]{height:100%;background:linear-gradient(90deg,#8b5cf6,#06b6d4);border-radius:4px;transition:width .3s ease}.processing-card p[data-v-08e44ca8]{font-size:16px;color:#8b5cf6;font-weight:600;margin:0}.result-view[data-v-08e44ca8]{flex:1;display:flex;flex-direction:column}.stats-bar[data-v-08e44ca8]{position:relative;z-index:20;padding:16px 24px;background:#ffffffe6;backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0}.stats-inner[data-v-08e44ca8]{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.stat-chip[data-v-08e44ca8]{display:flex;flex-direction:column;padding:8px 16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.stat-chip .stat-label[data-v-08e44ca8]{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.stat-chip .stat-value[data-v-08e44ca8]{font-size:16px;font-weight:700;color:#161718}.stat-chip.compressed[data-v-08e44ca8]{border-color:#22c55e33;background:#22c55e0a}.stat-chip.compressed .stat-value[data-v-08e44ca8]{color:#16a34a}.stat-chip.saved[data-v-08e44ca8]{border-color:#22c55e4d;background:linear-gradient(135deg,#22c55e14,#22c55e0a)}.stat-chip.saved .stat-value[data-v-08e44ca8]{color:#16a34a;font-size:20px}.stat-arrow[data-v-08e44ca8]{color:#cbd5e1;flex-shrink:0}.stat-actions[data-v-08e44ca8]{margin-left:auto;display:flex;align-items:center;gap:16px}.quality-control[data-v-08e44ca8]{display:flex;align-items:center;gap:10px}.quality-control label[data-v-08e44ca8]{font-size:13px;color:#64748b;font-weight:500;white-space:nowrap}.quality-control input[type=range][data-v-08e44ca8]{width:120px;height:5px;-webkit-appearance:none;appearance:none;background:#e2e8f0;border-radius:3px;outline:none}.quality-control input[type=range][data-v-08e44ca8]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#8b5cf6;cursor:pointer;box-shadow:0 2px 6px #8b5cf64d}.format-select[data-v-08e44ca8]{padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;color:#161718;border-radius:8px;font-family:inherit;font-size:13px;outline:none;cursor:pointer}.compare-viewport[data-v-08e44ca8]{flex:1;position:relative;overflow:hidden;cursor:ew-resize;background:#0f0f11;user-select:none;min-height:400px}.compare-layer[data-v-08e44ca8]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.compare-layer img[data-v-08e44ca8]{max-width:100%;max-height:100%;object-fit:contain}.compressed-layer[data-v-08e44ca8]{z-index:2}.compare-divider[data-v-08e44ca8]{position:absolute;top:0;bottom:0;width:4px;transform:translate(-50%);z-index:10}.divider-line[data-v-08e44ca8]{position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translate(-50%);background:#fffc;box-shadow:0 0 16px #0006}.divider-handle[data-v-08e44ca8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px #0000004d;gap:2px}.divider-handle svg[data-v-08e44ca8]{color:#333}.compare-badge[data-v-08e44ca8]{position:absolute;bottom:20px;padding:8px 16px;background:#000000a6;backdrop-filter:blur(8px);border-radius:10px;font-size:13px;font-weight:600;color:#fff;pointer-events:none;z-index:5}.original-badge[data-v-08e44ca8]{left:20px}.compressed-badge[data-v-08e44ca8]{right:20px;color:#4ade80}.compare-hint[data-v-08e44ca8]{position:absolute;top:20px;left:50%;transform:translate(-50%);padding:6px 14px;background:#00000080;backdrop-filter:blur(8px);border-radius:8px;font-size:12px;color:#ffffffb3;pointer-events:none;z-index:5;white-space:nowrap}.bottom-actions[data-v-08e44ca8]{padding:20px 24px;background:#fff;border-top:1px solid #e2e8f0}.thumbnails[data-v-08e44ca8]{display:flex;gap:10px;margin-bottom:16px;justify-content:center;flex-wrap:wrap}.thumb-btn[data-v-08e44ca8]{width:64px;height:64px;border-radius:12px;overflow:hidden;border:2px solid #e2e8f0;cursor:pointer;transition:all .2s;position:relative;background:#f8fafc;padding:0}.thumb-btn[data-v-08e44ca8]:hover{border-color:#8b5cf666}.thumb-btn.active[data-v-08e44ca8]{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.thumb-btn img[data-v-08e44ca8]{width:100%;height:100%;object-fit:cover}.thumb-saved[data-v-08e44ca8]{position:absolute;bottom:2px;left:2px;right:2px;background:#22c55ee6;color:#fff;font-size:9px;font-weight:700;text-align:center;border-radius:3px;padding:1px 0}.action-btns[data-v-08e44ca8]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.act-btn[data-v-08e44ca8]{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;border:none}.act-btn[data-v-08e44ca8]:hover{transform:translateY(-1px)}.add-btn[data-v-08e44ca8]{background:#8b5cf614;color:#8b5cf6;border:1px solid rgba(139,92,246,.15)!important}.add-btn[data-v-08e44ca8]:hover{background:#8b5cf626}.download-btn[data-v-08e44ca8]{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 16px #22c55e40}.download-btn[data-v-08e44ca8]:hover{box-shadow:0 8px 24px #22c55e59}.reset-btn[data-v-08e44ca8]{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0!important}.reset-btn[data-v-08e44ca8]:hover{background:#fee2e2;color:#ef4444;border-color:#fecaca!important}.footer[data-v-08e44ca8]{border-top:1px solid #e2e8f0;padding:20px;text-align:center;background:#fff}.footer-inner[data-v-08e44ca8]{max-width:1200px;margin:0 auto}.footer p[data-v-08e44ca8]{font-size:13px;color:#94a3b8;margin:0}@media(max-width:768px){.nav-links[data-v-08e44ca8]{display:none}.stats-inner[data-v-08e44ca8]{flex-direction:column;align-items:stretch}.stat-actions[data-v-08e44ca8]{margin-left:0;flex-direction:column}.quality-control input[type=range][data-v-08e44ca8]{width:100%}.compare-viewport[data-v-08e44ca8]{min-height:300px}.thumb-btn[data-v-08e44ca8]{width:52px;height:52px}.action-btns[data-v-08e44ca8]{flex-direction:column}.act-btn[data-v-08e44ca8]{justify-content:center}}