.logo__center[data-v-5e5c5ec9]{display:flex;justify-content:center;align-items:center}.mobile__menu__section[data-v-5e5c5ec9]{display:none}.theme-toggle[data-v-5e5c5ec9]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;background:var(--header-bg, #f5f6f7);color:var(--header-text, #555);cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:8px}.theme-toggle[data-v-5e5c5ec9]:hover{background:var(--header-hover, #e9eaec);color:var(--header-text-hover, #333)}.theme-toggle .theme-icon[data-v-5e5c5ec9]{position:absolute;opacity:.3;transition:opacity .2s ease;display:flex;justify-items:center}.theme-toggle .theme-icon.active[data-v-5e5c5ec9]{position:relative;opacity:1}.app-header[data-v-5e5c5ec9]{background-color:var(--header-bg, #ffffff);color:#fff;text-align:center;margin-inline:10px;border-radius:50px;position:relative}.header__section[data-v-5e5c5ec9]{display:flex;justify-content:space-between;align-items:center;position:relative}.site__logo[data-v-5e5c5ec9]{display:flex;justify-content:center;align-items:center;width:20%}.site__logo .app-logo[data-v-5e5c5ec9]{width:70%;height:70%;border-radius:40px}.menu__section[data-v-5e5c5ec9]{width:80%;display:flex;justify-content:center;margin-left:auto}.menu[data-v-5e5c5ec9]{display:flex;gap:8px;background:var(--header-bg, #f5f6f7);padding:8px;border-radius:40px;list-style:none;margin:0;position:relative}.menu li[data-v-5e5c5ec9]{list-style:none;position:relative}.menu-item[data-v-5e5c5ec9]{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:30px;font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:var(--header-text, #555);text-decoration:none;transition:all .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid transparent}.icon[data-v-5e5c5ec9]{width:18px;height:18px;background:var(--header-icon-bg, #fff);border-radius:50%;display:flex;align-items:center;justify-content:center}.icon svg[data-v-5e5c5ec9]{width:12px;height:12px;color:var(--header-text, #555)}.menu-icon[data-v-5e5c5ec9]{width:20px;height:20px;border-radius:50%}.menu-item[data-v-5e5c5ec9]:hover{background:var(--header-hover, #e9eaec);border:1px solid #ff3131}.router-link-active[data-v-5e5c5ec9],.router-link-exact-active[data-v-5e5c5ec9]{background:var(--header-active-bg, #ffffff);color:var(--header-active-text, #000);box-shadow:0 2px 6px #00000014}.has-submenu[data-v-5e5c5ec9]{position:relative}.submenu-trigger[data-v-5e5c5ec9]{display:flex;align-items:center;justify-content:space-between}.submenu-arrow[data-v-5e5c5ec9]{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;transition:transform .3s ease}.submenu-arrow.rotated[data-v-5e5c5ec9],.has-submenu.desktop:hover .desktop-arrow[data-v-5e5c5ec9]{transform:rotate(180deg)}.submenu-arrow svg[data-v-5e5c5ec9],.desktop-arrow svg[data-v-5e5c5ec9]{transition:transform .3s ease;display:block}.submenu[data-v-5e5c5ec9]{list-style:none;margin:0;padding:0;background:var(--header-submenu-bg, white);border-radius:12px;box-shadow:0 4px 20px #0000001a;position:absolute;top:calc(100% + 2px);left:0;width:220px;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;overflow:hidden}.desktop-submenu[data-v-5e5c5ec9]{display:none}.has-submenu.desktop:hover .desktop-submenu[data-v-5e5c5ec9],.submenu.open[data-v-5e5c5ec9]{opacity:1;visibility:visible;transform:translateY(0);display:block}.submenu-item[data-v-5e5c5ec9]{display:flex;align-items:center;gap:10px;padding:12px 16px;color:var(--header-submenu-text, #333);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-normal);border-bottom:1px solid #f0f0f0;transition:all .2s ease}.submenu-item[data-v-5e5c5ec9]:last-child{border-bottom:none}.submenu-item[data-v-5e5c5ec9]:hover{background:var(--header-submenu-hover, #f8f9fa);padding-left:20px}.submenu-icon[data-v-5e5c5ec9]{font-size:var(--text-base);width:20px;text-align:center}.submenu-icon svg[data-v-5e5c5ec9]{width:14px;height:14px}.mobile_menu__section[data-v-5e5c5ec9]{display:none}@media(max-width:1024px){.mobile_menu__section[data-v-5e5c5ec9]{display:block}.menu__section[data-v-5e5c5ec9]{display:none}.mobile-button[data-v-5e5c5ec9]{background:none;border:none;cursor:pointer;padding-right:20px}.site__logo[data-v-5e5c5ec9]{width:auto;justify-content:left;align-items:center;padding-left:10px}.mobile-button svg[data-v-5e5c5ec9]{width:35px;height:35px}.mobile-button path[data-v-5e5c5ec9]{stroke:var(--header-text, #000)}.mobile__menu__section[data-v-5e5c5ec9]{display:block}.mobile__menu__section[data-v-5e5c5ec9]{position:fixed;top:0;right:-340px;width:280px;height:100%;background:var(--header-mobile-menu-bg, #fff);box-shadow:-5px 0 15px #0000001a;transition:right .3s ease;z-index:1001;padding:20px;overflow-y:auto}.mobile__menu__section.open[data-v-5e5c5ec9]{right:0}.menu[data-v-5e5c5ec9]{flex-direction:column;gap:0;padding:0;background:transparent}.overlay[data-v-5e5c5ec9]{position:fixed;inset:0;background:#0006;z-index:1000}.menu-item[data-v-5e5c5ec9]{font-size:var(--text-base);padding:14px 16px;border-radius:8px;margin-bottom:4px;justify-content:space-between}.submenu[data-v-5e5c5ec9]{position:static;width:100%;box-shadow:none;opacity:1;visibility:visible;transform:none;background:#f8f9fa;border-radius:8px;margin-top:4px;margin-left:20px;max-height:0;overflow:hidden;transition:max-height .3s ease}.submenu.open[data-v-5e5c5ec9]{max-height:500px}.submenu-item[data-v-5e5c5ec9]{padding:10px 16px;font-size:var(--text-sm);border-bottom:1px solid #e9ecef}.submenu-item[data-v-5e5c5ec9]:last-child{border-bottom:none}.has-submenu .menu-item[data-v-5e5c5ec9]{margin-bottom:0}}@media(min-width:1025px)and (max-width:1300px){.menu[data-v-5e5c5ec9]{gap:4px}.menu-item[data-v-5e5c5ec9]{padding:8px 12px;font-size:var(--text-sm)}.submenu[data-v-5e5c5ec9]{width:200px}}@media(min-width:1025px)and (max-width:1100px){.menu[data-v-5e5c5ec9]{gap:2px}.menu-item[data-v-5e5c5ec9]{padding:8px 10px;font-size:var(--text-xs)}.icon[data-v-5e5c5ec9]{width:16px;height:16px}.icon svg[data-v-5e5c5ec9]{width:10px;height:10px}}footer[data-v-0e44b93f]{padding:16px 20px;background:var(--footer-bg, #fff);color:var(--footer-text, #64748b);font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);border-top:1px solid var(--footer-border, #e2e8f0)}.footer-content[data-v-0e44b93f]{max-width:1200px;margin:0 auto}.footer-row[data-v-0e44b93f]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-brand[data-v-0e44b93f]{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary, #1e293b);font-weight:var(--font-semibold);font-size:var(--text-lg);transition:opacity .2s;flex-shrink:0}.footer-brand[data-v-0e44b93f]:hover{opacity:.85}.footer-logo-img[data-v-0e44b93f]{height:32px;width:auto;object-fit:contain;border-radius:6px}.footer-brand-name[data-v-0e44b93f]{letter-spacing:var(--tracking-normal)}.footer-center[data-v-0e44b93f]{flex:1;min-width:0;display:flex;justify-content:center}.footer-right[data-v-0e44b93f]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex-shrink:0}.footer-copyright[data-v-0e44b93f]{margin:0;color:var(--footer-text, #64748b);font-size:var(--text-sm);white-space:nowrap}.footer-links[data-v-0e44b93f]{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.footer-links a[data-v-0e44b93f]{color:var(--footer-text, #64748b);text-decoration:none;font-size:var(--text-sm);transition:color .2s}.footer-links a[data-v-0e44b93f]:hover{color:#ff3131;text-decoration:none}.footer-sep[data-v-0e44b93f]{color:#cbd5e1;-webkit-user-select:none;user-select:none}.logout-link[data-v-0e44b93f]{cursor:pointer}.user-plan-info[data-v-0e44b93f]{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-content, white);border-radius:8px;border:1px solid var(--footer-border, #e2e8f0);flex-wrap:wrap}.plan-label[data-v-0e44b93f]{font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:#64748b;margin-right:10px}.plan-badge[data-v-0e44b93f]{align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal)}.plan-badge.free[data-v-0e44b93f]{background:#e2e8f0;color:#475569}.plan-badge.pro-monthly[data-v-0e44b93f]{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff}.plan-badge.pro-yearly[data-v-0e44b93f]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.manage-plan-link[data-v-0e44b93f]{color:#7c3aed;text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal);padding:4px 10px;border-radius:6px;background:#fff;border:1px solid #e2e8f0;transition:all .3s;white-space:nowrap}.manage-plan-link[data-v-0e44b93f]:hover{background:#f5f3ff;border-color:#7c3aed;text-decoration:none}.manage-plan-link i[data-v-0e44b93f]{margin-right:4px}@media(max-width:768px){.footer-row[data-v-0e44b93f]{flex-direction:column;align-items:center;text-align:center}.footer-right[data-v-0e44b93f]{flex-direction:column}}@media(max-width:480px){.user-plan-info[data-v-0e44b93f]{flex-direction:column}}.cookie-consent[data-v-f81e8e16]{position:fixed;bottom:0;left:0;width:100%;background:var(--bg-content);color:var(--text-primary);z-index:9999;overflow:hidden;border-top:1px solid var(--border-color);box-shadow:0 -12px 36px #0f172a24;transition:all .4s cubic-bezier(.4,0,.2,1)}.cookie-consent.expanded[data-v-f81e8e16]{background:var(--bg-content);color:var(--text-primary);box-shadow:0 -16px 44px #0f172a2e}.cookie-collapsed[data-v-f81e8e16]{display:flex;justify-content:space-between;align-items:center;padding:15px 12px;max-width:1400px;margin:0 auto}.banner-left[data-v-f81e8e16]{display:flex;align-items:flex-start;gap:16px;flex:1}.cookie-icon[data-v-f81e8e16]{font-size:32px;line-height:1}.banner-text[data-v-f81e8e16]{flex:1}.banner-title[data-v-f81e8e16]{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.banner-description[data-v-f81e8e16]{margin:0;font-size:14px;line-height:1.5;color:var(--text-secondary);max-width:600px}.learn-more-link[data-v-f81e8e16]{color:var(--brand-color, #ff3131);text-decoration:underline;margin-left:8px;transition:color .2s}.learn-more-link[data-v-f81e8e16]:hover{color:var(--brand-color-hover, #e02828)}.banner-actions[data-v-f81e8e16]{display:flex;gap:12px;flex-shrink:0}.btn-manage[data-v-f81e8e16]{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-accept-all[data-v-f81e8e16]{padding:6px 12px;background:var(--brand-color, #ff3131);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:300;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #0000001a}.settings-icon[data-v-f81e8e16]{flex-shrink:0}.cookie-expanded[data-v-f81e8e16]{max-height:70vh;overflow-y:auto}.expanded-header[data-v-f81e8e16]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border-color);background:var(--bg-content);position:sticky;top:0;z-index:10}.back-btn[data-v-f81e8e16],.close-btn[data-v-f81e8e16]{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-secondary);border-radius:8px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.back-btn[data-v-f81e8e16]:hover,.close-btn[data-v-f81e8e16]:hover{background:var(--bg-secondary)}.expanded-title[data-v-f81e8e16]{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);text-align:center;flex:1}.expanded-content[data-v-f81e8e16]{padding:24px;max-width:800px;margin:0 auto}.privacy-intro[data-v-f81e8e16]{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(135deg,#ff313117,#ff313108);padding:10px;border-radius:12px;margin-bottom:10px;border-left:4px solid var(--brand-color, #ff3131)}.privacy-icon[data-v-f81e8e16]{font-size:16px;flex-shrink:0}.privacy-text[data-v-f81e8e16]{margin:0;color:var(--text-primary);font-size:15px;line-height:1.6;font-weight:500}.preferences-container[data-v-f81e8e16]{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.preference-card[data-v-f81e8e16]{background:var(--bg-content);border:1px solid var(--border-color);border-radius:12px;padding:15px;transition:all .3s ease;position:relative;overflow:hidden;margin-block-start:20px}.preference-card[data-v-f81e8e16]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--border-color);transition:background .3s}.preference-card.essential[data-v-f81e8e16]:before{background:#059669}.preference-card.active[data-v-f81e8e16]:before{background:#8b5cf6}.card-header[data-v-f81e8e16]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.card-title-group[data-v-f81e8e16]{flex:1}.preference-badge[data-v-f81e8e16]{display:inline-block;padding:4px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;margin-bottom:8px;background:#f3f4f6;color:#6b7280}.preference-badge.analytics[data-v-f81e8e16]{background:#f0f9ff;color:#0369a1}.preference-badge.advertising[data-v-f81e8e16]{background:#fef3c7;color:#92400e}.card-title[data-v-f81e8e16]{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.card-status[data-v-f81e8e16]{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.status-dot[data-v-f81e8e16]{width:8px;height:8px;border-radius:50%;background:#dc2626}.status-dot.active[data-v-f81e8e16]{background:#059669}.card-description[data-v-f81e8e16]{margin:0 0 12px;color:var(--text-secondary);font-size:14px;line-height:1.6}.card-benefits[data-v-f81e8e16]{display:flex;gap:8px;flex-wrap:wrap}.benefit-tag[data-v-f81e8e16]{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:500;border-radius:20px;transition:all .2s}.preference-card.active .benefit-tag[data-v-f81e8e16]{background:#8b5cf6;color:#fff}.toggle-switch[data-v-f81e8e16]{position:relative;display:inline-block;width:52px;height:28px}.toggle-switch input[data-v-f81e8e16]{opacity:0;width:0;height:0}.toggle-slider[data-v-f81e8e16]{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.4s;border-radius:34px;box-shadow:inset 0 1px 3px #0000001a}.toggle-slider[data-v-f81e8e16]:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 1px 3px #0003}input:checked+.toggle-slider[data-v-f81e8e16]{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}input:checked+.toggle-slider[data-v-f81e8e16]:before{transform:translate(24px)}input:focus+.toggle-slider[data-v-f81e8e16]{box-shadow:0 0 0 3px #8b5cf633}.actions-section[data-v-f81e8e16]{border-top:1px solid var(--border-color)}.action-buttons[data-v-f81e8e16]{display:flex;gap:12px;margin-bottom:20px}.btn-save[data-v-f81e8e16]{padding:10px 12px;background:var(--text-primary);color:#fff;border:none;border-radius:10px;font-size:15px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.btn-save[data-v-f81e8e16]:hover:not(.disabled){background:var(--brand-color-hover, #e02828);box-shadow:0 6px 20px #00000026}.btn-save.disabled[data-v-f81e8e16]{background:#9ca3af;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-hint[data-v-f81e8e16]{font-weight:400;font-size:14px;opacity:.9}.btn-accept-expanded[data-v-f81e8e16]{padding:6px 12px;background:var(--brand-color, #ff3131);color:#fff;border:none;border-radius:10px;font-size:15px;cursor:pointer;transition:all .3s;font-weight:300}.privacy-links[data-v-f81e8e16]{display:flex;justify-content:center;gap:24px}.privacy-link[data-v-f81e8e16]{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;transition:color .2s}.privacy-link[data-v-f81e8e16]:hover{color:var(--text-primary)}[data-theme=dark]{background:#0f172af5;box-shadow:0 -16px 44px #00000059}[data-theme=dark]{background:#0f172a}[data-theme=dark]{background:#1e293b;color:var(--text-primary)}[data-theme=dark]{background:linear-gradient(135deg,#ff313124,#ff31310d)}.slide-up-enter-active[data-v-f81e8e16],.slide-up-leave-active[data-v-f81e8e16]{transition:all .4s cubic-bezier(.4,0,.2,1)}.slide-up-enter-from[data-v-f81e8e16],.slide-up-leave-to[data-v-f81e8e16]{opacity:0;transform:translateY(100%)}@media(max-width:768px){.cookie-collapsed[data-v-f81e8e16]{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.banner-left[data-v-f81e8e16]{gap:12px}.cookie-icon[data-v-f81e8e16]{font-size:24px}.banner-actions[data-v-f81e8e16]{width:100%;flex-direction:column}.banner-actions button[data-v-f81e8e16]{width:100%;justify-content:center}.expanded-header[data-v-f81e8e16],.expanded-content[data-v-f81e8e16]{padding:16px}.privacy-intro[data-v-f81e8e16]{flex-direction:column;text-align:center}.privacy-icon[data-v-f81e8e16]{align-self:center}.action-buttons[data-v-f81e8e16]{flex-direction:column}.privacy-links[data-v-f81e8e16]{flex-direction:column;gap:12px;align-items:center}}@media(max-width:480px){.banner-title[data-v-f81e8e16]{font-size:14px}.banner-description[data-v-f81e8e16]{font-size:13px}.expanded-title[data-v-f81e8e16]{font-size:16px}.preference-card[data-v-f81e8e16]{padding:16px}.card-header[data-v-f81e8e16]{flex-direction:column;gap:12px}}.global-toast-container[data-v-badc6253]{position:fixed;right:20px;bottom:20px;z-index:11000;display:flex;flex-direction:column;gap:10px;max-width:380px;pointer-events:none}.global-toast-container[data-v-badc6253]>*{pointer-events:auto}.global-toast[data-v-badc6253]{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#121216eb;color:#f8fafc;box-shadow:0 20px 45px #0000004d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;overflow:hidden}.global-toast[data-v-badc6253]:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:18px 0 0 18px;background:var(--toast-accent, #94a3b8)}.global-toast.success[data-v-badc6253]{--toast-accent: #22c55e}.global-toast.error[data-v-badc6253]{--toast-accent: #ef4444}.global-toast.warning[data-v-badc6253]{--toast-accent: #f59e0b}.global-toast.info[data-v-badc6253]{--toast-accent: #38bdf8}.global-toast.progress[data-v-badc6253]{--toast-accent: #ff3131}.global-toast-icon[data-v-badc6253]{flex-shrink:0;position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-top:1px;border-radius:999px;background:#ffffff14;color:var(--toast-accent, #94a3b8)}.toast-bubbles[data-v-badc6253]{position:absolute;inset:0;gap:3px;margin-right:0}.toast-bubbles .bubble[data-v-badc6253]{width:5px;height:5px;background:color-mix(in srgb,var(--toast-accent, #94a3b8) 72%,white);box-shadow:0 0 10px color-mix(in srgb,var(--toast-accent, #94a3b8) 45%,transparent)}.global-toast-content[data-v-badc6253]{flex:1;min-width:0}.global-toast-title[data-v-badc6253]{margin-bottom:2px;font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-snug);color:#fff}.global-toast-message[data-v-badc6253]{font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-relaxed);color:#ffffffd1}.global-toast-progress[data-v-badc6253]{margin-top:10px}.progress-bar-wrap[data-v-badc6253]{height:8px;margin-bottom:6px;border-radius:6px;overflow:hidden;background:#ffffff1f}.progress-bar-fill[data-v-badc6253]{height:100%;border-radius:6px;background:linear-gradient(90deg,#ff3131,#fb7185);transition:width .3s ease}.progress-stats[data-v-badc6253]{display:flex;justify-content:space-between;font-size:11px;color:#ffffffb3}.global-toast-close[data-v-badc6253]{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:999px;background:none;color:inherit;opacity:.8;cursor:pointer}.global-toast-close[data-v-badc6253]:hover{opacity:1;background:#ffffff14}.toast-enter-active[data-v-badc6253],.toast-leave-active[data-v-badc6253]{transition:all .25s ease}.toast-enter-from[data-v-badc6253],.toast-leave-to[data-v-badc6253]{opacity:0;transform:translate(100%)}.toast-move[data-v-badc6253]{transition:transform .25s ease}.whatsapp-widget[data-v-dbaba4ba]{position:fixed;bottom:70px;right:14px;z-index:9999;font-family:inherit}.whatsapp-bubble[data-v-dbaba4ba]{width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0000001f,0 0 0 1px #ffffff1a inset;background:#a9a9a9;color:#fff;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.whatsapp-bubble-logo[data-v-dbaba4ba]{width:50px;object-fit:cover;border-radius:20px}.whatsapp-panel[data-v-dbaba4ba]{position:absolute;bottom:68px;right:0;width:380px;max-width:calc(100vw - 48px);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid #e2e8f0;box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000a}.whatsapp-panel__header[data-v-dbaba4ba]{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.whatsapp-panel__brand[data-v-dbaba4ba]{display:flex;align-items:center;gap:12px}.whatsapp-panel__logo[data-v-dbaba4ba]{width:40px;height:40px;object-fit:contain;border-radius:10px;background:#fff3;padding:4px;flex-shrink:0}.whatsapp-panel__title-wrap[data-v-dbaba4ba]{display:flex;flex-direction:column;gap:0}.whatsapp-panel__title[data-v-dbaba4ba]{margin:0;font-size:16px;font-weight:700;color:#fff;letter-spacing:-.02em}.whatsapp-panel__subtitle[data-v-dbaba4ba]{font-size:12px;color:#ffffffd9;font-weight:500;margin-top:2px}.whatsapp-panel__close[data-v-dbaba4ba]{width:36px;height:36px;border:none;background:#fff3;color:#fff;cursor:pointer;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:background .2s}.whatsapp-panel__close[data-v-dbaba4ba]:hover{background:#ffffff4d}.whatsapp-panel__content[data-v-dbaba4ba]{padding:12px;text-align:center}.whatsapp-avatar[data-v-dbaba4ba]{width:80px;height:80px;margin:0 auto 16px;border-radius:50%;overflow:hidden;border:3px solid #25D366;box-shadow:0 4px 12px #0000001a}.whatsapp-avatar img[data-v-dbaba4ba]{width:100%;height:100%;object-fit:contain}.whatsapp-title[data-v-dbaba4ba]{font-size:20px;font-weight:700;color:#1a202c;margin:0 0 12px}.whatsapp-description[data-v-dbaba4ba]{font-size:14px;color:#4a5568;line-height:1.5;margin:0}.whatsapp-features[data-v-dbaba4ba]{list-style:none;margin:0 0 15px;text-align:left;background:#f7fafc;border-radius:12px;padding:12px}.whatsapp-features li[data-v-dbaba4ba]{font-size:13px;color:#2d3748;padding:6px 0;display:flex;align-items:center;gap:8px}.whatsapp-info[data-v-dbaba4ba]{background:#f7fafc;border-radius:12px;padding:12px;margin-bottom:12px}.whatsapp-number[data-v-dbaba4ba],.whatsapp-availability[data-v-dbaba4ba]{display:flex;align-items:center;gap:12px;font-size:14px;color:#2d3748;margin-bottom:12px}.whatsapp-number svg[data-v-dbaba4ba],.whatsapp-availability svg[data-v-dbaba4ba]{color:#25d366;flex-shrink:0}.whatsapp-number[data-v-dbaba4ba]:last-child,.whatsapp-availability[data-v-dbaba4ba]:last-child{margin-bottom:0}.whatsapp-chat-button[data-v-dbaba4ba]{width:100%;padding:10px;background:#25d366;color:#fff;border:none;border-radius:12px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;margin-bottom:12px}.whatsapp-chat-button[data-v-dbaba4ba]:hover{background:#128c7e;box-shadow:0 4px 12px #25d3664d}.whatsapp-note[data-v-dbaba4ba]{font-size:12px;color:#718096;margin:0;line-height:1.4}.whatsapp-panel-enter-active[data-v-dbaba4ba],.whatsapp-panel-leave-active[data-v-dbaba4ba]{transition:opacity .25s ease,transform .25s ease}.whatsapp-panel-enter-from[data-v-dbaba4ba],.whatsapp-panel-leave-to[data-v-dbaba4ba]{opacity:0;transform:translateY(12px) scale(.98)}@media(max-width:480px){.whatsapp-panel[data-v-dbaba4ba]{width:calc(100vw - 32px);max-height:80vh}}.login-prompt[data-v-0c8c724f]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:12px;padding:10px;display:flex;gap:15px;align-items:center;margin-bottom:30px;margin-top:20px}.login-content h4[data-v-0c8c724f]{font-size:18px;color:#0369a1;margin:0 0 8px;font-weight:400}.login-content p[data-v-0c8c724f]{color:#0c4a6e;margin:0 0 15px;line-height:1.5;font-size:15px}.login-btn[data-v-0c8c724f]{background:#000;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;cursor:pointer;transition:all .3s ease}.login-btn[data-v-0c8c724f]:hover{background:#333;transform:translateY(-2px)}.modal-enter-active[data-v-0c8c724f],.modal-leave-active[data-v-0c8c724f]{transition:opacity .3s ease}.modal-enter-from[data-v-0c8c724f],.modal-leave-to[data-v-0c8c724f]{opacity:0}.modal-overlay[data-v-0c8c724f]{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:overlayFadeIn-0c8c724f .3s ease}@keyframes overlayFadeIn-0c8c724f{0%{background:#0000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.modal-container[data-v-0c8c724f]{background:#fff;border-radius:20px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn-0c8c724f .4s ease-out}@keyframes modalSlideIn-0c8c724f{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-0c8c724f]{display:flex;justify-content:space-between;align-items:flex-start;padding:15px 20px 10px;border-bottom:1px solid #f1f5f9;background:#000;color:#fff}.header-content[data-v-0c8c724f]{display:flex;align-items:center;gap:15px}.header-icon[data-v-0c8c724f]{font-size:26px;background:#fff3;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-title[data-v-0c8c724f]{font-size:28px;font-weight:400;margin:0 0 5px;letter-spacing:-.5px}.modal-subtitle[data-v-0c8c724f]{font-size:16px;opacity:.9;margin:0}.close-btn[data-v-0c8c724f]{background:#fff3;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;flex-shrink:0}.close-btn[data-v-0c8c724f]:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body[data-v-0c8c724f]{padding:7px 14px}.limit-warning[data-v-0c8c724f]{background:linear-gradient(135deg,#fff5f5,#fed7d7);border:2px solid #fc8181;border-radius:12px;padding:10px;display:flex;gap:15px;align-items:flex-start}.warning-icon[data-v-0c8c724f]{font-size:15px;background:#f56565;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.warning-content h4[data-v-0c8c724f]{font-size:15px;color:#c53030;margin:0;font-weight:400}.warning-content p[data-v-0c8c724f]{color:#742a2a;margin:0;line-height:1.5;font-size:14px}.pricing-section[data-v-0c8c724f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:10px;margin-top:25px}.pricing-card[data-v-0c8c724f]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;position:relative;transition:all .3s ease}.pricing-card[data-v-0c8c724f]:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a}.pricing-card.popular[data-v-0c8c724f]{border-color:#ff3131;background:linear-gradient(135deg,#f8fafc,#f0f4ff)}.pricing-badge[data-v-0c8c724f]{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:red;color:#fff;padding:6px 20px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pricing-header[data-v-0c8c724f]{text-align:center;margin-bottom:25px}.plan-name[data-v-0c8c724f]{font-size:20px;color:#2d3748;margin:0 0 15px;font-weight:600}.price[data-v-0c8c724f]{display:flex;align-items:baseline;justify-content:center;gap:5px;margin-bottom:10px}.currency[data-v-0c8c724f]{font-size:24px;color:#4a5568;font-weight:600}.amount[data-v-0c8c724f]{font-size:48px;color:#2d3748;font-weight:700;line-height:1}.period[data-v-0c8c724f]{font-size:18px;color:#718096}.savings[data-v-0c8c724f]{color:#38a169;font-size:14px;font-weight:600;margin:0}.plan-features[data-v-0c8c724f]{list-style:none;padding:0;margin:0 0 25px}.plan-features li[data-v-0c8c724f]{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#4a5568;font-size:15px}.check-icon[data-v-0c8c724f]{color:#48bb78;flex-shrink:0}.upgrade-btn[data-v-0c8c724f]{width:100%;padding:10px;border:none;border-radius:12px;font-size:16px;font-weight:400;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.upgrade-btn.primary[data-v-0c8c724f]{background:#000;color:#fff}.upgrade-btn.primary[data-v-0c8c724f]:hover{background:#333;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.upgrade-btn.secondary[data-v-0c8c724f]{background:#000;color:#fff}.upgrade-btn.secondary[data-v-0c8c724f]:hover{background:#333;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.trust-signals[data-v-0c8c724f]{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:10px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.trust-item[data-v-0c8c724f]{display:flex;align-items:center;gap:10px;color:#4a5568;font-size:14px}.trust-icon[data-v-0c8c724f]{color:#48bb78;flex-shrink:0}.modal-footer[data-v-0c8c724f]{padding:10px 15px;border-top:1px solid #f1f5f9;text-align:center}.footer-note[data-v-0c8c724f]{color:#718096;margin:0 0 7px;font-size:14px}.login-link[data-v-0c8c724f]{color:#000;text-decoration:none;font-weight:500}.login-link[data-v-0c8c724f]:hover{text-decoration:underline}.continue-free-btn[data-v-0c8c724f]{background:none;border:2px solid #cbd5e0;color:#4a5568;padding:10px 0;border-radius:10px;font-size:15px;cursor:pointer;transition:all .3s ease;width:100%;max-width:400px;margin-bottom:10px}.continue-free-btn[data-v-0c8c724f]:hover{border-color:#a0aec0;background:#f7fafc}.payment-choice-section[data-v-0c8c724f]{margin-top:20px}.back-to-plans[data-v-0c8c724f]{border:1px solid #cbd5e0;background:#fff;color:#2d3748;border-radius:8px;padding:8px 12px;cursor:pointer;margin-bottom:14px}.service-banner[data-v-0c8c724f]{background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:8px;padding:12px 14px;line-height:1.5;margin-bottom:14px}.selected-plan-summary[data-v-0c8c724f]{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e2e8f0;border-radius:8px;padding:14px;margin-bottom:16px}.summary-label[data-v-0c8c724f]{color:#718096;display:block;font-size:13px;margin-bottom:4px}.selected-plan-summary h4[data-v-0c8c724f]{margin:0;color:#2d3748;font-size:20px}.payment-method-grid[data-v-0c8c724f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:16px}.method-card[data-v-0c8c724f]{text-align:left;border:1px solid #cbd5e0;border-radius:8px;background:#fff;padding:14px;color:#4a5568;cursor:pointer;line-height:1.45;font-weight:400}.method-card.active[data-v-0c8c724f]{border-color:#ff3131;box-shadow:0 0 0 2px #ff313126}.method-title[data-v-0c8c724f]{display:block;color:#1a202c;font-weight:700;margin-bottom:6px}.stripe-choice[data-v-0c8c724f],.local-transfer[data-v-0c8c724f]{border:1px solid #e2e8f0;border-radius:8px;padding:16px;background:#fff}.bank-details[data-v-0c8c724f]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px;margin-bottom:14px}.bank-details h4[data-v-0c8c724f],.transfer-steps h4[data-v-0c8c724f],.proof-form h4[data-v-0c8c724f]{margin:0 0 12px;color:#1a202c}.bank-details dl[data-v-0c8c724f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:0}.bank-details div[data-v-0c8c724f]{min-width:0}.bank-details dt[data-v-0c8c724f]{color:#718096;font-size:12px;text-transform:uppercase}.bank-details dd[data-v-0c8c724f]{margin:2px 0 0;color:#1a202c;font-weight:600;overflow-wrap:anywhere}.transfer-steps[data-v-0c8c724f]{margin-bottom:16px}.transfer-steps ol[data-v-0c8c724f]{margin:0;padding-left:20px;color:#4a5568;line-height:1.55}.match-note[data-v-0c8c724f]{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:8px;padding:10px 12px;margin:12px 0 0}.proof-form[data-v-0c8c724f]{display:grid;gap:12px}.proof-form label[data-v-0c8c724f]{display:grid;gap:6px;color:#2d3748;font-weight:600}.proof-form input[data-v-0c8c724f]{border:1px solid #cbd5e0;border-radius:8px;padding:10px 12px;font-size:15px}.proof-status[data-v-0c8c724f]{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:8px;padding:10px;margin:0}.proof-status--warning[data-v-0c8c724f]{background:#fffbeb;border-color:#fcd34d;color:#92400e}.proof-error[data-v-0c8c724f]{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:8px;padding:10px;margin:0}.ocr-overlay[data-v-0c8c724f]{position:fixed;inset:0;background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.ocr-panel[data-v-0c8c724f]{width:min(420px,100%);background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:28px;text-align:center;box-shadow:0 20px 50px #0000002e}.ocr-panel .bubble-loader[data-v-0c8c724f]{margin-bottom:14px}.ocr-panel h3[data-v-0c8c724f]{margin:0 0 8px;color:#1a202c}.ocr-panel p[data-v-0c8c724f]{margin:0 0 8px;color:#2d3748;line-height:1.5}.ocr-panel small[data-v-0c8c724f]{color:#718096}@media(max-width:768px){.modal-container[data-v-0c8c724f]{max-width:95%;max-height:85vh}.modal-header[data-v-0c8c724f]{padding:25px 25px 15px}.modal-body[data-v-0c8c724f],.modal-footer[data-v-0c8c724f]{padding:25px}.pricing-section[data-v-0c8c724f]{grid-template-columns:1fr}.trust-signals[data-v-0c8c724f]{flex-direction:column;align-items:flex-start;gap:15px}.header-icon[data-v-0c8c724f]{width:50px;height:50px;font-size:32px}.modal-title[data-v-0c8c724f]{font-size:24px}.amount[data-v-0c8c724f]{font-size:42px}}@media(max-width:480px){.modal-header[data-v-0c8c724f]{flex-direction:column;gap:15px;align-items:stretch}.close-btn[data-v-0c8c724f]{align-self:flex-end}.modal-title[data-v-0c8c724f]{font-size:22px}.amount[data-v-0c8c724f]{font-size:36px}}.layout[data-v-e5949dda]{display:flex;flex-direction:column;min-height:100vh}.header[data-v-e5949dda]{position:sticky;top:0;z-index:1000;background:var(--header-bg, #fff);border-radius:50px;margin-inline:20px}.content[data-v-e5949dda]{flex:1;padding:8px;overflow-y:auto;background:var(--bg-page)}.content--no-scroll[data-v-e5949dda]{overflow:hidden}.footer[data-v-e5949dda]{position:sticky;bottom:0;background:var(--footer-bg, #fff)}.cloud-service-icon[data-v-dfb53d7c]{display:block;flex-shrink:0}.cloud-import-row[data-v-7174a035]{display:flex;gap:10px;margin-top:10px;margin-bottom:10px;align-items:center}.cloud-icon-btn[data-v-7174a035]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s ease}.cloud-icon-btn[data-v-7174a035]:disabled{opacity:.6;cursor:not-allowed}.cloud-icon-btn[data-v-7174a035]:hover:not(:disabled){background:#f8f9fa}.subtitle[data-v-7174a035]{margin:0;font-size:14px;color:#6b7280}.educational-content[data-v-87ed46e5]{margin:40px auto;max-width:1400px}.content-block[data-v-87ed46e5]{background:#fff;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 5px 20px #0000000d;border:1px solid #e9ecef}.content-block h3[data-v-87ed46e5]{font-size:1.5rem;color:#2c3e50;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #ff3131;display:flex;align-items:center;gap:10px}.content-block h3 .icon[data-v-87ed46e5]{font-size:1.8rem}.guide-grid[data-v-87ed46e5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:20px}.guide-card[data-v-87ed46e5]{background:#f8fafc;border-radius:12px;padding:25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e2e8f0}.guide-card[data-v-87ed46e5]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.guide-icon[data-v-87ed46e5]{font-size:2.5rem;margin-bottom:15px;color:#ff3131}.guide-card h4[data-v-87ed46e5]{font-size:1.1rem;color:#2c3e50;margin-bottom:12px}.guide-card p[data-v-87ed46e5]{font-size:.9rem;color:#666;line-height:1.6;margin:0}.practices-list[data-v-87ed46e5]{display:flex;flex-direction:column;gap:20px;margin-top:20px}.practice-item[data-v-87ed46e5]{display:flex;gap:20px;padding:20px;background:#f8f9fa;border-radius:12px;align-items:flex-start;border-left:4px solid #ff3131}.practice-number[data-v-87ed46e5]{display:flex;align-items:center;justify-content:center;min-width:35px;height:35px;background:#ff3131;color:#fff;border-radius:50%;font-weight:700;font-size:1.2rem;flex-shrink:0}.practice-content h4[data-v-87ed46e5]{font-size:1.1rem;color:#2c3e50;margin-bottom:8px}.practice-content p[data-v-87ed46e5]{font-size:.95rem;color:#666;line-height:1.6;margin:0}.format-guide .format-comparison[data-v-87ed46e5]{background:#f8f9fa;border-radius:12px;overflow:hidden;border:1px solid #e9ecef;margin-top:20px}.format-row[data-v-87ed46e5]{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;padding:15px 20px;border-bottom:1px solid #e9ecef;align-items:center}.format-row.header[data-v-87ed46e5]{background:#ff3131;color:#fff;font-weight:600;font-size:.9rem}.format-row[data-v-87ed46e5]:last-child{border-bottom:none}.format-row[data-v-87ed46e5]:nth-child(2n):not(.header){background:#fff}.format-name[data-v-87ed46e5]{font-weight:400}.format-best-for[data-v-87ed46e5]{font-size:.9rem}.format-quality[data-v-87ed46e5],.format-size[data-v-87ed46e5]{text-align:center;font-weight:500}.faq-list[data-v-87ed46e5]{margin-top:20px}.faq-item[data-v-87ed46e5]{margin-bottom:12px;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#f8fafc}.faq-item summary[data-v-87ed46e5]{padding:14px 10px;font-weight:400;color:#2c3e50;cursor:pointer;list-style:none;position:relative;font-size:1rem;transition:background-color .3s ease}.faq-item summary[data-v-87ed46e5]:hover{background:#edf2f7}.faq-item summary[data-v-87ed46e5]::-webkit-details-marker{display:none}.faq-item[open] summary[data-v-87ed46e5]{background:#edf2f7;border-bottom:1px solid #e2e8f0}.faq-item p[data-v-87ed46e5]{padding:20px;margin:0;font-size:.95rem;color:#666;line-height:1.6;background:#fff}.use-cases-grid[data-v-87ed46e5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:20px}.use-case[data-v-87ed46e5]{background:#fff;border-radius:12px;padding:25px;text-align:center;border:2px solid #f0f4ff;transition:all .3s ease}.use-case[data-v-87ed46e5]:hover{border-color:#ff3131;transform:translateY(-3px);box-shadow:0 8px 20px #ee6c4d1a}.use-case-icon[data-v-87ed46e5]{font-size:2.5rem;margin-bottom:15px;color:#ff3131}.use-case h4[data-v-87ed46e5]{font-size:1.1rem;color:#2c3e50;margin-bottom:12px}.use-case p[data-v-87ed46e5]{font-size:.9rem;color:#666;line-height:1.6;margin:0}@media(max-width:1200px){.guide-grid[data-v-87ed46e5],.use-cases-grid[data-v-87ed46e5]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.educational-content[data-v-87ed46e5]{margin:30px 15px}.content-block[data-v-87ed46e5]{padding:20px;margin-bottom:25px}.content-block h3[data-v-87ed46e5]{font-size:1.3rem}.guide-grid[data-v-87ed46e5],.use-cases-grid[data-v-87ed46e5]{grid-template-columns:1fr}.practice-item[data-v-87ed46e5]{padding:15px;gap:15px}.format-row[data-v-87ed46e5]{grid-template-columns:1fr;gap:8px;padding:12px}.format-row.header[data-v-87ed46e5]{display:none}.format-name[data-v-87ed46e5],.format-best-for[data-v-87ed46e5],.format-quality[data-v-87ed46e5],.format-size[data-v-87ed46e5]{text-align:left;padding:4px 0}.image-cropper-page[data-v-87ed46e5]{padding:10px!important}.upload-card[data-v-87ed46e5]{padding:12px!important}.format-name[data-v-87ed46e5]:before{content:"Format: ";font-weight:700;color:#ff3131}.format-best-for[data-v-87ed46e5]:before{content:"Best For: ";font-weight:700;color:#ff3131}.format-quality[data-v-87ed46e5]:before{content:"Quality: ";font-weight:700;color:#ff3131}.format-size[data-v-87ed46e5]:before{content:"File Size: ";font-weight:700;color:#ff3131}}@media(max-width:480px){.educational-content[data-v-87ed46e5]{margin:20px 10px}.content-block[data-v-87ed46e5]{padding:15px}.content-block h3[data-v-87ed46e5]{font-size:1.2rem}.practice-item[data-v-87ed46e5]{flex-direction:column;align-items:flex-start}.practice-number[data-v-87ed46e5]{margin-bottom:10px}.faq-item summary[data-v-87ed46e5]{padding:15px;font-size:.95rem}.faq-item p[data-v-87ed46e5]{padding:15px;font-size:.9rem}}.image-cropper-page[data-v-87ed46e5]{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px}.header-section[data-v-87ed46e5]{text-align:center;margin-bottom:40px}.header-content[data-v-87ed46e5]{max-width:800px;margin:0 auto}.header-icon[data-v-87ed46e5]{font-size:2rem;color:#ff3131}.subtitle[data-v-87ed46e5]{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.main-content[data-v-87ed46e5]{max-width:1400px;margin:0 auto}.content-grid[data-v-87ed46e5]{display:grid;grid-template-columns:400px 1fr;gap:30px;align-items:start}.left-column[data-v-87ed46e5]{position:sticky;top:20px;display:flex;flex-direction:column;gap:24px}.upload-card[data-v-87ed46e5],.stats-card[data-v-87ed46e5]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0000001a}.card-header[data-v-87ed46e5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:2px solid #f0f4ff}.card-header h2[data-v-87ed46e5]{font-size:1.3rem;color:#2c3e50;margin:0}.file-info[data-v-87ed46e5]{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#666}.file-type[data-v-87ed46e5]{background:#f0f4ff;color:#ff3131;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600;border:1px solid #ff3131}.drop-zone[data-v-87ed46e5]{border:2px dashed #cbd5e0;border-radius:12px;padding:20px 10px;text-align:center;background:#f8fafc;transition:all .3s ease;cursor:pointer}.drop-zone[data-v-87ed46e5]:hover:not(.has-image){border-color:#ff3131;background:#fff5f5}.drop-zone.has-image[data-v-87ed46e5]{padding:0;border-style:solid;border-color:#e2e8f0}.drop-zone.dragover[data-v-87ed46e5]{border-color:#ff3131;background:#fff5f5;transform:scale(1.02)}.upload-icon[data-v-87ed46e5]{margin-bottom:20px}.drop-text[data-v-87ed46e5]{font-size:1.2rem;color:#2c3e50;margin-bottom:8px;font-weight:500}.drop-subtext[data-v-87ed46e5]{font-size:1rem;color:#718096}.upload-btn[data-v-87ed46e5]{display:inline-block;position:relative;background:#ff3131;color:#fff;padding:6px 12px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;overflow:hidden;pointer-events:auto}.file-input[data-v-87ed46e5]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;pointer-events:auto}.file-requirements[data-v-87ed46e5]{margin-top:20px;font-size:.9rem;color:#a0aec0;display:flex;flex-direction:column;gap:4px}.image-preview[data-v-87ed46e5]{position:relative;border-radius:10px;overflow:hidden;max-height:300px}.preview-image[data-v-87ed46e5]{width:100%;height:300px;object-fit:contain;background:#f8f9fa}.image-overlay[data-v-87ed46e5]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:16px;display:flex;justify-content:space-between;align-items:center}.image-info[data-v-87ed46e5]{color:#fff}.image-name[data-v-87ed46e5]{display:block;font-size:.9rem;margin-bottom:4px;font-weight:500}.image-dimensions[data-v-87ed46e5]{font-size:.8rem;opacity:.9}.remove-btn[data-v-87ed46e5]{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.remove-btn[data-v-87ed46e5]:hover{background:#ffffff4d}.upload-progress[data-v-87ed46e5]{margin-top:16px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.progress-bar[data-v-87ed46e5]{height:6px;background:#e9ecef;border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-87ed46e5]{height:100%;background:linear-gradient(90deg,#ff3131,#e02828);border-radius:3px;transition:width .3s ease}.progress-text[data-v-87ed46e5]{font-size:.9rem;color:#666;text-align:center}.upload-error[data-v-87ed46e5]{margin-top:16px;padding:12px;background:#fff5f5;border:2px solid #fed7d7;border-radius:8px;color:#e53e3e;display:flex;align-items:center;gap:12px}.error-icon[data-v-87ed46e5]{font-size:1.2rem}.error-message[data-v-87ed46e5]{flex:1;font-size:.9rem}.error-close[data-v-87ed46e5]{background:none;border:none;color:#e53e3e;font-size:1.5rem;cursor:pointer;padding:0 4px;line-height:1}.controls-section h3[data-v-87ed46e5]{font-size:1.2rem;color:#2c3e50;margin-bottom:20px}.ratio-section[data-v-87ed46e5],.size-section[data-v-87ed46e5],.transform-section[data-v-87ed46e5]{margin-bottom:24px}.ratio-section h4[data-v-87ed46e5],.size-section h4[data-v-87ed46e5],.transform-section h4[data-v-87ed46e5]{font-size:1rem;color:#4a5568;margin-bottom:12px;font-weight:600}.ratio-buttons[data-v-87ed46e5]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ratio-btn[data-v-87ed46e5]{background:#f8f9fa;border:2px solid #e2e8f0;border-radius:10px;padding:12px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.ratio-btn[data-v-87ed46e5]:hover:not(.active):not(:disabled){border-color:#cbd5e0;background:#edf2f7}.ratio-btn.active[data-v-87ed46e5]{background:#ff3131;border-color:#ff3131;color:#fff}.ratio-btn[data-v-87ed46e5]:disabled{opacity:.5;cursor:not-allowed}.ratio-icon[data-v-87ed46e5]{font-size:1.2rem}.ratio-text[data-v-87ed46e5]{font-size:.85rem;font-weight:500}.size-controls[data-v-87ed46e5]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.size-input-group[data-v-87ed46e5]{display:flex;flex-direction:column;gap:8px}.size-input-group label[data-v-87ed46e5]{font-size:.9rem;color:#4a5568;font-weight:500}.size-input[data-v-87ed46e5]{padding:10px;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem}.size-input[data-v-87ed46e5]:focus{outline:none;border-color:#ff3131}.size-actions[data-v-87ed46e5]{display:flex;gap:12px}.size-btn[data-v-87ed46e5]{flex:1;background:#f8f9fa;border:2px solid #e2e8f0;border-radius:8px;padding:10px;cursor:pointer;font-weight:500;transition:all .3s ease}.size-btn[data-v-87ed46e5]:hover:not(:disabled){border-color:#cbd5e0;background:#edf2f7}.size-btn[data-v-87ed46e5]:disabled{opacity:.5;cursor:not-allowed}.transform-controls[data-v-87ed46e5]{display:flex;flex-direction:column;gap:20px}.rotation-control[data-v-87ed46e5]{display:flex;flex-direction:column;gap:12px}.rotation-control label[data-v-87ed46e5]{font-size:.9rem;color:#4a5568;font-weight:500}.rotation-slider[data-v-87ed46e5]{width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;-webkit-appearance:none}.rotation-slider[data-v-87ed46e5]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#ff3131;cursor:pointer}.rotation-buttons[data-v-87ed46e5]{display:flex;gap:10px}.rotate-btn[data-v-87ed46e5]{flex:1;background:#f8f9fa;border:2px solid #e2e8f0;border-radius:8px;padding:8px;cursor:pointer;font-size:.85rem;transition:all .3s ease}.rotate-btn[data-v-87ed46e5]:hover:not(:disabled){border-color:#cbd5e0;background:#edf2f7}.rotate-btn[data-v-87ed46e5]:disabled{opacity:.5;cursor:not-allowed}.flip-controls[data-v-87ed46e5]{display:flex;gap:12px}.flip-btn[data-v-87ed46e5]{flex:1;background:#f8f9fa;border:2px solid #e2e8f0;border-radius:8px;padding:12px;cursor:pointer;font-weight:500;transition:all .3s ease}.flip-btn[data-v-87ed46e5]:hover:not(:disabled){border-color:#cbd5e0;background:#edf2f7}.flip-btn[data-v-87ed46e5]:disabled{opacity:.5;cursor:not-allowed}.action-buttons[data-v-87ed46e5]{display:flex;gap:12px;margin-top:24px;margin-bottom:24px}.crop-btn[data-v-87ed46e5]{background:linear-gradient(135deg,#ff3131,#e02828);color:#fff;border:none;border-radius:10px;font-size:1rem;cursor:pointer;transition:all .3s ease}.crop-btn[data-v-87ed46e5]:disabled{opacity:.5;cursor:not-allowed;transform:none}.reset-btn[data-v-87ed46e5]{flex:1;background:#f8f9fa;border:2px solid #e2e8f0;border-radius:10px;padding:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.reset-btn[data-v-87ed46e5]:hover:not(:disabled){border-color:#cbd5e0;background:#edf2f7}.reset-btn[data-v-87ed46e5]:disabled{opacity:.5;cursor:not-allowed}.instructions-box[data-v-87ed46e5]{background:#f0f4ff;border-radius:12px;padding:20px;border:2px solid #e2e8f0}.instructions-box h4[data-v-87ed46e5]{font-size:1rem;color:#2c3e50;margin-bottom:16px;font-weight:600}.instruction-steps[data-v-87ed46e5]{display:flex;flex-direction:column;gap:12px}.instruction-step[data-v-87ed46e5]{display:flex;align-items:center;gap:12px}.step-number[data-v-87ed46e5]{background:#ff3131;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0}.step-text[data-v-87ed46e5]{font-size:.9rem;color:#4a5568;line-height:1.4}.stats-grid[data-v-87ed46e5]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-item[data-v-87ed46e5]{background:#f7fafc;border-radius:10px;padding:16px;display:flex;align-items:center;gap:12px;transition:transform .2s ease}.stat-item[data-v-87ed46e5]:hover{transform:translateY(-2px)}.stat-icon[data-v-87ed46e5]{font-size:1.5rem}.stat-content[data-v-87ed46e5]{flex:1}.stat-label[data-v-87ed46e5]{font-size:.8rem;color:#718096;margin-bottom:4px}.stat-value[data-v-87ed46e5]{font-size:1.1rem;font-weight:600;color:#2c3e50}.right-column[data-v-87ed46e5]{display:flex;flex-direction:column;gap:24px}.crop-area-card[data-v-87ed46e5],.preview-card[data-v-87ed46e5],.export-card[data-v-87ed46e5],.tips-card[data-v-87ed46e5]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000001a;padding:15px}.crop-status[data-v-87ed46e5]{display:flex;align-items:center;gap:12px}.crop-size[data-v-87ed46e5]{font-size:.9rem;color:#666;font-weight:500}.clear-crop-btn[data-v-87ed46e5]{background:#f8f9fa;border:2px solid #e2e8f0;border-radius:6px;padding:6px 12px;font-size:.8rem;color:#666;cursor:pointer;transition:all .3s ease}.clear-crop-btn[data-v-87ed46e5]:hover:not(:disabled){border-color:#cbd5e0;background:#edf2f7}.clear-crop-btn[data-v-87ed46e5]:disabled{opacity:.5;cursor:not-allowed}.crop-canvas-container[data-v-87ed46e5]{position:relative;min-height:500px;background:#f8f9fa;border-radius:12px;overflow:hidden}.empty-crop-area[data-v-87ed46e5]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#999;width:100%;padding:40px}.empty-icon[data-v-87ed46e5]{margin-bottom:24px;opacity:.5}.empty-crop-area h3[data-v-87ed46e5]{font-size:1.4rem;color:#ccc;margin-bottom:12px}.empty-crop-area p[data-v-87ed46e5]{max-width:400px;margin:0 auto;line-height:1.6}.crop-canvas[data-v-87ed46e5]{width:100%;height:500px;position:relative;overflow:hidden;cursor:crosshair}.crop-canvas.selecting[data-v-87ed46e5]{cursor:crosshair}.crop-canvas.has-selection[data-v-87ed46e5]{cursor:default}.image-container[data-v-87ed46e5]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.crop-source-image[data-v-87ed46e5]{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.crop-selection[data-v-87ed46e5]{position:absolute;border:2px solid #ff3131;background:#ee6c4d1a;box-shadow:0 0 0 9999px #00000080;z-index:10}.selection-handle[data-v-87ed46e5]{position:absolute;width:12px;height:12px;background:#fff;border:2px solid #ff3131;border-radius:50%;z-index:20}.selection-handle.top-left[data-v-87ed46e5]{top:-6px;left:-6px;cursor:nw-resize}.selection-handle.top-right[data-v-87ed46e5]{top:-6px;right:-6px;cursor:ne-resize}.selection-handle.bottom-left[data-v-87ed46e5]{bottom:-6px;left:-6px;cursor:sw-resize}.selection-handle.bottom-right[data-v-87ed46e5]{bottom:-6px;right:-6px;cursor:se-resize}.selection-handle.top[data-v-87ed46e5]{top:-6px;left:50%;transform:translate(-50%);cursor:n-resize}.selection-handle.right[data-v-87ed46e5]{top:50%;right:-6px;transform:translateY(-50%);cursor:e-resize}.selection-handle.bottom[data-v-87ed46e5]{bottom:-6px;left:50%;transform:translate(-50%);cursor:s-resize}.selection-handle.left[data-v-87ed46e5]{top:50%;left:-6px;transform:translateY(-50%);cursor:w-resize}.selection-move[data-v-87ed46e5]{position:absolute;top:0;left:0;width:100%;height:100%;cursor:move;z-index:15}.selection-grid[data-v-87ed46e5]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.grid-line[data-v-87ed46e5]{position:absolute;background:#ffffff4d}.grid-line.horizontal[data-v-87ed46e5]{top:50%;left:0;width:100%;height:1px;transform:translateY(-50%)}.grid-line.vertical[data-v-87ed46e5]{top:0;left:50%;width:1px;height:100%;transform:translate(-50%)}.selection-preview[data-v-87ed46e5]{position:absolute;border:2px dashed #ff3131;background:#ee6c4d1a;pointer-events:none;z-index:5}.crop-instructions[data-v-87ed46e5]{position:absolute;bottom:20px;left:0;right:0;text-align:center;z-index:5}.instruction-content[data-v-87ed46e5]{display:inline-flex;align-items:center;gap:12px;background:#000c;color:#fff;padding:12px 24px;border-radius:20px;font-size:.9rem}.instruction-icon[data-v-87ed46e5]{font-size:1.2rem}.instruction-text[data-v-87ed46e5]{line-height:1.4}.preview-size[data-v-87ed46e5]{font-size:.9rem;color:#666;font-weight:500}.cropped-image-wrapper[data-v-87ed46e5]{position:relative;border-radius:12px;overflow:hidden;background:#f8f9fa;margin-bottom:20px}.cropped-preview-image[data-v-87ed46e5]{width:100%;max-height:300px;object-fit:contain;display:block}.preview-overlay[data-v-87ed46e5]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:16px}.preview-info[data-v-87ed46e5]{color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.reduction-badge[data-v-87ed46e5]{background:#28a745;color:#fff;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600}.preview-actions[data-v-87ed46e5]{display:flex;gap:12px}.preview-action-btn[data-v-87ed46e5]{flex:1;border:none;border-radius:8px;padding:12px;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.preview-action-btn.copy[data-v-87ed46e5]{background:#6f42c1;color:#fff}.preview-action-btn.download[data-v-87ed46e5]{background:#ff3131;color:#fff}.preview-action-btn.new[data-v-87ed46e5]{background:#17a2b8;color:#fff}.preview-action-btn[data-v-87ed46e5]:disabled{opacity:.5;cursor:not-allowed;transform:none}.quality-control[data-v-87ed46e5]{display:flex;align-items:center;gap:12px}.quality-control label[data-v-87ed46e5]{font-size:.9rem;color:#4a5568;font-weight:500;min-width:80px}.quality-slider[data-v-87ed46e5]{width:150px;height:6px;border-radius:3px;background:#e2e8f0;outline:none;-webkit-appearance:none}.quality-slider[data-v-87ed46e5]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#ff3131;cursor:pointer}.format-section[data-v-87ed46e5]{margin-bottom:20px}.format-section h3[data-v-87ed46e5]{font-size:1.1rem;color:#2c3e50;margin-bottom:16px}.format-buttons[data-v-87ed46e5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.format-btn[data-v-87ed46e5]{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.format-btn[data-v-87ed46e5]:hover:not(.active):not(:disabled){border-color:#cbd5e0;background:#edf2f7}.format-btn.active[data-v-87ed46e5]{background:#ff3131;border-color:#ff3131;color:#fff}.format-btn[data-v-87ed46e5]:disabled{opacity:.5;cursor:not-allowed}.format-icon[data-v-87ed46e5]{font-size:1.5rem}.format-text[data-v-87ed46e5]{font-weight:300;font-size:.9rem}.format-desc[data-v-87ed46e5]{font-size:.75rem;opacity:.8;text-align:center}.export-actions[data-v-87ed46e5]{padding:15px;background:#f8f9fa;border-top:2px solid #e2e8f0}.export-info[data-v-87ed46e5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;background:#fff;border-radius:12px;border:2px solid #e2e8f0}.size-label[data-v-87ed46e5],.format-label[data-v-87ed46e5]{font-size:.9rem;color:#718096;margin-right:8px}.size-value[data-v-87ed46e5],.format-value[data-v-87ed46e5]{font-weight:600;color:#2c3e50}.export-buttons[data-v-87ed46e5]{display:flex;gap:12px}.export-btn[data-v-87ed46e5]{flex:1;border:none;border-radius:10px;padding:10px;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.export-btn.export[data-v-87ed46e5]{background:linear-gradient(135deg,#ff3131,#e02828);color:#fff}.export-btn[data-v-87ed46e5]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.tips-grid[data-v-87ed46e5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:24px}.tip[data-v-87ed46e5]{display:flex;gap:16px}.tip-icon[data-v-87ed46e5]{font-size:1.8rem;color:#ff3131}.tip-content h4[data-v-87ed46e5]{font-size:1rem;color:#2c3e50;margin-bottom:8px}.tip-content p[data-v-87ed46e5]{font-size:.9rem;color:#666;line-height:1.5;margin:0}@keyframes spin-87ed46e5{to{transform:rotate(360deg)}}@media(max-width:1200px){.content-grid[data-v-87ed46e5]{grid-template-columns:1fr}.left-column[data-v-87ed46e5]{position:static}.stats-grid[data-v-87ed46e5]{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.header-content h1[data-v-87ed46e5]{font-size:1.9rem}.stats-grid[data-v-87ed46e5],.ratio-buttons[data-v-87ed46e5],.format-buttons[data-v-87ed46e5]{grid-template-columns:repeat(2,1fr)}.export-buttons[data-v-87ed46e5],.preview-actions[data-v-87ed46e5]{flex-direction:column}}.share-buttons-row[data-v-ee622114]{display:flex;flex-direction:column;gap:6px;margin-top:10px}.share-label[data-v-ee622114]{font-size:12px;color:#495057;font-weight:500}.share-buttons-group[data-v-ee622114]{display:flex;flex-wrap:wrap;gap:8px}.share-chip[data-v-ee622114]{padding:6px 10px;border-radius:999px;border:1px solid #dee2e6;background:#f8f9fa;font-size:12px;cursor:pointer;color:#212529;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.share-chip[data-v-ee622114]:hover{background:#e9ecef}.cloud-actions-row[data-v-ee622114]{margin-inline:20px}.qr-popup-overlay[data-v-ee622114]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.qr-popup[data-v-ee622114]{background:#fff;border-radius:24px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080;animation:popupIn-ee622114 .3s ease-out}@keyframes popupIn-ee622114{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.qr-popup-header[data-v-ee622114]{background:#000;color:#fff;padding:12px 10px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.header-left[data-v-ee622114]{display:flex;align-items:center;gap:12px}.pro-badge-header[data-v-ee622114]{background:gold;color:#000;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.qr-popup-header h3[data-v-ee622114]{margin:0;font-size:18px;font-weight:400}.close-btn[data-v-ee622114]{background:#ffffff26;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn[data-v-ee622114]:hover{background:#ffffff40;transform:rotate(90deg)}.qr-section[data-v-ee622114]{text-align:center;margin-bottom:20px}.qr-wrapper[data-v-ee622114]{background:#fff;padding:12px;border-radius:16px;display:inline-block;box-shadow:0 8px 25px #0000001a}.qr-image[data-v-ee622114]{width:200px;height:200px;display:block;border-radius:8px}.timer[data-v-ee622114]{align-items:center;gap:8px;margin-top:10px;padding:4px 10px;background:#fff3cd;color:#856404;border-radius:30px;font-size:14px;font-weight:500;border:1px solid #ffeaa7;margin-inline:20px}.info-section[data-v-ee622114]{border-radius:16px;padding:16px;margin-bottom:16px;margin-inline:20px}.info-row[data-v-ee622114]{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e9ecef}.info-row[data-v-ee622114]:last-child{border-bottom:none}.info-label[data-v-ee622114]{font-weight:600;color:#495057;font-size:13px}.info-value[data-v-ee622114]{color:#212529;font-size:13px;text-align:right;max-width:60%;word-break:break-word;font-weight:500}.security-notice[data-v-ee622114]{display:flex;gap:12px;align-items:flex-start;background:#e7f5ff;padding:6px 8px;border-radius:12px;margin-bottom:24px;border-left:4px solid #339af0;margin-inline:20px}.notice-icon[data-v-ee622114]{font-size:18px;flex-shrink:0}.security-notice p[data-v-ee622114]{margin:0;font-size:13px;color:#1864ab;line-height:1.5}.action-section[data-v-ee622114]{display:flex;flex-direction:column;gap:20px}.share-row[data-v-ee622114]{display:flex;flex-direction:column;gap:8px;margin-inline:20px}.share-buttons[data-v-ee622114]{display:flex;flex-wrap:wrap;gap:8px}.icon-svg[data-v-ee622114]{display:inline-flex;align-items:center;justify-content:center}.icon-svg svg[data-v-ee622114]{width:16px;height:16px;fill:currentColor}.share-btn[data-v-ee622114]{padding:6px 10px;border-radius:999px;border:1px solid #dee2e6;font-size:12px;cursor:pointer;background:#f8f9fa;color:#212529;transition:all .2s ease}.share-btn[data-v-ee622114]:hover{background:#e9ecef}.share-btn.whatsapp[data-v-ee622114]{color:#128c7e}.share-btn.email[data-v-ee622114]{color:#0d6efd}.share-btn.teams[data-v-ee622114]{color:#464775}.action-buttons[data-v-ee622114]{display:flex;gap:12px;margin-inline:20px}.btn-preview[data-v-ee622114],.btn-download[data-v-ee622114]{flex:1;padding:5px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;border:none;position:relative}.btn-preview[data-v-ee622114]{background:#fff;color:#2c3e50;border:2px solid #ff3131}.btn-preview[data-v-ee622114]:hover{background:#fff5f0;box-shadow:0 4px 12px #ee6c4d33}.btn-download[data-v-ee622114]{background:#000;color:#fff}.btn-download[data-v-ee622114]:hover{background:#1a1a1a;box-shadow:0 4px 12px #0003}.badge-pro[data-v-ee622114]{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,gold,#ffb800);color:#000;font-size:10px;font-weight:700;padding:2px 8px;border-radius:12px;border:2px solid white;box-shadow:0 2px 5px #0000001a}.btn-icon[data-v-ee622114]{font-size:18px}.email-option[data-v-ee622114]{margin-top:4px}.divider[data-v-ee622114]{position:relative;text-align:center;margin-bottom:16px}.divider[data-v-ee622114]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e9ecef}.divider span[data-v-ee622114]{position:relative;background:#fff;padding:0 12px;color:#6c757d;font-size:12px}.email-form[data-v-ee622114]{display:flex;gap:10px;align-items:center}.email-input-wrapper[data-v-ee622114]{flex:1;display:flex;align-items:center;gap:8px;padding:0 8px;border:1px solid #dee2e6;border-radius:12px;background:#fff;transition:all .2s;margin-inline:20px;margin-bottom:12px}.email-input-wrapper[data-v-ee622114]:focus-within{border-color:#000;box-shadow:0 0 0 3px #0000000d}.email-icon[data-v-ee622114]{color:#6c757d;font-size:16px}.email-input[data-v-ee622114]{width:100%;padding:8px 0;border:none;outline:none;font-size:14px;background:transparent}.email-input[data-v-ee622114]:disabled{background:#f8f9fa;cursor:not-allowed}.btn-email[data-v-ee622114]{padding:8px 10px;background:#6c757d;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;min-width:80px}.btn-email[data-v-ee622114]:hover:not(:disabled){background:#5a6268}.btn-email[data-v-ee622114]:disabled{opacity:.7;cursor:not-allowed}@keyframes spin-ee622114{to{transform:rotate(360deg)}}.email-success[data-v-ee622114]{margin:8px 0 0;color:#28a745;font-size:13px;font-weight:500}@media(max-width:480px){.qr-popup[data-v-ee622114]{width:95%;max-height:95vh}.qr-image[data-v-ee622114]{width:160px;height:160px}.action-buttons[data-v-ee622114],.email-form[data-v-ee622114]{flex-direction:column}.btn-email[data-v-ee622114]{width:100%}}.preview-editor-overlay[data-v-aa929ac8]{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.preview-editor[data-v-aa929ac8]{background:#fff;border-radius:16px;width:100%;max-width:1400px;height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.preview-header[data-v-aa929ac8]{background:#000;color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.header-left[data-v-aa929ac8]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.header-left h3[data-v-aa929ac8]{margin:0;font-size:18px;font-weight:400}.pro-badge[data-v-aa929ac8]{background:gold;color:#000;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.header-right[data-v-aa929ac8]{display:flex;align-items:center;gap:16px}.sort-controls[data-v-aa929ac8]{display:flex;gap:6px}.sort-btn[data-v-aa929ac8]{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.sort-btn[data-v-aa929ac8]:hover{background:#ffffff40;border-color:#ffffff80}.history-controls[data-v-aa929ac8]{display:flex;gap:6px;margin-left:8px}.history-btn[data-v-aa929ac8]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer}.history-btn[data-v-aa929ac8]:hover:not(:disabled){background:#fff3}.history-btn[data-v-aa929ac8]:disabled{opacity:.3;cursor:not-allowed}.keyboard-shortcuts-tip[data-v-aa929ac8]{position:relative;cursor:help}.shortcut-icon[data-v-aa929ac8]{font-size:20px}.shortcuts-tooltip[data-v-aa929ac8]{position:absolute;top:100%;right:0;background:#fff;color:#333;padding:12px;border-radius:8px;font-size:12px;white-space:nowrap;box-shadow:0 4px 12px #0003;display:none;z-index:100}.keyboard-shortcuts-tip:hover .shortcuts-tooltip[data-v-aa929ac8]{display:block}.shortcuts-tooltip p[data-v-aa929ac8]{margin:4px 0}.page-count[data-v-aa929ac8]{background:#ffffff26;padding:6px 14px;border-radius:20px;font-size:14px}.close-btn[data-v-aa929ac8]{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer;transition:all .2s}.close-btn[data-v-aa929ac8]:hover{background:#fff3;transform:rotate(90deg)}.preview-loading[data-v-aa929ac8]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes spin-aa929ac8{to{transform:rotate(360deg)}}.preview-error[data-v-aa929ac8]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.error-icon[data-v-aa929ac8]{font-size:48px;margin-bottom:16px}.preview-content[data-v-aa929ac8]{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor-toolbar[data-v-aa929ac8]{padding:16px 24px;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:16px;align-items:center}.toolbar-group[data-v-aa929ac8]{display:flex;gap:8px;align-items:center;padding-right:16px;margin-right:16px;border-right:1px solid #dee2e6}.toolbar-group[data-v-aa929ac8]:last-child{border-right:none}.toolbar-group.right[data-v-aa929ac8]{margin-left:auto}.toolbar-btn[data-v-aa929ac8]{padding:8px 16px;background:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:13px;font-weight:500;color:#495057;cursor:pointer;transition:all .2s}.toolbar-btn[data-v-aa929ac8]:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.toolbar-btn.active[data-v-aa929ac8]{background:#ff3131;border-color:#ff3131;color:#fff}.toolbar-btn[data-v-aa929ac8]:disabled{opacity:.5;cursor:not-allowed}.remove-btn[data-v-aa929ac8]{background:#dc3545;border-color:#dc3545;color:#fff}.remove-btn[data-v-aa929ac8]:hover:not(:disabled){background:#c82333}.extract-btn[data-v-aa929ac8]{background:#28a745;border-color:#28a745;color:#fff}.extract-btn[data-v-aa929ac8]:hover:not(:disabled){background:#218838}.cleanup-suggestions[data-v-aa929ac8]{display:flex;gap:12px;align-items:center;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;padding:6px 12px;position:relative}.suggestion[data-v-aa929ac8]{font-size:13px;color:#856404;display:flex;align-items:center;gap:8px}.suggestion-btn[data-v-aa929ac8]{background:#ffc107;border:none;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;color:#856404;font-weight:600}.suggestion-btn[data-v-aa929ac8]:hover{background:#e0a800}.close-suggestion[data-v-aa929ac8]{background:transparent;border:none;color:#856404;cursor:pointer;font-size:16px;padding:0 4px}.page-indicator[data-v-aa929ac8],.zoom-indicator[data-v-aa929ac8]{font-size:13px;color:#6c757d;min-width:100px;text-align:center}.preview-area[data-v-aa929ac8]{flex:1;overflow-y:auto;padding:24px;background:#f1f3f5}.grid-view[data-v-aa929ac8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.grid-item[data-v-aa929ac8]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;cursor:move;border:2px solid transparent;transition:all .2s}.grid-item.selected[data-v-aa929ac8]{border-color:#ff3131;box-shadow:0 0 0 3px #ee6c4d4d}.grid-item.dragging[data-v-aa929ac8]{opacity:.5;transform:scale(.95)}.grid-item.preview-failed[data-v-aa929ac8]{border-color:#ffc107}.grid-item.blank[data-v-aa929ac8]{border-color:#6c757d;opacity:.8}.page-thumbnail-container[data-v-aa929ac8]{position:relative;padding-top:141.4%;background:#f8f9fa}.page-thumbnail[data-v-aa929ac8]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.page-label-container[data-v-aa929ac8]{position:absolute;top:40px;left:0;right:0;padding:4px 8px;background:#ffffffe6;border-bottom:1px solid #dee2e6;z-index:2}.page-label-input[data-v-aa929ac8]{width:100%;padding:4px;border:1px solid #ced4da;border-radius:4px;font-size:11px;text-align:center}.page-label-input[data-v-aa929ac8]:focus{outline:none;border-color:#ff3131}.page-overlay[data-v-aa929ac8]{position:absolute;top:0;left:0;right:0;padding:8px;display:flex;align-items:center;gap:4px;background:linear-gradient(to bottom,rgba(0,0,0,.4),transparent);z-index:3}.page-select[data-v-aa929ac8]{width:18px;height:18px;cursor:pointer}.page-number[data-v-aa929ac8]{background:#000000b3;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px}.page-rotation-controls[data-v-aa929ac8]{display:flex;gap:2px;margin-left:auto}.rotate-page-btn[data-v-aa929ac8],.duplicate-page-btn[data-v-aa929ac8]{background:#0009;border:1px solid rgba(255,255,255,.3);color:#fff;width:24px;height:24px;border-radius:4px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.rotate-page-btn[data-v-aa929ac8]:hover,.duplicate-page-btn[data-v-aa929ac8]:hover{background:#ffffff4d;border-color:#fff;transform:scale(1.1)}.remove-page-btn[data-v-aa929ac8]{background:#dc3545e6;border:none;color:#fff;width:24px;height:24px;border-radius:4px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.remove-page-btn[data-v-aa929ac8]:hover{background:#dc3545}.preview-badge[data-v-aa929ac8],.blank-badge[data-v-aa929ac8]{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;z-index:2}.blank-badge[data-v-aa929ac8]{background:#6c757d;left:10px;right:auto}.page-info[data-v-aa929ac8]{padding:8px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-top:1px solid #f0f0f0}.page-dimensions[data-v-aa929ac8]{font-size:11px;color:#6c757d}.page-info-right[data-v-aa929ac8]{display:flex;align-items:center;gap:6px}.rotation-badge[data-v-aa929ac8]{background:#e9ecef;padding:2px 6px;border-radius:4px;font-size:10px;color:#495057}.label-badge[data-v-aa929ac8]{font-size:12px;cursor:help}.drag-handle[data-v-aa929ac8]{color:#adb5bd;font-size:16px;cursor:grab}.single-view-container[data-v-aa929ac8]{display:flex;flex-direction:column;align-items:center;padding:20px}.single-page-wrapper[data-v-aa929ac8]{position:relative;display:flex;flex-direction:column;align-items:center;max-width:100%;min-height:500px}.single-page[data-v-aa929ac8],.single-page-thumb[data-v-aa929ac8]{max-width:100%;height:auto;box-shadow:0 4px 20px #00000026;border-radius:4px;transition:transform .3s ease}.thumbnail-fallback[data-v-aa929ac8]{position:relative;display:flex;flex-direction:column;align-items:center}.load-overlay[data-v-aa929ac8]{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#000c;padding:20px;border-radius:8px;width:80%;max-width:300px}.no-renderer[data-v-aa929ac8]{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:20px;border-radius:8px;text-align:center;width:80%;max-width:300px}.no-renderer p[data-v-aa929ac8]{margin:0 0 8px}.no-renderer .small[data-v-aa929ac8]{font-size:12px;opacity:.8}.btn-load[data-v-aa929ac8]{background:#ff3131;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.btn-load[data-v-aa929ac8]:hover:not(:disabled){background:#d64b2a;transform:translateY(-2px)}.btn-load[data-v-aa929ac8]:disabled{opacity:.7;cursor:not-allowed}.rendering-indicator[data-v-aa929ac8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:12px 24px;border-radius:30px;display:flex;align-items:center;gap:10px}.single-page-controls[data-v-aa929ac8]{display:flex;flex-direction:column;gap:16px;margin-top:20px;width:100%;max-width:600px}.page-label-edit[data-v-aa929ac8]{width:100%}.page-label-edit-input[data-v-aa929ac8]{width:100%;padding:10px;border:1px solid #ced4da;border-radius:6px;font-size:14px}.page-label-edit-input[data-v-aa929ac8]:focus{outline:none;border-color:#ff3131}.rotation-controls[data-v-aa929ac8]{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.page-actions[data-v-aa929ac8]{display:flex;gap:8px;flex-wrap:wrap}.page-action-btn[data-v-aa929ac8]{padding:10px 20px;background:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.page-action-btn[data-v-aa929ac8]:hover{background:#e9ecef}.page-action-btn.selected[data-v-aa929ac8]{background:#ff3131;border-color:#ff3131;color:#fff}.page-action-btn.rotate[data-v-aa929ac8]{background:#6c757d;border-color:#6c757d;color:#fff}.page-action-btn.rotate[data-v-aa929ac8]:hover{background:#5a6268}.page-action-btn.duplicate[data-v-aa929ac8]{background:#28a745;border-color:#28a745;color:#fff}.page-action-btn.duplicate[data-v-aa929ac8]:hover{background:#218838}.page-action-btn.remove[data-v-aa929ac8]{background:#dc3545;border-color:#dc3545;color:#fff}.page-action-btn.remove[data-v-aa929ac8]:hover{background:#c82333}.rotation-indicator[data-v-aa929ac8]{background:#e9ecef;padding:8px 12px;border-radius:6px;font-size:14px;color:#495057}.status-message[data-v-aa929ac8]{margin-top:16px;padding:12px 20px;border-radius:4px;font-size:14px;max-width:600px;width:100%}.status-message.warning[data-v-aa929ac8]{background:#fff3cd;border-left:4px solid #ffc107;color:#856404}.status-message.info[data-v-aa929ac8]{background:#e7f5ff;border-left:4px solid #339af0;color:#1864ab}.status-message.success[data-v-aa929ac8]{background:#d4edda;border-left:4px solid #28a745;color:#155724}.rotation-status[data-v-aa929ac8],.label-status[data-v-aa929ac8]{font-weight:600;margin-left:8px}.editor-footer[data-v-aa929ac8]{padding:16px 24px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.instructions[data-v-aa929ac8]{color:#6c757d;font-size:13px}.instructions p[data-v-aa929ac8]{margin:0}.footer-actions[data-v-aa929ac8]{display:flex;gap:12px}.btn-primary[data-v-aa929ac8]{background:#ff3131;color:#fff;border:none;padding:8px 18px;border-radius:6px;font-size:14px;font-weight:300;cursor:pointer;transition:all .2s}.btn-primary[data-v-aa929ac8]:hover{background:#d64b2a;transform:translateY(-2px)}.btn-secondary[data-v-aa929ac8]{background:#fff;border:1px solid #dee2e6;padding:8px 18px;border-radius:6px;font-size:14px;cursor:pointer}.btn-secondary[data-v-aa929ac8]:hover{background:#f8f9fa}@media(max-width:768px){.preview-editor[data-v-aa929ac8]{height:100vh;width:100vw;border-radius:0}.preview-editor-overlay[data-v-aa929ac8]{padding:0}.grid-view[data-v-aa929ac8]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.toolbar-group[data-v-aa929ac8]{padding-right:8px;margin-right:8px}.toolbar-btn[data-v-aa929ac8]{padding:6px 12px;font-size:12px}}.content-section[data-v-b925271a]{padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;margin-inline:auto;margin-top:40px;margin-bottom:30px}.content-block[data-v-b925271a]{margin-bottom:30px}.content-block[data-v-b925271a]:last-child{margin-bottom:0}.content-block h3[data-v-b925271a]{font-size:18px;color:#2c3e50;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #ff3131}.content-grid[data-v-b925271a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.content-card[data-v-b925271a]{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 5px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.content-card h4[data-v-b925271a]{font-size:14px;color:#ff3131;margin-bottom:8px;display:flex;align-items:center;gap:5px}.content-card p[data-v-b925271a]{font-size:13px;color:#495057;line-height:1.5}.tips-list[data-v-b925271a]{display:flex;flex-direction:column;gap:15px}.tip-item[data-v-b925271a]{display:flex;gap:12px;padding:12px;background:#fff;border-radius:8px;border-left:3px solid #ff3131}.tip-icon[data-v-b925271a]{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;background:#ff3131;color:#fff;border-radius:50%;font-size:12px;font-weight:700}.link-section[data-v-b925271a]{margin:20px 0}.link-label[data-v-b925271a]{font-weight:600;margin-bottom:8px;display:inline-block}.link-input-wrapper[data-v-b925271a]{display:flex;gap:8px;align-items:center}.link-input[data-v-b925271a]{flex:1;padding:8px 10px;font-size:14px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}.link-input[data-v-b925271a]:focus{outline:none;border-color:#7c3aed}.icon-svg[data-v-b925271a]{display:inline-flex;align-items:center;justify-content:center}.icon-svg svg[data-v-b925271a]{width:16px;height:16px;fill:currentColor}.tip-content h4[data-v-b925271a]{font-size:14px;color:#2c3e50;margin-bottom:5px}.tip-content p[data-v-b925271a]{font-size:13px;color:#6c757d;line-height:1.5}.faq-section .faq-list[data-v-b925271a]{display:flex;flex-direction:column;gap:10px}.faq-item[data-v-b925271a]{background:#fff;border-radius:8px;overflow:hidden}.faq-item summary[data-v-b925271a]{padding:12px 15px;font-weight:500;color:#2c3e50;cursor:pointer;list-style:none;position:relative;border-bottom:1px solid #f0f0f0}.faq-item summary[data-v-b925271a]::-webkit-details-marker{display:none}.faq-item p[data-v-b925271a]{padding:15px;margin:0;font-size:13px;color:#495057;line-height:1.6;background:#f8f9fa}.file-summary[data-v-b925271a]{background:#ff3131;color:#fff;padding:10px 15px;border-radius:12px;margin-bottom:10px}.summary-header[data-v-b925271a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-header h3[data-v-b925271a]{margin:0;font-size:16px;font-weight:300}.summary-stats[data-v-b925271a]{display:flex;gap:20px;font-size:13px}.stat[data-v-b925271a]{display:flex;gap:6px;align-items:center}.file-list-container[data-v-b925271a]{max-height:300px;overflow-y:auto;border:1px solid #e9ecef;border-radius:10px;margin-bottom:20px;background:#fff;box-shadow:0 2px 8px #0000000d}.file-list-scroll[data-v-b925271a]{padding:10px}.file-item[data-v-b925271a]{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease;cursor:default}.file-item[data-v-b925271a]:hover{background-color:#f8f9fa}.file-item[data-v-b925271a]:last-child{border-bottom:none}.file-info[data-v-b925271a]{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.file-icon[data-v-b925271a]{font-size:20px;color:#ff3131;flex-shrink:0}.file-details[data-v-b925271a]{flex:1;min-width:0}.file-name[data-v-b925271a]{font-size:14px;color:#2c3e50;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size[data-v-b925271a]{font-size:12px;color:#6c757d;display:flex;align-items:center;gap:4px}.size-warning[data-v-b925271a]{color:#dc3545;font-size:14px}.progress-section[data-v-b925271a]{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.progress-header[data-v-b925271a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:14px;color:#2c3e50}.time-estimate[data-v-b925271a]{background:#e9ecef;padding:4px 10px;border-radius:20px;font-size:12px;color:#495057}.progress-wrapper[data-v-b925271a]{height:10px;width:100%;background:#e9ecef;border-radius:8px;overflow:hidden;position:relative}.progress-bar[data-v-b925271a]{height:100%;background:linear-gradient(90deg,#ff3131,#e02828);transition:width .3s ease;position:relative}.progress-text[data-v-b925271a]{position:absolute;right:10px;top:20%;transform:translateY(-50%);font-size:10px;color:#fff;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.status-text[data-v-b925271a]{margin-top:12px;font-size:14px;color:#495057;min-height:20px}.stats-grid[data-v-b925271a]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.stat-item[data-v-b925271a]{text-align:left;padding:8px 0;border-bottom:1px solid #f0f0f0}.stat-label[data-v-b925271a]{display:block;font-size:12px;color:#666;margin-bottom:4px}.stat-value[data-v-b925271a]{display:block;font-size:14px;color:#2c3e50;font-weight:500;word-break:break-word}.file-list-container[data-v-b925271a]::-webkit-scrollbar{width:6px}.file-list-container[data-v-b925271a]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.file-list-container[data-v-b925271a]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.file-list-container[data-v-b925271a]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media(max-width:768px){h2[data-v-b925271a]{font-size:24px}.summary-stats[data-v-b925271a]{flex-direction:column;gap:8px}.stats-grid[data-v-b925271a]{grid-template-columns:1fr}.toast-container[data-v-b925271a]{top:10px;right:10px;left:10px;max-width:none}.content-grid[data-v-b925271a]{grid-template-columns:1fr}.content-section[data-v-b925271a]{padding:15px;margin:20px 0}.content-card[data-v-b925271a]{padding:12px}.tip-item[data-v-b925271a]{padding:10px}}.main__title[data-v-09be1ab6]{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:var(--text-xl)}.cloud-import-row[data-v-09be1ab6]{display:flex;gap:10px;margin-bottom:10px}.cloud-icon-btn[data-v-09be1ab6]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-content);color:var(--brand-color, #ff3131);cursor:pointer;transition:all .2s ease}.cloud-icon-btn[data-v-09be1ab6]:hover{background:var(--bg-secondary);border-color:var(--brand-color, #ff3131)}.size-limit-badge[data-v-09be1ab6]{font-size:11px;background:#ff6b6b1a;color:#ff6b6b;padding:2px 6px;border-radius:10px;margin-left:8px;border:1px solid rgba(255,107,107,.3)}@keyframes slideIn-09be1ab6{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.link-section[data-v-09be1ab6]{margin:20px 0}.link-label[data-v-09be1ab6]{font-weight:600;margin-bottom:8px;display:inline-block}.link-input-wrapper[data-v-09be1ab6]{display:flex;gap:8px;align-items:center}.link-input[data-v-09be1ab6]{flex:1;padding:8px 10px;font-size:14px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}.link-input[data-v-09be1ab6]:focus{outline:none;border-color:#7c3aed}.icon-svg[data-v-09be1ab6]{display:inline-flex;align-items:center;justify-content:center}.icon-svg svg[data-v-09be1ab6]{width:16px;height:16px;fill:currentColor}.share-buttons-row[data-v-09be1ab6]{display:flex;flex-direction:column;gap:6px;margin-top:10px}.share-label[data-v-09be1ab6]{font-size:12px;color:#495057;font-weight:500}.share-buttons-group[data-v-09be1ab6]{display:flex;flex-wrap:wrap;gap:8px}.share-chip[data-v-09be1ab6]{padding:6px 10px;border-radius:999px;border:1px solid #dee2e6;background:#f8f9fa;font-size:12px;cursor:pointer;color:#212529;transition:all .2s ease}.share-chip[data-v-09be1ab6]:hover{background:#e9ecef}.share-chip.whatsapp[data-v-09be1ab6]{border-color:#25d366;color:#128c7e}.share-chip.email[data-v-09be1ab6]{border-color:#0d6efd;color:#0d6efd}.share-chip.teams[data-v-09be1ab6]{border-color:#6264a7;color:#464775}.file-summary[data-v-09be1ab6]{background:#ff3131;color:#fff;padding:10px 15px;border-radius:12px;margin-bottom:10px}.summary-header[data-v-09be1ab6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-header h3[data-v-09be1ab6]{margin:0;font-size:16px;font-weight:300}.clear-all-btn[data-v-09be1ab6]{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .3s ease}.clear-all-btn[data-v-09be1ab6]:hover:not(:disabled){background:#ffffff4d}.clear-all-btn[data-v-09be1ab6]:disabled{opacity:.5;cursor:not-allowed}.summary-stats[data-v-09be1ab6]{display:flex;gap:20px;font-size:13px}.stat[data-v-09be1ab6]{display:flex;gap:6px;align-items:center}.file-list-container[data-v-09be1ab6]{max-height:300px;overflow-y:auto;border:1px solid #e9ecef;border-radius:10px;margin-bottom:20px;background:#fff;box-shadow:0 2px 8px #0000000d}.file-item[data-v-09be1ab6]{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease;cursor:default}.file-item[data-v-09be1ab6]:hover{background-color:#f8f9fa}.file-item[data-v-09be1ab6]:last-child{border-bottom:none}.file-info[data-v-09be1ab6]{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.file-icon[data-v-09be1ab6]{font-size:20px;color:#ff3131;flex-shrink:0}.file-details[data-v-09be1ab6]{flex:1;min-width:0}.file-name[data-v-09be1ab6]{font-size:14px;color:#2c3e50;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size[data-v-09be1ab6]{font-size:12px;color:#6c757d;display:flex;align-items:center;gap:4px}.size-warning[data-v-09be1ab6]{color:#dc3545;font-size:14px}.remove-file-btn[data-v-09be1ab6]{background:none;border:none;color:#ff6b6b;font-size:22px;cursor:pointer;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.remove-file-btn[data-v-09be1ab6]:hover:not(:disabled){background:#ffeaea;transform:scale(1.1)}.remove-file-btn[data-v-09be1ab6]:disabled{opacity:.5;cursor:not-allowed}.merge-btn[data-v-09be1ab6]{width:100%;padding:8px;font-size:14px;border-radius:10px;border:none;cursor:pointer;background:#ff3131;color:#fff;transition:all .3s ease;position:relative;overflow:hidden;font-weight:300}.merge-btn[data-v-09be1ab6]:hover:not(:disabled):not(.disabled){box-shadow:0 10px 30px #667eea66}.merge-btn[data-v-09be1ab6]:disabled,.merge-btn.disabled[data-v-09be1ab6]{background:#ccc;cursor:not-allowed;transform:none}.merge-btn.loading[data-v-09be1ab6]{background:#6c757d}@keyframes spin-09be1ab6{to{transform:rotate(360deg)}}.progress-section[data-v-09be1ab6]{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.progress-header[data-v-09be1ab6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:14px;color:#2c3e50}.time-estimate[data-v-09be1ab6]{background:#e9ecef;padding:4px 10px;border-radius:20px;font-size:12px;color:#495057}.progress-wrapper[data-v-09be1ab6]{height:10px;width:100%;background:#e9ecef;border-radius:8px;overflow:hidden;position:relative}.progress-bar[data-v-09be1ab6]{height:100%;background:linear-gradient(90deg,#ff3131,#e02828);transition:width .3s ease;position:relative}.progress-text[data-v-09be1ab6]{position:absolute;right:10px;top:20%;transform:translateY(-50%);font-size:10px;color:#fff;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.status-text[data-v-09be1ab6]{margin-top:12px;font-size:14px;color:#495057;min-height:20px}.stats-grid[data-v-09be1ab6]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.stat-item[data-v-09be1ab6]{text-align:left;padding:8px 0;border-bottom:1px solid #f0f0f0}.stat-label[data-v-09be1ab6]{display:block;font-size:12px;color:#666;margin-bottom:4px}.stat-value[data-v-09be1ab6]{display:block;font-size:14px;color:#2c3e50;font-weight:500;word-break:break-word}.file-list-container[data-v-09be1ab6]::-webkit-scrollbar{width:6px}.file-list-container[data-v-09be1ab6]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.file-list-container[data-v-09be1ab6]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.file-list-container[data-v-09be1ab6]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media(max-width:768px){h2[data-v-09be1ab6]{font-size:24px}.summary-stats[data-v-09be1ab6]{flex-direction:column;gap:8px}.stats-grid[data-v-09be1ab6]{grid-template-columns:1fr}.toast-container[data-v-09be1ab6]{top:10px;right:10px;left:10px;max-width:none}.content-grid[data-v-09be1ab6]{grid-template-columns:1fr}.content-section[data-v-09be1ab6]{padding:15px;margin:20px 0}.content-card[data-v-09be1ab6]{padding:12px}.tip-item[data-v-09be1ab6]{padding:10px}}.files-list-section[data-v-ebc7c374]{background:#fff;border-radius:12px;padding:15px;margin-bottom:15px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000000d}.files-header[data-v-ebc7c374]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e9ecef}.files-count[data-v-ebc7c374]{display:flex;align-items:center;gap:10px;font-size:14px;color:#495057}.count-badge[data-v-ebc7c374]{background:#ff3131;color:#fff;padding:4px 10px;border-radius:20px;font-weight:600;font-size:12px}.clear-all-btn[data-v-ebc7c374]{background:none;border:1px solid #dc3545;color:#dc3545;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .3s ease}.clear-all-btn[data-v-ebc7c374]:hover:not(:disabled){background:#dc3545;color:#fff}.clear-all-btn[data-v-ebc7c374]:disabled{opacity:.5;cursor:not-allowed}.files-grid[data-v-ebc7c374]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-bottom:15px;max-height:300px;overflow-y:auto;padding:5px}.file-item-card[data-v-ebc7c374]{background:#f8f9fa;border-radius:8px;padding:12px;border:1px solid #dee2e6;transition:all .3s ease}.file-item-card.cleaned[data-v-ebc7c374]{border-color:#17a2b8;background:#d1ecf1}.file-item-header[data-v-ebc7c374]{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.file-icon[data-v-ebc7c374]{font-size:20px;flex-shrink:0;margin-top:2px}.file-item-details[data-v-ebc7c374]{flex:1;min-width:0}.file-name[data-v-ebc7c374]{font-size:13px;font-weight:500;color:#212529;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;display:flex;align-items:center;gap:6px}.cleaned-badge[data-v-ebc7c374]{background:#17a2b8;color:#fff;border-radius:4px;padding:1px 4px;font-size:10px;cursor:help}.file-size[data-v-ebc7c374]{font-size:11px;color:#6c757d;margin-bottom:4px}.original-name[data-v-ebc7c374]{font-size:10px;color:#6c757d;background:#0000000d;padding:2px 6px;border-radius:4px;margin-top:4px}.remove-file-btn[data-v-ebc7c374]{background:#dc35451a;border:none;color:#dc3545;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;margin-top:2px}.remove-file-btn[data-v-ebc7c374]:hover:not(:disabled){background:#dc3545;color:#fff}.remove-file-btn[data-v-ebc7c374]:disabled{opacity:.5;cursor:not-allowed}.files-summary[data-v-ebc7c374]{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid #e9ecef;font-size:13px}.summary-item[data-v-ebc7c374]{display:flex;flex-direction:column;gap:4px}.summary-label[data-v-ebc7c374]{color:#6c757d;font-size:12px}.summary-value[data-v-ebc7c374]{color:#212529;font-weight:500}.add-more-section[data-v-ebc7c374]{margin-bottom:15px}.add-more-btn[data-v-ebc7c374]{display:block;width:97%;padding:12px;background:#fff;border:2px dashed #ff3131;border-radius:10px;color:#ff3131;text-align:center;font-size:14px;cursor:pointer;transition:all .3s ease}.add-more-btn[data-v-ebc7c374]:hover{background:#fff5f2;border-color:#d45a3d}.upload-content .icon[data-v-ebc7c374]{font-size:40px;display:block;margin-bottom:12px}.upload-content small[data-v-ebc7c374]{color:#6c757d;font-size:13px}.compress-btn[data-v-ebc7c374]{width:100%;padding:8px;font-size:16px;border-radius:10px;border:none;cursor:pointer;background:#ff3131;color:#fff;transition:all .3s ease;font-weight:300}.compress-btn[data-v-ebc7c374]:hover:not(:disabled):not(.disabled){box-shadow:0 8px 25px #667eea66}.compress-btn[data-v-ebc7c374]:disabled,.compress-btn.disabled[data-v-ebc7c374]{background:#ccc;cursor:not-allowed;transform:none}.compress-btn.loading[data-v-ebc7c374]{background:#6c757d}@keyframes spin-ebc7c374{to{transform:rotate(360deg)}}.progress-section[data-v-ebc7c374]{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.progress-header[data-v-ebc7c374]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;color:#2c3e50}.time-estimate[data-v-ebc7c374]{background:#e9ecef;padding:4px 10px;border-radius:20px;font-size:12px;color:#495057}.progress-container[data-v-ebc7c374]{height:12px;width:100%;background:#e9ecef;border-radius:8px;overflow:hidden;position:relative}.progress-bar[data-v-ebc7c374]{height:100%;background:linear-gradient(90deg,#ff3131,#e02828);transition:width .3s ease;position:relative}.progress-text[data-v-ebc7c374]{position:absolute;right:10px;top:30%;font-size:10px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.status-text[data-v-ebc7c374]{margin-top:12px;font-size:14px;color:#495057;min-height:20px}.progress-stats[data-v-ebc7c374]{display:flex;justify-content:space-between;margin-top:15px;font-size:12px;color:#6c757d}.stats-summary[data-v-ebc7c374]{margin-bottom:24px}.summary-item[data-v-ebc7c374]{margin-bottom:20px}.summary-label[data-v-ebc7c374]{font-size:12px;color:#666;margin-bottom:4px}.summary-value[data-v-ebc7c374]{font-size:14px;color:#2c3e50;font-weight:500;word-break:break-all}.size-comparison[data-v-ebc7c374]{margin:25px 0;position:relative}.size-bar[data-v-ebc7c374]{height:35px;border-radius:8px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#fff;font-weight:600;font-size:13px;transition:width .8s ease}.size-bar.original[data-v-ebc7c374]{background:linear-gradient(90deg,#6c757d,#495057);width:100%}.size-bar.compressed[data-v-ebc7c374]{background:linear-gradient(90deg,#28a745,#20c997);position:absolute;top:0;left:0;min-width:80px}.stats-grid[data-v-ebc7c374]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-item[data-v-ebc7c374]{background:#f8f9fa;padding:8px;border-radius:10px;text-align:center}.stat-item.highlight[data-v-ebc7c374]{background:linear-gradient(135deg,#e8f5e9,#d4edda);border:2px solid #28a745}.stat-label[data-v-ebc7c374],.stat-value[data-v-ebc7c374]{font-size:12px}.file-details[data-v-c3567e29]{display:flex;align-items:center;background:#f8f9fa;border-radius:10px;padding:12px 16px;border:1px solid #e9ecef}.file-text[data-v-c3567e29]{flex:1;text-align:left}.file-text strong[data-v-c3567e29]{display:block;font-size:14px;color:#2c3e50}.file-text small[data-v-c3567e29]{color:#6c757d;font-size:12px}.remove-btn[data-v-c3567e29]{background:none;border:none;color:#dc3545;cursor:pointer;font-size:18px;padding:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.remove-btn[data-v-c3567e29]:hover{background:#ffeaea}.convert-btn[data-v-c3567e29]{width:100%;padding:8px;font-size:16px;border-radius:10px;border:none;cursor:pointer;background:#ee6c4d;color:#fff;transition:all .3s ease;font-weight:300}.convert-btn[data-v-c3567e29]:hover:not(:disabled){background:#da5839;box-shadow:0 4px 12px #ee6c4d4d}.convert-btn[data-v-c3567e29]:disabled{background:#ccc;cursor:not-allowed;transform:none}.convert-btn.loading[data-v-c3567e29]{background:#6c757d}@keyframes spin-c3567e29{to{transform:rotate(360deg)}}.progress-section[data-v-c3567e29]{margin-top:10px;padding:15px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.progress-header[data-v-c3567e29]{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:14px;color:#2c3e50}.time-estimate[data-v-c3567e29]{background:#e9ecef;padding:4px 10px;border-radius:20px;font-size:12px;color:#495057}.progress-wrapper[data-v-c3567e29]{height:12px;width:100%;background:#e9ecef;border-radius:8px;overflow:hidden;position:relative}.progress-bar[data-v-c3567e29]{height:100%;background:linear-gradient(90deg,#ee6c4d,#ff987c);transition:width .3s ease;position:relative}.progress-text[data-v-c3567e29]{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;color:#fff;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.status-text[data-v-c3567e29]{font-size:14px;color:#495057;margin:5px}.stats-grid[data-v-c3567e29]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-item[data-v-c3567e29]{text-align:left;padding:4px 0;border-bottom:1px solid #f0f0f0}.stat-label[data-v-c3567e29]{display:block;font-size:12px;color:#666;margin-bottom:4px}.stat-value[data-v-c3567e29]{display:block;font-size:14px;color:#2c3e50;font-weight:500}.upload-box[data-v-6a489359]{display:block;border:2px dashed #dee2e6;border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#f8f9fa;margin-bottom:15px}.upload-box[data-v-6a489359]:hover{border-color:#ee6c4d;background:#fff}.upload-box.drag-over[data-v-6a489359]{border-color:#ee6c4d;background:#ee6c4d0d;transform:scale(1.02)}.upload-content p[data-v-6a489359]{margin:0 0 8px;font-size:16px;color:#2c3e50}.upload-content small[data-v-6a489359]{color:#6c757d;font-size:12px}.file-info[data-v-6a489359]{margin-bottom:20px}.file-details[data-v-6a489359]{display:flex;align-items:center;background:#f8f9fa;border-radius:10px;padding:12px 16px;border:1px solid #e9ecef}.file-icon[data-v-6a489359]{font-size:24px;margin-right:12px}.file-text[data-v-6a489359]{flex:1;text-align:left}.file-text strong[data-v-6a489359]{display:block;font-size:14px;color:#2c3e50}.file-text small[data-v-6a489359]{color:#6c757d;font-size:12px}.remove-btn[data-v-6a489359]{background:none;border:none;color:#dc3545;cursor:pointer;font-size:18px;padding:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.remove-btn[data-v-6a489359]:hover{background:#ffeaea}.convert-btn[data-v-6a489359]{width:100%;padding:8px;font-size:16px;border-radius:10px;border:none;cursor:pointer;background:#ee6c4d;color:#fff;transition:all .3s ease;font-weight:500}.convert-btn[data-v-6a489359]:hover:not(:disabled){background:#da5839;transform:translateY(-1px);box-shadow:0 4px 12px #ee6c4d4d}.convert-btn[data-v-6a489359]:disabled{background:#ccc;cursor:not-allowed;transform:none}.convert-btn.loading[data-v-6a489359]{background:#6c757d}.bubble-loader[data-v-6a489359]{display:inline-flex;gap:4px;margin-right:8px;vertical-align:middle}.bubble[data-v-6a489359]{width:6px;height:6px;background:#fff;border-radius:50%;animation:bubble-6a489359 .6s infinite alternate}.bubble[data-v-6a489359]:nth-child(2){animation-delay:.2s}.bubble[data-v-6a489359]:nth-child(3){animation-delay:.4s}@keyframes bubble-6a489359{0%{transform:translateY(0);opacity:.3}to{transform:translateY(-4px);opacity:1}}.progress-section[data-v-6a489359]{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.progress-header[data-v-6a489359]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;color:#2c3e50}.time-estimate[data-v-6a489359]{background:#e9ecef;padding:4px 10px;border-radius:20px;font-size:12px;color:#495057}.progress-wrapper[data-v-6a489359]{height:12px;width:100%;background:#e9ecef;border-radius:8px;overflow:hidden;position:relative}.progress-bar[data-v-6a489359]{height:100%;background:linear-gradient(90deg,#ee6c4d,#ff987c);transition:width .3s ease;position:relative;display:flex;align-items:center;justify-content:flex-end;padding-right:8px}.progress-text[data-v-6a489359]{font-size:10px;color:#fff;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.status-text[data-v-6a489359]{font-size:14px;color:#495057;margin:8px 0 0;text-align:center}.popup-overlay[data-v-6a489359]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-6a489359 .3s ease}.success-popup[data-v-6a489359]{background:#fff;border-radius:16px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp-6a489359 .3s ease}.popup-header[data-v-6a489359]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e9ecef}.success-icon[data-v-6a489359]{font-size:28px;font-weight:700;background:#28a745;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px}.popup-header h3[data-v-6a489359]{margin:0;flex:1;color:#2c3e50;font-size:18px}.close-popup[data-v-6a489359]{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-popup[data-v-6a489359]:hover{background:#f8f9fa;color:#dc3545}.popup-content[data-v-6a489359]{padding:24px}.stats-grid[data-v-6a489359]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.stat-item[data-v-6a489359]{text-align:left;padding:8px;background:#f8f9fa;border-radius:8px}.stat-label[data-v-6a489359]{display:block;font-size:12px;color:#6c757d;margin-bottom:4px}.stat-value[data-v-6a489359]{display:block;font-size:14px;color:#2c3e50;font-weight:500;word-break:break-word}.popup-actions[data-v-6a489359]{display:flex;gap:12px;justify-content:flex-end}.btn-primary[data-v-6a489359],.btn-secondary[data-v-6a489359]{padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease;border:none}.btn-primary[data-v-6a489359]{background:#ee6c4d;color:#fff}.btn-primary[data-v-6a489359]:hover{background:#da5839;transform:translateY(-1px)}.btn-secondary[data-v-6a489359]{background:#e9ecef;color:#495057}.btn-secondary[data-v-6a489359]:hover{background:#dee2e6}@keyframes fadeIn-6a489359{0%{opacity:0}to{opacity:1}}@keyframes slideUp-6a489359{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.converter[data-v-6a489359]{padding:15px}.stats-grid[data-v-6a489359]{grid-template-columns:1fr;gap:12px}.popup-actions[data-v-6a489359]{flex-direction:column}.btn-primary[data-v-6a489359],.btn-secondary[data-v-6a489359]{width:100%}}.upload-box.drag-over[data-v-cb0884a1]{border-color:#4caf50!important;background:#f1f8e9!important;box-shadow:0 0 0 4px #4caf501f}.file-info-card[data-v-cb0884a1]{background:#ff3131;color:#fff;border-radius:12px;padding:8px}.file-header[data-v-cb0884a1]{display:flex;align-items:center;gap:6px;margin-bottom:12px}.file-icon[data-v-cb0884a1]{font-size:20px}.file-details[data-v-cb0884a1]{flex:1;text-align:left}.file-details strong[data-v-cb0884a1]{display:block;font-size:14px}.file-details small[data-v-cb0884a1]{font-size:12px;opacity:.9}.remove-btn[data-v-cb0884a1]{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.remove-btn[data-v-cb0884a1]:hover{background:#ffffff4d}.file-stats[data-v-cb0884a1]{display:flex;gap:20px;font-size:13px;border-top:1px solid rgba(255,255,255,.2)}.stat[data-v-cb0884a1]{display:flex;gap:6px}.stat-label[data-v-cb0884a1]{opacity:.9}.upload-content .icon[data-v-cb0884a1]{font-size:40px;display:block;margin-bottom:12px}.upload-content p[data-v-cb0884a1]{margin:8px 0;font-size:16px;color:#2c3e50}.upload-content small[data-v-cb0884a1]{color:#6c757d;font-size:13px}.conversion-info[data-v-cb0884a1]{padding:8px;background:#f8f9fa;border-radius:6px;font-size:11px;color:#666}.convert-btn[data-v-cb0884a1]{width:100%;padding:8px;font-size:16px;border-radius:10px;border:none;cursor:pointer;background:#ff3131;color:#fff;transition:all .3s ease;font-weight:300}.convert-btn[data-v-cb0884a1]:disabled,.convert-btn.disabled[data-v-cb0884a1]{background:#ccc;cursor:not-allowed;transform:none}.convert-btn.loading[data-v-cb0884a1]{background:#6c757d}@keyframes spin-cb0884a1{to{transform:rotate(360deg)}}.progress-section[data-v-cb0884a1]{margin-top:10px;padding:7px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.progress-header[data-v-cb0884a1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:14px;color:#2c3e50}.time-estimate[data-v-cb0884a1]{background:#e9ecef;padding:4px 10px;border-radius:20px;font-size:12px;color:#495057}.progress-container[data-v-cb0884a1]{height:12px;width:100%;background:#e9ecef;border-radius:8px;overflow:hidden;position:relative}.progress-bar[data-v-cb0884a1]{height:100%;background:green;transition:width .3s ease;position:relative}.progress-text[data-v-cb0884a1]{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;color:#fff;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.status-text[data-v-cb0884a1]{font-size:14px;color:#495057;margin:3px}.progress-stats[data-v-cb0884a1]{display:flex;justify-content:space-between;margin-top:15px;font-size:12px;color:#6c757d}.popup-overlay[data-v-cb0884a1]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.success-popup[data-v-cb0884a1]{background:#fff;border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:popupIn-cb0884a1 .3s ease-out}@keyframes popupIn-cb0884a1{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header[data-v-cb0884a1]{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:20px;display:flex;align-items:center;justify-content:space-between}.popup-header h3[data-v-cb0884a1]{margin:0;flex:1;text-align:center;font-size:18px}.success-icon[data-v-cb0884a1]{font-size:24px}.close-popup[data-v-cb0884a1]{background:#fff3;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.close-popup[data-v-cb0884a1]:hover{background:#ffffff4d}.popup-content[data-v-cb0884a1]{padding:24px}.stats-summary[data-v-cb0884a1]{margin-bottom:24px}.summary-item[data-v-cb0884a1]{margin-bottom:20px}.summary-label[data-v-cb0884a1]{font-size:12px;color:#666;margin-bottom:4px}.summary-value[data-v-cb0884a1]{font-size:14px;color:#2c3e50;font-weight:500;word-break:break-all}.conversion-type[data-v-cb0884a1]{margin:20px 0;text-align:center}.type-indicator[data-v-cb0884a1]{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:25px;font-weight:600;font-size:14px}.type-indicator.single[data-v-cb0884a1]{background:linear-gradient(135deg,#e8f5e9,#d4edda);color:#155724;border:2px solid #28a745}.type-indicator.multi[data-v-cb0884a1]{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#0d47a1;border:2px solid #2196f3}.type-icon[data-v-cb0884a1]{font-size:20px}.stats-grid[data-v-cb0884a1]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0}.stat-item[data-v-cb0884a1]{background:#f8f9fa;padding:15px;border-radius:10px;text-align:center}.stat-label[data-v-cb0884a1]{font-size:12px;color:#fff;margin-bottom:8px;font-weight:500}.stat-value[data-v-cb0884a1]{font-size:12px;font-weight:700;color:#fff}.download-info[data-v-cb0884a1]{background:#e8f5e9;padding:15px;border-radius:10px;margin-top:20px;text-align:center}.download-info p[data-v-cb0884a1]{margin:0 0 8px;color:#155724;font-size:14px}.download-info small[data-v-cb0884a1]{color:#666;font-size:12px;display:block}.popup-actions[data-v-cb0884a1]{display:flex;gap:12px;margin-top:20px}.btn-primary[data-v-cb0884a1],.btn-secondary[data-v-cb0884a1]{flex:1;padding:12px;border-radius:8px;border:none;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-primary[data-v-cb0884a1]{background:linear-gradient(135deg,#ff3131,#e02828);color:#fff}.btn-primary[data-v-cb0884a1]:hover{opacity:.9}.btn-secondary[data-v-cb0884a1]{background:#6c757d;color:#fff}.btn-secondary[data-v-cb0884a1]:hover{background:#5a6268}.supported-formats[data-v-a8f8c6a0]{background:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid #e9ecef}.formats-header[data-v-a8f8c6a0]{font-size:14px;font-weight:600;color:#2c3e50;margin-bottom:12px;display:flex;align-items:center;gap:8px}.formats-grid[data-v-a8f8c6a0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.format-item[data-v-a8f8c6a0]{display:flex;flex-direction:column;align-items:center;padding:10px;background:#fff;border-radius:8px;border:1px solid #dee2e6;transition:all .3s ease}.format-item[data-v-a8f8c6a0]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.format-icon[data-v-a8f8c6a0]{font-size:20px;margin-bottom:5px}.format-name[data-v-a8f8c6a0]{font-size:11px;color:#495057;font-weight:500}.file-summary[data-v-a8f8c6a0]{margin-top:10px;background:#ff3131;color:#fff;padding:8px 10px;border-radius:12px;text-align:left}.summary-header[data-v-a8f8c6a0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-header h3[data-v-a8f8c6a0]{margin:0;font-size:16px;font-weight:300}.clear-all-btn[data-v-a8f8c6a0]{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .3s ease}.clear-all-btn[data-v-a8f8c6a0]:hover:not(:disabled){background:#ffffff4d}.clear-all-btn[data-v-a8f8c6a0]:disabled{opacity:.5;cursor:not-allowed}.summary-stats[data-v-a8f8c6a0]{display:flex;gap:20px;font-size:12px;flex-wrap:wrap}.stat[data-v-a8f8c6a0]{display:flex;gap:6px;align-items:center}.upload-content .icon[data-v-a8f8c6a0]{font-size:40px;display:block;margin-bottom:12px}.upload-tips[data-v-a8f8c6a0]{padding:8px;background:#f8f9fa;border-radius:6px;font-size:11px;color:#666}.file-list-container[data-v-a8f8c6a0]{max-height:300px;overflow-y:auto;border:1px solid #e9ecef;border-radius:10px;margin-bottom:20px;background:#fff}.file-list-scroll[data-v-a8f8c6a0]{padding:10px}.file-item[data-v-a8f8c6a0]{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.file-item[data-v-a8f8c6a0]:hover{background-color:#f8f9fa}.file-item[data-v-a8f8c6a0]:last-child{border-bottom:none}.file-info[data-v-a8f8c6a0]{display:flex;align-items:center;gap:12px;flex:1}.file-icon[data-v-a8f8c6a0]{font-size:20px;color:#ff3131}.file-details[data-v-a8f8c6a0]{text-align:left}.file-name[data-v-a8f8c6a0]{font-size:14px;color:#2c3e50;margin-bottom:2px;word-break:break-word}.file-size[data-v-a8f8c6a0]{font-size:12px;color:#6c757d}.remove-file-btn[data-v-a8f8c6a0]{background:none;border:none;color:#ff6b6b;font-size:22px;cursor:pointer;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.remove-file-btn[data-v-a8f8c6a0]:hover:not(:disabled){background:#ffeaea;transform:scale(1.1)}.remove-file-btn[data-v-a8f8c6a0]:disabled{opacity:.5;cursor:not-allowed}.convert-btn[data-v-a8f8c6a0]{width:100%;padding:8px;font-size:16px;border-radius:10px;border:none;cursor:pointer;background:#ff3131;color:#fff;transition:all .3s ease;position:relative;overflow:hidden;font-weight:300}.convert-btn[data-v-a8f8c6a0]:hover:not(:disabled):not(.disabled){transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.convert-btn[data-v-a8f8c6a0]:disabled,.convert-btn.disabled[data-v-a8f8c6a0]{background:#ccc;cursor:not-allowed;transform:none}.convert-btn.loading[data-v-a8f8c6a0]{background:#6c757d}@keyframes spin-a8f8c6a0{to{transform:rotate(360deg)}}.progress-section[data-v-a8f8c6a0]{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.progress-header[data-v-a8f8c6a0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:14px;color:#2c3e50}.time-estimate[data-v-a8f8c6a0]{background:#e9ecef;padding:4px 10px;border-radius:20px;font-size:12px;color:#495057}.progress-container[data-v-a8f8c6a0]{height:12px;width:100%;background:#e9ecef;border-radius:8px;overflow:hidden;position:relative}.progress-bar[data-v-a8f8c6a0]{height:100%;background:linear-gradient(90deg,#ff3131,#e02828);transition:width .3s ease;position:relative}.progress-text[data-v-a8f8c6a0]{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;color:#fff;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.status-text[data-v-a8f8c6a0]{margin-top:12px;font-size:14px;color:#495057;min-height:20px}.progress-stats[data-v-a8f8c6a0]{display:flex;justify-content:space-between;margin-top:15px;font-size:12px;color:#6c757d}.stats-summary[data-v-a8f8c6a0]{margin-bottom:24px}.summary-item[data-v-a8f8c6a0]{margin-bottom:20px}.summary-label[data-v-a8f8c6a0]{font-size:12px;color:#666;margin-bottom:4px}.summary-value[data-v-a8f8c6a0]{font-size:14px;color:#2c3e50;font-weight:500}.size-comparison[data-v-a8f8c6a0]{margin:25px 0;padding:20px;background:#f8f9fa;border-radius:10px;border:1px solid #e9ecef}.comparison-header[data-v-a8f8c6a0]{font-size:14px;font-weight:600;color:#2c3e50;margin-bottom:15px;text-align:center}.size-bars[data-v-a8f8c6a0]{display:flex;flex-direction:column;gap:10px}.size-bar[data-v-a8f8c6a0]{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-radius:8px;font-weight:600;font-size:13px}.size-bar.original[data-v-a8f8c6a0]{background:linear-gradient(90deg,#6c757d,#495057);color:#fff}.size-bar.pdf[data-v-a8f8c6a0]{background:linear-gradient(90deg,#28a745,#20c997);color:#fff}.compression-info[data-v-a8f8c6a0]{margin-top:15px;text-align:center;font-size:13px}.compression-label[data-v-a8f8c6a0]{color:#666;margin-right:8px}.compression-value[data-v-a8f8c6a0]{color:#28a745;font-weight:600}.stats-grid[data-v-a8f8c6a0]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-item[data-v-a8f8c6a0]{background:#f8f9fa;padding:5px;border-radius:10px;text-align:center}.stat-label[data-v-a8f8c6a0]{font-size:12px;color:#666;margin-bottom:8px;font-weight:500}.stat-value[data-v-a8f8c6a0]{font-size:16px;font-weight:700;color:#2c3e50}.file-list-container[data-v-a8f8c6a0]::-webkit-scrollbar{width:6px}.file-list-container[data-v-a8f8c6a0]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.file-list-container[data-v-a8f8c6a0]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.file-list-container[data-v-a8f8c6a0]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.protect-btn[data-v-f8da37a3]{width:100%;padding:8px;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(135deg,#107667,#0d5c50);color:#fff;transition:all .3s ease;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:300}.protect-btn[data-v-f8da37a3]:hover:not(:disabled){box-shadow:0 6px 20px #1076674d}.protect-btn[data-v-f8da37a3]:disabled{opacity:.6;cursor:not-allowed}.progress-container[data-v-f8da37a3]{padding:5px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.status-text[data-v-f8da37a3]{margin-bottom:5px;font-size:15px;color:#333;min-height:24px}.progress-wrapper[data-v-f8da37a3]{height:12px;background:#e9ecef;border-radius:10px;overflow:hidden;position:relative}.progress-bar[data-v-f8da37a3]{height:100%;background:linear-gradient(90deg,#107667,#0d5c50);transition:width .3s ease;position:relative}.progress-bar[data-v-f8da37a3]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-f8da37a3 2s infinite}@keyframes shimmer-f8da37a3{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-details[data-v-f8da37a3]{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:13px}.progress-percent[data-v-f8da37a3]{color:#107667;font-weight:600;font-size:14px}.progress-estimate[data-v-f8da37a3]{color:#666;font-style:italic}.status-message[data-v-f8da37a3]{margin-top:15px;font-size:14px;color:#107667;font-weight:500;padding:10px;background:#eef7f5;border-radius:8px;animation:fadeIn-f8da37a3 .3s ease}@keyframes fadeIn-f8da37a3{0%{opacity:0}to{opacity:1}}.password-popup .popup-content[data-v-f8da37a3]{padding:20px;text-align:left}.popup-icon[data-v-f8da37a3]{font-size:28px;display:block}.popup-icon.success[data-v-f8da37a3]{animation:bounce-f8da37a3 .5s ease}@keyframes bounce-f8da37a3{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.popup-header p[data-v-f8da37a3]{margin:0 0 8px;font-size:14px}.password-popup[data-v-f8da37a3]{max-width:400px}.password-input-group[data-v-f8da37a3]{padding:10px;text-align:left}.input-wrapper[data-v-f8da37a3]{margin-bottom:5px}.input-wrapper label[data-v-f8da37a3]{display:block;margin-bottom:8px;font-size:14px;color:#333;font-weight:500}.input-with-icon[data-v-f8da37a3]{position:relative;display:flex;align-items:center}.input-with-icon input[data-v-f8da37a3]{width:100%;padding:6px 20px 6px 7px;border-radius:8px;border:2px solid #e0e0e0;font-size:15px;transition:all .3s ease;background:#fff}.input-with-icon input[data-v-f8da37a3]:focus{outline:none;border-color:#107667;box-shadow:0 0 0 3px #1076671a}.input-with-icon input[data-v-f8da37a3]:disabled{background:#f5f5f5;cursor:not-allowed}.input-with-icon input.error[data-v-f8da37a3]{border-color:#f44336;background:#fff5f5}.toggle-password[data-v-f8da37a3]{position:absolute;right:12px;background:none;border:none;font-size:18px;cursor:pointer;padding:5px;border-radius:4px;transition:all .3s;color:#666}.toggle-password[data-v-f8da37a3]:hover:not(:disabled){background:#f0f0f0;color:#333}.toggle-password[data-v-f8da37a3]:disabled{opacity:.5;cursor:not-allowed}.error-message[data-v-f8da37a3]{color:#f44336;font-size:13px;margin-top:5px;display:flex;align-items:center;gap:5px}.password-strength[data-v-f8da37a3]{padding:5px;background:#f8f9fa;border-radius:8px}.strength-label[data-v-f8da37a3]{font-size:13px;color:#666;margin-bottom:8px}.strength-bar[data-v-f8da37a3]{height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;margin-bottom:8px}.strength-fill[data-v-f8da37a3]{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease}.strength-fill.weak[data-v-f8da37a3]{background:#f44336}.strength-fill.medium[data-v-f8da37a3]{background:#ff9800}.strength-fill.strong[data-v-f8da37a3]{background:#4caf50}.strength-text[data-v-f8da37a3]{font-size:12px;font-weight:600;text-align:right}.weak-text[data-v-f8da37a3]{color:#f44336}.medium-text[data-v-f8da37a3]{color:#ff9800}.strong-text[data-v-f8da37a3]{color:#4caf50}.password-tips[data-v-f8da37a3]{padding:6px;background:#e3f2fd;border-radius:6px;border-left:4px solid #2196F3;text-align:center}.password-tips small[data-v-f8da37a3]{color:#1976d2;font-size:13px}.popup-buttons[data-v-f8da37a3]{padding:5px 15px;background:#f8f9fa;border-top:1px solid #f0f0f0;display:flex;gap:12px}.popup-btn[data-v-f8da37a3]{flex:1;border-radius:8px;border:none;background:#000;color:#fff;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:35px}.popup-btn[data-v-f8da37a3]:hover:not(:disabled){box-shadow:0 4px 12px #1076674d}.popup-btn[data-v-f8da37a3]:disabled{opacity:.6;cursor:not-allowed}.popup-btn.loading[data-v-f8da37a3]{background:linear-gradient(135deg,#0d5c50,#107667)}.popup-btn.secondary[data-v-f8da37a3]{background:#6c757d;color:#fff}.popup-btn.secondary[data-v-f8da37a3]:hover:not(:disabled){background:#5a6268;box-shadow:0 4px 12px #6c757d4d}@keyframes spin-f8da37a3{to{transform:rotate(360deg)}}.file-info[data-v-f8da37a3]{padding:20px 25px}.info-row[data-v-f8da37a3]{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.info-label[data-v-f8da37a3]{font-size:14px;color:#666;font-weight:500}.info-value[data-v-f8da37a3]{font-size:14px;color:#333;font-weight:600;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-value.success[data-v-f8da37a3]{color:#107667}.security-alert[data-v-f8da37a3]{background:#fff3e0;border-radius:8px;padding:12px 15px;margin:0 25px 20px;display:flex;align-items:center;gap:10px;border-left:4px solid #ff9800}.alert-icon[data-v-f8da37a3]{font-size:18px;flex-shrink:0}.alert-text[data-v-f8da37a3]{font-size:14px;color:#e65100;font-weight:500;text-align:left;flex:1}@media(max-width:480px){.popup-content[data-v-f8da37a3]{max-width:340px}.password-popup[data-v-f8da37a3]{max-width:320px}.popup-header[data-v-f8da37a3],.password-input-group[data-v-f8da37a3]{padding:20px}.popup-buttons[data-v-f8da37a3]{padding:15px 20px;flex-direction:column}.file-info[data-v-f8da37a3]{padding:15px 20px}.info-value[data-v-f8da37a3]{max-width:150px}.security-alert[data-v-f8da37a3]{margin:0 20px 15px}}.upload-box[data-v-3a18e941]:hover{border-color:#9c27b0;background:#f3e5f5;box-shadow:0 4px 12px #9c27b01a}.upload-box.drag-over[data-v-3a18e941]{border-color:#9c27b0;background:#f3e5f5;box-shadow:0 0 0 4px #9c27b01f}.upload-content .icon[data-v-3a18e941]{font-size:25px;display:block}.upload-content p[data-v-3a18e941]{margin:0 0 8px;color:#333;font-size:16px}.upload-content small[data-v-3a18e941]{display:block;color:#666;font-size:13px}.file-size[data-v-3a18e941]{color:#9c27b0;font-weight:500;margin-top:5px!important}.password-section[data-v-3a18e941]{text-align:left;margin:auto}.input-wrapper[data-v-3a18e941]{margin-bottom:5px}.input-wrapper label[data-v-3a18e941]{display:block;margin-bottom:10px;font-size:14px;color:#333;margin-top:15px}.input-with-icon[data-v-3a18e941]{position:relative}.input-with-icon input[data-v-3a18e941]{padding:6px 8px;border-radius:8px;border:2px solid #e0e0e0;font-size:15px;transition:all .3s ease;background:#fff;width:97%}.input-with-icon input[data-v-3a18e941]:focus{outline:none;border-color:#9c27b0;box-shadow:0 0 0 3px #9c27b01a}.input-with-icon input[data-v-3a18e941]:disabled{background:#f5f5f5;cursor:not-allowed}.input-hint[data-v-3a18e941]{text-align:right}.input-hint small[data-v-3a18e941]{color:#666;font-size:12px;font-style:italic}.unlock-btn[data-v-3a18e941]{width:100%;padding:8px;font-size:16px;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;transition:all .3s ease;position:relative;overflow:hidden;font-weight:300}.unlock-btn[data-v-3a18e941]:hover:not(:disabled){box-shadow:0 6px 20px #9c27b04d}.unlock-btn[data-v-3a18e941]:disabled{opacity:.6;cursor:not-allowed}.unlock-btn.loading[data-v-3a18e941]{background:linear-gradient(135deg,#7b1fa2,#9c27b0)}.unlock-btn.disabled[data-v-3a18e941]:not(.loading){background:#95a5a6}.progress-container[data-v-3a18e941]{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;max-width:555px;margin-inline:auto}.status-text[data-v-3a18e941]{margin-bottom:5px;font-size:15px;color:#333;font-weight:500;min-height:20px}.progress-wrapper[data-v-3a18e941]{height:12px;background:#e9ecef;border-radius:10px;overflow:hidden;position:relative}.progress-bar[data-v-3a18e941]{height:100%;background:green;transition:width .3s ease;position:relative}.progress-bar[data-v-3a18e941]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-3a18e941 2s infinite}@keyframes shimmer-3a18e941{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-details[data-v-3a18e941]{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:13px}.progress-percent[data-v-3a18e941]{color:#9c27b0;font-weight:600;font-size:14px}.progress-estimate[data-v-3a18e941]{color:#666;font-style:italic}.status-message[data-v-3a18e941]{font-size:14px;color:#9c27b0;font-weight:500;padding:10px;background:#f3e5f5;border-radius:8px;animation:fadeIn-3a18e941 .3s ease;margin-inline:auto;margin-bottom:3px;max-width:555px}@keyframes fadeIn-3a18e941{0%{opacity:0}to{opacity:1}}.popup-overlay[data-v-3a18e941]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-3a18e941 .3s ease}.popup-content[data-v-3a18e941]{background:#fff;border-radius:16px;padding:15px;width:100%;max-width:400px;text-align:center;animation:slideUp-3a18e941 .3s ease;box-shadow:0 10px 40px #0003;position:relative}@keyframes slideUp-3a18e941{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-btn[data-v-3a18e941]{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#999;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.close-btn[data-v-3a18e941]:hover{background:#f5f5f5;color:#333}.popup-icon[data-v-3a18e941]{font-size:18px;animation:bounce-3a18e941 .5s ease}.popup-icon.error[data-v-3a18e941]{color:#f44336}@keyframes bounce-3a18e941{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.popup-content h3[data-v-3a18e941]{margin:0 0 10px;color:#333;font-size:20px;font-weight:600}.popup-content>p[data-v-3a18e941]{margin:0 0 5px;color:#666;font-size:15px;line-height:1.4}.success-details[data-v-3a18e941]{background:#f8f9fa;border-radius:10px;padding:15px;margin:0 0 20px;text-align:left}.detail-item[data-v-3a18e941]{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.detail-item[data-v-3a18e941]:first-child{border-bottom:1px solid #e9ecef;padding-bottom:10px;margin-bottom:8px}.detail-label[data-v-3a18e941]{font-size:13px;color:#666;font-weight:500}.detail-value[data-v-3a18e941]{font-size:13px;color:#333;font-weight:600;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-value.success[data-v-3a18e941]{color:#9c27b0}.error-tips[data-v-3a18e941]{background:#ffebee;border-radius:10px;padding:10px;margin:0 0 10px;text-align:left;border-left:4px solid #f44336}.error-tips p[data-v-3a18e941]{margin:0 0 10px!important;color:#c62828;font-size:14px!important}.error-tips ul[data-v-3a18e941]{margin:0;padding-left:20px;color:#666;font-size:13px;line-height:1.5}.error-tips li[data-v-3a18e941]{margin-bottom:5px}.popup-buttons[data-v-3a18e941]{display:flex;gap:10px;justify-content:center}.popup-btn[data-v-3a18e941]{padding:8px 15px;border-radius:8px;border:none;background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px;font-size:14px}.popup-btn[data-v-3a18e941]:hover{box-shadow:0 4px 12px #9c27b04d}.popup-btn.secondary[data-v-3a18e941]{background:#6c757d;color:#fff}.popup-btn.secondary[data-v-3a18e941]:hover{background:#5a6268;box-shadow:0 4px 12px #6c757d4d}@media(max-width:480px){.popup-content[data-v-3a18e941]{padding:20px;max-width:320px}.popup-buttons[data-v-3a18e941]{flex-direction:column;gap:8px}.popup-btn[data-v-3a18e941]{width:100%}}.main__title[data-v-e3853914]{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:var(--text-xl)}.cloud-import-row[data-v-e3853914]{display:flex;gap:10px;margin-bottom:10px;align-items:center;flex-wrap:wrap}.subtitle[data-v-e3853914]{font-size:13px;color:#6c757d;margin:0}.cloud-icon-btn[data-v-e3853914]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-content);color:var(--brand-color, #ff3131);cursor:pointer;transition:all .2s ease}.cloud-icon-btn[data-v-e3853914]:hover{background:var(--bg-secondary);border-color:var(--brand-color, #ff3131)}.size-limit-badge[data-v-e3853914]{font-size:11px;background:#ff6b6b1a;color:#ff6b6b;padding:2px 6px;border-radius:10px;margin-left:8px;border:1px solid rgba(255,107,107,.3)}.bubble-loader[data-v-e3853914]{display:inline-flex;gap:4px;align-items:center;margin-right:8px}.bubble[data-v-e3853914]{width:6px;height:6px;border-radius:50%;background:#fff;animation:bubble-e3853914 1.4s infinite ease-in-out both}.bubble[data-v-e3853914]:nth-child(1){animation-delay:-.32s}.bubble[data-v-e3853914]:nth-child(2){animation-delay:-.16s}@keyframes bubble-e3853914{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.converter[data-v-e3853914]{max-width:1000px;margin:auto;padding:20px}.upload-box[data-v-e3853914]{display:block;border:2px dashed #aaa;border-radius:12px;padding:30px 20px;cursor:pointer;transition:all .3s ease;background:#f9f9f9;text-align:center}.upload-box[data-v-e3853914]:hover{border-color:#ff3131;background:#fff5f5}.upload-box.drag-over[data-v-e3853914]{border-color:#ff3131;background:#fff0f0;transform:scale(1.02)}.file-summary[data-v-e3853914]{background:#ff3131;color:#fff;padding:10px 15px;border-radius:12px;margin-bottom:10px;margin-top:10px}.summary-header[data-v-e3853914]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-header h3[data-v-e3853914]{margin:0;font-size:16px;font-weight:300}.clear-all-btn[data-v-e3853914]{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer}.clear-all-btn[data-v-e3853914]:hover:not(:disabled){background:#ffffff4d}.summary-stats[data-v-e3853914]{display:flex;gap:20px;font-size:13px;flex-wrap:wrap}.stat[data-v-e3853914]{display:flex;gap:6px;align-items:center}.view-mode-toggle[data-v-e3853914]{display:flex;gap:12px;margin-bottom:20px;justify-content:center}.mode-btn[data-v-e3853914]{padding:10px 24px;background:#fff;border:2px solid #e9ecef;border-radius:30px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.mode-btn.active[data-v-e3853914]{background:#ff3131;border-color:#ff3131;color:#fff}.all-pages-view[data-v-e3853914]{background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #e9ecef}.pages-grid[data-v-e3853914]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.page-card[data-v-e3853914]{background:#fff;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid #e9ecef;transition:all .2s}.page-card.selected[data-v-e3853914]{border-color:#ff3131;box-shadow:0 0 0 3px #ff313133}.page-thumbnail-container[data-v-e3853914]{position:relative;padding-top:141.4%;background:#f8f9fa}.page-thumbnail[data-v-e3853914]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.thumbnail-placeholder[data-v-e3853914]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.placeholder-icon[data-v-e3853914]{font-size:32px;opacity:.5}.page-overlay[data-v-e3853914]{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;align-items:center;z-index:2}.page-number[data-v-e3853914]{background:#000000b3;color:#fff;padding:2px 8px;border-radius:4px;font-size:11px}.cropped-badge[data-v-e3853914]{background:#ff9800;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px}.page-info[data-v-e3853914]{padding:8px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e9ecef}.page-dimensions[data-v-e3853914]{font-size:11px;color:#6c757d}.crop-page-btn[data-v-e3853914]{padding:4px 8px;background:#ff3131;color:#fff;border:none;border-radius:4px;font-size:11px;cursor:pointer}.current-page-view[data-v-e3853914]{background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #e9ecef}.page-navigation[data-v-e3853914]{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:20px}.nav-btn[data-v-e3853914]{padding:8px 16px;background:#fff;border:1px solid #dee2e6;border-radius:6px;cursor:pointer}.nav-btn[data-v-e3853914]:hover:not(:disabled){background:#ff3131;color:#fff;border-color:#ff3131}.nav-btn[data-v-e3853914]:disabled{opacity:.5;cursor:not-allowed}.page-info-text[data-v-e3853914]{font-size:14px;font-weight:500}.zoom-controls[data-v-e3853914]{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:20px}.zoom-btn[data-v-e3853914],.reset-crop-btn[data-v-e3853914]{padding:6px 12px;background:#fff;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:13px}.zoom-level[data-v-e3853914]{font-size:14px;min-width:50px;text-align:center;font-weight:500}.crop-coordinates[data-v-e3853914]{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;background:#fff;padding:12px;border-radius:8px;border:1px solid #dee2e6;margin-bottom:20px}.coord[data-v-e3853914]{display:flex;flex-direction:column;align-items:center;gap:4px}.coord span[data-v-e3853914]{font-size:11px;color:#888;text-transform:uppercase}.coord strong[data-v-e3853914]{font-size:14px;color:#ff3131}.preview-container[data-v-e3853914]{position:relative;width:100%;min-height:500px;display:flex;align-items:center;justify-content:center;background:#f0f2f5;border-radius:8px;overflow:auto;padding:20px;margin-bottom:20px}.canvas-wrapper[data-v-e3853914]{position:relative;display:inline-block;background:#fff;box-shadow:0 4px 12px #0000001a;border-radius:4px;overflow:hidden}.preview-canvas[data-v-e3853914]{display:block;max-width:100%;max-height:500px}.selection-canvas[data-v-e3853914]{position:absolute;top:0;left:0;cursor:crosshair;z-index:2}.rendering-overlay[data-v-e3853914]{position:absolute;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:8px}.crop-instructions[data-v-e3853914]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:20px;padding-top:20px;border-top:1px solid #dee2e6}.instruction-item[data-v-e3853914]{display:flex;align-items:center;gap:15px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e9ecef;text-align:left}.instruction-icon[data-v-e3853914]{font-size:24px;flex-shrink:0}.instruction-item p[data-v-e3853914]{margin:0;font-size:13px;line-height:1.4}.crop-options[data-v-e3853914]{margin:20px 0;padding:16px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.crop-options-header[data-v-e3853914]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px}.crop-options-header h3[data-v-e3853914]{margin:0;font-size:16px;color:#495057}.crop-actions-group[data-v-e3853914]{display:flex;gap:10px}.apply-all-btn[data-v-e3853914],.clear-all-crops-btn[data-v-e3853914]{padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;border:none}.apply-all-btn[data-v-e3853914]{background:#28a745;color:#fff}.clear-all-crops-btn[data-v-e3853914]{background:#dc3545;color:#fff}.merge-btn[data-v-e3853914]{width:100%;padding:8px;font-size:15px;border-radius:10px;border:none;cursor:pointer;background:#ff3131;color:#fff;transition:all .3s ease;font-weight:500}.merge-btn[data-v-e3853914]:hover:not(:disabled):not(.disabled){background:#e02828;box-shadow:0 4px 12px #ff31314d}.merge-btn[data-v-e3853914]:disabled,.merge-btn.disabled[data-v-e3853914]{background:#ccc;cursor:not-allowed;opacity:.6}.progress-section[data-v-e3853914]{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.progress-header[data-v-e3853914]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;color:#495057}.progress-wrapper[data-v-e3853914]{height:8px;width:100%;background:#e9ecef;border-radius:4px;overflow:hidden}.progress-bar[data-v-e3853914]{height:100%;background:linear-gradient(90deg,#ff3131,#e02828);transition:width .3s ease;border-radius:4px}@media(max-width:768px){.pages-grid[data-v-e3853914]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.crop-options-header[data-v-e3853914]{flex-direction:column;align-items:stretch}.crop-coordinates[data-v-e3853914]{grid-template-columns:repeat(2,1fr)}.crop-instructions[data-v-e3853914]{grid-template-columns:1fr}.summary-stats[data-v-e3853914]{flex-direction:column;gap:8px}}.converter[data-v-ce749675]{margin:0 auto;padding:20px}.main__title[data-v-ce749675]{display:flex;align-items:center;gap:12px;font-size:28px;margin-bottom:10px;color:#1a1a2e}.subtitle[data-v-ce749675]{color:#666;margin-bottom:24px;font-size:14px}.upload-box[data-v-ce749675]{display:block;border:2px dashed #ddd;border-radius:16px;padding:30px;text-align:center;cursor:pointer;transition:all .3s ease;margin-bottom:20px;background:#fafafa}.upload-box[data-v-ce749675]:hover{border-color:#ff3131;background:#fff5f5}.upload-box.has-file[data-v-ce749675]{border-color:#4caf50;background:#f1f8e9}.upload-box.drag-over[data-v-ce749675]{border-color:#ff3131;background:#fff5f5;box-shadow:0 0 0 4px #ff31311f}.upload-placeholder p[data-v-ce749675]{margin:0 0 8px;font-size:16px}.upload-placeholder small[data-v-ce749675]{color:#999;font-size:12px}.file-selected[data-v-ce749675]{display:flex;align-items:center;justify-content:center;gap:12px}.success-icon[data-v-ce749675]{color:#4caf50}.file-info[data-v-ce749675]{text-align:left}.file-name[data-v-ce749675]{display:block;font-weight:500;margin-bottom:4px}.file-size[data-v-ce749675]{font-size:12px;color:#666}.remove-file[data-v-ce749675]{background:none;border:none;font-size:20px;cursor:pointer;color:#999;padding:4px 8px}.remove-file[data-v-ce749675]:hover{color:#ff3131}.ocr-settings[data-v-ce749675]{background:#f8f9fa;padding:20px;border-radius:12px;margin-bottom:20px}.settings-grid[data-v-ce749675]{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:600px){.settings-grid[data-v-ce749675]{grid-template-columns:1fr}}.setting-group label[data-v-ce749675]{display:block;margin-bottom:8px;font-weight:500;color:#333}.setting-select[data-v-ce749675]{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:14px}.setting-desc[data-v-ce749675]{font-size:11px;color:#888;margin-top:5px}.text-preview[data-v-ce749675]{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:16px;margin-bottom:20px}.preview-header[data-v-ce749675]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eee}.preview-header h3[data-v-ce749675]{margin:0;font-size:16px}.preview-actions[data-v-ce749675]{display:flex;gap:8px}.action-btn[data-v-ce749675]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s}.action-btn[data-v-ce749675]:hover{background:#f0f0f0}.text-content[data-v-ce749675]{max-height:300px;overflow-y:auto;background:#f8f9fa;border-radius:8px;padding:12px;font-family:Courier New,monospace;font-size:12px;line-height:1.5}.text-content pre[data-v-ce749675]{margin:0;white-space:pre-wrap;word-wrap:break-word}.text-stats[data-v-ce749675]{display:flex;gap:20px;margin-top:12px;padding-top:12px;border-top:1px solid #eee;font-size:12px;color:#666}.text-stats span[data-v-ce749675]{font-weight:600;color:#ff3131}.action-buttons[data-v-ce749675]{margin:20px 0}.ocr-btn[data-v-ce749675]{width:100%;padding:7px;background:#ff3131;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.ocr-btn[data-v-ce749675]:hover:not(:disabled){background:#e02828;transform:translateY(-1px);box-shadow:0 4px 12px #ff31314d}.ocr-btn[data-v-ce749675]:disabled{opacity:.6;cursor:not-allowed}.ocr-btn.loading[data-v-ce749675]{background:#666}.bubble-loader[data-v-ce749675]{display:inline-flex;gap:4px;margin-right:8px}.bubble[data-v-ce749675]{width:6px;height:6px;background:#fff;border-radius:50%;animation:bounce-ce749675 .8s infinite}.bubble[data-v-ce749675]:nth-child(2){animation-delay:.2s}.bubble[data-v-ce749675]:nth-child(3){animation-delay:.4s}@keyframes bounce-ce749675{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.status-container[data-v-ce749675]{margin-top:15px}.status-text[data-v-ce749675]{text-align:center;font-size:14px;color:#ff3131;margin-bottom:8px}.progress-wrapper[data-v-ce749675]{height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden}.progress-bar[data-v-ce749675]{height:100%;background:linear-gradient(90deg,#ff3131,#ff6b6b);transition:width .3s ease;border-radius:3px}.popup-overlay[data-v-ce749675]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.success-popup[data-v-ce749675]{background:#fff;border-radius:20px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:slideUp-ce749675 .3s ease}@keyframes slideUp-ce749675{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.popup-header[data-v-ce749675]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.popup-header h3[data-v-ce749675]{display:flex;align-items:center;gap:8px;margin:0;font-size:18px}.close-popup[data-v-ce749675]{background:none;border:none;cursor:pointer;color:#999;padding:4px}.popup-content[data-v-ce749675]{padding:20px}.stats-grid[data-v-ce749675]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.stat-item[data-v-ce749675]{padding:8px 0;border-bottom:1px solid #f0f0f0}.stat-label[data-v-ce749675]{display:block;font-size:11px;color:#888;margin-bottom:4px}.stat-value[data-v-ce749675]{font-size:13px;font-weight:500;color:#333;word-break:break-word}.link-section[data-v-ce749675]{margin:20px 0}.link-label[data-v-ce749675]{font-size:13px;font-weight:500;margin-bottom:8px;display:block}.link-input-wrapper[data-v-ce749675]{display:flex;gap:8px}.link-input[data-v-ce749675]{flex:1;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:12px;background:#f8f9fa}.copy-btn[data-v-ce749675]{padding:8px 16px;background:#ff3131;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px}.popup-actions[data-v-ce749675]{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.btn-primary[data-v-ce749675]{width:100%;padding:12px;background:#ff3131;color:#fff;border:none;border-radius:10px;font-size:14px;cursor:pointer}.cloud-import-row[data-v-56c22f57]{display:flex;gap:10px;margin-bottom:10px;align-items:center}.cloud-icon-btn[data-v-56c22f57]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s ease}.cloud-icon-btn[data-v-56c22f57]:hover{background:#f5f5f5;transform:scale(1.05)}.size-limit-badge[data-v-56c22f57]{font-size:11px;background:#ff6b6b1a;color:#ff6b6b;padding:2px 6px;border-radius:10px;margin-left:8px;border:1px solid rgba(255,107,107,.3)}.upload-box[data-v-56c22f57]{display:block;border:2px dashed #aaa;border-radius:12px;padding:30px 20px;cursor:pointer;transition:all .3s ease;background:#f9f9f9;text-align:center}.upload-box[data-v-56c22f57]:hover{border-color:#ff3131;background:#fff5f5}.upload-box.drag-over[data-v-56c22f57]{border-color:#ff3131;background:#fff0f0;transform:scale(1.02)}.upload-content[data-v-56c22f57]{text-align:center}.file-summary[data-v-56c22f57]{background:#ff3131;color:#fff;padding:10px 15px;border-radius:12px;margin-bottom:10px;margin-top:10px}.summary-header[data-v-56c22f57]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-header h3[data-v-56c22f57]{margin:0;font-size:16px;font-weight:300}.clear-all-btn[data-v-56c22f57]{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .3s ease}.clear-all-btn[data-v-56c22f57]:hover:not(:disabled){background:#ffffff4d}.clear-all-btn[data-v-56c22f57]:disabled{opacity:.5;cursor:not-allowed}.summary-stats[data-v-56c22f57]{display:flex;gap:20px;font-size:13px;flex-wrap:wrap}.stat[data-v-56c22f57]{display:flex;gap:6px;align-items:center}.organization-interface[data-v-56c22f57]{margin-top:20px}.quick-actions[data-v-56c22f57]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:12px;background:#f8f9fa;border-radius:10px;margin-bottom:20px;border:1px solid #e9ecef}.action-group[data-v-56c22f57]{display:flex;gap:8px;flex-wrap:wrap}.action-btn[data-v-56c22f57]{padding:8px 16px;border-radius:8px;border:1px solid #dee2e6;background:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.action-btn[data-v-56c22f57]:hover:not(:disabled){background:#ff3131;color:#fff;border-color:#ff3131;transform:translateY(-1px)}.action-btn[data-v-56c22f57]:disabled{opacity:.5;cursor:not-allowed}.action-btn.compact[data-v-56c22f57]{padding:6px 12px;font-size:12px}.pages-grid-container[data-v-56c22f57]{background:#fff;border-radius:12px;border:1px solid #e9ecef;padding:20px;margin-bottom:20px}.pagination-header[data-v-56c22f57]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.pagination-info[data-v-56c22f57]{font-size:14px;color:#6c757d}.pagination-controls[data-v-56c22f57]{display:flex;align-items:center;gap:12px}.page-nav[data-v-56c22f57]{padding:6px 12px;border-radius:6px;border:1px solid #dee2e6;background:#fff;cursor:pointer;transition:all .2s}.page-nav[data-v-56c22f57]:hover:not(:disabled){background:#ff3131;color:#fff;border-color:#ff3131}.page-nav[data-v-56c22f57]:disabled{opacity:.5;cursor:not-allowed}.page-numbers[data-v-56c22f57]{display:flex;gap:6px}.page-number[data-v-56c22f57]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px}.page-number[data-v-56c22f57]:hover{background:#f8f9fa}.page-number.active[data-v-56c22f57]{background:#ff3131;color:#fff}.page-ellipsis[data-v-56c22f57]{padding:0 4px}.pages-grid[data-v-56c22f57]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:20px}.page-card[data-v-56c22f57]{position:relative;border:2px solid #e9ecef;border-radius:8px;padding:12px;background:#fff;cursor:pointer;transition:all .2s;min-height:200px}.page-card[data-v-56c22f57]:hover{border-color:#ff3131;box-shadow:0 4px 12px #0000001a}.page-card.selected[data-v-56c22f57]{border-color:#ff3131;background:#fff5f5}.page-card.dragging[data-v-56c22f57]{opacity:.5;transform:scale(.95)}.page-card.rotated[data-v-56c22f57]{border-color:#ff9800}.page-number-badge[data-v-56c22f57]{position:absolute;top:8px;left:8px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;z-index:2}.rotation-badge[data-v-56c22f57]{background:#ff9800;margin-left:4px;padding:2px 4px;border-radius:3px;font-size:10px}.page-thumbnail[data-v-56c22f57]{width:100%;height:160px;background:#f8f9fa;border-radius:6px;overflow:hidden;margin-bottom:8px}.thumbnail[data-v-56c22f57]{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#f8f9fa;transition:transform .2s}.thumbnail-loading[data-v-56c22f57]{display:flex;align-items:center;justify-content:center;height:100%;color:#999;font-size:12px}.page-placeholder[data-v-56c22f57]{width:100%;height:160px;background:#f8f9fa;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.placeholder-icon[data-v-56c22f57]{font-size:48px}.placeholder-text[data-v-56c22f57]{font-size:14px;color:#666}.placeholder-rotation[data-v-56c22f57]{font-size:11px;color:#ff9800;background:#ff98001a;padding:2px 6px;border-radius:10px}.selection-indicator[data-v-56c22f57]{position:absolute;top:8px;right:8px;z-index:2}.checkbox[data-v-56c22f57]{width:24px;height:24px;border:2px solid #ddd;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s}.checkbox.checked[data-v-56c22f57]{background:#ff3131;border-color:#ff3131;color:#fff}.page-actions-hover[data-v-56c22f57]{position:absolute;bottom:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .2s;z-index:2}.page-card:hover .page-actions-hover[data-v-56c22f57]{opacity:1}.hover-action[data-v-56c22f57]{width:28px;height:28px;border-radius:4px;border:none;background:#000000b3;color:#fff;cursor:pointer;font-size:14px;transition:all .2s}.hover-action[data-v-56c22f57]:hover{background:#ff3131;transform:scale(1.05)}.hover-action.delete[data-v-56c22f57]:hover{background:#dc3545}.pagination-footer[data-v-56c22f57]{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #e9ecef;flex-wrap:wrap;gap:12px}.page-size-control[data-v-56c22f57]{display:flex;align-items:center;gap:8px}.size-select[data-v-56c22f57]{padding:6px 10px;border:1px solid #dee2e6;border-radius:6px;cursor:pointer}.keyboard-hint[data-v-56c22f57]{font-size:12px;color:#6c757d}kbd[data-v-56c22f57]{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:2px 6px;font-size:11px;font-family:monospace}.empty-state[data-v-56c22f57]{text-align:center;padding:40px;color:#6c757d}.empty-icon[data-v-56c22f57]{font-size:64px;margin-bottom:16px;opacity:.5}.merge-btn[data-v-56c22f57]{width:100%;padding:8px;font-size:15px;border-radius:10px;border:none;cursor:pointer;background:#ff3131;color:#fff;transition:all .3s ease}.merge-btn[data-v-56c22f57]:hover:not(:disabled):not(.disabled){background:#e02828;box-shadow:0 4px 12px #ff31314d}.merge-btn[data-v-56c22f57]:disabled,.merge-btn.disabled[data-v-56c22f57]{background:#ccc;cursor:not-allowed;opacity:.6}.progress-section[data-v-56c22f57]{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.progress-header[data-v-56c22f57]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;color:#495057}.progress-wrapper[data-v-56c22f57]{height:8px;width:100%;background:#e9ecef;border-radius:4px;overflow:hidden}.progress-bar[data-v-56c22f57]{height:100%;background:linear-gradient(90deg,#ff3131,#e02828);transition:width .3s ease;border-radius:4px}.bubble-loader[data-v-56c22f57]{display:inline-flex;gap:4px;align-items:center;margin-right:8px}.bubble[data-v-56c22f57]{width:6px;height:6px;border-radius:50%;background:#fff;animation:bubble-56c22f57 1.4s infinite ease-in-out both}.bubble[data-v-56c22f57]:nth-child(1){animation-delay:-.32s}.bubble[data-v-56c22f57]:nth-child(2){animation-delay:-.16s}@keyframes bubble-56c22f57{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.popup-overlay[data-v-56c22f57]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.success-popup[data-v-56c22f57]{background:#fff;border-radius:20px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideIn-56c22f57 .3s ease}.popup-header[data-v-56c22f57]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#ff3131,#e02828);color:#fff;border-radius:20px 20px 0 0}.popup-header h3[data-v-56c22f57]{margin:0;font-size:18px}.close-popup[data-v-56c22f57]{background:#fff3;border:none;color:#fff;font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-popup[data-v-56c22f57]:hover{background:#ffffff4d}.popup-content[data-v-56c22f57]{padding:24px}.stats-grid[data-v-56c22f57]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.stat-item[data-v-56c22f57]{text-align:left;padding:8px 0;border-bottom:1px solid #f0f0f0}.stat-label[data-v-56c22f57]{display:block;font-size:12px;color:#666;margin-bottom:4px}.stat-value[data-v-56c22f57]{display:block;font-size:14px;color:#2c3e50;font-weight:500;word-break:break-word}.link-section[data-v-56c22f57]{margin:20px 0}.link-label[data-v-56c22f57]{font-weight:600;margin-bottom:8px;display:inline-block;font-size:14px;color:#495057}.link-input-wrapper[data-v-56c22f57]{display:flex;gap:8px;align-items:center}.link-input[data-v-56c22f57]{flex:1;padding:8px 10px;font-size:12px;border:1px solid #ccc;border-radius:6px;background:#f8f9fa;font-family:monospace}.icon-svg[data-v-56c22f57]{display:inline-flex;align-items:center;justify-content:center}.icon-svg svg[data-v-56c22f57]{width:16px;height:16px;fill:currentColor}.cloud-actions-row[data-v-56c22f57],.share-buttons-row[data-v-56c22f57]{margin:16px 0}.share-buttons-group[data-v-56c22f57]{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.share-chip[data-v-56c22f57]{padding:6px 10px;border-radius:999px;border:1px solid #dee2e6;background:#f8f9fa;font-size:12px;cursor:pointer;transition:all .2s ease}.share-chip[data-v-56c22f57]:hover{background:#e9ecef;transform:translateY(-1px)}.btn-primary[data-v-56c22f57]{width:100%;padding:12px;background:#ff3131;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary[data-v-56c22f57]:hover{background:#e02828;transform:translateY(-1px)}.popup-actions[data-v-56c22f57]{margin-top:24px}@keyframes slideIn-56c22f57{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.pages-grid[data-v-56c22f57]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.stats-grid[data-v-56c22f57]{grid-template-columns:1fr}.quick-actions[data-v-56c22f57]{flex-direction:column;align-items:stretch}.action-group[data-v-56c22f57]{justify-content:center}.summary-stats[data-v-56c22f57]{flex-direction:column;gap:8px}}.upload-box.drag-over[data-v-5777b311]{border-color:#ff9800!important;background:#fff8ef!important;box-shadow:0 0 0 4px #ff98001f}.upload-content .icon[data-v-5777b311]{font-size:56px;display:block;margin-bottom:15px}.file-info[data-v-5777b311]{display:block;color:#ff3131;font-size:15px}.settings-panel[data-v-5777b311]{background:#fff;border-radius:16px;padding:30px;margin:30px 0;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.settings-panel h3[data-v-5777b311]{margin:0 0 25px;color:#1f2937;font-size:20px;text-align:center}.setting-group[data-v-5777b311]{margin-bottom:30px}.setting-group h4[data-v-5777b311]{margin:0 0 10px;color:#374151;font-size:16px;display:flex;align-items:center;gap:8px}.setting-description[data-v-5777b311]{margin:0 0 15px;color:#6b7280;font-size:14px;line-height:1.5}.ratio-options[data-v-5777b311]{display:flex;flex-direction:column;gap:12px}.ratio-option[data-v-5777b311]{display:flex;align-items:center;gap:15px;padding:18px 20px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s;position:relative}.ratio-option[data-v-5777b311]:hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-2px)}.ratio-option.selected[data-v-5777b311]{border-color:#3b82f6;background:#eff6ff;box-shadow:0 4px 12px #3b82f626}.ratio-icon[data-v-5777b311]{font-size:28px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;flex-shrink:0}.ratio-info[data-v-5777b311]{flex:1;text-align:left}.ratio-info strong[data-v-5777b311]{display:block;font-size:15px;color:#1f2937;margin-bottom:4px}.ratio-info span[data-v-5777b311]{display:block;font-size:13px;color:#6b7280;line-height:1.4}.ratio-check[data-v-5777b311]{font-size:20px;color:#10b981;opacity:0;transition:opacity .3s}.ratio-option.selected .ratio-check[data-v-5777b311]{opacity:1}.quality-options[data-v-5777b311]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.quality-option[data-v-5777b311]{padding:20px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;text-align:center;transition:all .3s}.quality-option[data-v-5777b311]:hover{border-color:#ff3131;background:#eff6ff}.quality-option.selected[data-v-5777b311]{border-color:#ff3131;background:#eff6ff;box-shadow:0 4px 12px #3b82f626}.quality-level[data-v-5777b311]{font-weight:600;color:#1f2937;margin-bottom:8px;font-size:14px}.quality-dpi[data-v-5777b311]{font-size:18px;font-weight:700;color:#ff3131;margin-bottom:8px}.quality-desc[data-v-5777b311]{font-size:12px;color:#6b7280;line-height:1.4}.additional-options[data-v-5777b311]{display:flex;flex-direction:column;gap:15px}.checkbox-option[data-v-5777b311]{display:flex;align-items:center;gap:12px;padding:15px;background:#f9fafb;border-radius:10px;cursor:pointer;transition:background .2s}.checkbox-option[data-v-5777b311]:hover{background:#f3f4f6}.checkbox-option input[type=checkbox][data-v-5777b311]{width:20px;height:20px;accent-color:#ff3131;cursor:pointer}.checkbox-option span[data-v-5777b311]{font-size:14px;color:#374151;flex:1}.convert-btn[data-v-5777b311]{width:100%;padding:8px;background:#ff3131;color:#fff;border:none;border-radius:14px;font-size:18px;cursor:pointer;transition:all .3s;box-shadow:0 8px 25px #3b82f64d;position:relative;overflow:hidden;font-weight:300}.convert-btn[data-v-5777b311]:hover:not(:disabled){box-shadow:0 12px 30px #3b82f666;background:#ff3131}.convert-btn[data-v-5777b311]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.convert-btn.loading[data-v-5777b311]{background:linear-gradient(135deg,#6b7280,#4b5563)}@keyframes spin-5777b311{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-container[data-v-5777b311]{margin-block:15px;max-width:599px;margin:auto}.progress-info[data-v-5777b311]{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px}.progress-info .status[data-v-5777b311]{color:#374151;font-weight:500}.progress-info .percentage[data-v-5777b311]{color:green;font-weight:400}.progress-bar[data-v-5777b311]{height:10px;background:#e5e7eb;border-radius:5px;overflow:hidden}.progress-fill[data-v-5777b311]{height:100%;background:green;border-radius:5px;transition:width .3s ease;position:relative;overflow:hidden}.progress-fill[data-v-5777b311]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-5777b311 2s infinite}@keyframes shimmer-5777b311{to{left:100%}}.tips-box[data-v-5777b311]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;padding:25px;margin-top:30px}.tips-box h4[data-v-5777b311]{margin:0 0 15px;color:#0369a1;font-size:17px;display:flex;align-items:center;gap:8px}.tips-box ul[data-v-5777b311]{margin:0;padding-left:20px}.tips-box li[data-v-5777b311]{margin-bottom:10px;color:#0c4a6e;font-size:14px;line-height:1.5}.tips-box li[data-v-5777b311]:last-child{margin-bottom:0}.tips-box strong[data-v-5777b311]{color:#0369a1}@media(max-width:768px){.converter[data-v-5777b311]{padding:20px 15px}.upload-box[data-v-5777b311]{padding:30px 20px}.settings-panel[data-v-5777b311]{padding:20px}.quality-options[data-v-5777b311]{grid-template-columns:1fr;gap:12px}.ratio-option[data-v-5777b311]{padding:15px}.popup-notification[data-v-5777b311]{left:20px;right:20px;max-width:none}}.supported-formats[data-v-798a5c07]{font-size:13px;color:#9ca3af}.selected-file[data-v-798a5c07]{display:inline-flex;align-items:center;gap:10px;background:#fff;padding:12px 20px;border-radius:10px;border:1px solid #e5e7eb;margin-top:15px}.file-icon[data-v-798a5c07]{font-size:20px;color:#8b5cf6}.file-name[data-v-798a5c07]{font-weight:500;color:#374151;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size[data-v-798a5c07]{font-size:13px;color:#6b7280}.file-stats[data-v-798a5c07]{background:#fff;border-radius:12px;padding:10px;margin:10px 0;border:1px solid #e5e7eb;box-shadow:0 4px 12px #0000000d}.stat-item[data-v-798a5c07]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.stat-item[data-v-798a5c07]:last-child{border-bottom:none}.stat-label[data-v-798a5c07]{font-weight:500;color:#6b7280;font-size:14px}.stat-value[data-v-798a5c07]{font-weight:600;color:#374151;font-size:15px}.action-buttons[data-v-798a5c07]{display:flex;gap:20px;justify-content:center;margin:10px 0}.convert-btn[data-v-798a5c07]{flex:1;padding:8px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:14px;font-size:16px;cursor:pointer;transition:all .3s;box-shadow:0 8px 25px #8b5cf64d;display:flex;align-items:center;justify-content:center;gap:12px}.convert-btn[data-v-798a5c07]:hover:not(:disabled){box-shadow:0 12px 30px #8b5cf666;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.convert-btn[data-v-798a5c07]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.convert-btn.loading[data-v-798a5c07]{background:linear-gradient(135deg,#6b7280,#4b5563)}.secondary-btn[data-v-798a5c07]{padding:10px 15px;background:#fff;border:2px solid #d1d5db;border-radius:14px;color:#6b7280;cursor:pointer;transition:all .2s;font-size:16px}.secondary-btn[data-v-798a5c07]:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.secondary-btn[data-v-798a5c07]:disabled{opacity:.6;cursor:not-allowed}@keyframes spin-798a5c07{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-section[data-v-798a5c07]{margin:40px 0;padding:30px;background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 4px 12px #0000000d}.progress-header[data-v-798a5c07]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.progress-header .status[data-v-798a5c07]{font-weight:600;color:#374151;font-size:17px}.progress-header .timer[data-v-798a5c07]{font-weight:500;color:#8b5cf6;font-size:16px;display:flex;align-items:center;gap:5px}.progress-container[data-v-798a5c07]{margin-bottom:30px}.progress-bar[data-v-798a5c07]{height:14px;background:#f3f4f6;border-radius:7px;overflow:hidden;margin-bottom:10px;position:relative}.progress-fill[data-v-798a5c07]{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:7px;transition:width .5s ease;position:relative;overflow:hidden}.progress-fill[data-v-798a5c07]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-798a5c07 2s infinite}.progress-text[data-v-798a5c07]{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#fff;font-size:11px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.progress-labels[data-v-798a5c07]{display:flex;justify-content:space-between;font-size:12px;color:#9ca3af;padding:0 5px}.progress-stages[data-v-798a5c07]{display:flex;justify-content:space-between;position:relative;margin-top:40px}.progress-stages[data-v-798a5c07]:before{content:"";position:absolute;top:10px;left:0;right:0;height:3px;background:#f3f4f6;z-index:1}.stage[data-v-798a5c07]{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.stage-dot[data-v-798a5c07]{width:22px;height:22px;border-radius:50%;background:#f3f4f6;border:3px solid #f3f4f6;margin-bottom:8px;transition:all .3s}.stage.active .stage-dot[data-v-798a5c07]{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.stage-label[data-v-798a5c07]{font-size:13px;color:#9ca3af;font-weight:500;text-align:center}.stage.active .stage-label[data-v-798a5c07]{color:#374151;font-weight:600}@keyframes shimmer-798a5c07{to{left:100%}}.info-box[data-v-798a5c07]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;padding:25px;margin-top:30px}.info-box h4[data-v-798a5c07]{margin:0 0 15px;color:#0369a1;font-size:18px;display:flex;align-items:center;gap:8px}.info-box ul[data-v-798a5c07]{margin:0;padding-left:20px;list-style:none}.info-box li[data-v-798a5c07]{margin-bottom:10px;color:#0c4a6e;font-size:15px;line-height:1.5;position:relative;padding-left:25px}.info-box li[data-v-798a5c07]:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.info-box li[data-v-798a5c07]:last-child{margin-bottom:0}@media(max-width:768px){.converter[data-v-798a5c07]{padding:20px 15px}.upload-box[data-v-798a5c07]{padding:30px 20px}.action-buttons[data-v-798a5c07]{flex-direction:column}.convert-btn[data-v-798a5c07],.secondary-btn[data-v-798a5c07]{width:100%;max-width:none}.progress-section[data-v-798a5c07]{padding:20px}.progress-stages[data-v-798a5c07]{flex-wrap:wrap;gap:20px;justify-content:space-around}.stage[data-v-798a5c07]{min-width:80px}.popup-notification[data-v-798a5c07]{left:20px;right:20px;max-width:none}}@media(max-width:480px){.file-stats[data-v-798a5c07]{padding:20px}.stat-item[data-v-798a5c07]{flex-direction:column;align-items:flex-start;gap:5px}.selected-file[data-v-798a5c07]{flex-direction:column;text-align:center;gap:8px;padding:15px}.file-name[data-v-798a5c07]{max-width:250px}}.main__title[data-v-e69d5fcf]{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:var(--text-xl)}.cloud-import-row[data-v-e69d5fcf]{display:flex;gap:10px;margin-bottom:10px;align-items:center;flex-wrap:wrap}.subtitle[data-v-e69d5fcf]{font-size:13px;color:#6c757d;margin:0}.cloud-icon-btn[data-v-e69d5fcf]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-content);color:var(--brand-color, #ff3131);cursor:pointer;transition:all .2s ease}.cloud-icon-btn[data-v-e69d5fcf]:hover{background:var(--bg-secondary);border-color:var(--brand-color, #ff3131)}.converter[data-v-e69d5fcf]{max-width:1000px;margin:auto;padding:20px}.upload-box[data-v-e69d5fcf]{display:block;border:2px dashed #aaa;border-radius:12px;padding:30px 20px;cursor:pointer;transition:all .3s ease;background:#f9f9f9;text-align:center}.upload-box[data-v-e69d5fcf]:hover{border-color:#ff3131;background:#fff5f5}.upload-box.drag-over[data-v-e69d5fcf]{border-color:#ff3131;background:#fff0f0;transform:scale(1.02)}.file-summary[data-v-e69d5fcf]{background:#ff3131;color:#fff;padding:10px 15px;border-radius:12px;margin:10px 0}.summary-header[data-v-e69d5fcf]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-header h3[data-v-e69d5fcf]{margin:0;font-size:16px;font-weight:300}.clear-all-btn[data-v-e69d5fcf]{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer}.summary-stats[data-v-e69d5fcf]{display:flex;gap:20px;font-size:13px;flex-wrap:wrap}.stat[data-v-e69d5fcf]{display:flex;gap:6px;align-items:center}.settings-card[data-v-e69d5fcf]{border:1px solid #e6e8ef;border-radius:14px;padding:18px;background:linear-gradient(180deg,#fff,#fafafa);margin-bottom:18px}.settings-header h3[data-v-e69d5fcf]{margin:0 0 6px;font-size:16px}.settings-header p[data-v-e69d5fcf]{margin:0 0 14px;color:#667085;font-size:13px}.settings-grid[data-v-e69d5fcf]{display:grid;grid-template-columns:220px 1fr;gap:18px}.mode-strip[data-v-e69d5fcf]{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.mode-chip[data-v-e69d5fcf]{border:1px solid #ead7d4;background:#fff7f6;color:#7a271a;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600}.mode-chip.active[data-v-e69d5fcf]{border-color:#ff3131;background:#ffefef;color:#b42318}.setting-group[data-v-e69d5fcf]{display:flex;flex-direction:column;gap:8px}.setting-group label[data-v-e69d5fcf]{font-size:13px;font-weight:600;color:#344054}.setting-input[data-v-e69d5fcf]{border:1px solid #d0d5dd;border-radius:10px;padding:10px 12px;background:#fff;font-size:14px}.toggles[data-v-e69d5fcf]{justify-content:center}.toggle-item[data-v-e69d5fcf]{display:flex;align-items:center;gap:10px;font-weight:400!important}.settings-note[data-v-e69d5fcf]{margin-top:16px;padding:12px 14px;border-radius:10px;background:#fff8eb;color:#7a4d0b;font-size:13px;border:1px solid #f5deb3}.action-buttons[data-v-e69d5fcf]{display:flex;gap:12px;justify-content:center;margin:20px 0;flex-wrap:wrap}.convert-btn[data-v-e69d5fcf]{flex:1;padding:8px 14px;background:#ff3131;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s;font-weight:500;font-size:15px;min-width:180px}.convert-btn[data-v-e69d5fcf]:hover:not(:disabled){background:#e02828;box-shadow:0 4px 12px #ff31314d}.convert-btn.disabled[data-v-e69d5fcf],.convert-btn[data-v-e69d5fcf]:disabled{background:#ccc;cursor:not-allowed}.bubble-loader[data-v-e69d5fcf]{display:inline-flex;gap:4px;align-items:center;margin-right:8px}.bubble-loader .bubble[data-v-e69d5fcf]{width:6px;height:6px;border-radius:50%;background-color:#fff;animation:bubble-e69d5fcf 1.2s ease-in-out infinite}.bubble-loader .bubble[data-v-e69d5fcf]:nth-child(1){animation-delay:-.32s}.bubble-loader .bubble[data-v-e69d5fcf]:nth-child(2){animation-delay:-.16s}@keyframes bubble-e69d5fcf{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.popup-overlay[data-v-e69d5fcf]{position:fixed;inset:0;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.success-popup[data-v-e69d5fcf]{background:#fff;border-radius:16px;padding:24px;max-width:640px;width:100%;max-height:90vh;overflow-y:auto}.popup-header[data-v-e69d5fcf]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.popup-header h3[data-v-e69d5fcf]{margin:0;font-size:20px}.close-popup[data-v-e69d5fcf]{background:none;border:none;cursor:pointer;color:#667085}.stats-grid[data-v-e69d5fcf]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.stat-item[data-v-e69d5fcf]{background:#f8fafc;border:1px solid #eaecf0;border-radius:12px;padding:12px}.stat-label[data-v-e69d5fcf]{display:block;color:#667085;font-size:12px;margin-bottom:4px}.stat-value[data-v-e69d5fcf]{color:#101828;font-weight:600;word-break:break-word}.summary-note[data-v-e69d5fcf]{border-left:4px solid #ff3131;background:#fff5f5;color:#7a271a;padding:12px 14px;border-radius:10px;margin-bottom:18px}.link-section[data-v-e69d5fcf]{margin-bottom:20px}.link-label[data-v-e69d5fcf],.share-label[data-v-e69d5fcf]{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.link-input-wrapper[data-v-e69d5fcf]{display:flex;gap:8px;margin-bottom:14px}.link-input[data-v-e69d5fcf]{flex:1;border:1px solid #d0d5dd;border-radius:10px;padding:10px 12px}.cloud-actions-row[data-v-e69d5fcf],.share-buttons-row[data-v-e69d5fcf]{margin-bottom:14px}.share-buttons-group[data-v-e69d5fcf]{display:flex;gap:8px;flex-wrap:wrap}.share-chip[data-v-e69d5fcf]{border:1px solid #d0d5dd;background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.share-chip.delete[data-v-e69d5fcf]{color:#b42318}.popup-actions[data-v-e69d5fcf]{display:flex;gap:10px;flex-wrap:wrap}.btn-primary[data-v-e69d5fcf],.btn-secondary[data-v-e69d5fcf]{border-radius:10px;padding:10px 14px;cursor:pointer;border:none}.btn-primary[data-v-e69d5fcf]{background:#ff3131;color:#fff}.btn-secondary[data-v-e69d5fcf]{background:#f2f4f7;color:#344054}@media(max-width:768px){.settings-grid[data-v-e69d5fcf],.stats-grid[data-v-e69d5fcf]{grid-template-columns:1fr}.summary-stats[data-v-e69d5fcf]{flex-direction:column;gap:8px}.popup-actions[data-v-e69d5fcf]{flex-direction:column}}.main__title[data-v-6f912ecd]{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:var(--text-xl)}.cloud-import-row[data-v-6f912ecd]{display:flex;gap:10px;margin-bottom:10px;align-items:center;flex-wrap:wrap}.subtitle[data-v-6f912ecd]{font-size:13px;color:#6c757d;margin:0}.cloud-icon-btn[data-v-6f912ecd]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-content);color:var(--brand-color, #ff3131);cursor:pointer;transition:all .2s ease}.cloud-icon-btn[data-v-6f912ecd]:hover{background:var(--bg-secondary);border-color:var(--brand-color, #ff3131)}.converter[data-v-6f912ecd]{max-width:1000px;margin:auto;padding:20px}.upload-box[data-v-6f912ecd]{display:block;border:2px dashed #aaa;border-radius:12px;padding:30px 20px;cursor:pointer;transition:all .3s ease;background:#f9f9f9;text-align:center}.upload-box[data-v-6f912ecd]:hover{border-color:#ff3131;background:#fff5f5}.upload-box.drag-over[data-v-6f912ecd]{border-color:#ff3131;background:#fff0f0;transform:scale(1.02)}.file-types[data-v-6f912ecd]{margin-top:15px}.file-type-badge[data-v-6f912ecd]{display:inline-block;background:#e9ecef;padding:4px 10px;margin:3px;border-radius:15px;font-size:12px;font-weight:500}.file-summary[data-v-6f912ecd]{background:#ff3131;color:#fff;padding:10px 15px;border-radius:12px;margin-bottom:10px;margin-top:10px}.summary-header[data-v-6f912ecd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-header h3[data-v-6f912ecd]{margin:0;font-size:16px;font-weight:300}.clear-all-btn[data-v-6f912ecd]{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer}.clear-all-btn[data-v-6f912ecd]:hover:not(:disabled){background:#ffffff4d}.summary-stats[data-v-6f912ecd]{display:flex;gap:20px;font-size:13px;flex-wrap:wrap}.stat[data-v-6f912ecd]{display:flex;gap:6px;align-items:center}.scan-results[data-v-6f912ecd]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;margin:20px 0}.results-header[data-v-6f912ecd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f3f4f6}.results-header h3[data-v-6f912ecd]{margin:0;font-size:18px;display:flex;align-items:center;gap:10px}.scan-status[data-v-6f912ecd]{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.scan-status.scanned[data-v-6f912ecd]{background:#d4edda;color:#155724}.results-grid[data-v-6f912ecd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.result-card[data-v-6f912ecd]{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:12px;border:1px solid #e5e7eb}.result-icon[data-v-6f912ecd]{font-size:28px}.result-info[data-v-6f912ecd]{flex:1}.result-label[data-v-6f912ecd]{display:block;font-size:11px;color:#6b7280;margin-bottom:5px;text-transform:uppercase}.result-value[data-v-6f912ecd]{display:block;font-size:14px;font-weight:500;color:#1f2937}.result-value.critical[data-v-6f912ecd]{color:#ff3131}.result-value.confidence.high[data-v-6f912ecd]{color:#10b981}.result-value.confidence.medium[data-v-6f912ecd]{color:#f59e0b}.result-value.confidence.low[data-v-6f912ecd]{color:#ff3131}.detected-issues[data-v-6f912ecd]{margin-top:20px}.detected-issues h3[data-v-6f912ecd]{font-size:16px;margin-bottom:15px}.issues-list[data-v-6f912ecd]{display:flex;flex-direction:column;gap:15px}.issue-item[data-v-6f912ecd]{background:#fff;border:1px solid #e5e7eb;border-left:4px solid;border-radius:12px;padding:12px}.issue-header[data-v-6f912ecd]{display:flex;align-items:center;gap:15px}.issue-icon[data-v-6f912ecd]{font-size:28px}.issue-info[data-v-6f912ecd]{flex:1}.issue-info h4[data-v-6f912ecd]{margin:0 0 5px;font-size:16px}.issue-info p[data-v-6f912ecd]{margin:0;font-size:13px;color:#6b7280}.issue-severity[data-v-6f912ecd]{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 12px;background:#f8f9fa;border-radius:8px}.severity-text[data-v-6f912ecd]{font-size:11px;font-weight:700}.action-buttons[data-v-6f912ecd]{display:flex;gap:12px;justify-content:center;margin:20px 0;flex-wrap:wrap}.repair-btn[data-v-6f912ecd]{flex:1;padding:6px 12px;background:#ff3131;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s;font-weight:500;font-size:15px;min-width:180px}.repair-btn[data-v-6f912ecd]:hover:not(:disabled){background:#e02828;box-shadow:0 4px 12px #ff31314d}.repair-btn[data-v-6f912ecd]:disabled,.repair-btn.disabled[data-v-6f912ecd]{background:#ccc;cursor:not-allowed;opacity:.6;transform:none}.scan-btn[data-v-6f912ecd]{flex:1;background:#3498db;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:15px;min-width:180px}.scan-btn[data-v-6f912ecd]:hover:not(:disabled){background:#2980b9}.scan-btn[data-v-6f912ecd]:disabled{opacity:.6;cursor:not-allowed;transform:none}.secondary-btn[data-v-6f912ecd]{padding:6px 12px;background:#fff;border:1px solid #dee2e6;border-radius:10px;cursor:pointer;font-size:15px;min-width:150px;font-weight:300}.secondary-btn[data-v-6f912ecd]:hover:not(:disabled){background:#f8f9fa}.secondary-btn[data-v-6f912ecd]:disabled{opacity:.6;cursor:not-allowed;transform:none}.progress-section[data-v-6f912ecd]{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.progress-header[data-v-6f912ecd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;color:#495057}.progress-wrapper[data-v-6f912ecd]{height:8px;width:100%;background:#e9ecef;border-radius:4px;overflow:hidden}.progress-bar[data-v-6f912ecd]{height:100%;background:linear-gradient(90deg,#ff3131,#e02828);transition:width .3s ease;border-radius:4px}.bubble-loader[data-v-6f912ecd]{display:inline-flex;gap:4px;align-items:center;margin-right:8px}.bubble[data-v-6f912ecd]{width:6px;height:6px;border-radius:50%;background:#fff;animation:bubble-6f912ecd 1.4s infinite ease-in-out both}.bubble[data-v-6f912ecd]:nth-child(1){animation-delay:-.32s}.bubble[data-v-6f912ecd]:nth-child(2){animation-delay:-.16s}@keyframes bubble-6f912ecd{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.popup-overlay[data-v-6f912ecd]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.success-popup[data-v-6f912ecd]{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideIn-6f912ecd .3s ease}.popup-header[data-v-6f912ecd]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:#000;color:#fff;border-radius:16px 16px 0 0}.popup-header h3[data-v-6f912ecd]{margin:0;font-size:18px;font-weight:400}.close-popup[data-v-6f912ecd]{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.close-popup[data-v-6f912ecd]:hover{background:#fff3}.popup-content[data-v-6f912ecd]{padding:24px}.stats-grid[data-v-6f912ecd]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.stat-item[data-v-6f912ecd]{text-align:left;padding:8px 0;border-bottom:1px solid #f0f0f0}.stat-label[data-v-6f912ecd]{display:block;font-size:12px;color:#666;margin-bottom:4px}.stat-value[data-v-6f912ecd]{display:block;font-size:14px;color:#2c3e50;font-weight:500;word-break:break-word}.link-section[data-v-6f912ecd]{margin:20px 0}.link-label[data-v-6f912ecd]{font-weight:600;margin-bottom:8px;display:inline-block}.link-input-wrapper[data-v-6f912ecd]{display:flex;gap:8px;align-items:center}.link-input[data-v-6f912ecd]{flex:1;padding:8px 10px;font-size:14px;border:1px solid #ccc;border-radius:6px}.cloud-actions-row[data-v-6f912ecd],.share-buttons-row[data-v-6f912ecd]{display:flex;flex-direction:column;gap:6px;margin-top:10px}.share-label[data-v-6f912ecd]{font-size:12px;color:#495057;font-weight:500}.share-buttons-group[data-v-6f912ecd]{display:flex;flex-wrap:wrap;gap:8px}.share-chip[data-v-6f912ecd]{padding:6px 10px;border-radius:999px;border:1px solid #dee2e6;background:#f8f9fa;font-size:12px;cursor:pointer;transition:all .2s ease}.share-chip[data-v-6f912ecd]:hover{background:#e9ecef}.share-chip.whatsapp[data-v-6f912ecd]{border-color:#25d366;color:#128c7e}.share-chip.email[data-v-6f912ecd]{border-color:#0d6efd;color:#0d6efd}.share-chip.teams[data-v-6f912ecd]{border-color:#6264a7;color:#464775}.share-chip.delete[data-v-6f912ecd]{border-color:#dc3545;color:#dc3545}.popup-actions[data-v-6f912ecd]{display:flex;gap:12px;border-top:1px solid #e9ecef}.btn-primary[data-v-6f912ecd]{flex:1;background:#ff3131;color:#fff;border:none;padding:6px 12px;border-radius:8px;font-size:14px;font-weight:300;cursor:pointer;transition:all .2s}.btn-primary[data-v-6f912ecd]:hover{background:#e02828}.btn-secondary[data-v-6f912ecd]{flex:1;background:#f8f9fa;border:1px solid #dee2e6;padding:6px 12px;border-radius:8px;font-size:14px;cursor:pointer;font-weight:300}.btn-secondary[data-v-6f912ecd]:hover{background:#e9ecef}@keyframes slideIn-6f912ecd{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.stats-grid[data-v-6f912ecd]{grid-template-columns:1fr}.popup-actions[data-v-6f912ecd]{flex-direction:column}.summary-stats[data-v-6f912ecd]{flex-direction:column;gap:8px}.results-grid[data-v-6f912ecd]{grid-template-columns:1fr}.action-buttons[data-v-6f912ecd]{flex-direction:column}.repair-btn[data-v-6f912ecd],.scan-btn[data-v-6f912ecd],.secondary-btn[data-v-6f912ecd]{width:100%}.issue-header[data-v-6f912ecd]{flex-direction:column;align-items:flex-start}}.size-limit-badge[data-v-511e64fb]{font-size:11px;background:#fff3;color:#fff;padding:2px 6px;border-radius:10px;margin-left:8px;border:1px solid rgba(255,255,255,.3)}.bubble-loader[data-v-511e64fb]{display:inline-flex;gap:4px;align-items:center;margin-right:8px}.bubble-loader .bubble[data-v-511e64fb]{width:6px;height:6px;border-radius:50%;background-color:#fff;animation:bubble-511e64fb 1.2s ease-in-out infinite}.bubble-loader .bubble[data-v-511e64fb]:nth-child(1){animation-delay:-.32s}.bubble-loader .bubble[data-v-511e64fb]:nth-child(2){animation-delay:-.16s}@keyframes bubble-511e64fb{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.merge-btn[data-v-511e64fb]{width:100%;padding:8px;border-radius:10px;border:none;cursor:pointer;background:#ff3131;color:#fff;transition:all .3s ease;position:relative;font-weight:300;overflow:hidden}.merge-btn[data-v-511e64fb]:hover:not(:disabled):not(.disabled){box-shadow:0 10px 30px #ff313166}.merge-btn[data-v-511e64fb]:disabled,.merge-btn.disabled[data-v-511e64fb]{background:#ccc;cursor:not-allowed;transform:none}.merge-btn.loading[data-v-511e64fb]{background:#6c757d}.secondary-btn[data-v-511e64fb]{padding:12px 24px;font-size:14px;background:#e9ecef;border:1px solid #dee2e6;border-radius:10px;color:#495057;font-weight:600;cursor:pointer;transition:all .3s ease}.secondary-btn[data-v-511e64fb]:hover:not(:disabled){background:#dee2e6}.secondary-btn[data-v-511e64fb]:disabled{opacity:.5;cursor:not-allowed}.upload-box[data-v-511e64fb]{display:block;border:2px dashed #e9ecef;border-radius:12px;padding:24px;text-align:center;cursor:pointer;background:#f8f9fa;transition:border-color .2s,background .2s;margin-bottom:15px}.upload-box[data-v-511e64fb]:hover,.upload-box.drag-over[data-v-511e64fb]{border-color:#ff3131;background:#fff}.upload-content[data-v-511e64fb]{display:flex;flex-direction:column;align-items:center;gap:8px}.upload-content p[data-v-511e64fb]{margin:0 0 8px;font-size:15px}.upload-content strong[data-v-511e64fb]{color:#2c3e50;font-size:18px}.upload-content small[data-v-511e64fb]{color:#7f8c8d}.file-summary[data-v-511e64fb]{background:#ff3131;color:#fff;padding:10px 15px;border-radius:12px;margin-bottom:10px}.summary-header[data-v-511e64fb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-header h3[data-v-511e64fb]{margin:0;font-size:16px;font-weight:300}.clear-all-btn[data-v-511e64fb]{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .3s ease}.clear-all-btn[data-v-511e64fb]:hover:not(:disabled){background:#ffffff4d}.clear-all-btn[data-v-511e64fb]:disabled{opacity:.5;cursor:not-allowed}.summary-stats[data-v-511e64fb]{display:flex;gap:20px;font-size:13px}.stat[data-v-511e64fb]{display:flex;gap:6px;align-items:center}.file-list-container[data-v-511e64fb]{max-height:200px;overflow-y:auto;border:1px solid #e9ecef;border-radius:10px;margin-bottom:20px;background:#fff;box-shadow:0 2px 8px #0000000d}.file-list-scroll[data-v-511e64fb]{padding:10px}.file-item[data-v-511e64fb]{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.file-item[data-v-511e64fb]:hover{background-color:#f8f9fa}.file-item[data-v-511e64fb]:last-child{border-bottom:none}.file-item .file-info[data-v-511e64fb]{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.file-icon[data-v-511e64fb]{font-size:20px;color:#ff3131;flex-shrink:0}.file-details[data-v-511e64fb]{flex:1;min-width:0}.file-name[data-v-511e64fb]{font-size:14px;color:#2c3e50;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size[data-v-511e64fb]{font-size:12px;color:#6c757d}.remove-file-btn[data-v-511e64fb]{background:none;border:none;color:#ff6b6b;font-size:22px;cursor:pointer;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.remove-file-btn[data-v-511e64fb]:hover:not(:disabled){background:#ffeaea;transform:scale(1.1)}.popup-overlay[data-v-511e64fb]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.success-popup[data-v-511e64fb]{background:#fff;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 8px 32px #0003}.popup-header[data-v-511e64fb]{position:relative;text-align:center;margin-bottom:20px}.popup-icon.success[data-v-511e64fb]{font-size:48px;display:block;margin-bottom:12px}.popup-header h3[data-v-511e64fb]{margin:0 0 8px;font-size:20px;color:#2c3e50}.popup-header p[data-v-511e64fb]{margin:0;color:#6c757d;font-size:14px}.close-popup[data-v-511e64fb]{position:absolute;top:-8px;right:-8px;background:#eee;border:none;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer;line-height:1}.popup-buttons[data-v-511e64fb]{display:flex;justify-content:center;gap:12px}.popup-btn[data-v-511e64fb]{background:#ff3131;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:14px;cursor:pointer}.popup-btn[data-v-511e64fb]:hover{background:#e62a2a}.progress-wrapper[data-v-511e64fb]{width:100%;height:24px;background:#e9ecef;border-radius:12px;overflow:hidden;margin-bottom:8px}.progress-wrapper .progress-bar[data-v-511e64fb]{height:100%;background:#ff3131;border-radius:12px;transition:width .3s ease;display:flex;align-items:center;justify-content:center}.progress-wrapper .progress-text[data-v-511e64fb]{color:#fff;font-size:12px;font-weight:600}.status-text[data-v-511e64fb]{margin:0;font-size:13px;color:#6c757d}.sign-file-bar[data-v-511e64fb]{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-top:12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;flex-wrap:wrap}.sign-file-bar .file-icon[data-v-511e64fb]{font-size:1.2rem}.sign-file-bar .file-name[data-v-511e64fb]{flex:1;min-width:0;font-weight:500;color:#2c3e50;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sign-file-bar .file-size[data-v-511e64fb]{font-size:13px;color:#6c757d}.sign-file-bar .clear-file-btn[data-v-511e64fb]{padding:6px 14px;font-size:13px;background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer}.sign-file-bar .clear-file-btn[data-v-511e64fb]:hover:not(:disabled){background:#fff5f5;border-color:#ff3131;color:#ff3131}.sign-interface[data-v-511e64fb]{display:flex;flex-direction:column;gap:24px;margin-top:20px}.recipient-signature-banner[data-v-511e64fb]{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;background:linear-gradient(135deg,#f0f7ff,#e8f4fd);border:1px solid #b8d4ee;border-radius:12px;color:#1a3a52}.recipient-signature-banner .banner-icon[data-v-511e64fb]{font-size:24px;flex-shrink:0}.recipient-signature-banner .banner-text[data-v-511e64fb]{font-size:14px;line-height:1.5}.recipient-signature-banner .banner-text strong[data-v-511e64fb]{display:block;margin-bottom:4px;color:#0d2d4a}.preview-full-width[data-v-511e64fb],.step-section[data-v-511e64fb]{width:100%;background:#fff;border-radius:12px;padding:20px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000000d}.preview-full-width .section-heading[data-v-511e64fb]{margin:0 0 6px}.preview-full-width .preview-hint[data-v-511e64fb]{margin:0 0 14px}.step-section.step-1 .creation-header[data-v-511e64fb],.step-section.step-2 .placement-options h3[data-v-511e64fb]{margin-top:0}.section-heading[data-v-511e64fb]{margin:0 0 8px;font-size:16px;font-weight:600;color:#2c3e50}.preview-hint[data-v-511e64fb]{margin:0 0 12px;font-size:13px;color:#6c757d}.pdf-preview-wrap[data-v-511e64fb]{position:relative;width:100%;max-height:70vh;min-height:320px;background:#f1f3f4;border-radius:8px;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.pdf-preview-wrap.dragging-active[data-v-511e64fb]{overflow:hidden;touch-action:none}.pdf-iframe[data-v-511e64fb]{position:absolute;inset:0;width:100%;height:100%;border:none}.signature-position-overlay[data-v-511e64fb]{position:absolute;border:2px dashed rgba(255,49,49,.6);background:#fffffff2;display:flex;align-items:center;justify-content:center;transform-origin:top left;box-sizing:border-box;overflow:hidden}.signature-position-overlay[data-v-511e64fb]:not(.draggable){pointer-events:none;background:#ff313114}.signature-position-overlay.draggable[data-v-511e64fb]{cursor:grab;pointer-events:auto}.signature-position-overlay.draggable.dragging[data-v-511e64fb]{cursor:grabbing}.add-recipient-box-actions[data-v-511e64fb]{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.add-recipient-box-btn[data-v-511e64fb]{padding:12px 18px;font-size:14px;font-weight:600;color:#fff;background:#ff3131;border:none;border-radius:10px;cursor:pointer}.add-recipient-box-btn[data-v-511e64fb]:hover{box-shadow:0 4px 16px #ff313166}.recipient-box-count[data-v-511e64fb]{font-size:13px;color:#6c757d}.overlay-type-badge[data-v-511e64fb]{position:absolute;top:-10px;left:6px;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:#ff3131;color:#fff;white-space:nowrap}.overlay-type-badge.recipient-badge[data-v-511e64fb]{background:#1565c0}.overlay-your-signature .overlay-label[data-v-511e64fb]{margin-top:4px}.signature-position-overlay.overlay-recipient[data-v-511e64fb]{border-color:#1565c0b3;background:#e3f2fdf2;cursor:grab;pointer-events:auto}.signature-position-overlay.overlay-recipient.dragging[data-v-511e64fb]{cursor:grabbing}.overlay-recipient .overlay-label[data-v-511e64fb]{font-size:11px;color:#1565c0;display:block;margin-top:4px}.overlay-remove-recipient[data-v-511e64fb]{position:absolute;top:4px;right:6px;width:22px;height:22px;padding:0;font-size:16px;line-height:1;border:none;border-radius:4px;background:#f4433633;color:#c62828;cursor:pointer}.overlay-remove-recipient[data-v-511e64fb]:hover{background:#f4433666}.overlay-signature-img[data-v-511e64fb]{width:100%;height:100%;object-fit:contain;pointer-events:none}.overlay-signature-typed[data-v-511e64fb]{padding:4px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none}.overlay-signature-stamp[data-v-511e64fb]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;border:2px solid;border-radius:4px;font-size:10px;pointer-events:none}.overlay-signature-stamp .stamp-icon[data-v-511e64fb]{font-size:14px}.overlay-signature-stamp .stamp-text[data-v-511e64fb]{font-weight:700;letter-spacing:.5px}.overlay-label[data-v-511e64fb]{font-size:12px;color:#6c757d;font-weight:500;text-align:center;padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.who-sign-modal h3[data-v-511e64fb]{margin:0 0 20px;font-size:20px;color:#2c3e50;text-align:center}.who-sign-buttons[data-v-511e64fb]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.who-sign-btn[data-v-511e64fb]{display:flex;flex-direction:column;align-items:center;padding:24px 16px;border:2px solid #e9ecef;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .2s,background .2s;position:relative}.who-sign-btn[data-v-511e64fb]:hover{border-color:#ff3131;background:#fff8f8}.who-sign-btn .btn-icon[data-v-511e64fb]{font-size:32px;margin-bottom:8px}.who-sign-btn .btn-label[data-v-511e64fb]{font-weight:600;font-size:16px;color:#2c3e50}.who-sign-btn .btn-hint[data-v-511e64fb]{font-size:12px;color:#6c757d;margin-top:4px}.who-sign-btn .pro-badge[data-v-511e64fb]{position:absolute;top:8px;right:8px;background:#ff3131;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px}.modal-close[data-v-511e64fb]{display:block;margin:0 auto;padding:8px 20px;background:#e9ecef;border:none;border-radius:8px;cursor:pointer;font-size:14px}.modal-box[data-v-511e64fb]{background:#fff;border-radius:12px;padding:24px;max-width:520px;width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000026}.several-modal h3[data-v-511e64fb]{margin:0 0 8px;font-size:18px;color:#2c3e50}.modal-sub[data-v-511e64fb]{margin:0 0 16px;font-size:14px;color:#6c757d}.receivers-list[data-v-511e64fb]{margin-bottom:12px}.receiver-row[data-v-511e64fb]{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.input-name[data-v-511e64fb]{flex:1;min-width:100px;padding:8px;border:1px solid #dee2e6;border-radius:6px}.input-email[data-v-511e64fb]{flex:1;min-width:120px;padding:8px;border:1px solid #dee2e6;border-radius:6px}.select-role[data-v-511e64fb]{width:100px;padding:8px;border:1px solid #dee2e6;border-radius:6px}.remove-receiver-btn[data-v-511e64fb]{background:#fee;border:1px solid #fcc;color:#c00;width:32px;height:32px;border-radius:6px;cursor:pointer;flex-shrink:0}.add-receiver-btn[data-v-511e64fb]{margin-bottom:16px;padding:8px 14px;font-size:14px;color:#ff3131;background:none;border:none;cursor:pointer;text-decoration:underline}.several-checkboxes[data-v-511e64fb]{margin:16px 0}.checkbox-row[data-v-511e64fb]{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:13px;color:#2c3e50;cursor:pointer}.input-days[data-v-511e64fb]{width:48px;padding:2px 6px;margin:0 4px;border:1px solid #dee2e6;border-radius:4px}.modal-actions[data-v-511e64fb]{display:flex;gap:12px;margin-top:20px}.btn-secondary[data-v-511e64fb]{padding:10px 20px;background:#e9ecef;border:none;border-radius:8px;cursor:pointer;font-size:14px}.upload-company-stamp[data-v-511e64fb]{margin-bottom:12px}.upload-stamp-label[data-v-511e64fb]{display:inline-block;padding:8px 14px;font-size:14px;color:#ff3131;cursor:pointer;text-decoration:underline}.clear-stamp-btn[data-v-511e64fb]{margin-left:10px;padding:6px 12px;font-size:12px;background:#fee;border:1px solid #fcc;border-radius:6px;cursor:pointer}.company-stamp-preview[data-v-511e64fb]{margin-top:10px}.company-stamp-preview img[data-v-511e64fb]{max-width:180px;max-height:80px;object-fit:contain;border:1px solid #eee;border-radius:6px}.stamp-or[data-v-511e64fb]{margin:12px 0 8px;font-size:13px;color:#6c757d;text-align:center}.signature-creation.options-column[data-v-511e64fb]{background:#fff;border-radius:12px;padding:20px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000000d}.signature-creation[data-v-511e64fb]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px #0000001a}.creation-header[data-v-511e64fb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.signature-type[data-v-511e64fb]{display:flex;gap:15px}.type-option[data-v-511e64fb]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background-color .2s}.type-option[data-v-511e64fb]:hover{background-color:#f8f9fa}.type-option input[data-v-511e64fb]{margin:0}.mode-tabs[data-v-511e64fb]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:25px}.mode-tab[data-v-511e64fb]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 10px;border:2px solid #e0e0e0;border-radius:10px;background:#fff;cursor:pointer;transition:all .3s ease}.mode-tab[data-v-511e64fb]:hover{border-color:#3498db;transform:translateY(-2px)}.mode-tab.active[data-v-511e64fb]{border-color:#3498db;background:#ebf5fb}.tab-icon[data-v-511e64fb]{font-size:24px}.tab-text[data-v-511e64fb]{font-size:14px;font-weight:600;color:#2c3e50}.drawing-area[data-v-511e64fb]{display:flex;flex-direction:column;gap:20px}.canvas-container[data-v-511e64fb]{position:relative;width:100%;max-width:400px;aspect-ratio:400 / 180;border:2px solid #bdc3c7;border-radius:8px;overflow:hidden}.signature-canvas[data-v-511e64fb]{display:block;width:100%;height:100%;background:#fff;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.draw-hint[data-v-511e64fb]{margin:8px 0 0;font-size:13px;color:#6c757d;text-align:center}.hint[data-v-511e64fb]{font-size:12px;color:#bdc3c7;margin-top:5px}.drawing-controls[data-v-511e64fb]{display:flex;justify-content:center;gap:10px}.control-btn[data-v-511e64fb]{padding:10px 20px;border:1px solid #bdc3c7;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.control-btn[data-v-511e64fb]:hover:not(:disabled){background:#f8f9fa;border-color:#3498db}.control-btn[data-v-511e64fb]:disabled{opacity:.5;cursor:not-allowed}.type-signature[data-v-511e64fb],.type-inputs[data-v-511e64fb]{display:flex;flex-direction:column;gap:20px}.name-input[data-v-511e64fb]{padding:15px;border:2px solid #bdc3c7;border-radius:8px;font-size:18px;transition:border-color .3s}.name-input[data-v-511e64fb]:focus{outline:none;border-color:#3498db}.type-options[data-v-511e64fb]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.option-group[data-v-511e64fb]{display:flex;flex-direction:column;gap:8px}.option-group label[data-v-511e64fb]{font-size:14px;color:#7f8c8d;font-weight:600}.font-select[data-v-511e64fb],.color-picker[data-v-511e64fb],.size-select[data-v-511e64fb]{padding:10px;border:2px solid #bdc3c7;border-radius:6px;cursor:pointer}.size-slider[data-v-511e64fb],.scale-slider[data-v-511e64fb],.position-slider[data-v-511e64fb],.opacity-slider[data-v-511e64fb],.rotation-slider[data-v-511e64fb]{width:100%}.size-value[data-v-511e64fb],.position-value[data-v-511e64fb],.opacity-value[data-v-511e64fb],.rotation-value[data-v-511e64fb]{font-size:14px;color:#7f8c8d;text-align:center;display:block}.type-preview[data-v-511e64fb]{display:flex;justify-content:center;margin-top:20px}.preview-box[data-v-511e64fb]{padding:30px 50px;border:2px dashed #bdc3c7;border-radius:8px;background:#fff;min-width:300px;text-align:center;white-space:nowrap}.upload-signature[data-v-511e64fb],.upload-area[data-v-511e64fb]{display:flex;flex-direction:column;gap:20px}.upload-label[data-v-511e64fb]{cursor:pointer}.upload-placeholder[data-v-511e64fb]{border:3px dashed #3498db;border-radius:10px;padding:40px 20px;text-align:center;background:#ebf5fb;transition:all .3s}.upload-placeholder[data-v-511e64fb]:hover{background:#d6eaf8}.upload-icon[data-v-511e64fb]{font-size:48px;margin-bottom:15px;display:block}.uploaded-preview[data-v-511e64fb]{display:flex;flex-direction:column;align-items:center;gap:20px}.signature-image[data-v-511e64fb]{max-width:300px;max-height:150px;border:2px solid #bdc3c7;border-radius:8px;padding:10px;background:#fff}.upload-controls[data-v-511e64fb]{width:100%;max-width:300px}.scale-control[data-v-511e64fb]{display:flex;flex-direction:column;gap:10px}.stamp-signature[data-v-511e64fb]{display:flex;flex-direction:column;gap:25px}.stamp-grid[data-v-511e64fb]{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stamp-btn[data-v-511e64fb]{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px;border:2px solid #e0e0e0;border-radius:10px;background:#fff;cursor:pointer;transition:all .3s}.stamp-btn[data-v-511e64fb]:hover:not(:disabled){border-color:var(--stamp-color);transform:translateY(-2px)}.stamp-btn.active[data-v-511e64fb]{border-color:var(--stamp-color);background:color-mix(in srgb,var(--stamp-color) 10%,white)}.stamp-icon[data-v-511e64fb]{font-size:24px}.stamp-name[data-v-511e64fb]{font-size:12px;font-weight:600;color:#2c3e50}.stamp-preview[data-v-511e64fb]{display:flex;justify-content:center}.preview-stamp[data-v-511e64fb]{padding:20px 30px;border:3px solid;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:700;background:#fff}.stamp-icon-large[data-v-511e64fb]{font-size:36px}.stamp-text[data-v-511e64fb]{font-size:18px;letter-spacing:2px}.stamp-date[data-v-511e64fb]{font-size:12px;opacity:.8}.save-signature[data-v-511e64fb]{margin-top:25px;padding-top:25px;border-top:1px solid #ecf0f1;text-align:center}.save-btn[data-v-511e64fb]{padding:15px 40px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s}.save-btn[data-v-511e64fb]:hover:not(:disabled){background:#2980b9}.save-btn[data-v-511e64fb]:disabled{opacity:.5;cursor:not-allowed}.save-hint[data-v-511e64fb]{font-size:12px;color:#7f8c8d;margin-top:8px}.saved-signatures[data-v-511e64fb]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px #0000001a}.signatures-grid[data-v-511e64fb]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-top:15px}.saved-signature[data-v-511e64fb]{border:2px solid #ecf0f1;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s}.saved-signature[data-v-511e64fb]:hover{border-color:#3498db;transform:translateY(-2px)}.signature-preview[data-v-511e64fb]{height:80px;display:flex;align-items:center;justify-content:center;background:#fff;padding:10px}.image-preview img[data-v-511e64fb]{max-width:100%;max-height:100%}.text-preview[data-v-511e64fb]{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signature-info[data-v-511e64fb]{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f8f9fa;font-size:12px}.sig-type[data-v-511e64fb]{background:#3498db;color:#fff;padding:2px 6px;border-radius:4px}.sig-mode[data-v-511e64fb]{color:#7f8c8d}.delete-btn[data-v-511e64fb]{background:none;border:none;cursor:pointer;padding:2px;opacity:.6}.delete-btn[data-v-511e64fb]:hover{opacity:1}.placement-options[data-v-511e64fb]{background:#fff;border-radius:12px;padding:20px;margin-top:16px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000000d}.placement-hint[data-v-511e64fb]{margin:0 0 14px;font-size:13px;color:#6c757d;line-height:1.4}.placement-grid[data-v-511e64fb]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:20px 0}.placement-group[data-v-511e64fb]{display:flex;flex-direction:column;gap:8px;min-width:0}.placement-group label[data-v-511e64fb]{font-size:14px;color:#7f8c8d;font-weight:600}.page-input[data-v-511e64fb]{padding:10px;border:2px solid #bdc3c7;border-radius:6px;width:100%}.placement-preview[data-v-511e64fb]{margin-top:25px}.preview-box-large[data-v-511e64fb]{border:2px solid #bdc3c7;border-radius:8px;padding:20px;background:#f8f9fa}.page-outline[data-v-511e64fb]{position:relative;width:100%;height:300px;border:1px solid #dee2e6;background:#fff;margin-bottom:15px}.signature-preview-placement[data-v-511e64fb]{position:absolute;border:2px dashed #3498db;background:#3498db1a;display:flex;align-items:center;justify-content:center}.preview-content[data-v-511e64fb]{padding:10px;font-weight:600;color:#3498db}.preview-info[data-v-511e64fb]{text-align:center;color:#7f8c8d;font-size:14px}.action-buttons[data-v-511e64fb]{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:20px 0}.sign-btn[data-v-511e64fb]{padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.sign-btn.primary[data-v-511e64fb]{background:#ff3131;color:#fff}.sign-btn.primary[data-v-511e64fb]:hover:not(:disabled){box-shadow:0 4px 16px #ff313166}.sign-btn.secondary[data-v-511e64fb]{background:#6c757d;color:#fff}.sign-btn.secondary[data-v-511e64fb]:hover:not(:disabled){background:#5a6268}.sign-btn.tertiary[data-v-511e64fb]{background:#e9ecef;color:#495057;border:1px solid #dee2e6}.sign-btn.tertiary[data-v-511e64fb]:hover:not(:disabled){background:#dee2e6}.sign-btn[data-v-511e64fb]:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.merge-btn-size[data-v-511e64fb]{width:100%;padding:12px}.compress-btn[data-v-511e64fb]{padding:12px 24px;font-size:14px;font-weight:600;border:none;border-radius:10px;cursor:pointer;background:#ff3131;color:#fff;transition:all .3s}.compress-btn[data-v-511e64fb]:hover:not(:disabled){box-shadow:0 4px 16px #ff313166}.compress-btn[data-v-511e64fb]:disabled{opacity:.5;cursor:not-allowed}.progress-section[data-v-511e64fb]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px #0000001a}.progress-header[data-v-511e64fb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.progress-text[data-v-511e64fb]{font-weight:600;color:#2c3e50}.progress-percent[data-v-511e64fb]{font-weight:700;color:#3498db}.progress-bar[data-v-511e64fb]{height:10px;background:#ecf0f1;border-radius:5px;overflow:hidden}.progress-fill[data-v-511e64fb]{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:5px;transition:width .3s ease}.content-section[data-v-511e64fb]{padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;margin-inline:auto;margin-top:40px;margin-bottom:30px}.content-block[data-v-511e64fb]{margin-bottom:30px}.content-block[data-v-511e64fb]:last-child{margin-bottom:0}.content-block h3[data-v-511e64fb]{font-size:18px;color:#2c3e50;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #ff3131}.content-grid[data-v-511e64fb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.content-card[data-v-511e64fb]{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 5px #0000000d;transition:transform .2s,box-shadow .2s}.content-card[data-v-511e64fb]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.content-card h4[data-v-511e64fb]{margin:0 0 8px;font-size:15px;color:#2c3e50}.content-card p[data-v-511e64fb]{margin:0;font-size:13px;color:#6c757d;line-height:1.5}.tips-list[data-v-511e64fb]{margin:0;padding:0;list-style:none}.tip-item[data-v-511e64fb]{display:flex;gap:16px;margin-bottom:16px;align-items:flex-start}.tip-icon[data-v-511e64fb]{width:28px;height:28px;background:#ff3131;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.tip-content h4[data-v-511e64fb]{margin:0 0 6px;font-size:15px;color:#2c3e50}.tip-content p[data-v-511e64fb]{margin:0;font-size:13px;color:#6c757d;line-height:1.5}.faq-section[data-v-511e64fb]{margin-top:24px}.faq-list[data-v-511e64fb]{margin:0;padding:0}.faq-item[data-v-511e64fb]{border:1px solid #e9ecef;border-radius:8px;margin-bottom:10px;overflow:hidden;background:#fff}.faq-item summary[data-v-511e64fb]{padding:12px 16px;cursor:pointer;font-weight:600;color:#2c3e50}.faq-item p[data-v-511e64fb]{margin:0;padding:12px 16px 16px;color:#6c757d;font-size:14px;line-height:1.5;border-top:1px solid #f0f0f0}@media(max-width:768px){.mode-tabs[data-v-511e64fb],.stamp-grid[data-v-511e64fb],.placement-grid[data-v-511e64fb]{grid-template-columns:repeat(2,1fr)}.who-sign-buttons[data-v-511e64fb],.type-options[data-v-511e64fb]{grid-template-columns:1fr}.action-buttons[data-v-511e64fb]{flex-direction:column}.signatures-grid[data-v-511e64fb]{grid-template-columns:repeat(2,1fr)}.file-info[data-v-511e64fb]{grid-template-columns:1fr}}@media(max-width:480px){.mode-tabs[data-v-511e64fb],.stamp-grid[data-v-511e64fb],.placement-grid[data-v-511e64fb],.signatures-grid[data-v-511e64fb],.steps[data-v-511e64fb]{grid-template-columns:1fr}.converter[data-v-511e64fb]{padding:10px}}.converter[data-v-511e64fb]{max-width:1000px;margin:auto}.main__title[data-v-68799549]{display:flex;align-items:center;gap:8px;color:#333;font-size:24px;margin-bottom:8px}.subtitle[data-v-68799549]{font-size:14px;color:#666;margin-bottom:25px;text-align:center}.upload-box[data-v-68799549]{display:block;border:2px dashed #aaa;border-radius:12px;padding:40px 20px;cursor:pointer;background:#f9f9f9;transition:all .3s ease;margin-bottom:25px;text-align:center}.upload-box[data-v-68799549]:hover{border-color:#4a6fa5;background:#f0f4fa}.upload-box.drag-over[data-v-68799549]{border-color:#4a6fa5;background:#f0f4fa;box-shadow:0 0 0 4px #4a6fa51f}.file-info-card[data-v-68799549]{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:15px;margin-bottom:25px;box-shadow:0 2px 8px #0000000d}.file-info-header[data-v-68799549]{display:flex;align-items:center;gap:12px}.file-icon[data-v-68799549]{font-size:28px}.file-details[data-v-68799549]{flex:1}.file-name[data-v-68799549]{font-size:14px;font-weight:500;color:#2c3e50;word-break:break-word}.file-size[data-v-68799549]{font-size:12px;color:#6c757d;margin-top:4px}.remove-file-btn[data-v-68799549]{background:none;border:none;color:#ff6b6b;font-size:24px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.remove-file-btn[data-v-68799549]:hover:not(:disabled){background:#ffeaea}.settings-interface[data-v-68799549]{margin-top:20px}.presets-section[data-v-68799549]{margin-bottom:25px}.presets-section h3[data-v-68799549]{font-size:16px;color:#333;margin-bottom:15px}.preset-buttons[data-v-68799549]{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.preset-btn[data-v-68799549]{padding:10px 20px;background:#fff;border:1px solid #ddd;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.preset-btn[data-v-68799549]:hover:not(:disabled){background:#f0f4fa;border-color:#4a6fa5}.preset-btn.reset[data-v-68799549]{color:#666}.preset-btn[data-v-68799549]:disabled{opacity:.5;cursor:not-allowed}.preview-section[data-v-68799549]{background:#f8f9fa;padding:25px;border-radius:12px;margin-bottom:25px;border:1px solid #e9ecef}.preview-section h3[data-v-68799549]{font-size:16px;color:#333;margin-bottom:20px;text-align:center}.preview-container[data-v-68799549]{display:flex;flex-direction:column;gap:20px}.page-preview[data-v-68799549]{display:flex;justify-content:center}.page-outline[data-v-68799549]{position:relative;width:100%;min-height:200px;background:#fff;border:2px solid #333;border-radius:4px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.uploaded-preview-frame[data-v-68799549]{display:block;width:100%;max-width:1400px;height:340px;background:#fff;border:0}.uploaded-preview-empty[data-v-68799549]{min-height:200px;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:#6c757d}.page-number-preview[data-v-68799549]{position:absolute;padding:4px 8px;background:#ffffffe6;border-radius:4px;font-weight:500;white-space:nowrap;z-index:1}.page-number-preview.bottom-center[data-v-68799549]{bottom:var(--preview-margin, 10px);left:50%;transform:translate(-50%)}.page-number-preview.bottom-right[data-v-68799549]{bottom:var(--preview-margin, 10px);right:var(--preview-margin, 10px)}.page-number-preview.top-center[data-v-68799549]{top:var(--preview-margin, 10px);left:50%;transform:translate(-50%)}.page-number-preview.top-right[data-v-68799549]{top:var(--preview-margin, 10px);right:var(--preview-margin, 10px)}.page-number-preview.bottom-left[data-v-68799549]{bottom:var(--preview-margin, 10px);left:var(--preview-margin, 10px)}.page-number-preview.top-left[data-v-68799549]{top:var(--preview-margin, 10px);left:var(--preview-margin, 10px)}.preview-info[data-v-68799549]{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.info-item[data-v-68799549]{display:flex;flex-direction:column;align-items:center;gap:4px}.info-label[data-v-68799549]{font-size:12px;color:#666}.info-value[data-v-68799549]{font-size:14px;font-weight:600;color:#4a6fa5}.settings-grid[data-v-68799549]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:30px}.settings-group[data-v-68799549]{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.settings-group h4[data-v-68799549]{font-size:16px;color:#333;margin-bottom:20px;display:flex;align-items:center;gap:8px}.position-grid[data-v-68799549]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.position-btn[data-v-68799549]{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:all .2s}.position-btn[data-v-68799549]:hover:not(:disabled){background:#f8f9fa;border-color:#4a6fa5}.position-btn.active[data-v-68799549]{background:#4a6fa5;border-color:#4a6fa5;color:#fff}.position-btn[data-v-68799549]:disabled{opacity:.5;cursor:not-allowed}.position-icon[data-v-68799549]{font-size:20px}.position-name[data-v-68799549]{font-size:11px}.margin-control[data-v-68799549]{margin-top:20px}.margin-control label[data-v-68799549]{display:block;margin-bottom:10px;font-size:14px;color:#333}.margin-slider[data-v-68799549]{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none}.margin-slider[data-v-68799549]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#4a6fa5;cursor:pointer}.format-grid[data-v-68799549]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.format-btn[data-v-68799549]{padding:12px;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s;text-align:center}.format-btn[data-v-68799549]:hover:not(:disabled){background:#f8f9fa;border-color:#4a6fa5}.format-btn.active[data-v-68799549]{background:#4a6fa5;border-color:#4a6fa5;color:#fff}.format-btn[data-v-68799549]:disabled{opacity:.5;cursor:not-allowed}.numbering-controls[data-v-68799549]{display:flex;flex-direction:column;gap:15px;margin-top:20px}.control-row[data-v-68799549]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.control-row label[data-v-68799549]{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;cursor:pointer}.number-input[data-v-68799549]{width:80px;padding:8px;border:1px solid #ddd;border-radius:6px;font-size:14px}.checkbox[data-v-68799549]{width:16px;height:16px;cursor:pointer}.appearance-controls[data-v-68799549]{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.font-select[data-v-68799549]{padding:8px;border:1px solid #ddd;border-radius:6px;font-size:14px;width:100px}.color-selector[data-v-68799549]{display:flex;align-items:center;gap:10px}.color-input[data-v-68799549]{width:40px;height:40px;border:none;border-radius:6px;cursor:pointer;padding:0}.color-value[data-v-68799549]{font-size:13px;color:#666;font-family:monospace}.color-presets[data-v-68799549]{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.color-preset[data-v-68799549]{width:28px;height:28px;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:all .2s}.color-preset[data-v-68799549]:hover{transform:scale(1.1)}.color-preset.active[data-v-68799549]{border-color:#333;box-shadow:0 0 0 2px #fff,0 0 0 4px #4a6fa5}.custom-text-control[data-v-68799549]{margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.custom-text-control label[data-v-68799549]{display:block;margin-bottom:10px;font-size:14px;color:#333}.custom-text-inputs[data-v-68799549]{display:flex;gap:10px;margin-bottom:8px}.text-position-select[data-v-68799549]{padding:8px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:120px}.text-input[data-v-68799549]{flex:1;padding:8px;border:1px solid #ddd;border-radius:6px;font-size:14px}.hint[data-v-68799549]{font-size:12px;color:#666;font-style:italic;margin-top:5px}.time-estimate[data-v-68799549]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:20px;font-size:14px;color:#666}.size-limit-badge[data-v-68799549]{font-size:11px;background:#ff6b6b1a;color:#ff6b6b;padding:2px 8px;border-radius:12px}.action-buttons[data-v-68799549]{display:flex;justify-content:center;margin:20px 0}.primary-btn[data-v-68799549]{width:100%;max-width:400px;padding:8px 15px;font-size:16px;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(135deg,#4a6fa5,#3a5a8c);color:#fff;font-weight:400;transition:all .3s ease;box-shadow:0 4px 12px #4a6fa533}.primary-btn[data-v-68799549]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4a6fa54d}.primary-btn[data-v-68799549]:disabled{opacity:.6;cursor:not-allowed;transform:none}.primary-btn.loading[data-v-68799549]{background:#6c757d}.progress-section[data-v-68799549]{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:12px}.progress-header[data-v-68799549]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;color:#2c3e50}.progress-percent[data-v-68799549]{font-weight:600;color:#4a6fa5}.progress-wrapper[data-v-68799549]{height:8px;width:100%;background:#e9ecef;border-radius:4px;overflow:hidden}.progress-bar[data-v-68799549]{height:100%;background:linear-gradient(90deg,#4a6fa5,#6a8fc5);transition:width .3s ease;border-radius:4px}.popup-overlay[data-v-68799549]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-68799549 .3s ease}.success-popup[data-v-68799549]{background:#fff;border-radius:16px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp-68799549 .3s ease}.popup-header[data-v-68799549]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef}.popup-header h3[data-v-68799549]{margin:0;font-size:20px;color:#333}.close-popup[data-v-68799549]{background:none;border:none;font-size:24px;cursor:pointer;color:#999;transition:color .2s}.close-popup[data-v-68799549]:hover{color:#333}.popup-content[data-v-68799549]{padding:24px}.stats-grid[data-v-68799549]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.stat-item[data-v-68799549]{text-align:left;padding:8px 0;border-bottom:1px solid #f0f0f0}.stat-label[data-v-68799549]{display:block;font-size:12px;color:#666;margin-bottom:4px}.stat-value[data-v-68799549]{display:block;font-size:14px;color:#2c3e50;font-weight:500;word-break:break-word}.link-section[data-v-68799549]{margin:20px 0}.link-label[data-v-68799549]{font-weight:600;margin-bottom:8px;display:inline-block;font-size:14px}.link-input-wrapper[data-v-68799549]{display:flex;gap:8px;align-items:center}.link-input[data-v-68799549]{flex:1;padding:8px 12px;font-size:13px;border:1px solid #ddd;border-radius:6px;background:#f8f9fa;font-family:monospace}.btn-primary[data-v-68799549]{padding:8px 16px;background:#4a6fa5;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn-primary[data-v-68799549]:hover{background:#3a5a8c}.icon-svg svg[data-v-68799549]{width:16px;height:16px;fill:currentColor}.share-buttons-row[data-v-68799549]{margin-top:15px}.share-label[data-v-68799549]{font-size:12px;color:#495057;font-weight:500;margin-bottom:8px;display:block}.share-buttons-group[data-v-68799549]{display:flex;flex-wrap:wrap;gap:8px}.share-chip[data-v-68799549]{padding:6px 12px;border-radius:20px;border:1px solid #dee2e6;background:#f8f9fa;font-size:12px;cursor:pointer;transition:all .2s ease}.share-chip[data-v-68799549]:hover{background:#e9ecef}.share-chip.whatsapp[data-v-68799549]{border-color:#25d366;color:#128c7e}.share-chip.email[data-v-68799549]{border-color:#0d6efd;color:#0d6efd}.share-chip.teams[data-v-68799549]{border-color:#6264a7;color:#464775}.popup-actions[data-v-68799549]{display:flex;gap:12px;margin-top:24px;justify-content:center}.bubble-loader[data-v-68799549]{display:inline-flex;gap:4px;align-items:center;margin-right:8px}.bubble[data-v-68799549]{width:6px;height:6px;background:#fff;border-radius:50%;animation:bounce-68799549 .6s infinite}.bubble[data-v-68799549]:nth-child(2){animation-delay:.1s}.bubble[data-v-68799549]:nth-child(3){animation-delay:.2s}@keyframes bounce-68799549{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes fadeIn-68799549{0%{opacity:0}to{opacity:1}}@keyframes slideUp-68799549{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.main__title[data-v-68799549]{font-size:20px}.stats-grid[data-v-68799549],.settings-grid[data-v-68799549]{grid-template-columns:1fr}.popup-actions[data-v-68799549]{flex-direction:column}.popup-actions button[data-v-68799549]{width:100%}}.merge-btn[data-v-9440624f]{width:100%;padding:8px;font-size:14px;border-radius:10px;border:none;cursor:pointer;background:#ff3131;color:#fff;transition:all .3s ease;position:relative;overflow:hidden}.merge-btn[data-v-9440624f]:hover:not(:disabled):not(.disabled){box-shadow:0 10px 30px #ff313166}.merge-btn[data-v-9440624f]:disabled,.merge-btn.disabled[data-v-9440624f]{background:#ccc;cursor:not-allowed;transform:none}.merge-btn.loading[data-v-9440624f]{background:#6c757d}.size-limit-badge[data-v-9440624f]{font-size:11px;background:#fff3;color:#fff;padding:2px 6px;border-radius:10px;margin-left:8px;border:1px solid rgba(255,255,255,.3)}.bubble-loader[data-v-9440624f]{display:inline-flex;gap:4px;align-items:center;margin-right:8px}.bubble-loader .bubble[data-v-9440624f]{width:6px;height:6px;border-radius:50%;background-color:#fff;animation:bubble-9440624f 1.2s ease-in-out infinite}.bubble-loader .bubble[data-v-9440624f]:nth-child(1){animation-delay:-.32s}.bubble-loader .bubble[data-v-9440624f]:nth-child(2){animation-delay:-.16s}@keyframes bubble-9440624f{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.upload-box[data-v-9440624f]{display:block;border:2px dashed #e9ecef;border-radius:12px;padding:24px;text-align:center;cursor:pointer;background:#f8f9fa;transition:border-color .2s,background .2s;margin-bottom:15px}.upload-box[data-v-9440624f]:hover{border-color:#ff3131;background:#fff}.upload-content p[data-v-9440624f]{margin:0 0 8px;font-size:15px}.upload-content small[data-v-9440624f]{color:#6c757d;font-size:13px}.file-summary[data-v-9440624f]{background:#ff3131;color:#fff;padding:10px 15px;border-radius:12px;margin-bottom:10px}.summary-header[data-v-9440624f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-header h3[data-v-9440624f]{margin:0;font-size:16px;font-weight:300}.clear-all-btn[data-v-9440624f]{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .3s ease}.clear-all-btn[data-v-9440624f]:hover:not(:disabled){background:#ffffff4d}.clear-all-btn[data-v-9440624f]:disabled{opacity:.5;cursor:not-allowed}.summary-stats[data-v-9440624f]{display:flex;gap:20px;font-size:13px}.stat[data-v-9440624f]{display:flex;gap:6px;align-items:center}.file-list-container[data-v-9440624f]{max-height:300px;overflow-y:auto;border:1px solid #e9ecef;border-radius:10px;margin-bottom:20px;background:#fff;box-shadow:0 2px 8px #0000000d}.file-list-scroll[data-v-9440624f]{padding:10px}.file-item[data-v-9440624f]{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.file-item[data-v-9440624f]:hover{background-color:#f8f9fa}.file-item[data-v-9440624f]:last-child{border-bottom:none}.file-info[data-v-9440624f]{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.file-icon[data-v-9440624f]{font-size:20px;color:#ff3131;flex-shrink:0}.file-details[data-v-9440624f]{flex:1;min-width:0}.file-name[data-v-9440624f]{font-size:14px;color:#2c3e50;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size[data-v-9440624f]{font-size:12px;color:#6c757d}.remove-file-btn[data-v-9440624f]{background:none;border:none;color:#ff6b6b;font-size:22px;cursor:pointer;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.remove-file-btn[data-v-9440624f]:hover:not(:disabled){background:#ffeaea;transform:scale(1.1)}.add-more-section[data-v-9440624f]{margin-bottom:15px}.add-more-btn[data-v-9440624f]{display:inline-block;padding:8px 14px;font-size:14px;color:#ff3131;cursor:pointer;text-decoration:underline}.files-list-section.preview-options-section[data-v-9440624f]{background:#fff;border-radius:12px;padding:15px;margin-bottom:15px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000000d}.watermark-layout[data-v-9440624f]{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}@media(max-width:900px){.watermark-layout[data-v-9440624f]{grid-template-columns:1fr}}.section-heading[data-v-9440624f]{margin:0 0 8px;font-size:16px;font-weight:600;color:#2c3e50}.preview-hint[data-v-9440624f]{font-size:13px;color:#6c757d;margin:-4px 0 10px}.pdf-preview-wrap[data-v-9440624f]{position:relative;border:1px solid #e9ecef;border-radius:10px;overflow:hidden;background:#fff;min-height:380px}.pdf-preview-frame[data-v-9440624f]{width:100%;height:460px;display:block;margin:0 auto;background:#fff;border:0}.no-preview[data-v-9440624f]{padding:2rem;color:#6c757d;text-align:center;margin:0}.watermark-preview-overlay[data-v-9440624f]{position:absolute;inset:0;pointer-events:none;z-index:1}.watermark-preview-text[data-v-9440624f]{-webkit-user-select:none;user-select:none;transition:top .15s ease,left .15s ease,right .15s ease,bottom .15s ease,transform .15s ease,opacity .15s ease,font-size .15s ease,color .15s ease}.watermark-preview-img[data-v-9440624f]{transition:top .15s ease,left .15s ease,right .15s ease,bottom .15s ease,transform .2s ease,opacity .15s ease}.options-column[data-v-9440624f]{background:#f8f9fa;border-radius:10px;padding:12px;border:1px solid #e9ecef}.watermark-type-tabs[data-v-9440624f]{display:flex;gap:8px;margin-bottom:12px}.tab-btn[data-v-9440624f]{flex:1;padding:8px 12px;border:1px solid #dee2e6;border-radius:8px;background:#fff;cursor:pointer;font-size:14px}.tab-btn.active[data-v-9440624f]{background:#ff3131;color:#fff;border-color:#ff3131}.options-panel[data-v-9440624f]{margin-bottom:12px}.option-group[data-v-9440624f]{margin-bottom:10px}.option-group label[data-v-9440624f]{display:block;margin-bottom:4px;font-size:13px;color:#2c3e50}.option-group.row label[data-v-9440624f]{display:inline-flex;align-items:center;gap:6px;margin-right:12px}.option-hint[data-v-9440624f]{display:block;margin-top:4px;font-size:12px;color:#6c757d}.input-text[data-v-9440624f],.input-select[data-v-9440624f],.input-number[data-v-9440624f]{width:100%;padding:8px 10px;border:1px solid #dee2e6;border-radius:8px;font-size:14px}.input-color[data-v-9440624f]{width:40px;height:32px;padding:2px;cursor:pointer;vertical-align:middle}.color-row[data-v-9440624f]{display:flex;align-items:center;gap:8px}.color-hex[data-v-9440624f]{font-size:13px;color:#6c757d}.position-grid[data-v-9440624f]{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.position-btn[data-v-9440624f]{padding:8px;border:1px solid #dee2e6;border-radius:8px;background:#fff;cursor:pointer;font-size:1rem}.position-btn.active[data-v-9440624f]{background:#ff3131;color:#fff;border-color:#ff3131}.upload-image-btn[data-v-9440624f]{display:inline-block;padding:8px 14px;border:1px solid #dee2e6;border-radius:8px;background:#fff;cursor:pointer;font-size:14px}.upload-image-btn[data-v-9440624f]:hover{background:#f8f9fa}.image-preview-wrap[data-v-9440624f]{margin-top:8px;display:flex;align-items:center;gap:8px}.image-preview[data-v-9440624f]{max-width:120px;max-height:80px;object-fit:contain;border-radius:8px;border:1px solid #dee2e6}.remove-image-btn[data-v-9440624f]{padding:6px 10px;font-size:13px;border:1px solid #dc3545;color:#dc3545;background:transparent;border-radius:6px;cursor:pointer}.compress-btn[data-v-9440624f]{width:100%;padding:12px;font-size:16px;border-radius:10px;border:none;cursor:pointer;background:#ff3131;color:#fff;transition:all .3s ease;margin-top:10px}.compress-btn[data-v-9440624f]:hover:not(:disabled):not(.disabled){box-shadow:0 8px 25px #ff313166}.compress-btn[data-v-9440624f]:disabled,.compress-btn.disabled[data-v-9440624f]{background:#ccc;cursor:not-allowed;transform:none}.compress-btn.loading[data-v-9440624f]{background:#6c757d}.progress-section[data-v-9440624f]{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:10px;border:1px solid #e9ecef}.progress-header[data-v-9440624f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px}.progress-wrapper[data-v-9440624f]{height:24px;background:#e9ecef;border-radius:6px;overflow:hidden;margin-bottom:8px}.progress-bar[data-v-9440624f]{height:100%;background:#ff3131;transition:width .2s;display:flex;align-items:center;justify-content:center}.progress-text[data-v-9440624f]{font-size:12px;color:#fff;font-weight:600}.status-text[data-v-9440624f]{margin:0;font-size:13px;color:#6c757d}.popup-overlay[data-v-9440624f]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.success-popup[data-v-9440624f]{background:var(--bg-content, #fff);border-radius:12px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 4px 20px #00000026}.popup-header[data-v-9440624f]{position:relative;margin-bottom:1rem}.popup-icon[data-v-9440624f]{font-size:1.5rem}.popup-header h3[data-v-9440624f]{margin:.5rem 0 .25rem}.popup-header p[data-v-9440624f]{margin:0;color:var(--text-secondary, #666);font-size:.95rem}.close-popup[data-v-9440624f]{position:absolute;top:0;right:0;padding:.25rem;border:none;background:transparent;font-size:1.5rem;cursor:pointer;line-height:1}.popup-buttons[data-v-9440624f]{margin-top:1rem;display:flex;justify-content:center}.popup-btn[data-v-9440624f]{padding:.5rem 1.5rem;border-radius:8px;border:none;background:var(--primary, #4A6FA5);color:#fff;cursor:pointer;font-size:1rem}.bubble-loader[data-v-9440624f]{display:inline-flex;gap:4px}.bubble-loader .bubble[data-v-9440624f]{width:6px;height:6px;border-radius:50%;background:currentColor;animation:bounce-9440624f .6s ease-in-out infinite alternate}.bubble-loader .bubble[data-v-9440624f]:nth-child(2){animation-delay:.1s}.bubble-loader .bubble[data-v-9440624f]:nth-child(3){animation-delay:.2s}@keyframes bounce-9440624f{to{transform:translateY(-4px)}}.cloud-import-row[data-v-35b75a02]{display:flex;gap:10px;margin-bottom:10px;align-items:center}.cloud-icon-btn[data-v-35b75a02]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s ease}.cloud-icon-btn[data-v-35b75a02]:hover{background:#f5f5f5;transform:scale(1.05)}.size-limit-badge[data-v-35b75a02]{font-size:11px;background:#ff6b6b1a;color:#ff6b6b;padding:2px 6px;border-radius:10px;margin-left:8px;border:1px solid rgba(255,107,107,.3)}.split-options[data-v-35b75a02]{margin-top:20px;padding:16px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.split-options h3[data-v-35b75a02]{margin:0 0 12px;font-size:16px;color:#333}.options-group[data-v-35b75a02]{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.option-radio[data-v-35b75a02]{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#495057}.option-radio input[type=radio][data-v-35b75a02]{cursor:pointer;width:16px;height:16px}.range-inputs[data-v-35b75a02]{display:flex;gap:20px;margin-top:12px;padding:12px;background:#fff;border-radius:8px}.input-group[data-v-35b75a02]{display:flex;align-items:center;gap:8px}.input-group label[data-v-35b75a02]{font-size:14px;font-weight:500;color:#495057}.page-input[data-v-35b75a02]{width:80px;padding:6px 10px;border:1px solid #ced4da;border-radius:6px;font-size:14px}.custom-input[data-v-35b75a02]{margin-top:12px;padding:12px;background:#fff;border-radius:8px}.custom-input label[data-v-35b75a02]{display:block;font-size:14px;font-weight:500;color:#495057;margin-bottom:8px}.custom-pages-input[data-v-35b75a02]{width:100%;padding:10px;border:1px solid #ced4da;border-radius:6px;font-size:14px;font-family:monospace}.custom-input small[data-v-35b75a02]{display:block;margin-top:6px;font-size:12px;color:#6c757d}.file-summary[data-v-35b75a02]{background:#ff3131;color:#fff;padding:10px 15px;border-radius:12px;margin-bottom:10px;margin-top:10px}.summary-header[data-v-35b75a02]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-header h3[data-v-35b75a02]{margin:0;font-size:16px;font-weight:300}.clear-all-btn[data-v-35b75a02]{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .3s ease}.clear-all-btn[data-v-35b75a02]:hover:not(:disabled){background:#ffffff4d}.clear-all-btn[data-v-35b75a02]:disabled{opacity:.5;cursor:not-allowed}.summary-stats[data-v-35b75a02]{display:flex;gap:20px;font-size:13px}.stat[data-v-35b75a02]{display:flex;gap:6px;align-items:center}.upload-box[data-v-35b75a02]{display:block;border:2px dashed #aaa;border-radius:12px;padding:30px 20px;cursor:pointer;transition:all .3s ease;background:#f9f9f9}.upload-box[data-v-35b75a02]:hover{border-color:#ff3131;background:#fff5f5}.upload-box.drag-over[data-v-35b75a02]{border-color:#ff3131;background:#fff0f0;transform:scale(1.02)}.upload-content[data-v-35b75a02]{text-align:center}.upload-content .icon[data-v-35b75a02]{font-size:36px;display:block;margin-bottom:10px}.merge-btn[data-v-35b75a02]{width:100%;padding:12px;font-size:15px;border-radius:10px;margin-top:20px;border:none;cursor:pointer;background:#ff3131;color:#fff;transition:all .3s ease}.merge-btn[data-v-35b75a02]:hover:not(:disabled):not(.disabled){background:#e02828;transform:translateY(-2px);box-shadow:0 4px 12px #ff31314d}.merge-btn[data-v-35b75a02]:disabled,.merge-btn.disabled[data-v-35b75a02]{background:#ccc;cursor:not-allowed;opacity:.6}.progress-section[data-v-35b75a02]{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.progress-header[data-v-35b75a02]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;color:#495057}.time-estimate[data-v-35b75a02]{font-size:12px;color:#6c757d}.progress-wrapper[data-v-35b75a02]{height:8px;width:100%;background:#e9ecef;border-radius:4px;overflow:hidden}.progress-bar[data-v-35b75a02]{height:100%;background:linear-gradient(90deg,#ff3131,#e02828);transition:width .3s ease;border-radius:4px}.bubble-loader[data-v-35b75a02]{display:inline-flex;gap:4px;align-items:center;margin-right:8px}.bubble[data-v-35b75a02]{width:6px;height:6px;border-radius:50%;background:#fff;animation:bubble-35b75a02 1.4s infinite ease-in-out both}.bubble[data-v-35b75a02]:nth-child(1){animation-delay:-.32s}.bubble[data-v-35b75a02]:nth-child(2){animation-delay:-.16s}@keyframes bubble-35b75a02{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.popup-overlay[data-v-35b75a02]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.success-popup[data-v-35b75a02]{background:#fff;border-radius:20px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideIn-35b75a02 .3s ease}.popup-header[data-v-35b75a02]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#ff3131,#e02828);color:#fff;border-radius:20px 20px 0 0}.popup-header h3[data-v-35b75a02]{margin:0;font-size:18px}.close-popup[data-v-35b75a02]{background:#fff3;border:none;color:#fff;font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-popup[data-v-35b75a02]:hover{background:#ffffff4d}.popup-content[data-v-35b75a02]{padding:24px}.stats-grid[data-v-35b75a02]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.stat-item[data-v-35b75a02]{text-align:left;padding:8px 0;border-bottom:1px solid #f0f0f0}.stat-label[data-v-35b75a02]{display:block;font-size:12px;color:#666;margin-bottom:4px}.stat-value[data-v-35b75a02]{display:block;font-size:14px;color:#2c3e50;font-weight:500;word-break:break-word}.link-section[data-v-35b75a02]{margin:20px 0}.link-label[data-v-35b75a02]{font-weight:600;margin-bottom:8px;display:inline-block;font-size:14px;color:#495057}.link-input-wrapper[data-v-35b75a02]{display:flex;gap:8px;align-items:center}.link-input[data-v-35b75a02]{flex:1;padding:8px 10px;font-size:12px;border:1px solid #ccc;border-radius:6px;background:#f8f9fa;font-family:monospace}.link-input[data-v-35b75a02]:focus{outline:none;border-color:#ff3131}.icon-svg[data-v-35b75a02]{display:inline-flex;align-items:center;justify-content:center}.icon-svg svg[data-v-35b75a02]{width:16px;height:16px;fill:currentColor}.cloud-actions-row[data-v-35b75a02]{margin:16px 0}.share-buttons-row[data-v-35b75a02]{display:flex;flex-direction:column;gap:8px;margin-top:12px}.share-label[data-v-35b75a02]{font-size:12px;color:#495057;font-weight:500}.share-buttons-group[data-v-35b75a02]{display:flex;flex-wrap:wrap;gap:8px}.share-chip[data-v-35b75a02]{padding:6px 10px;border-radius:999px;border:1px solid #dee2e6;background:#f8f9fa;font-size:12px;cursor:pointer;color:#212529;transition:all .2s ease}.share-chip[data-v-35b75a02]:hover{background:#e9ecef;transform:translateY(-1px)}.share-chip.whatsapp[data-v-35b75a02]{border-color:#25d366;color:#128c7e}.share-chip.email[data-v-35b75a02]{border-color:#0d6efd;color:#0d6efd}.share-chip.teams[data-v-35b75a02]{border-color:#6264a7;color:#464775}.btn-primary[data-v-35b75a02]{width:100%;padding:12px;background:#ff3131;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary[data-v-35b75a02]:hover{background:#e02828;transform:translateY(-1px)}.popup-actions[data-v-35b75a02]{margin-top:24px}@keyframes slideIn-35b75a02{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.stats-grid[data-v-35b75a02]{grid-template-columns:1fr}.range-inputs[data-v-35b75a02]{flex-direction:column;gap:12px}.input-group[data-v-35b75a02]{width:100%}.page-input[data-v-35b75a02]{flex:1}.summary-stats[data-v-35b75a02]{flex-direction:column;gap:8px}}.main__title[data-v-ac3e1b60]{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:var(--text-xl)}.cloud-import-row[data-v-ac3e1b60]{display:flex;gap:10px;margin-bottom:10px;align-items:center;flex-wrap:wrap}.subtitle[data-v-ac3e1b60]{font-size:13px;color:#6c757d;margin:0}.cloud-icon-btn[data-v-ac3e1b60]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-content);color:var(--brand-color, #ff3131);cursor:pointer;transition:all .2s ease}.cloud-icon-btn[data-v-ac3e1b60]:hover{background:var(--bg-secondary);border-color:var(--brand-color, #ff3131)}.converter[data-v-ac3e1b60]{max-width:1000px;margin:auto;padding:20px}.upload-box[data-v-ac3e1b60]{display:block;border:2px dashed #aaa;border-radius:12px;padding:30px 20px;cursor:pointer;transition:all .3s ease;background:#f9f9f9;text-align:center}.upload-box[data-v-ac3e1b60]:hover{border-color:#ff3131;background:#fff5f5}.upload-box.drag-over[data-v-ac3e1b60]{border-color:#ff3131;background:#fff0f0;transform:scale(1.02)}.file-types[data-v-ac3e1b60]{margin-top:15px}.file-type-badge[data-v-ac3e1b60]{display:inline-block;background:#e9ecef;padding:4px 10px;margin:3px;border-radius:15px;font-size:12px;font-weight:500}.file-summary[data-v-ac3e1b60]{background:#ff3131;color:#fff;padding:10px 15px;border-radius:12px;margin-bottom:10px;margin-top:10px}.summary-header[data-v-ac3e1b60]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-header h3[data-v-ac3e1b60]{margin:0;font-size:16px;font-weight:300}.clear-all-btn[data-v-ac3e1b60]{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer}.clear-all-btn[data-v-ac3e1b60]:hover:not(:disabled){background:#ffffff4d}.summary-stats[data-v-ac3e1b60]{display:flex;gap:20px;font-size:13px;flex-wrap:wrap}.stat[data-v-ac3e1b60]{display:flex;gap:6px;align-items:center}.corrupt-btn[data-v-ac3e1b60]{width:100%;padding:8px;font-size:15px;border-radius:10px;border:none;cursor:pointer;background:#ff3131;color:#fff;transition:all .3s ease;font-weight:500}.corrupt-btn[data-v-ac3e1b60]:hover:not(:disabled){background:#e02828;box-shadow:0 4px 12px #ff31314d}.corrupt-btn[data-v-ac3e1b60]:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.bubble-loader[data-v-ac3e1b60]{display:inline-flex;gap:4px;align-items:center;margin-right:8px}.bubble[data-v-ac3e1b60]{width:6px;height:6px;border-radius:50%;background:#fff;animation:bubble-ac3e1b60 1.4s infinite ease-in-out both}.bubble[data-v-ac3e1b60]:nth-child(1){animation-delay:-.32s}.bubble[data-v-ac3e1b60]:nth-child(2){animation-delay:-.16s}@keyframes bubble-ac3e1b60{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.progress-section[data-v-ac3e1b60]{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.progress-header[data-v-ac3e1b60]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;color:#495057}.progress-wrapper[data-v-ac3e1b60]{height:8px;width:100%;background:#e9ecef;border-radius:4px;overflow:hidden}.progress-bar[data-v-ac3e1b60]{height:100%;background:linear-gradient(90deg,#ff3131,#e02828);transition:width .3s ease;border-radius:4px}.popup-overlay[data-v-ac3e1b60]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.confirmation-dialog[data-v-ac3e1b60],.success-popup[data-v-ac3e1b60]{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideIn-ac3e1b60 .3s ease}.popup-header[data-v-ac3e1b60]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:#000;color:#fff;border-radius:16px 16px 0 0}.popup-header h3[data-v-ac3e1b60]{margin:0;font-size:18px;font-weight:400}.close-popup[data-v-ac3e1b60]{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.close-popup[data-v-ac3e1b60]:hover{background:#fff3}.popup-content[data-v-ac3e1b60]{padding:12px}.file-to-corrupt[data-v-ac3e1b60]{display:flex;align-items:center;gap:15px;background:#f8f9fa;padding:15px;border-radius:8px;margin:15px 0;font-size:12px}.file-icon[data-v-ac3e1b60]{font-size:32px}.corruption-details[data-v-ac3e1b60]{background:#fff5f5;padding:10px;border-radius:8px;margin:15px 0;font-size:12px}.corruption-details p[data-v-ac3e1b60]{font-size:14px}.final-warning[data-v-ac3e1b60]{text-align:center;font-size:14px;color:#ff3131;margin:15px 0;padding:10px;background:#ff31311a;border-radius:8px;font-weight:700}.stats-grid[data-v-ac3e1b60]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.stat-item[data-v-ac3e1b60]{text-align:left;padding:8px 0;border-bottom:1px solid #f0f0f0}.stat-label[data-v-ac3e1b60]{display:block;font-size:12px;color:#666;margin-bottom:4px}.stat-value[data-v-ac3e1b60]{display:block;font-size:14px;color:#2c3e50;font-weight:500;word-break:break-word}.link-section[data-v-ac3e1b60]{margin:20px 0}.link-label[data-v-ac3e1b60]{font-weight:600;margin-bottom:8px;display:inline-block}.link-input-wrapper[data-v-ac3e1b60]{display:flex;gap:8px;align-items:center}.link-input[data-v-ac3e1b60]{flex:1;padding:8px 10px;font-size:14px;border:1px solid #ccc;border-radius:6px}.cloud-actions-row[data-v-ac3e1b60],.share-buttons-row[data-v-ac3e1b60]{display:flex;flex-direction:column;gap:6px;margin-top:10px}.share-label[data-v-ac3e1b60]{font-size:12px;color:#495057;font-weight:500}.share-buttons-group[data-v-ac3e1b60]{display:flex;flex-wrap:wrap;gap:8px}.share-chip[data-v-ac3e1b60]{padding:6px 10px;border-radius:999px;border:1px solid #dee2e6;background:#f8f9fa;font-size:12px;cursor:pointer;transition:all .2s ease}.share-chip[data-v-ac3e1b60]:hover{background:#e9ecef}.share-chip.whatsapp[data-v-ac3e1b60]{border-color:#25d366;color:#128c7e}.share-chip.email[data-v-ac3e1b60]{border-color:#0d6efd;color:#0d6efd}.share-chip.teams[data-v-ac3e1b60]{border-color:#6264a7;color:#464775}.share-chip.delete[data-v-ac3e1b60]{border-color:#dc3545;color:#dc3545}.popup-actions[data-v-ac3e1b60]{display:flex;gap:12px;padding:10px 12px;border-top:1px solid #e9ecef}.btn-primary[data-v-ac3e1b60]{flex:1;background:#ff3131;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary[data-v-ac3e1b60]:hover{background:#e02828;transform:translateY(-2px)}.btn-secondary[data-v-ac3e1b60]{flex:1;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;font-size:14px;cursor:pointer}.btn-secondary[data-v-ac3e1b60]:hover{background:#e9ecef}.btn-danger[data-v-ac3e1b60]{flex:1;background:#dc3545;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.btn-danger[data-v-ac3e1b60]:hover{background:#c82333}@keyframes slideIn-ac3e1b60{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.stats-grid[data-v-ac3e1b60]{grid-template-columns:1fr}.popup-actions[data-v-ac3e1b60]{flex-direction:column}.summary-stats[data-v-ac3e1b60]{flex-direction:column;gap:8px}}.minifier-page[data-v-00d56e31]{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px}.header-section[data-v-00d56e31]{text-align:center;margin-bottom:40px}.header-content[data-v-00d56e31]{max-width:800px;margin:0 auto}.header-content h1[data-v-00d56e31]{font-size:1.8rem;color:#2c3e50;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px}.header-icon[data-v-00d56e31]{font-size:1.2rem;color:#ff3131}.subtitle[data-v-00d56e31]{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.main-content[data-v-00d56e31]{max-width:1400px;margin:0 auto}.content-grid[data-v-00d56e31]{display:grid;grid-template-columns:350px 1fr;gap:30px;align-items:start}.left-column[data-v-00d56e31]{position:sticky;top:20px}.control-card[data-v-00d56e31]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0000001a}.card-header[data-v-00d56e31]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f4ff}.card-header h2[data-v-00d56e31]{font-size:1.4rem;color:#2c3e50;margin:0}.status-badge[data-v-00d56e31]{background:linear-gradient(135deg,#ff3131,#e02828);color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:300;display:flex;align-items:center;gap:6px}.language-section[data-v-00d56e31],.action-section[data-v-00d56e31],.upload-section[data-v-00d56e31]{margin-bottom:24px}.language-section h3[data-v-00d56e31],.action-section h3[data-v-00d56e31],.upload-section h3[data-v-00d56e31]{font-size:1rem;color:#2c3e50;margin-bottom:12px;font-weight:400}.language-buttons[data-v-00d56e31]{display:flex;gap:12px}.lang-btn[data-v-00d56e31]{flex:1;background:#f8f9fa;border:2px solid #dee2e6;padding:6px;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:400;color:#495057;transition:all .3s ease}.lang-btn[data-v-00d56e31]:hover:not(.active){border-color:#adb5bd;background:#e9ecef}.lang-btn.active[data-v-00d56e31]{background:#ff3131;border-color:#ff3131;color:#fff}.action-buttons[data-v-00d56e31]{display:flex;gap:12px}.action-btn[data-v-00d56e31]{flex:1;border:none;padding:6px;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:400;transition:all .3s ease}.action-btn.minify[data-v-00d56e31]{background:#f8f9fa;color:#495057;border:2px solid #dee2e6}.action-btn.beautify[data-v-00d56e31]{background:#2c3e50;color:#fff}.action-btn.minify.active[data-v-00d56e31]{background:#ff3131;border-color:#ff3131;color:#fff}.action-btn.beautify.active[data-v-00d56e31]{background:#1a252f;border-color:#1a252f}.upload-box[data-v-00d56e31]{border:2px dashed #cbd5e0;border-radius:12px;padding:30px 20px;text-align:center;background:#f8fafc;transition:all .3s ease;cursor:pointer}.upload-box[data-v-00d56e31]:hover{border-color:#ff3131;background:#fff5f5}.upload-icon[data-v-00d56e31]{margin-bottom:15px}.upload-text[data-v-00d56e31]{font-size:1rem;color:#2c3e50;margin-bottom:15px;font-weight:300}.upload-btn[data-v-00d56e31]{display:inline-block;background:#ff3131;color:#fff;padding:5px 15px;border-radius:8px;cursor:pointer;font-weight:300;transition:all .3s ease}.upload-btn[data-v-00d56e31]:hover{background:#e02828;transform:translateY(-2px)}.upload-info[data-v-00d56e31]{display:block;margin-top:15px;font-size:.85rem;color:#718096}.process-btn[data-v-00d56e31]{width:100%;padding:8px;background:linear-gradient(135deg,#ff3131,#e02828);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:400;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.process-btn[data-v-00d56e31]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #ee6c4d66}.process-btn[data-v-00d56e31]:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.process-btn.loading[data-v-00d56e31]{opacity:.8}@keyframes spin-00d56e31{to{transform:rotate(360deg)}}.action-buttons-row[data-v-00d56e31]{display:flex;gap:12px;margin-bottom:24px}.secondary-btn[data-v-00d56e31]{flex:1;background:#f8f9fa;border:2px solid #dee2e6;padding:6px;border-radius:10px;cursor:pointer;font-size:.95rem;color:#495057;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.secondary-btn[data-v-00d56e31]:hover{background:#e9ecef;border-color:#adb5bd}.stats-section[data-v-00d56e31]{padding-top:20px;border-top:2px solid #e2e8f0}.stats-section h3[data-v-00d56e31]{font-size:1rem;color:#2c3e50;margin-bottom:16px;font-weight:400}.stats-grid[data-v-00d56e31]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card[data-v-00d56e31]{background:#f7fafc;border-radius:10px;padding:6px;display:flex;align-items:center;gap:12px;transition:transform .2s ease}.stat-card[data-v-00d56e31]:hover{transform:translateY(-2px)}.stat-card.highlight[data-v-00d56e31]{background:linear-gradient(135deg,#fff5f5,#ffeaea);border:2px solid #fed7d7}.stat-icon[data-v-00d56e31]{font-size:1.2rem;color:#ff3131}.stat-content[data-v-00d56e31]{flex:1}.stat-label[data-v-00d56e31]{font-size:.8rem;color:#718096;margin-bottom:4px}.stat-value[data-v-00d56e31]{font-size:1rem;font-weight:400;color:#2c3e50}.right-column[data-v-00d56e31]{display:flex;flex-direction:column;gap:24px}.editor-card[data-v-00d56e31]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000001a;padding:20px}.editor-card.output[data-v-00d56e31]{min-height:400px;margin-top:20px}.editor-card.output.has-output[data-v-00d56e31]{border:2px solid #ff3131}.file-info[data-v-00d56e31],.output-info[data-v-00d56e31]{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#666}.lang-badge[data-v-00d56e31]{background:#f0f4ff;color:#ff3131;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:400;border:1px solid #ff3131}.type-badge[data-v-00d56e31]{background:#fff5f5;color:#e02828;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:400;border:1px solid #fed7d7}.code-editor[data-v-00d56e31]{display:flex;flex-direction:column}.editor-toolbar[data-v-00d56e31]{background:#f8f9fa;padding:12px 20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.editor-info[data-v-00d56e31]{display:flex;align-items:center;gap:12px}.language-tag[data-v-00d56e31]{background:#ff3131;color:#fff;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:400}.editor-status[data-v-00d56e31]{font-size:.9rem;color:#666}.editor-actions[data-v-00d56e31]{display:flex;gap:8px}.toolbar-btn[data-v-00d56e31]{background:#fff;border:1px solid #dee2e6;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.toolbar-btn[data-v-00d56e31]:hover{background:#e9ecef;border-color:#adb5bd}.toolbar-btn.copy[data-v-00d56e31],.toolbar-btn.download[data-v-00d56e31]{color:#fff;border:none}.toolbar-btn.copy.copied[data-v-00d56e31]{background:#28a745}.code-textarea[data-v-00d56e31]{width:100%;min-height:300px;padding:20px;border:none;resize:vertical;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;color:#333;background:#fafafa;outline:none;tab-size:2}.code-textarea[data-v-00d56e31]:focus{background:#fff}.editor-footer[data-v-00d56e31]{background:#f8f9fa;padding:12px 20px;border-top:1px solid #e9ecef}.char-count[data-v-00d56e31]{display:flex;gap:20px;font-size:.85rem;color:#666}.code-output[data-v-00d56e31]{display:flex;flex-direction:column;height:100%}.output-toolbar[data-v-00d56e31]{background:#f8f9fa;padding:12px 20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.reduction-badge[data-v-00d56e31]{background:#d4edda;color:#155724;padding:6px 12px;border-radius:15px;font-size:.85rem;font-weight:400}.output-content[data-v-00d56e31]{flex:1;padding:20px;background:#1e1e1e;color:#d4d4d4;overflow-y:auto;font-size:14px;line-height:1.6}.output-content pre[data-v-00d56e31]{margin:0;white-space:pre-wrap;word-wrap:break-word;tab-size:2}.output-footer[data-v-00d56e31]{background:#2d2d2d;padding:12px 20px;border-top:1px solid #404040}.output-stats[data-v-00d56e31]{display:flex;justify-content:space-between;font-size:.85rem;color:#999}.time-info[data-v-00d56e31]{color:#4caf50}.empty-output[data-v-00d56e31]{padding:60px 20px;text-align:center;color:#999}.empty-icon[data-v-00d56e31]{margin-bottom:20px;opacity:.5}.empty-output h3[data-v-00d56e31]{font-size:1.2rem;color:#ccc;margin-bottom:12px}.empty-output p[data-v-00d56e31]{max-width:300px;margin:0 auto;line-height:1.6}@media(max-width:1024px){.content-grid[data-v-00d56e31]{grid-template-columns:1fr}.minifier-page[data-v-00d56e31]{padding:5px}.editor-card[data-v-00d56e31]{padding:10px}.left-column[data-v-00d56e31]{position:static}.stats-grid[data-v-00d56e31]{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.header-content h1[data-v-00d56e31]{font-size:1.5rem}.control-card[data-v-00d56e31]{padding:15px}.stats-grid[data-v-00d56e31]{grid-template-columns:repeat(2,1fr)}.language-buttons[data-v-00d56e31],.action-buttons[data-v-00d56e31],.action-buttons-row[data-v-00d56e31]{flex-direction:column}.editor-toolbar[data-v-00d56e31],.output-toolbar[data-v-00d56e31]{flex-direction:column;gap:12px;align-items:stretch}.editor-info[data-v-00d56e31],.output-info[data-v-00d56e31]{justify-content:space-between}.char-count[data-v-00d56e31],.output-stats[data-v-00d56e31]{flex-direction:column;gap:8px}}.image-compressor-page[data-v-1918f390]{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px}.header-section[data-v-1918f390]{text-align:center;margin-bottom:40px}.header-content[data-v-1918f390]{max-width:800px;margin:0 auto}.header-content h1[data-v-1918f390]{font-size:2rem;color:#2c3e50;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:400}.header-icon[data-v-1918f390]{font-size:1.4rem;color:#ff3131}.subtitle[data-v-1918f390]{font-size:1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.main-content[data-v-1918f390]{max-width:1400px;margin:0 auto}.content-grid[data-v-1918f390]{display:grid;grid-template-columns:450px 1fr;gap:30px;align-items:start}.left-column[data-v-1918f390]{position:sticky;top:20px;display:flex;flex-direction:column;gap:24px}.upload-card[data-v-1918f390],.stats-card[data-v-1918f390]{background:#fff;border-radius:16px;padding:18px;box-shadow:0 10px 30px #0000001a}.card-header[data-v-1918f390]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:2px solid #f0f4ff}.card-header h2[data-v-1918f390]{font-size:1.2rem;color:#2c3e50;margin:0}.file-info[data-v-1918f390]{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#666}.file-count[data-v-1918f390]{background:#f0f4ff;color:#ff3131;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600;border:1px solid #ff3131}.total-size[data-v-1918f390]{font-weight:600;color:#2c3e50}.drop-zone[data-v-1918f390]{border:2px dashed #cbd5e0;border-radius:12px;padding:10px;text-align:center;background:#f8fafc;transition:all .3s ease;cursor:pointer;margin-bottom:10px}.drop-zone[data-v-1918f390]:hover:not(.has-files){border-color:#ff3131;background:#fff5f5}.drop-zone.has-files[data-v-1918f390]{padding:0;border-style:solid;border-color:#e2e8f0}.drop-zone.dragover[data-v-1918f390]{border-color:#ff3131;background:#fff5f5;transform:scale(1.02)}.upload-icon[data-v-1918f390]{margin-bottom:20px}.drop-text[data-v-1918f390]{font-size:1rem;color:#2c3e50}.drop-subtext[data-v-1918f390]{font-size:1rem;color:#718096;margin-bottom:24px}.upload-btn[data-v-1918f390]{display:inline-block;position:relative;background:#ff3131;color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease;overflow:visible}.btn-text[data-v-1918f390]{position:relative;z-index:1;pointer-events:none}.file-requirements[data-v-1918f390]{margin-top:10px;font-size:.9rem;color:#a0aec0;display:flex;flex-direction:column;gap:4px}.files-list[data-v-1918f390]{padding:10px}.files-header[data-v-1918f390]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.files-header h3[data-v-1918f390]{font-size:1.1rem;color:#2c3e50;margin:0}.clear-all-btn[data-v-1918f390]{background:#f8f9fa;border:2px solid #e2e8f0;border-radius:6px;padding:6px 12px;font-size:.85rem;color:#666;cursor:pointer;transition:all .3s ease}.clear-all-btn[data-v-1918f390]:hover:not(:disabled){border-color:#cbd5e0;background:#edf2f7}.clear-all-btn[data-v-1918f390]:disabled{opacity:.5;cursor:not-allowed}.files-scroll[data-v-1918f390]{max-height:400px;overflow-y:auto;padding-right:10px}.file-item[data-v-1918f390]{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;border:2px solid #e2e8f0;margin-bottom:10px;cursor:pointer;transition:all .3s ease}.file-item[data-v-1918f390]:hover{border-color:#cbd5e0;background:#f8f9fa}.file-item.active[data-v-1918f390]{border-color:#ff3131;background:#fff5f5}.file-preview[data-v-1918f390]{width:60px;height:60px;flex-shrink:0}.file-thumbnail[data-v-1918f390]{width:100%;height:100%;object-fit:cover;border-radius:6px}.file-details[data-v-1918f390]{flex:1;min-width:0}.file-name[data-v-1918f390]{font-size:.9rem;font-weight:500;color:#2c3e50;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info-row[data-v-1918f390]{display:flex;gap:10px;font-size:.8rem;color:#718096;margin-bottom:4px}.compression-info[data-v-1918f390]{display:flex;gap:10px;font-size:.8rem}.reduction[data-v-1918f390]{font-weight:600}.compressed-size[data-v-1918f390]{color:#28a745;font-weight:500}.remove-file-btn[data-v-1918f390]{background:none;border:none;color:#718096;font-size:1.2rem;cursor:pointer;padding:4px;transition:color .3s ease;flex-shrink:0}.remove-file-btn[data-v-1918f390]:hover:not(:disabled){color:#e53e3e}.remove-file-btn[data-v-1918f390]:disabled{opacity:.5;cursor:not-allowed}.upload-progress[data-v-1918f390]{margin-top:16px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.progress-bar[data-v-1918f390]{height:6px;background:#e9ecef;border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-1918f390]{height:100%;background:linear-gradient(90deg,#ff3131,#e02828);border-radius:3px;transition:width .3s ease}.progress-text[data-v-1918f390]{font-size:.9rem;color:#666;text-align:center}.upload-error[data-v-1918f390]{margin-top:16px;padding:12px;background:#fff5f5;border:2px solid #fed7d7;border-radius:8px;color:#e53e3e;display:flex;align-items:center;gap:12px}.error-icon[data-v-1918f390]{font-size:1.2rem}.error-message[data-v-1918f390]{flex:1;font-size:.9rem}.error-close[data-v-1918f390]{background:none;border:none;color:#e53e3e;font-size:1.5rem;cursor:pointer;padding:0 4px;line-height:1}.settings-section[data-v-1918f390]{margin-top:24px}.settings-section h3[data-v-1918f390]{font-size:1.1rem;color:#2c3e50;margin-bottom:5px}.quality-section[data-v-1918f390]{margin-bottom:24px}.quality-header[data-v-1918f390]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.quality-header h4[data-v-1918f390]{font-size:1rem;color:#4a5568;margin:0}.quality-presets[data-v-1918f390]{display:flex;gap:8px}.preset-btn[data-v-1918f390]{background:#f8f9fa;border:2px solid #e2e8f0;border-radius:6px;padding:6px 12px;font-size:.8rem;cursor:pointer;transition:all .3s ease}.preset-btn[data-v-1918f390]:hover:not(.active):not(:disabled){border-color:#cbd5e0;background:#edf2f7}.preset-btn.active[data-v-1918f390]{background:#ff3131;border-color:#ff3131;color:#fff}.preset-btn[data-v-1918f390]:disabled{opacity:.5;cursor:not-allowed}.quality-slider[data-v-1918f390]{width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;-webkit-appearance:none;margin-bottom:8px}.quality-slider[data-v-1918f390]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#ff3131;cursor:pointer}.quality-labels[data-v-1918f390]{display:flex;justify-content:space-between;font-size:.8rem;color:#718096}.format-section[data-v-1918f390]{margin-bottom:24px}.format-section h4[data-v-1918f390]{font-size:1rem;color:#4a5568;margin-bottom:12px}.format-options[data-v-1918f390]{display:flex;flex-direction:column;gap:10px}.format-option[data-v-1918f390]{display:flex;align-items:center;gap:10px}.format-option input[type=radio][data-v-1918f390]{width:18px;height:18px}.format-option label[data-v-1918f390]{font-size:.9rem;color:#4a5568;cursor:pointer}.advanced-section[data-v-1918f390]{margin-bottom:24px}.advanced-header[data-v-1918f390]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.advanced-header h4[data-v-1918f390]{font-size:1rem;color:#4a5568;margin:0}.toggle-btn[data-v-1918f390]{background:none;border:none;font-size:1.2rem;color:#718096;cursor:pointer;padding:4px}.toggle-btn[data-v-1918f390]:disabled{opacity:.5;cursor:not-allowed}.advanced-options[data-v-1918f390]{background:#f8f9fa;border-radius:10px;padding:16px;border:2px solid #e2e8f0}.option-row[data-v-1918f390]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.option-row[data-v-1918f390]:last-child{margin-bottom:0}.option-label[data-v-1918f390]{font-size:.9rem;color:#4a5568;min-width:80px}.option-controls[data-v-1918f390]{display:flex;align-items:center;gap:8px;flex:1}.size-input[data-v-1918f390]{flex:1;padding:8px;border:2px solid #e2e8f0;border-radius:6px;font-size:.9rem}.size-input[data-v-1918f390]:focus{outline:none;border-color:#ff3131}.separator[data-v-1918f390]{color:#718096;font-weight:500}.size-reset-btn[data-v-1918f390]{background:#f8f9fa;border:2px solid #e2e8f0;border-radius:6px;padding:8px 12px;font-size:.8rem;color:#666;cursor:pointer;white-space:nowrap}.size-reset-btn[data-v-1918f390]:hover:not(:disabled){border-color:#cbd5e0;background:#edf2f7}.size-reset-btn[data-v-1918f390]:disabled{opacity:.5;cursor:not-allowed}.option-checkboxes[data-v-1918f390]{display:flex;flex-direction:column;gap:8px}.checkbox-label[data-v-1918f390]{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#4a5568;cursor:pointer}.checkbox-label input[type=checkbox][data-v-1918f390]{width:16px;height:16px}.action-buttons[data-v-1918f390]{display:flex;gap:12px;margin-top:24px}.compress-btn[data-v-1918f390]{background:linear-gradient(135deg,#ff3131,#e02828);color:#fff;border:none;border-radius:10px;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.compress-btn[data-v-1918f390]:disabled{opacity:.5;cursor:not-allowed;transform:none}.reset-btn[data-v-1918f390]{flex:1;background:#f8f9fa;border:2px solid #e2e8f0;border-radius:10px;padding:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.reset-btn[data-v-1918f390]:hover:not(:disabled){border-color:#cbd5e0;background:#edf2f7}.reset-btn[data-v-1918f390]:disabled{opacity:.5;cursor:not-allowed}.stats-grid[data-v-1918f390]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-item[data-v-1918f390]{background:#f7fafc;border-radius:10px;padding:16px;display:flex;align-items:center;gap:12px;transition:transform .2s ease}.stat-item[data-v-1918f390]:hover{transform:translateY(-2px)}.stat-item.highlight[data-v-1918f390]{background:linear-gradient(135deg,#fff5f5,#ffeaea);border:2px solid #fed7d7}.stat-icon[data-v-1918f390]{font-size:1.5rem}.stat-content[data-v-1918f390]{flex:1}.stat-label[data-v-1918f390]{font-size:.8rem;color:#718096;margin-bottom:4px}.stat-value[data-v-1918f390]{font-size:1.1rem;font-weight:600;color:#2c3e50}.right-column[data-v-1918f390]{display:flex;flex-direction:column;gap:24px}.preview-card[data-v-1918f390],.results-card[data-v-1918f390],.tips-card[data-v-1918f390]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000001a;padding:20px}.preview-controls[data-v-1918f390]{display:flex;align-items:center;gap:20px}.preview-nav[data-v-1918f390]{display:flex;align-items:center;gap:12px;background:#f8f9fa;padding:8px 16px;border-radius:20px}.nav-btn[data-v-1918f390]{background:none;border:none;font-size:1.2rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.nav-btn[data-v-1918f390]:hover:not(:disabled){background:#e9ecef}.nav-btn[data-v-1918f390]:disabled{opacity:.5;cursor:not-allowed}.preview-index[data-v-1918f390]{font-weight:600;color:#2c3e50;min-width:60px;text-align:center}.preview-content[data-v-1918f390]{padding:18px}.empty-preview[data-v-1918f390]{text-align:center;padding:30px 10px;color:#999}.empty-icon[data-v-1918f390]{margin-bottom:24px;opacity:.5}.empty-preview h3[data-v-1918f390]{font-size:1.2rem;color:#ccc;margin-bottom:12px}.empty-preview p[data-v-1918f390]{max-width:400px;margin:0 auto;line-height:1.6}.comparison-view[data-v-1918f390]{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:start}.image-side[data-v-1918f390]{display:flex;flex-direction:column;gap:16px}.image-header[data-v-1918f390]{display:flex;justify-content:space-between;align-items:center}.image-header h3[data-v-1918f390]{font-size:1.1rem;color:#2c3e50;margin:0}.image-size[data-v-1918f390]{font-size:.9rem;color:#666;font-weight:500;display:flex;align-items:center;gap:8px}.reduction-badge[data-v-1918f390]{background:#28a745;color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.image-wrapper[data-v-1918f390]{position:relative;border-radius:12px;overflow:hidden;background:#f8f9fa;min-height:300px;display:flex;align-items:center;justify-content:center}.preview-image[data-v-1918f390]{max-width:100%;max-height:300px;object-fit:contain;display:block}.image-overlay[data-v-1918f390]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:12px}.image-info[data-v-1918f390]{color:#fff;display:flex;justify-content:space-between;font-size:.8rem}.comparison-divider[data-v-1918f390]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 0}.divider-line[data-v-1918f390]{width:2px;height:100px;background:#e2e8f0}.divider-arrow[data-v-1918f390]{font-size:1.5rem;color:#ff3131;transform:rotate(90deg)}.divider-text[data-v-1918f390]{background:#ff3131;color:#fff;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600}.quality-comparison[data-v-1918f390]{margin-top:24px;padding:20px;background:#f8f9fa;border-radius:12px;border:2px solid #e2e8f0}.quality-meter[data-v-1918f390]{display:flex;flex-direction:column;gap:12px}.meter-labels[data-v-1918f390]{display:flex;justify-content:space-between;font-size:.9rem;color:#4a5568;font-weight:500}.meter-bar[data-v-1918f390]{height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden}.meter-fill[data-v-1918f390]{height:100%;background:linear-gradient(90deg,#ff3131,#e02828);border-radius:5px;transition:width .3s ease}.results-summary[data-v-1918f390]{display:flex;align-items:center;gap:12px}.summary-text[data-v-1918f390]{font-size:.9rem;color:#666;font-weight:500}.summary-savings[data-v-1918f390]{background:#d4edda;color:#155724;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600}.results-content[data-v-1918f390]{padding:18px}.download-section[data-v-1918f390]{margin-bottom:32px}.download-section h3[data-v-1918f390]{font-size:1.1rem;color:#2c3e50;margin-bottom:8px}.download-options[data-v-1918f390]{display:flex;flex-direction:column;gap:12px}.download-option[data-v-1918f390]{display:flex;align-items:center;gap:16px;padding:8px;background:#f8f9fa;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.download-option[data-v-1918f390]:hover:not(:disabled){border-color:#cbd5e0;background:#edf2f7;transform:translateY(-2px)}.download-option[data-v-1918f390]:disabled{opacity:.5;cursor:not-allowed}.option-icon[data-v-1918f390]{font-size:1.5rem}.option-text[data-v-1918f390]{flex:1;font-size:1rem;font-weight:500;color:#2c3e50}.option-size[data-v-1918f390]{font-size:.9rem;color:#666;font-weight:500}.results-table h3[data-v-1918f390]{font-size:1.1rem;color:#2c3e50;margin-bottom:16px}.table-container[data-v-1918f390]{border:2px solid #e2e8f0;border-radius:10px;overflow:hidden}.table-header[data-v-1918f390]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;background:#f8f9fa;padding:6px 8px;font-size:.85rem;font-weight:600;color:#4a5568;border-bottom:2px solid #e2e8f0}.table-body[data-v-1918f390]{max-height:400px;overflow-y:auto}.table-row[data-v-1918f390]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;padding:6px 8px;align-items:center;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:background .3s ease}.table-row[data-v-1918f390]:hover{background:#f8f9fa}.table-row.active[data-v-1918f390]{background:#fff5f5}.table-row[data-v-1918f390]:last-child{border-bottom:none}.table-col[data-v-1918f390]{padding:0 8px}.file-name-cell[data-v-1918f390]{display:flex;align-items:center;gap:12px}.file-icon[data-v-1918f390]{width:32px;height:32px;object-fit:cover;border-radius:4px;flex-shrink:0}.file-name[data-v-1918f390]{font-size:.9rem;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.size-value[data-v-1918f390]{font-size:.9rem;color:#4a5568}.size-value.compressed[data-v-1918f390]{color:#28a745;font-weight:500}.reduction-value[data-v-1918f390]{font-size:.9rem;font-weight:600}.action[data-v-1918f390]{display:flex;gap:8px}.action-btn[data-v-1918f390]{background:none;border:2px solid #e2e8f0;width:36px;height:36px;border-radius:6px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.action-btn.download[data-v-1918f390]:hover:not(:disabled){background:#ff3131;color:#fff}.action-btn.remove[data-v-1918f390]{color:#718096;border-color:#e2e8f0}.action-btn[data-v-1918f390]:disabled{opacity:.5;cursor:not-allowed}.tips-grid[data-v-1918f390]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:24px}.tip[data-v-1918f390]{display:flex;gap:16px}.tip-icon[data-v-1918f390]{font-size:1.8rem;color:#ff3131}.tip-content h4[data-v-1918f390]{font-size:1rem;color:#2c3e50;margin-bottom:8px}.tip-content p[data-v-1918f390]{font-size:.9rem;color:#666;line-height:1.5;margin:0}@keyframes spin-1918f390{to{transform:rotate(360deg)}}@media(max-width:768px){.image-compressor-page[data-v-1918f390]{padding:10px}.upload-card[data-v-1918f390]{padding:7px}}@media(max-width:1200px){.content-grid[data-v-1918f390]{grid-template-columns:1fr}.left-column[data-v-1918f390]{position:static}.comparison-view[data-v-1918f390]{grid-template-columns:1fr;gap:32px}.comparison-divider[data-v-1918f390]{flex-direction:row;padding:0 20px}.divider-line[data-v-1918f390]{width:100px;height:2px}.divider-arrow[data-v-1918f390]{transform:rotate(0)}}@media(max-width:768px){.header-content h1[data-v-1918f390]{font-size:2rem}.table-header[data-v-1918f390],.table-row[data-v-1918f390]{grid-template-columns:repeat(2,1fr);gap:8px}.table-header .table-col[data-v-1918f390]:nth-child(3),.table-header .table-col[data-v-1918f390]:nth-child(4),.table-row .table-col[data-v-1918f390]:nth-child(3),.table-row .table-col[data-v-1918f390]:nth-child(4){display:none}.quality-presets[data-v-1918f390]{flex-direction:column;gap:6px}.option-controls[data-v-1918f390]{flex-wrap:wrap}.size-reset-btn[data-v-1918f390]{width:100%}.format-options[data-v-1918f390]{flex-direction:column}}.all__page[data-v-4c44a45f]{padding:20px 0}.search-container[data-v-4c44a45f]{position:relative;width:100%;max-width:500px;margin:0 auto 20px}.search-icon[data-v-4c44a45f]{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:18px;color:#999}.search-input[data-v-4c44a45f]{width:100%;padding:12px 40px 12px 45px;border:2px solid var(--border-color, #e0e0e0);border-radius:25px;font-size:16px;background:var(--bg-content, #ffffff);color:var(--text-primary);transition:all .3s ease}.search-input[data-v-4c44a45f]:focus{outline:none;border-color:#ffbb7b;box-shadow:0 0 0 3px #ffbb7b1a}.clear-search[data-v-4c44a45f]{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;cursor:pointer;color:#999;padding:5px;border-radius:50%;transition:all .3s ease}.clear-search[data-v-4c44a45f]:hover{color:#ff3131;background:#ff31311a}.filter-message[data-v-4c44a45f]{margin-bottom:20px;padding:12px 20px;background:linear-gradient(135deg,#ffbb7b,#ff9f4a);color:#1a1a1a;border-radius:10px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;animation:slideDown-4c44a45f .3s ease;max-width:400px;margin-left:auto;margin-right:auto;justify-content:center}.message-icon[data-v-4c44a45f]{font-size:18px;font-weight:700}.no-results-message[data-v-4c44a45f]{text-align:center;padding:60px 20px;background:var(--bg-content, #ffffff);border-radius:12px;width:100%}.no-results-icon[data-v-4c44a45f]{font-size:48px;display:block;margin-bottom:20px;opacity:.6}.no-results-message h3[data-v-4c44a45f]{margin:0 0 10px;color:var(--text-primary)}.no-results-message p[data-v-4c44a45f]{margin:0;color:var(--text-secondary)}.card--section[data-v-4c44a45f]{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.card[data-v-4c44a45f]{border:1px solid var(--border-color, #ccc);border-radius:8px;padding-inline:20px;padding-block-start:20px;width:250px;text-align:center;box-shadow:2px 2px 12px var(--shadow, rgba(0, 0, 0, .1));background-color:var(--bg-content, #ffffff);color:var(--text-primary);cursor:pointer;transition:all .3s ease}.card[data-v-4c44a45f]:hover{border:1px solid #ffbb7b;box-shadow:4px 8px 20px var(--shadow, rgba(0, 0, 0, .25))}.card[data-v-4c44a45f]:active{transform:scale(.97)}.card h2[data-v-4c44a45f]{color:var(--text-primary)}.card p[data-v-4c44a45f]{color:var(--text-secondary)}.popup--section[data-v-4c44a45f]{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center}.popup-overlay[data-v-4c44a45f]{position:absolute;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.popup-box[data-v-4c44a45f]{top:0;position:relative;z-index:10;width:900px;max-width:90%;background:var(--bg-content, #ffffff);padding:10px;border-radius:14px;box-shadow:0 20px 40px #0000004d;animation:popupScale-4c44a45f .3s ease}.popup-close[data-v-4c44a45f]{position:absolute;top:12px;right:14px;background:none;border:none;font-size:26px;cursor:pointer;color:#555}.popup-close[data-v-4c44a45f]:hover{color:#000}@keyframes popupScale-4c44a45f{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slideDown-4c44a45f{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fade-enter-active[data-v-4c44a45f],.fade-leave-active[data-v-4c44a45f]{transition:opacity .3s ease}.fade-enter-from[data-v-4c44a45f],.fade-leave-to[data-v-4c44a45f]{opacity:0}@media(max-width:1024px){.popup-box[data-v-4c44a45f]{top:0}.card--section[data-v-4c44a45f]{width:100%;flex-wrap:wrap}}@media(max-width:768px){.filter-message[data-v-4c44a45f]{font-size:12px;padding:10px 15px;max-width:90%}.search-input[data-v-4c44a45f]{font-size:14px}}@media(max-width:540px){.card[data-v-4c44a45f]{width:auto;min-width:200px}}.card--section[data-v-3e80db86]{display:flex;gap:20px;justify-content:center}.card[data-v-3e80db86]{border:1px solid #ccc;border-radius:8px;padding:20px;width:320px;text-align:center;box-shadow:2px 2px 12px #0000001a;background-color:#fff;cursor:pointer;transition:all .3s ease}.card[data-v-3e80db86]:hover{background:radial-gradient(ellipse at right top,#107667ed 30%,#fff 79% 90%);transform:translateY(-6px);box-shadow:4px 8px 20px #00000040}.card[data-v-3e80db86]:active{transform:scale(.97)}.popup--section[data-v-3e80db86]{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center}.popup-overlay[data-v-3e80db86]{position:absolute;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.popup-box[data-v-3e80db86]{position:relative;z-index:10;width:520px;max-width:90%;background:#fff;border-radius:14px;padding:30px;box-shadow:0 20px 40px #0000004d;animation:popupScale-3e80db86 .3s ease}.popup-close[data-v-3e80db86]{position:absolute;top:12px;right:14px;background:none;border:none;font-size:26px;cursor:pointer;color:#555}.popup-close[data-v-3e80db86]:hover{color:#000}@keyframes popupScale-3e80db86{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.card--section[data-v-3e80db86]{width:100%;flex-wrap:wrap}.all__page[data-v-3e80db86]{justify-content:center;display:flex}}@media(max-width:540px){.card[data-v-3e80db86]{width:auto}}.faq-accordion[data-v-970a3983]{display:grid;gap:12px}.faq-item[data-v-970a3983]{background:var(--bg-content);border:1px solid #e5e7eb;border-radius:15px;overflow:hidden}.faq-question[data-v-970a3983]{width:100%;padding:16px;font-size:16px;font-weight:500;text-align:left;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-question .icon[data-v-970a3983]{transition:transform .3s ease}.faq-item.active .icon[data-v-970a3983]{transform:rotate(180deg)}.faq-answer[data-v-970a3983]{max-height:0;overflow:hidden;transition:max-height .35s ease,opacity .25s ease,padding .3s ease;padding:0 16px}.faq-item.active .faq-answer[data-v-970a3983]{max-height:400px;opacity:1}.home[data-v-970a3983]{margin:0 auto;padding:0 20px}.home-title[data-v-970a3983]{text-align:center;margin-top:50px;padding:0 20px}.home-title__title[data-v-970a3983]{font-size:var(--text-4xl);font-weight:var(--font-normal);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);text-align:center;margin-left:auto;margin-right:auto;margin-bottom:4px}.home-title__subtitle[data-v-970a3983]{font-size:var(--text-xl);font-weight:var(--font-normal);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);color:var(--text-secondary);max-width:980px;margin:auto}.button-container[data-v-970a3983]{text-align:center;margin-top:30px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:0 20px}.button-container button[data-v-970a3983]{border-radius:50px;padding:10px 20px;border:2px solid #ccc;background-color:transparent;font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);transition:all .3s ease;cursor:pointer}.button-container button[data-v-970a3983]:hover{background-color:#ffbb7b;border-color:#ffbb7b}.button-container-area[data-v-970a3983]{margin-top:30px;margin-inline:10px}.filter-bar[data-v-970a3983]{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:22px;padding:0 10px}.filter-chip[data-v-970a3983]{border-radius:999px;padding:5px 10px;border:1px solid var(--border-color, #d1d5db);background:var(--bg-content, #fff);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.filter-chip[data-v-970a3983]:hover{border-color:#ffbb7b;background:#fff7ef}.filter-chip.active[data-v-970a3983]{border-color:#ffbb7b;background:#ffbb7b;color:#111}.content-section[data-v-970a3983]{margin-top:30px;background:var(--bg-secondary);padding:40px 15px;border-radius:20px}.content-wrapper[data-v-970a3983]{max-width:1550px;margin:0 auto}.content-block[data-v-970a3983]{margin-bottom:30px}.content-block h2[data-v-970a3983]{font-size:var(--text-2xl);font-weight:var(--font-normal);line-height:var(--leading-tight);letter-spacing:var(--tracking-normal);color:var(--text-primary);margin-bottom:20px;text-align:center;position:relative;padding-bottom:10px}.content-block h2[data-v-970a3983]:after{content:"";position:absolute;bottom:0;left:50%;width:60px;height:3px;background:#ffbb7b}.articles-grid[data-v-970a3983]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:30px}.article-card[data-v-970a3983]{background:var(--bg-content);padding:30px;border-radius:15px;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.article-card[data-v-970a3983]:hover{box-shadow:0 10px 25px #0000001a}.article-card h3[data-v-970a3983]{font-size:var(--text-xl);font-weight:var(--font-normal);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal);color:var(--text-primary);margin-bottom:15px}.article-card p[data-v-970a3983]{font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);color:var(--text-secondary);margin-bottom:20px}.read-more[data-v-970a3983]{font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:#ff7b00;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:gap .3s ease}.read-more[data-v-970a3983]:hover{gap:10px}.faq-grid[data-v-970a3983]{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:25px;margin-top:30px}.faq-item[data-v-970a3983]{background:var(--bg-content);border-radius:15px;box-shadow:0 3px 10px #0000000d;text-align:center}.faq-item h3[data-v-970a3983]{font-size:var(--text-lg);font-weight:var(--font-normal);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal);color:var(--text-primary);margin-bottom:12px}.faq-item p[data-v-970a3983]{font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);color:var(--text-secondary);text-align:left}.tips-grid[data-v-970a3983]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:30px}.tip-card[data-v-970a3983]{background:var(--bg-content);padding:25px;border-radius:15px;text-align:center;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease}.tip-icon[data-v-970a3983]{font-size:var(--text-4xl);margin-bottom:15px}.tip-card h3[data-v-970a3983]{font-size:var(--text-lg);font-weight:var(--font-normal);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal);color:var(--text-primary);margin-bottom:10px}.tip-card p[data-v-970a3983]{font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:var(--text-secondary)}.about-section[data-v-970a3983]{background:var(--bg-content);padding:30px;border-radius:15px;box-shadow:0 5px 15px #0000000d;text-align:center}.about-section p[data-v-970a3983]{font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);color:var(--text-secondary);margin-bottom:20px}.cta-section[data-v-970a3983]{text-align:center;padding:20px;color:var(--text-primary);border-radius:20px}.cta-section h2[data-v-970a3983]{font-size:var(--text-2xl);font-weight:var(--font-medium);line-height:var(--leading-tight);letter-spacing:var(--tracking-normal);margin-bottom:20px}.cta-section p[data-v-970a3983]{font-size:var(--text-lg);font-weight:var(--font-normal);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);max-width:600px;margin:0 auto 30px;opacity:.9}.cta-button[data-v-970a3983]{font-size:var(--text-lg);font-weight:500;line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);background:var(--text-primary);color:var(--bg-page);border:none;padding:10px 20px;border-radius:50px;cursor:pointer;transition:all .3s ease;text-decoration:none}@media(max-width:1024px){.home-title__title[data-v-970a3983]{font-size:var(--text-2xl);line-height:var(--leading-tight);margin-bottom:20px}.home-title__subtitle[data-v-970a3983]{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.content-block h2[data-v-970a3983],.cta-section h2[data-v-970a3983]{font-size:var(--text-xl)}}@media(max-width:768px){.home-title__title[data-v-970a3983]{font-size:var(--text-xl);line-height:var(--leading-tight)}.home-title__subtitle[data-v-970a3983]{font-size:var(--text-base);line-height:var(--leading-normal)}.button-container[data-v-970a3983]{gap:8px}.button-container button[data-v-970a3983]{padding:8px 16px;font-size:var(--text-sm)}.articles-grid[data-v-970a3983],.faq-grid[data-v-970a3983],.tips-grid[data-v-970a3983]{grid-template-columns:1fr}.cta-section h2[data-v-970a3983]{font-size:var(--text-xl)}.cta-section p[data-v-970a3983]{font-size:var(--text-base)}}@media(max-width:480px){.button-container[data-v-970a3983]{justify-content:flex-start;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch}.button-container button[data-v-970a3983]{white-space:nowrap}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.educational-section[data-v-f656b7bd]{margin-top:40px;display:flex;flex-direction:column;gap:32px}.content-block[data-v-f656b7bd]{background:#fff;border-radius:16px;padding:28px;box-shadow:0 4px 20px #0000000d;border:1px solid #e2e8f0}[data-theme=dark] .content-block[data-v-f656b7bd]{background:#1e293b;border-color:#334155}.content-block h3[data-v-f656b7bd]{font-size:1.3rem;font-weight:600;color:#1e293b;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid #ff3131;display:flex;align-items:center;gap:10px}[data-theme=dark] .content-block h3[data-v-f656b7bd]{color:#f1f5f9;border-bottom-color:#e02828}.use-cases-grid[data-v-f656b7bd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.use-case-card[data-v-f656b7bd]{padding:20px;background:#f8fafc;border-radius:12px;text-align:center;transition:all .3s ease;border:1px solid #e2e8f0}[data-theme=dark] .use-case-card[data-v-f656b7bd]{background:#0f172a;border-color:#334155}.use-case-card[data-v-f656b7bd]:hover{box-shadow:0 8px 25px #667eea26;border-color:#c7d2fe}[data-theme=dark] .use-case-card[data-v-f656b7bd]:hover{border-color:#4f46e5;box-shadow:0 8px 25px #4f46e54d}.use-case-icon[data-v-f656b7bd]{font-size:36px;margin-bottom:16px;display:block}.use-case-card h4[data-v-f656b7bd]{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 12px}[data-theme=dark] .use-case-card h4[data-v-f656b7bd]{color:#f1f5f9}.use-case-card p[data-v-f656b7bd]{font-size:.875rem;color:#64748b;line-height:1.5;margin:0}[data-theme=dark] .use-case-card p[data-v-f656b7bd]{color:#94a3b8}.explanation-grid[data-v-f656b7bd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.explanation-item[data-v-f656b7bd]{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}[data-theme=dark] .explanation-item[data-v-f656b7bd]{background:#0f172a;border-color:#334155}.explanation-header[data-v-f656b7bd]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}[data-theme=dark] .explanation-header[data-v-f656b7bd]{border-bottom-color:#334155}.added-demo[data-v-f656b7bd]{color:#10b981;font-weight:600;font-size:.9rem}.removed-demo[data-v-f656b7bd]{color:#ef4444;font-weight:600;font-size:.9rem}.first-change-demo[data-v-f656b7bd]{color:#f59e0b;font-weight:600;font-size:.9rem}.unchanged-demo[data-v-f656b7bd]{color:#64748b;font-weight:600;font-size:.9rem}[data-theme=dark] .unchanged-demo[data-v-f656b7bd]{color:#94a3b8}.explanation-indicator[data-v-f656b7bd]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-weight:700;font-size:1rem}.explanation-indicator.added[data-v-f656b7bd]{background:#10b9811a;color:#10b981;border:2px solid #10b981}.explanation-indicator.removed[data-v-f656b7bd]{background:#ef44441a;color:#ef4444;border:2px solid #ef4444}.explanation-indicator.first-change[data-v-f656b7bd]{background:#f59e0b1a;color:#f59e0b;border:2px solid #f59e0b}.explanation-indicator.unchanged[data-v-f656b7bd]{background:#64748b1a;color:#64748b;border:2px solid #64748b}[data-theme=dark] .explanation-indicator.unchanged[data-v-f656b7bd]{color:#94a3b8;border-color:#94a3b8}.explanation-item p[data-v-f656b7bd]{font-size:.875rem;color:#475569;line-height:1.6;margin:0}[data-theme=dark] .explanation-item p[data-v-f656b7bd]{color:#cbd5e1}.explanation-item strong[data-v-f656b7bd]{color:#1e293b}[data-theme=dark] .explanation-item strong[data-v-f656b7bd]{color:#f1f5f9}.best-practices[data-v-f656b7bd]{display:flex;flex-direction:column;gap:16px}.practice-item[data-v-f656b7bd]{display:flex;gap:16px;padding:18px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;align-items:flex-start}[data-theme=dark] .practice-item[data-v-f656b7bd]{background:#0f172a;border-color:#334155}.practice-number[data-v-f656b7bd]{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:linear-gradient(135deg,#ff3131,#e02828);color:#fff;border-radius:50%;font-weight:700;font-size:.9rem;flex-shrink:0}.practice-content[data-v-f656b7bd]{flex:1}.practice-content h4[data-v-f656b7bd]{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 8px}[data-theme=dark] .practice-content h4[data-v-f656b7bd]{color:#f1f5f9}.practice-content p[data-v-f656b7bd]{font-size:.875rem;color:#64748b;line-height:1.6;margin:0}[data-theme=dark] .practice-content p[data-v-f656b7bd]{color:#94a3b8}.languages-grid[data-v-f656b7bd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.language-card[data-v-f656b7bd]{display:flex;gap:16px;padding:18px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;align-items:flex-start}[data-theme=dark] .language-card[data-v-f656b7bd]{background:#0f172a;border-color:#334155}.language-icon[data-v-f656b7bd]{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;border:1px solid #e2e8f0;flex-shrink:0}[data-theme=dark] .language-icon[data-v-f656b7bd]{background:#334155;border-color:#475569}.language-info[data-v-f656b7bd]{flex:1}.language-info h4[data-v-f656b7bd]{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 8px}[data-theme=dark] .language-info h4[data-v-f656b7bd]{color:#f1f5f9}.language-info p[data-v-f656b7bd]{font-size:.875rem;color:#64748b;line-height:1.5;margin:0}[data-theme=dark] .language-info p[data-v-f656b7bd]{color:#94a3b8}.language-note[data-v-f656b7bd]{font-size:.875rem;color:#64748b;text-align:center;padding:16px;background:#f1f5f9;border-radius:8px;margin:0}[data-theme=dark] .language-note[data-v-f656b7bd]{background:#334155;color:#94a3b8}.faq-list[data-v-f656b7bd]{display:flex;flex-direction:column;gap:12px}.faq-item[data-v-f656b7bd]{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}[data-theme=dark] .faq-item[data-v-f656b7bd]{border-color:#334155}.faq-item summary[data-v-f656b7bd]{padding:18px 24px;font-weight:500;color:#1e293b;cursor:pointer;list-style:none;position:relative;background:#f8fafc;transition:background-color .3s ease}[data-theme=dark] .faq-item summary[data-v-f656b7bd]{background:#0f172a;color:#f1f5f9}.faq-item summary[data-v-f656b7bd]:hover{background:#f1f5f9}[data-theme=dark] .faq-item summary[data-v-f656b7bd]:hover{background:#1e293b}.faq-item summary[data-v-f656b7bd]::-webkit-details-marker{display:none}.faq-item summary[data-v-f656b7bd]:after{content:"▶";position:absolute;right:24px;top:50%;transform:translateY(-50%);transition:transform .3s ease;color:#ff3131}[data-theme=dark] .faq-item summary[data-v-f656b7bd]:after{color:#e02828}.faq-item[open] summary[data-v-f656b7bd]:after{transform:translateY(-50%) rotate(90deg)}.faq-item[open] summary[data-v-f656b7bd]{background:#f1f5f9}[data-theme=dark] .faq-item[open] summary[data-v-f656b7bd]{background:#1e293b}.faq-item p[data-v-f656b7bd]{padding:20px 24px;margin:0;font-size:.875rem;color:#475569;line-height:1.6;background:#fff;border-top:1px solid #e2e8f0}[data-theme=dark] .faq-item p[data-v-f656b7bd]{background:#1e293b;color:#cbd5e1;border-top-color:#334155}.tips-grid[data-v-f656b7bd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.tip-card[data-v-f656b7bd]{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}[data-theme=dark] .tip-card[data-v-f656b7bd]{background:#0f172a;border-color:#334155}.tip-card[data-v-f656b7bd]:hover{transform:translateY(-3px);border-color:#c7d2fe;box-shadow:0 5px 15px #667eea1a}[data-theme=dark] .tip-card[data-v-f656b7bd]:hover{border-color:#4f46e5;box-shadow:0 5px 15px #4f46e533}.tip-card h4[data-v-f656b7bd]{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 12px}[data-theme=dark] .tip-card h4[data-v-f656b7bd]{color:#f1f5f9}.tip-card p[data-v-f656b7bd]{font-size:.875rem;color:#64748b;line-height:1.5;margin:0}[data-theme=dark] .tip-card p[data-v-f656b7bd]{color:#94a3b8}.tip-card code[data-v-f656b7bd]{background:#e2e8f0;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.8rem;color:#475569}[data-theme=dark] .tip-card code[data-v-f656b7bd]{background:#334155;color:#cbd5e1}@media(max-width:768px){.educational-section[data-v-f656b7bd]{margin-top:30px;gap:24px}.content-block[data-v-f656b7bd]{padding:20px}.content-block h3[data-v-f656b7bd]{font-size:1.2rem;margin-bottom:20px}.use-cases-grid[data-v-f656b7bd],.explanation-grid[data-v-f656b7bd],.languages-grid[data-v-f656b7bd],.tips-grid[data-v-f656b7bd]{grid-template-columns:1fr}.practice-item[data-v-f656b7bd],.language-card[data-v-f656b7bd]{padding:16px}.faq-item summary[data-v-f656b7bd]{padding:16px 20px;font-size:.9rem}.faq-item summary[data-v-f656b7bd]:after{right:20px}.faq-item p[data-v-f656b7bd]{padding:16px 20px}}@media(max-width:480px){.content-block[data-v-f656b7bd]{padding:16px}.content-block h3[data-v-f656b7bd]{font-size:1.1rem;margin-bottom:16px}.use-case-card[data-v-f656b7bd],.explanation-item[data-v-f656b7bd],.tip-card[data-v-f656b7bd]{padding:10px}.practice-item[data-v-f656b7bd],.language-card[data-v-f656b7bd]{flex-direction:column;gap:12px}.language-icon[data-v-f656b7bd]{width:40px;height:40px;font-size:20px}}.code-diff-page[data-v-f656b7bd]{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);transition:background .3s ease}[data-theme=dark] .code-diff-page[data-v-f656b7bd]{background:linear-gradient(135deg,#1e293b,#0f172a)}.page-header[data-v-f656b7bd]{background:#fff;border-bottom:1px solid #e2e8f0;padding:24px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000000d;border-radius:10px}[data-theme=dark] .page-header[data-v-f656b7bd]{background:#1e293b;border-bottom-color:#334155;box-shadow:0 2px 10px #0003}.header-content[data-v-f656b7bd]{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.header-info[data-v-f656b7bd]{flex:1;min-width:0}.page-title[data-v-f656b7bd]{font-size:1.7rem;font-weight:300;color:#1e293b;margin:0 0 8px;background:linear-gradient(135deg,#ff3131,#e02828);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .page-title[data-v-f656b7bd]{color:#f1f5f9;-webkit-text-fill-color:#f1f5f9}.page-subtitle[data-v-f656b7bd]{font-size:1rem;color:#64748b;margin:0;line-height:1.5;text-align:center}[data-theme=dark] .page-subtitle[data-v-f656b7bd]{color:#94a3b8}.header-actions[data-v-f656b7bd]{display:flex;gap:12px}.action-button[data-v-f656b7bd]{width:44px;height:44px;background:#f1f5f9;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#475569}[data-theme=dark] .action-button[data-v-f656b7bd]{background:#334155;color:#cbd5e1}.action-button[data-v-f656b7bd]:hover{background:#e2e8f0;transform:translateY(-2px)}[data-theme=dark] .action-button[data-v-f656b7bd]:hover{background:#475569}.action-button svg[data-v-f656b7bd]{width:20px;height:20px}.page-content[data-v-f656b7bd]{margin:0 auto;padding:32px 24px 60px}.error-message[data-v-f656b7bd]{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:24px;display:flex;align-items:center;gap:8px}[data-theme=dark] .error-message[data-v-f656b7bd]{background:#422626;border-color:#7f1d1d;color:#fca5a5}.error-message svg[data-v-f656b7bd]{width:20px;height:20px;flex-shrink:0}.controls[data-v-f656b7bd]{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap}.compare-button[data-v-f656b7bd]{padding:8px 16px;background:linear-gradient(135deg,#ff3131,#e02828);border:none;border-radius:8px;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.compare-button[data-v-f656b7bd]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.compare-button[data-v-f656b7bd]:disabled{opacity:.6;cursor:not-allowed}.clear-button[data-v-f656b7bd]{padding:8px 16px;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;color:#475569;font-size:1rem;cursor:pointer;transition:all .3s ease}[data-theme=dark] .clear-button[data-v-f656b7bd]{background:#334155;border-color:#475569;color:#cbd5e1}.clear-button[data-v-f656b7bd]:hover{background:#e2e8f0;transform:translateY(-2px)}[data-theme=dark] .clear-button[data-v-f656b7bd]:hover{background:#475569}@keyframes spin-f656b7bd{to{transform:rotate(360deg)}}.editors-section[data-v-f656b7bd]{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}@media(max-width:768px){.editors-section[data-v-f656b7bd]{grid-template-columns:1fr}.page-content[data-v-f656b7bd]{padding-inline:10px;padding-bottom:0}.code-input[data-v-f656b7bd]{padding:10px 0 0 60px!important}}.editor-container[data-v-f656b7bd]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000d}[data-theme=dark] .editor-container[data-v-f656b7bd]{background:#1e293b}.editor-header[data-v-f656b7bd]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f8fafc;border-bottom:2px solid #e2e8f0}[data-theme=dark] .editor-header[data-v-f656b7bd]{background:#0f172a;border-bottom-color:#334155}.editor-title[data-v-f656b7bd]{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0}[data-theme=dark] .editor-title[data-v-f656b7bd]{color:#f1f5f9}.diff-indicator[data-v-f656b7bd]{display:flex;align-items:center;gap:12px;font-size:.875rem;color:#64748b}[data-theme=dark] .diff-indicator[data-v-f656b7bd]{color:#94a3b8}.change-start[data-v-f656b7bd]{color:#f59e0b;font-weight:500;background:#f59e0b1a;padding:2px 8px;border-radius:4px;border-left:3px solid #f59e0b}[data-theme=dark] .change-start[data-v-f656b7bd]{color:#fbbf24;background:#f59e0b33}.removed-marker[data-v-f656b7bd]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ef4444;color:#fff;border-radius:4px;font-weight:700}.added-marker[data-v-f656b7bd]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#10b981;color:#fff;border-radius:4px;font-weight:700}.code-editor-wrapper[data-v-f656b7bd]{position:relative;height:500px;overflow:auto;background:#fff}[data-theme=dark] .code-editor-wrapper[data-v-f656b7bd]{background:#fff}.code-display[data-v-f656b7bd]{position:absolute;top:0;left:0;width:100%;min-height:100%;pointer-events:none;z-index:1;display:flex;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:24px}.line-numbers[data-v-f656b7bd]{width:50px;background:#f8fafc;border-right:2px solid #e2e8f0;-webkit-user-select:none;user-select:none;flex-shrink:0;padding-top:10px}[data-theme=dark] .line-numbers[data-v-f656b7bd]{background:#0f172a;border-right-color:#334155;color:#94a3b8}.line-number[data-v-f656b7bd]{color:#64748b;height:24px;line-height:24px;padding-right:8px;text-align:right}[data-theme=dark] .line-number[data-v-f656b7bd]{color:#94a3b8}.line-number.first-change[data-v-f656b7bd]{color:#f59e0b;font-weight:700;background:#f59e0b1a;border-left:3px solid #f59e0b;padding-left:5px}.code-content[data-v-f656b7bd]{flex:1;padding:10px 16px 10px 20px;overflow-x:auto}.code-line[data-v-f656b7bd]{height:24px;display:flex;align-items:center;white-space:pre;font-family:inherit;font-size:inherit;border-left:3px solid transparent;padding-left:8px;margin-left:-8px}.code-line.removed[data-v-f656b7bd]{background:#ef44440d;border-left-color:#ef4444;color:#ef4444!important}.code-line.removed .line-text[data-v-f656b7bd]{color:#ef4444!important;font-weight:500}.code-line.added[data-v-f656b7bd]{background:#10b9810d;border-left-color:#10b981;color:#10b981!important}.code-line.added .line-text[data-v-f656b7bd]{color:#10b981!important;font-weight:500}.code-line.first-change[data-v-f656b7bd]{background:#f59e0b26!important;border-left-color:#f59e0b!important;border-left-width:5px;animation:pulse-f656b7bd 2s infinite}.code-line.first-change .line-text[data-v-f656b7bd]{color:inherit;font-weight:600}.code-line.unchanged[data-v-f656b7bd],.code-line.unchanged .line-text[data-v-f656b7bd],.code-line.context[data-v-f656b7bd],.code-line.context .line-text[data-v-f656b7bd]{color:inherit}@keyframes pulse-f656b7bd{0%,to{background-color:#f59e0b26}50%{background-color:#f59e0b40}}.git-marker[data-v-f656b7bd]{width:20px;text-align:center;font-weight:700;margin-right:8px;-webkit-user-select:none;user-select:none;flex-shrink:0}.code-line.removed .git-marker[data-v-f656b7bd]{color:#ef4444}.code-line.added .git-marker[data-v-f656b7bd]{color:#10b981}.code-line.first-change .git-marker[data-v-f656b7bd]{color:#f59e0b;font-weight:900}.line-text[data-v-f656b7bd]{flex:1;white-space:pre;overflow-x:visible;font-family:inherit}.code-input[data-v-f656b7bd]{position:absolute;top:0;left:0;width:100%;height:100%;padding:10px 16px 10px 70px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:24px;border:none;resize:none;color:transparent!important;caret-color:#1e293b;overflow-wrap:normal;overflow-x:auto;outline:none}[data-theme=dark] .code-input[data-v-f656b7bd]{caret-color:#cbd5e1}.code-input[data-v-f656b7bd]::placeholder{color:#94a3b8!important;opacity:.7}[data-theme=dark] .code-input[data-v-f656b7bd]::placeholder{color:#94a3b8!important}.code-input[data-v-f656b7bd]::selection{background:#3b82f64d!important}[data-theme=dark] .code-input[data-v-f656b7bd]::selection{background:#3b82f680!important}.stats-section[data-v-f656b7bd]{background:#fff;border-radius:16px;padding:24px;margin-bottom:32px;box-shadow:0 4px 20px #0000000d}[data-theme=dark] .stats-section[data-v-f656b7bd]{background:#1e293b}.stats-grid[data-v-f656b7bd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:16px}.stat-item[data-v-f656b7bd]{text-align:center}.stat-value[data-v-f656b7bd]{font-size:2rem;font-weight:700;margin-bottom:4px;line-height:1}.stat-label[data-v-f656b7bd]{font-size:.875rem;color:#64748b}[data-theme=dark] .stat-label[data-v-f656b7bd]{color:#94a3b8}.stat-summary[data-v-f656b7bd]{font-size:.9rem;color:#475569;text-align:center;padding:12px;background:#f1f5f9;border-radius:8px}[data-theme=dark] .stat-summary[data-v-f656b7bd]{background:#334155;color:#cbd5e1}.first-change-info[data-v-f656b7bd]{color:#f59e0b;font-weight:500;margin-left:12px}[data-theme=dark] .first-change-info[data-v-f656b7bd]{color:#fbbf24}.quick-test[data-v-f656b7bd]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d}[data-theme=dark] .quick-test[data-v-f656b7bd]{background:#1e293b}.quick-test-title[data-v-f656b7bd]{font-size:1.2rem;font-weight:600;color:#1e293b;margin:0 0 16px}[data-theme=dark] .quick-test-title[data-v-f656b7bd]{color:#f1f5f9}.quick-test-buttons[data-v-f656b7bd]{display:flex;gap:12px;flex-wrap:wrap}.test-button[data-v-f656b7bd]{padding:10px 20px;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:500;color:#475569;cursor:pointer;transition:all .3s ease}[data-theme=dark] .test-button[data-v-f656b7bd]{background:#334155;border-color:#475569;color:#94a3b8}.test-button[data-v-f656b7bd]:hover{background:#e2e8f0;border-color:#c7d2fe;color:#4f46e5}[data-theme=dark] .test-button[data-v-f656b7bd]:hover{background:#475569;border-color:#4f46e5;color:#c7d2fe}@media(max-width:768px){.header-content[data-v-f656b7bd]{align-items:flex-start}.controls[data-v-f656b7bd]{flex-direction:column}.compare-button[data-v-f656b7bd],.clear-button[data-v-f656b7bd]{width:100%;justify-content:center}.editor-header[data-v-f656b7bd]{flex-direction:column;align-items:flex-start;gap:8px}.code-editor-wrapper[data-v-f656b7bd]{height:400px}.stats-grid[data-v-f656b7bd]{grid-template-columns:repeat(2,1fr)}.quick-test-buttons[data-v-f656b7bd]{flex-direction:column}}@media(max-width:480px){.page-title[data-v-f656b7bd]{font-size:1.5rem}.page-subtitle[data-v-f656b7bd]{font-size:.875rem}.code-editor-wrapper[data-v-f656b7bd]{height:350px}}.developer-tools-page[data-v-03e8be48]{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);transition:background .3s ease;border-radius:20px}[data-theme=dark] .developer-tools-page[data-v-03e8be48]{background:linear-gradient(135deg,#1e293b,#0f172a)}.page-header[data-v-03e8be48]{background:#fff;border-bottom:1px solid #e2e8f0;padding:24px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000000d}[data-theme=dark] .page-header[data-v-03e8be48]{background:#1e293b;border-bottom-color:#334155;box-shadow:0 2px 10px #0003}.header-content[data-v-03e8be48]{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.header-info[data-v-03e8be48]{flex:1;min-width:0}.page-title[data-v-03e8be48]{font-size:1.7rem;font-weight:300;color:#1e293b;margin:0 0 8px;background:linear-gradient(135deg,#ff3131,#e02828);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .page-title[data-v-03e8be48]{color:#f1f5f9;-webkit-text-fill-color:#f1f5f9}.page-subtitle[data-v-03e8be48]{font-size:1rem;color:#64748b;margin:0;line-height:1.5}[data-theme=dark] .page-subtitle[data-v-03e8be48]{color:#94a3b8}.header-actions[data-v-03e8be48]{display:flex;gap:12px}.action-button[data-v-03e8be48]{width:44px;height:44px;background:#f1f5f9;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#475569}[data-theme=dark] .action-button[data-v-03e8be48]{background:#334155;color:#cbd5e1}.action-button[data-v-03e8be48]:hover{background:#e2e8f0;transform:translateY(-2px)}[data-theme=dark] .action-button[data-v-03e8be48]:hover{background:#475569}.action-button svg[data-v-03e8be48]{width:20px;height:20px}.tool-categories[data-v-03e8be48]{max-width:1200px;margin:24px auto 0;padding:0 24px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.tool-categories[data-v-03e8be48]::-webkit-scrollbar{display:none}.category-tab[data-v-03e8be48]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}[data-theme=dark] .category-tab[data-v-03e8be48]{background:#334155;border-color:#475569;color:#94a3b8}.category-tab[data-v-03e8be48]:hover{border-color:#c7d2fe;color:#4f46e5}[data-theme=dark] .category-tab[data-v-03e8be48]:hover{border-color:#6366f1;color:#c7d2fe}.category-tab.active[data-v-03e8be48]{background:linear-gradient(135deg,#ff3131,#e02828);border-color:transparent;color:#fff}.category-icon[data-v-03e8be48]{width:18px;height:18px}.category-tab.active .category-icon[data-v-03e8be48]{color:#fff}.category-label[data-v-03e8be48]{font-weight:500}.page-content[data-v-03e8be48]{max-width:1200px;margin:0 auto;padding:32px 24px 60px}.section-header[data-v-03e8be48]{margin-bottom:32px}.section-title[data-v-03e8be48]{font-size:1.5rem;font-weight:500;color:#1e293b;margin:0 0 8px;display:flex;align-items:center;gap:12px}[data-theme=dark] .section-title[data-v-03e8be48]{color:#f1f5f9}.section-icon[data-v-03e8be48]{width:24px;height:24px;color:#4f46e5}.section-description[data-v-03e8be48]{font-size:1rem;color:#64748b;margin:0;line-height:1.5}[data-theme=dark] .section-description[data-v-03e8be48]{color:#94a3b8}.converter-grid[data-v-03e8be48]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:48px}@media(max-width:768px){.converter-grid[data-v-03e8be48]{grid-template-columns:1fr}.tool-categories[data-v-03e8be48]{flex-direction:column}.page-content[data-v-03e8be48]{padding:16px 12px 30px}}.converter-card[data-v-03e8be48]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d;transition:all .3s ease}[data-theme=dark] .converter-card[data-v-03e8be48]{background:#1e293b;box-shadow:0 4px 20px #0003}.converter-card[data-v-03e8be48]:hover{transform:translateY(-4px);box-shadow:0 20px 40px #667eea1a}.converter-header[data-v-03e8be48]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.converter-title[data-v-03e8be48]{font-size:1.2rem;font-weight:600;color:#1e293b;margin:0}[data-theme=dark] .converter-title[data-v-03e8be48]{color:#f1f5f9}.converter-badges[data-v-03e8be48]{display:flex;gap:8px}.badge[data-v-03e8be48]{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.badge.popular[data-v-03e8be48]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.input-group[data-v-03e8be48]{margin-bottom:20px}.input-header[data-v-03e8be48]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.input-label[data-v-03e8be48]{font-size:.95rem;font-weight:500;color:#475569}[data-theme=dark] .input-label[data-v-03e8be48]{color:#cbd5e1}.input-buttons[data-v-03e8be48]{display:flex;gap:8px}.input-action[data-v-03e8be48]{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:.75rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease}[data-theme=dark] .input-action[data-v-03e8be48]{background:#334155;border-color:#475569;color:#cbd5e1}.input-action[data-v-03e8be48]:hover{background:#e2e8f0}[data-theme=dark] .input-action[data-v-03e8be48]:hover{background:#475569}.input-action svg[data-v-03e8be48]{width:12px;height:12px}.code-editor[data-v-03e8be48]{width:90%;padding:12px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;resize:vertical;transition:all .3s ease;color:#1e293b;min-height:120px}[data-theme=dark] .code-editor[data-v-03e8be48]{background:#0f172a;border-color:#334155;color:#cbd5e1}.code-editor[data-v-03e8be48]:focus{outline:none;border-color:#4f46e5;background:#fff}[data-theme=dark] .code-editor[data-v-03e8be48]:focus{background:#1e293b;border-color:#6366f1}.conversion-controls[data-v-03e8be48]{display:flex;gap:12px;margin:20px 0}.convert-button[data-v-03e8be48]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#ff3131,#e02828);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.convert-button[data-v-03e8be48]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.convert-button[data-v-03e8be48]:disabled{opacity:.7;cursor:not-allowed}.convert-button.reverse[data-v-03e8be48]{flex-direction:row-reverse}.output-section[data-v-03e8be48]{margin-top:24px;padding:16px;background:#f8fafc;border-radius:8px;border:2px solid #e2e8f0}[data-theme=dark] .output-section[data-v-03e8be48]{background:#0f172a;border-color:#334155}.output-header[data-v-03e8be48]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.output-title[data-v-03e8be48]{font-size:1rem;font-weight:600;color:#1e293b;margin:0}[data-theme=dark] .output-title[data-v-03e8be48]{color:#f1f5f9}.output-buttons[data-v-03e8be48]{display:flex;gap:8px}.output-action[data-v-03e8be48]{display:flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(135deg,#ff3131,#e02828);border:none;border-radius:6px;font-size:.75rem;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.output-action[data-v-03e8be48]:hover{opacity:.9;transform:translateY(-1px)}.output-action svg[data-v-03e8be48]{width:12px;height:12px}.output-content[data-v-03e8be48]{background:#fff;border-radius:6px;padding:12px;max-height:200px;overflow-y:auto}[data-theme=dark] .output-content[data-v-03e8be48]{background:#1e293b}.output-text[data-v-03e8be48]{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.5;color:#1e293b;white-space:pre-wrap;word-wrap:break-word}[data-theme=dark] .output-text[data-v-03e8be48]{color:#cbd5e1}@keyframes spin-03e8be48{to{transform:rotate(360deg)}}.error-message[data-v-03e8be48]{color:#ef4444;font-size:.875rem;margin:8px 0 0;padding:8px 12px;background:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}[data-theme=dark] .error-message[data-v-03e8be48]{background:#7f1d1d;color:#fecaca;border-left-color:#ef4444}.transpiler-grid[data-v-03e8be48]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:48px}@media(max-width:768px){.transpiler-grid[data-v-03e8be48]{grid-template-columns:1fr}}.transpiler-card[data-v-03e8be48]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d}[data-theme=dark] .transpiler-card[data-v-03e8be48]{background:#1e293b}.transpiler-header[data-v-03e8be48]{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.language-icons[data-v-03e8be48]{display:flex;align-items:center;gap:12px}.language-icon[data-v-03e8be48]{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;color:#fff}.language-icon.sql[data-v-03e8be48]{background:linear-gradient(135deg,#f59e0b,#d97706)}.language-icon.mongodb[data-v-03e8be48]{background:linear-gradient(135deg,#10b981,#059669)}.language-icon.java[data-v-03e8be48]{background:linear-gradient(135deg,#f59e0b,#d97706)}.language-icon.csharp[data-v-03e8be48]{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.language-icon.python[data-v-03e8be48]{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.language-icon.javascript[data-v-03e8be48]{background:linear-gradient(135deg,#f59e0b,#d97706)}.language-icons svg[data-v-03e8be48]{width:20px;height:20px;color:#64748b}.transpiler-title[data-v-03e8be48]{font-size:1.2rem;font-weight:600;color:#1e293b;margin:0}[data-theme=dark] .transpiler-title[data-v-03e8be48]{color:#f1f5f9}.transpiler-actions[data-v-03e8be48]{margin:20px 0}.transpile-button[data-v-03e8be48]{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#ff3131,#e02828);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.transpile-button[data-v-03e8be48]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.transpile-button[data-v-03e8be48]:disabled{opacity:.7;cursor:not-allowed}.transpile-button svg[data-v-03e8be48]{width:18px;height:18px}.api-tools[data-v-03e8be48]{margin-bottom:48px}.api-card[data-v-03e8be48]{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #0000000d}[data-theme=dark] .api-card[data-v-03e8be48]{background:#1e293b}.api-header[data-v-03e8be48]{margin-bottom:32px}.api-title[data-v-03e8be48]{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 8px}[data-theme=dark] .api-title[data-v-03e8be48]{color:#f1f5f9}.api-description[data-v-03e8be48]{font-size:1rem;color:#64748b;margin:0}[data-theme=dark] .api-description[data-v-03e8be48]{color:#94a3b8}.conversion-options[data-v-03e8be48]{margin:20px 0}.option-group[data-v-03e8be48]{display:flex;align-items:center;gap:16px}.option-label[data-v-03e8be48]{font-size:.95rem;font-weight:500;color:#475569;white-space:nowrap}[data-theme=dark] .option-label[data-v-03e8be48]{color:#cbd5e1}.option-buttons[data-v-03e8be48]{display:flex;gap:8px;flex-wrap:wrap}.option-button[data-v-03e8be48]{padding:8px 16px;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .3s ease;white-space:nowrap}[data-theme=dark] .option-button[data-v-03e8be48]{background:#334155;border-color:#475569;color:#94a3b8}.option-button[data-v-03e8be48]:hover{border-color:#c7d2fe;color:#4f46e5}.option-button.active[data-v-03e8be48]{background:linear-gradient(135deg,#ff3131,#e02828);border-color:transparent;color:#fff}.convert-api-button[data-v-03e8be48]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;margin:20px 0;background:linear-gradient(135deg,#ff3131,#e02828);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.convert-api-button[data-v-03e8be48]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.editor-action[data-v-03e8be48]{gap:4px;padding:7px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:.75rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s ease}.convert-api-button[data-v-03e8be48]:disabled{opacity:.7;cursor:not-allowed}.convert-api-button svg[data-v-03e8be48]{width:20px;height:20px}.features-grid[data-v-03e8be48]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:60px}.feature-card[data-v-03e8be48]{background:#fff;border-radius:16px;padding:24px;text-align:center;box-shadow:0 4px 20px #0000000d;transition:all .3s ease}[data-theme=dark] .feature-card[data-v-03e8be48]{background:#1e293b}.feature-card[data-v-03e8be48]:hover{transform:translateY(-4px);box-shadow:0 20px 40px #667eea1a}.feature-icon[data-v-03e8be48]{width:56px;height:56px;background:linear-gradient(135deg,#ff3131,#e02828);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.feature-icon svg[data-v-03e8be48]{width:28px;height:28px;color:#fff}.feature-title[data-v-03e8be48]{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 12px}[data-theme=dark] .feature-title[data-v-03e8be48]{color:#f1f5f9}.feature-description[data-v-03e8be48]{font-size:.9rem;color:#64748b;margin:0;line-height:1.5}[data-theme=dark] .feature-description[data-v-03e8be48]{color:#94a3b8}@media(max-width:768px){.header-content[data-v-03e8be48]{align-items:flex-start}.page-title[data-v-03e8be48]{font-size:1.5rem}.tool-categories[data-v-03e8be48]{padding:0 16px}.converter-card[data-v-03e8be48],.transpiler-card[data-v-03e8be48],.api-card[data-v-03e8be48]{padding:10px}.feature-card[data-v-03e8be48]{padding:12px}.features-grid[data-v-03e8be48]{grid-template-columns:1fr}.conversion-controls[data-v-03e8be48]{flex-direction:column}.input-header[data-v-03e8be48]{flex-direction:column;align-items:flex-start;gap:8px}.page-subtitle[data-v-03e8be48],.section-header[data-v-03e8be48]{text-align:center}.input-buttons[data-v-03e8be48]{width:100%;justify-content:flex-start}.option-group[data-v-03e8be48]{flex-direction:column;align-items:flex-start;gap:8px}.option-buttons[data-v-03e8be48]{width:100%}.option-button[data-v-03e8be48]{flex:1;text-align:center}}@media(max-width:480px){.code-editor[data-v-03e8be48]{width:90%}}.educational-section[data-v-4dc715be]{padding:0 20px;margin-block-start:10px}.content-block[data-v-4dc715be]{background:#fff;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 5px 20px #0000000d;border:1px solid #e9ecef}.content-block h3[data-v-4dc715be]{font-size:1.5rem;color:#2c3e50;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #ff3131;display:flex;align-items:center;gap:10px}.content-block h3 .icon[data-v-4dc715be]{font-size:1.3em}.benefits-grid[data-v-4dc715be]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:15px}.benefit-card[data-v-4dc715be]{padding:20px;background:#f8f9fa;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease}.benefit-icon[data-v-4dc715be]{font-size:2rem;flex-shrink:0;background:linear-gradient(135deg,#ff3131,#e02828);color:#fff;width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center}.benefit-content h4[data-v-4dc715be]{font-size:1.1rem;color:#2c3e50;margin-bottom:8px}.benefit-content p[data-v-4dc715be]{font-size:.95rem;color:#666;line-height:1.5;margin:0}.practices-content[data-v-4dc715be]{display:flex;flex-direction:column;gap:20px;margin-top:15px}.practice-item[data-v-4dc715be]{padding:15px;background:#f8f9fa;border-radius:12px;border-left:2px solid #ff3131}.practice-step[data-v-4dc715be]{flex-shrink:0;width:40px;height:40px;background:#ff3131;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.practice-text h4[data-v-4dc715be]{font-size:1.1rem;color:#2c3e50;margin-bottom:8px;margin-top:8px}.practice-text p[data-v-4dc715be]{font-size:.95rem;color:#666;line-height:1.5;margin:0}.usecases-grid[data-v-4dc715be]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:15px}.usecase-card[data-v-4dc715be]{padding:15px;background:#f8f9fa;border-radius:12px;border-top:2px solid #ff3131}.usecase-header[data-v-4dc715be]{display:flex;align-items:center;gap:15px;margin-bottom:15px}.usecase-icon[data-v-4dc715be]{font-size:1.8rem;background:#e9ecef;width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center}.usecase-header h4[data-v-4dc715be]{font-size:1.1rem;color:#2c3e50;margin:0}.usecase-list[data-v-4dc715be]{list-style:none;padding:0;margin:0}.usecase-list li[data-v-4dc715be]{padding:8px 0;font-size:.95rem;color:#666;border-bottom:1px solid #e9ecef}.usecase-list li[data-v-4dc715be]:last-child{border-bottom:none}.usecase-list li[data-v-4dc715be]:before{content:"✓";color:#ff3131;margin-right:10px;font-weight:700}.faq-list[data-v-4dc715be]{margin-top:15px}.faq-item[data-v-4dc715be]{margin-bottom:15px;border:1px solid #e9ecef;border-radius:12px;overflow:hidden;background:#fff}.faq-item summary[data-v-4dc715be]{padding:20px;font-weight:600;font-size:1.05rem;color:#2c3e50;cursor:pointer;list-style:none;position:relative;background:#f8f9fa;transition:background-color .3s ease}.faq-item summary[data-v-4dc715be]:hover{background:#e9ecef}.faq-item summary[data-v-4dc715be]::-webkit-details-marker{display:none}.faq-item summary[data-v-4dc715be]:after{content:"▼";position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:transform .3s ease;font-size:.9em;color:#ff3131}.faq-item[open] summary[data-v-4dc715be]:after{transform:translateY(-50%) rotate(180deg)}.faq-answer[data-v-4dc715be]{padding:20px;border-top:1px solid #e9ecef}.faq-answer p[data-v-4dc715be]{font-size:.95rem;color:#666;line-height:1.6;margin-bottom:15px}.faq-answer p strong[data-v-4dc715be]{color:#2c3e50}.faq-answer .note[data-v-4dc715be]{font-style:italic;color:#999;font-size:.9rem;padding:10px;background:#f8f9fa;border-radius:8px;margin-top:15px}.faq-answer ul[data-v-4dc715be],.faq-answer ol[data-v-4dc715be]{padding-left:20px;margin:15px 0}.faq-answer li[data-v-4dc715be]{font-size:.95rem;color:#666;line-height:1.5;margin-bottom:8px}.faq-answer ol li[data-v-4dc715be]{list-style-type:decimal}.tips-content[data-v-4dc715be]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:15px}.tip-card[data-v-4dc715be]{padding:25px;background:linear-gradient(135deg,#fef6f4,#fff);border-radius:12px;border:1px solid #ffe5d9}.tip-header[data-v-4dc715be]{display:flex;align-items:center;gap:15px;margin-bottom:15px}.tip-icon[data-v-4dc715be]{font-size:1.8rem;background:#e02828;color:#fff;width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center}.tip-header h4[data-v-4dc715be]{font-size:1.1rem;color:#2c3e50;margin:0}.tip-card p[data-v-4dc715be]{font-size:.95rem;color:#666;line-height:1.6;margin:0}@media(max-width:768px){.educational-section[data-v-4dc715be]{padding:0}.content-block[data-v-4dc715be]{padding:20px;margin-bottom:20px}.content-block h3[data-v-4dc715be]{font-size:1.3rem}.benefits-grid[data-v-4dc715be],.usecases-grid[data-v-4dc715be],.tips-content[data-v-4dc715be]{grid-template-columns:1fr;gap:20px}.benefit-card[data-v-4dc715be],.practice-item[data-v-4dc715be]{flex-direction:column;gap:15px}.benefit-icon[data-v-4dc715be]{width:50px;height:50px;font-size:1.5rem}.practice-step[data-v-4dc715be]{width:35px;height:35px;font-size:1rem}.usecase-card[data-v-4dc715be],.tip-card[data-v-4dc715be]{padding:20px}.faq-item summary[data-v-4dc715be]{font-weight:300;font-size:.8rem}.faq-answer[data-v-4dc715be]{padding:15px}}@media(max-width:480px){.content-block h3[data-v-4dc715be]{font-size:1.2rem}.benefit-content h4[data-v-4dc715be],.practice-text h4[data-v-4dc715be],.usecase-header h4[data-v-4dc715be],.tip-header h4[data-v-4dc715be]{font-size:1rem}.benefit-content p[data-v-4dc715be],.practice-text p[data-v-4dc715be],.usecase-list li[data-v-4dc715be],.tip-card p[data-v-4dc715be],.faq-answer p[data-v-4dc715be],.faq-answer li[data-v-4dc715be]{font-size:.9rem}}.signature-page[data-v-4dc715be]{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px}.header-section[data-v-4dc715be]{text-align:center;margin-bottom:40px}.header-content[data-v-4dc715be]{max-width:800px;margin:0 auto}.header-content h1[data-v-4dc715be]{font-size:2rem;color:#2c3e50;display:flex;align-items:center;justify-content:center;gap:12px}.header-icon[data-v-4dc715be]{font-size:2rem;color:#ff3131}.subtitle[data-v-4dc715be]{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.main-content[data-v-4dc715be]{max-width:1400px;margin:0 auto}.content-grid[data-v-4dc715be]{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.drawing-card[data-v-4dc715be],.preview-card[data-v-4dc715be],.export-card[data-v-4dc715be]{background:#fff;border-radius:16px;padding:18px;box-shadow:0 10px 30px #0000001a;margin-bottom:24px}.card-header[data-v-4dc715be]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f4ff}.card-header h2[data-v-4dc715be]{font-size:1.1rem;color:#2c3e50;margin:0;padding-block-end:10px}.drawing-stats[data-v-4dc715be]{display:flex;gap:20px;font-size:.9rem;color:#666}.drawing-area[data-v-4dc715be]{margin-bottom:20px}.canvas-container[data-v-4dc715be]{position:relative;background:#fff;border:2px solid #e9ecef;border-radius:12px;overflow:hidden;margin-bottom:20px}.canvas-guides[data-v-4dc715be]{position:absolute;inset:0;pointer-events:none}.guide-line.center-x[data-v-4dc715be]{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}.guide-line.center-y[data-v-4dc715be]{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}.guide-label[data-v-4dc715be]{position:absolute;font-size:12px;color:#0000004d;padding:4px 8px;background:#fffc;border-radius:4px}.guide-label.top-left[data-v-4dc715be]{top:10px;left:10px}.guide-label.top-right[data-v-4dc715be]{top:10px;right:10px}.signature-canvas[data-v-4dc715be]{width:100%;height:300px;display:block;cursor:crosshair;background:#fff;border-radius:10px}.clear-canvas-btn[data-v-4dc715be]{position:absolute;top:15px;right:15px;background:#dc3545e6;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.clear-canvas-btn[data-v-4dc715be]:hover:not(:disabled){background:#dc3545;transform:translateY(-2px)}.clear-canvas-btn[data-v-4dc715be]:disabled{opacity:.5;cursor:not-allowed}.drawing-controls[data-v-4dc715be]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.control-group[data-v-4dc715be]{display:flex;flex-direction:column;gap:8px}.control-label[data-v-4dc715be]{font-size:.9rem;color:#2c3e50;font-weight:500}.slider-container[data-v-4dc715be]{display:flex;align-items:center;gap:12px}.size-slider[data-v-4dc715be]{flex:1;height:6px;border-radius:3px;background:#e9ecef;outline:none;-webkit-appearance:none}.size-slider[data-v-4dc715be]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#ff3131;cursor:pointer}.slider-value[data-v-4dc715be]{font-size:.9rem;color:#666;min-width:45px}.color-picker[data-v-4dc715be]{display:flex;gap:8px;flex-wrap:wrap}.color-option[data-v-4dc715be]{width:30px;height:30px;border-radius:50%;border:2px solid #e9ecef;cursor:pointer;transition:all .3s ease}.color-option[data-v-4dc715be]:hover{transform:scale(1.1)}.color-option.active[data-v-4dc715be]{border-color:#2c3e50;transform:scale(1.1);box-shadow:0 0 0 2px #ee6c4d4d}.background-buttons[data-v-4dc715be]{display:flex;gap:8px}.bg-btn[data-v-4dc715be]{flex:1;background:#f8f9fa;border:2px solid #dee2e6;padding:8px;border-radius:6px;cursor:pointer;font-size:.9rem;color:#495057;transition:all .3s ease}.bg-btn[data-v-4dc715be]:hover{border-color:#adb5bd}.bg-btn.active[data-v-4dc715be]{background:#ff3131;border-color:#ff3131;color:#fff}.action-buttons[data-v-4dc715be]{display:flex;gap:12px}.action-btn[data-v-4dc715be]{flex:1;background:#f8f9fa;border:2px solid #dee2e6;padding:12px;border-radius:10px;cursor:pointer;font-size:1rem;color:#495057;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.action-btn[data-v-4dc715be]:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.action-btn[data-v-4dc715be]:disabled{opacity:.5;cursor:not-allowed}.undo-btn[data-v-4dc715be]:hover:not(:disabled){background:#fff3cd;border-color:#ffc107}.redo-btn[data-v-4dc715be]:hover:not(:disabled){background:#d4edda;border-color:#28a745}.reset-btn[data-v-4dc715be]:hover:not(:disabled){background:#f8d7da;border-color:#dc3545}.preview-actions[data-v-4dc715be]{display:flex;gap:8px}.preview-btn[data-v-4dc715be]{background:#f8f9fa;border:1px solid #dee2e6;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.preview-btn[data-v-4dc715be]:hover{background:#e9ecef;border-color:#adb5bd}.preview-area[data-v-4dc715be]{margin-bottom:20px}.preview-container[data-v-4dc715be]{position:relative;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;overflow:hidden;margin-bottom:20px;min-height:200px}.preview-canvas[data-v-4dc715be]{max-width:100%;max-height:100%;object-fit:contain}.watermark[data-v-4dc715be]{position:absolute;bottom:10px;right:10px;color:#0000001a;font-size:12px;pointer-events:none}.no-signature[data-v-4dc715be]{text-align:center;padding:40px 20px;color:#999}.placeholder-icon[data-v-4dc715be]{font-size:3rem;margin-bottom:16px;opacity:.5}.no-signature h3[data-v-4dc715be]{font-size:1.2rem;color:#ccc;margin-bottom:8px}.no-signature p[data-v-4dc715be]{max-width:300px;margin:0 auto;line-height:1.6}.preview-controls[data-v-4dc715be]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.size-buttons[data-v-4dc715be]{display:flex;gap:8px}.size-btn[data-v-4dc715be]{flex:1;background:#f8f9fa;border:1px solid #dee2e6;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.9rem;color:#495057;transition:all .3s ease}.size-btn[data-v-4dc715be]:hover{border-color:#adb5bd}.size-btn.active[data-v-4dc715be]{background:#ff3131;border-color:#ff3131;color:#fff}.checkbox[data-v-4dc715be]{margin-right:8px;vertical-align:middle}.preview-bg-buttons[data-v-4dc715be]{display:flex;gap:8px}.preview-bg-btn[data-v-4dc715be]{flex:1;background:#f8f9fa;border:1px solid #dee2e6;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;color:#495057;transition:all .3s ease}.preview-bg-btn[data-v-4dc715be]:hover{border-color:#adb5bd}.preview-bg-btn.active[data-v-4dc715be]{background:#2c3e50;border-color:#2c3e50;color:#fff}.export-info[data-v-4dc715be]{font-size:.9rem;color:#28a745;font-weight:500}.format-section[data-v-4dc715be]{margin-bottom:24px}.format-section h3[data-v-4dc715be]{font-size:1rem;color:#2c3e50}.format-grid[data-v-4dc715be]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.format-btn[data-v-4dc715be]{background:#f8f9fa;border:2px solid #dee2e6;border-radius:10px;cursor:pointer;transition:all .3s ease;flex-direction:column;align-items:center;gap:8px;padding:4px}.format-btn[data-v-4dc715be]:hover:not(.disabled){border-color:#adb5bd;transform:translateY(-2px)}.format-btn.active[data-v-4dc715be]{background:#fff5f5;border-color:#ff3131}.format-btn.disabled[data-v-4dc715be]{opacity:.5;cursor:not-allowed}.format-icon[data-v-4dc715be]{font-size:1.4rem}.format-name[data-v-4dc715be]{font-size:.9rem;color:#2c3e50}.format-ext[data-v-4dc715be]{font-size:.8rem;color:#666;font-family:monospace}.format-info[data-v-4dc715be]{background:#f8f9fa;border-radius:10px;padding:16px;border-left:4px solid #ff3131}.info-header[data-v-4dc715be]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.info-icon[data-v-4dc715be]{font-size:1.5rem}.info-header h4[data-v-4dc715be]{margin:0;font-size:1.1rem;color:#2c3e50}.info-description[data-v-4dc715be]{margin:0 0 12px;font-size:.9rem;color:#666;line-height:1.5}.info-stats[data-v-4dc715be]{display:flex;gap:20px;font-size:.85rem}.info-stat[data-v-4dc715be]{display:flex;flex-direction:column;gap:4px}.stat-label[data-v-4dc715be]{color:#999;font-weight:500}.stat-value[data-v-4dc715be]{color:#2c3e50;font-weight:600}.export-settings[data-v-4dc715be]{margin-bottom:24px}.export-settings h3[data-v-4dc715be]{font-size:1rem;color:#2c3e50;margin-bottom:16px;font-weight:600}.setting-group[data-v-4dc715be]{margin-bottom:20px}.setting-label[data-v-4dc715be]{display:block;font-size:.9rem;color:#2c3e50;margin-bottom:12px;font-weight:500}.hint[data-v-4dc715be]{color:#999;font-size:.8rem;margin-left:4px}.resolution-buttons[data-v-4dc715be]{display:flex;gap:8px;flex-wrap:wrap}.resolution-btn[data-v-4dc715be]{flex:1;background:#f8f9fa;border:1px solid #dee2e6;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:.9rem;color:#495057;transition:all .3s ease}.resolution-btn[data-v-4dc715be]:hover{border-color:#adb5bd}.resolution-btn.active[data-v-4dc715be]{background:#ff3131;border-color:#ff3131;color:#fff}.size-inputs[data-v-4dc715be]{display:flex;gap:12px;align-items:flex-end}.input-group[data-v-4dc715be]{flex:1;display:flex;flex-direction:column;gap:6px}.input-group label[data-v-4dc715be]{font-size:.8rem;color:#666}.size-input[data-v-4dc715be]{padding:8px 12px;border:2px solid #dee2e6;border-radius:6px;font-size:.9rem;color:#2c3e50;width:95%}.size-input[data-v-4dc715be]:focus{outline:none;border-color:#ff3131}.unit[data-v-4dc715be]{font-size:.9rem;color:#666;margin-left:8px}.aspect-btn[data-v-4dc715be]{background:#f8f9fa;border:2px solid #dee2e6;width:44px;height:44px;border-radius:8px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.aspect-btn[data-v-4dc715be]:hover{border-color:#adb5bd}.aspect-btn.active[data-v-4dc715be]{background:#ff3131;border-color:#ff3131;color:#fff}.quality-slider[data-v-4dc715be],.padding-slider[data-v-4dc715be]{width:100%;height:6px;border-radius:3px;background:#e9ecef;outline:none;-webkit-appearance:none}.quality-slider[data-v-4dc715be]::-webkit-slider-thumb,.padding-slider[data-v-4dc715be]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#ff3131;cursor:pointer}.export-bg-buttons[data-v-4dc715be]{display:flex;gap:8px}.export-bg-btn[data-v-4dc715be]{flex:1;background:#f8f9fa;border:1px solid #dee2e6;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:.9rem;color:#495057;transition:all .3s ease}.export-bg-btn[data-v-4dc715be]:hover{border-color:#adb5bd}.export-bg-btn.active[data-v-4dc715be]{background:#ff3131;border-color:#ff3131;color:#fff}.color-picker-popup[data-v-4dc715be]{margin-top:12px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.color-input[data-v-4dc715be]{width:100%;height:40px;border:2px solid #dee2e6;border-radius:6px;cursor:pointer;margin-bottom:12px}.custom-colors[data-v-4dc715be]{display:flex;gap:8px}.custom-color[data-v-4dc715be]{width:30px;height:30px;border-radius:6px;border:2px solid #dee2e6;cursor:pointer;transition:all .3s ease}.custom-color[data-v-4dc715be]:hover{transform:scale(1.1);border-color:#adb5bd}.export-btn[data-v-4dc715be]{width:100%;padding:10px;background:linear-gradient(135deg,#ff3131,#e02828);color:#fff;border:none;border-radius:12px;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:5px}.export-btn[data-v-4dc715be]:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.export-btn.loading[data-v-4dc715be]{opacity:.8}@keyframes spin-4dc715be{to{transform:rotate(360deg)}}.recent-exports h3[data-v-4dc715be]{font-size:1rem;color:#2c3e50;margin-bottom:16px;font-weight:600}.exports-list[data-v-4dc715be]{display:flex;flex-direction:column;gap:12px}.export-item[data-v-4dc715be]{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.export-icon[data-v-4dc715be]{font-size:1.2rem}.export-details[data-v-4dc715be]{flex:1;display:flex;flex-direction:column;gap:4px}.export-name[data-v-4dc715be]{font-size:.9rem;color:#2c3e50;font-weight:500;word-break:break-all}.export-time[data-v-4dc715be]{font-size:.8rem;color:#666}.export-action[data-v-4dc715be]{background:#e9ecef;border:1px solid #dee2e6;width:60px;height:36px;border-radius:6px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.export-action[data-v-4dc715be]:hover{background:#dee2e6;border-color:#adb5bd}@media(max-width:1200px){.content-grid[data-v-4dc715be]{grid-template-columns:1fr}.drawing-controls[data-v-4dc715be],.preview-controls[data-v-4dc715be],.format-grid[data-v-4dc715be]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.header-content h1[data-v-4dc715be]{font-size:1.5rem}.content-grid[data-v-4dc715be]{gap:0}.signature-page[data-v-4dc715be]{padding:0}.drawing-controls[data-v-4dc715be],.preview-controls[data-v-4dc715be]{grid-template-columns:1fr}.format-grid[data-v-4dc715be]{grid-template-columns:repeat(3,1fr)}.action-buttons[data-v-4dc715be]{flex-direction:column}.size-inputs[data-v-4dc715be]{flex-direction:column;align-items:stretch}.resolution-buttons[data-v-4dc715be],.export-bg-buttons[data-v-4dc715be]{flex-direction:column}.info-stats[data-v-4dc715be]{flex-direction:column;gap:12px}}.educational-section[data-v-aa2e3100]{max-width:1200px;margin:30px auto 40px;padding:0 20px}.content-block[data-v-aa2e3100]{background:#fff;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 5px 20px #00000014;border:1px solid #e9ecef}.content-block h3[data-v-aa2e3100]{font-size:1.6rem;color:#2c3e50;margin-bottom:20px;display:flex;align-items:center;gap:10px}.content-icon[data-v-aa2e3100]{font-size:1.8rem}.content-intro[data-v-aa2e3100]{font-size:1.1rem;color:#666;line-height:1.6;margin-bottom:30px;max-width:800px}.benefits-grid[data-v-aa2e3100]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:25px}.benefit-card[data-v-aa2e3100]{text-align:center;padding:25px;background:#f8f9fa;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease}.benefit-card[data-v-aa2e3100]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.benefit-icon[data-v-aa2e3100]{font-size:2.5rem;margin-bottom:15px}.benefit-card h4[data-v-aa2e3100]{font-size:1.2rem;color:#2c3e50;margin-bottom:12px}.benefit-card p[data-v-aa2e3100]{font-size:.95rem;color:#666;line-height:1.5}.guide-steps[data-v-aa2e3100]{display:flex;flex-direction:column;gap:20px;margin-top:25px}.step-item[data-v-aa2e3100]{display:flex;gap:20px;padding:25px;background:#f8f9fa;border-radius:12px;border-left:4px solid #ff3131}.step-number[data-v-aa2e3100]{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;background:#ff3131;color:#fff;border-radius:50%;font-size:1.2rem;font-weight:700}.step-content h4[data-v-aa2e3100]{font-size:1.2rem;color:#2c3e50;margin-bottom:10px}.step-content p[data-v-aa2e3100]{font-size:.95rem;color:#666;line-height:1.6}.tips-grid[data-v-aa2e3100]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:25px}.tip-card[data-v-aa2e3100]{padding:25px;background:linear-gradient(135deg,#f0f4ff,#f8f9fa);border-radius:12px;border:2px solid #e9ecef}.tip-header[data-v-aa2e3100]{display:flex;align-items:center;gap:12px;margin-bottom:15px}.tip-icon[data-v-aa2e3100]{font-size:1.8rem}.tip-card h4[data-v-aa2e3100]{font-size:1.1rem;color:#2c3e50;margin:0}.tip-card p[data-v-aa2e3100]{font-size:.95rem;color:#666;line-height:1.6;margin:0}.use-cases[data-v-aa2e3100]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:25px}.use-case[data-v-aa2e3100]{padding:25px;background:#f8f9fa;border-radius:12px}.use-case h4[data-v-aa2e3100]{font-size:1.2rem;color:#2c3e50;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #ff3131}.use-case ul[data-v-aa2e3100]{list-style:none;padding:0;margin:0}.use-case li[data-v-aa2e3100]{font-size:.95rem;color:#666;padding:8px 0 8px 24px;position:relative;line-height:1.5}.use-case li[data-v-aa2e3100]:before{content:"✓";position:absolute;left:0;color:#ff3131;font-weight:700}.faq-section[data-v-aa2e3100]{margin:40px auto;padding:0 20px}.faq-grid[data-v-aa2e3100]{display:grid;grid-template-columns:repeat(auto-fit,minmax(1fr));gap:20px;margin-top:25px}.faq-item[data-v-aa2e3100]{background:#f8f9fa;border-radius:12px;overflow:hidden;border:1px solid #e9ecef}.faq-item summary[data-v-aa2e3100]{padding:20px 25px;font-size:1.1rem;color:#2c3e50;font-weight:500;cursor:pointer;list-style:none;position:relative;background:#f8f9fa;transition:background-color .3s ease}.faq-item summary[data-v-aa2e3100]:hover{background:#e9ecef}.faq-item summary[data-v-aa2e3100]::-webkit-details-marker{display:none}.faq-item summary[data-v-aa2e3100]:after{content:"▶";position:absolute;right:25px;top:50%;transform:translateY(-50%);transition:transform .3s ease;color:#ff3131}.faq-item[open] summary[data-v-aa2e3100]:after{transform:translateY(-50%) rotate(90deg)}.faq-item[open] summary[data-v-aa2e3100]{background:#e9ecef;border-bottom:1px solid #dee2e6}.faq-item p[data-v-aa2e3100]{padding:25px;margin:0;font-size:.95rem;color:#666;line-height:1.6;background:#fff}@media(max-width:1024px){.educational-section[data-v-aa2e3100],.faq-section[data-v-aa2e3100]{padding:0}.content-block[data-v-aa2e3100]{padding:25px}.benefits-grid[data-v-aa2e3100],.tips-grid[data-v-aa2e3100],.use-cases[data-v-aa2e3100],.faq-grid[data-v-aa2e3100]{grid-template-columns:1fr}}@media(max-width:768px){.educational-section[data-v-aa2e3100]{margin:20px auto 30px}.content-block[data-v-aa2e3100]{padding:20px}.content-block h3[data-v-aa2e3100]{font-size:1.4rem}.step-item[data-v-aa2e3100]{flex-direction:column;gap:15px;padding:20px}.step-number[data-v-aa2e3100]{align-self:flex-start}.faq-item summary[data-v-aa2e3100]{padding:10px;font-size:.9rem}.faq-item p[data-v-aa2e3100]{padding:20px}}@media(max-width:480px){.educational-section[data-v-aa2e3100]{padding:0 10px}.content-block[data-v-aa2e3100]{padding:15px}.benefit-card[data-v-aa2e3100],.tip-card[data-v-aa2e3100],.use-case[data-v-aa2e3100]{padding:20px}}.screenshot-page[data-v-aa2e3100]{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px}.header-section[data-v-aa2e3100]{text-align:center;margin-bottom:40px}.header-content[data-v-aa2e3100]{max-width:800px;margin:0 auto}.header-content h1[data-v-aa2e3100]{font-size:1.8rem;color:#2c3e50;display:flex;align-items:center;justify-content:center;gap:12px}.header-icon[data-v-aa2e3100]{font-size:2.8rem;color:#ff3131}.subtitle[data-v-aa2e3100]{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.main-content[data-v-aa2e3100]{max-width:1400px;margin:0 auto}.content-grid[data-v-aa2e3100]{display:grid;grid-template-columns:400px 1fr;gap:30px;align-items:start}.left-column[data-v-aa2e3100]{position:sticky;top:20px}.control-card[data-v-aa2e3100]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0000001a}.card-header[data-v-aa2e3100]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f4ff}.card-header h2[data-v-aa2e3100]{font-size:1.4rem;color:#2c3e50;margin:0;font-weight:300}.status-badge[data-v-aa2e3100]{background:linear-gradient(135deg,#ff3131,#e02828);color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:6px}.badge-icon[data-v-aa2e3100]{font-weight:700}.input-section[data-v-aa2e3100]{margin-bottom:24px}.input-section h3[data-v-aa2e3100]{font-size:1rem;color:#2c3e50;margin-bottom:12px;font-weight:600}.url-input-container[data-v-aa2e3100]{display:flex;flex-direction:column;gap:8px}.input-with-icon[data-v-aa2e3100]{position:relative;display:flex;align-items:center}.input-icon[data-v-aa2e3100]{position:absolute;left:15px;font-size:1.2rem;color:#666}.url-input[data-v-aa2e3100]{width:100%;padding:6px 7px 6px 15px;border:2px solid #dee2e6;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#f8f9fa}.url-input[data-v-aa2e3100]:focus{outline:none;border-color:#ff3131;background:#fff;box-shadow:0 0 0 3px #ee6c4d1a}.url-examples small[data-v-aa2e3100]{color:#666;font-size:.85rem}.options-section[data-v-aa2e3100]{margin-bottom:24px}.options-section h3[data-v-aa2e3100]{font-size:1rem;color:#2c3e50;margin-bottom:16px;font-weight:600}.options-grid[data-v-aa2e3100]{display:flex;flex-direction:column;gap:16px}.option-card[data-v-aa2e3100]{background:#f8f9fa;border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:12px;transition:all .3s ease}.option-card[data-v-aa2e3100]:hover{background:#e9ecef;transform:translateY(-2px)}.option-icon[data-v-aa2e3100]{font-size:1.2rem;color:#ff3131;margin-top:2px}.option-content[data-v-aa2e3100]{flex:1}.option-label[data-v-aa2e3100]{font-size:.9rem;color:#2c3e50;margin-bottom:8px;font-weight:500}.option-select[data-v-aa2e3100]{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;background:#fff;font-size:.9rem;color:#2c3e50;cursor:pointer}.size-inputs[data-v-aa2e3100]{display:flex;align-items:center;gap:8px}.size-input[data-v-aa2e3100]{flex:1;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;text-align:center}.size-separator[data-v-aa2e3100]{color:#666;font-weight:700}.delay-controls[data-v-aa2e3100]{display:flex;align-items:center;gap:12px}.delay-slider[data-v-aa2e3100]{flex:1;height:6px;-webkit-appearance:none;background:#dee2e6;border-radius:3px;outline:none}.delay-slider[data-v-aa2e3100]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#ff3131;border-radius:50%;cursor:pointer}.delay-value[data-v-aa2e3100]{font-size:.9rem;color:#2c3e50;font-weight:500;min-width:60px}.option-hint[data-v-aa2e3100]{display:block;margin-top:4px;font-size:.8rem;color:#666}.format-buttons[data-v-aa2e3100]{display:flex;gap:8px}.format-btn[data-v-aa2e3100]{flex:1;padding:8px 12px;border:2px solid #dee2e6;border-radius:6px;background:#fff;color:#2c3e50;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.format-btn.active[data-v-aa2e3100]{background:#ff3131;border-color:#ff3131;color:#fff}.quality-section[data-v-aa2e3100]{margin-bottom:24px}.quality-section h3[data-v-aa2e3100]{font-size:1rem;color:#2c3e50;margin-bottom:12px;font-weight:600}.quality-controls[data-v-aa2e3100]{display:flex;flex-direction:column;gap:8px}.quality-slider[data-v-aa2e3100]{width:100%;height:6px;-webkit-appearance:none;background:linear-gradient(to right,#ff6b6b,#ffd166,#06d6a0);border-radius:3px;outline:none}.quality-slider[data-v-aa2e3100]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#2c3e50;border-radius:50%;cursor:pointer}.quality-info[data-v-aa2e3100]{display:flex;justify-content:space-between;align-items:center}.quality-value[data-v-aa2e3100]{font-size:.9rem;font-weight:600;color:#2c3e50}.quality-hint[data-v-aa2e3100]{font-size:.8rem;color:#666}.capture-btn[data-v-aa2e3100]{width:100%;padding:10px;background:linear-gradient(135deg,#ff3131,#e02828);color:#fff;border:none;border-radius:12px;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.capture-btn[data-v-aa2e3100]:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.capture-btn.loading[data-v-aa2e3100]{opacity:.8}@keyframes spin-aa2e3100{to{transform:rotate(360deg)}}.recent-section[data-v-aa2e3100]{margin-bottom:24px}.recent-section h3[data-v-aa2e3100]{font-size:1rem;color:#2c3e50;margin-bottom:12px;font-weight:600}.recent-list[data-v-aa2e3100]{display:flex;flex-direction:column;gap:8px}.recent-item[data-v-aa2e3100]{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .3s ease}.recent-item[data-v-aa2e3100]:hover{background:#e9ecef;transform:translate(4px)}.recent-icon[data-v-aa2e3100]{font-size:1rem;color:#ff3131}.recent-url[data-v-aa2e3100]{flex:1;font-size:.9rem;color:#2c3e50;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-time[data-v-aa2e3100]{font-size:.8rem;color:#666}.stats-section[data-v-aa2e3100]{padding-top:20px;border-top:2px solid #e2e8f0}.stats-section h3[data-v-aa2e3100]{font-size:1rem;color:#2c3e50;margin-bottom:16px;font-weight:600}.stats-grid[data-v-aa2e3100]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card[data-v-aa2e3100]{background:#f7fafc;border-radius:10px;padding:12px;display:flex;align-items:center;gap:12px;transition:transform .2s ease}.stat-card[data-v-aa2e3100]:hover{transform:translateY(-2px)}.stat-icon[data-v-aa2e3100]{font-size:1.2rem;color:#ff3131}.stat-content[data-v-aa2e3100]{flex:1}.stat-label[data-v-aa2e3100]{font-size:.8rem;color:#718096;margin-bottom:4px}.stat-value[data-v-aa2e3100]{font-size:1rem;font-weight:600;color:#2c3e50}.right-column[data-v-aa2e3100]{display:flex;flex-direction:column;gap:24px}.preview-card[data-v-aa2e3100]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000001a;min-height:600px;padding:20px}.preview-card.has-screenshot[data-v-aa2e3100]{border:2px solid #ff3131}.preview-info[data-v-aa2e3100]{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#666}.preview-size[data-v-aa2e3100]{background:#f0f4ff;color:#ff3131;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600;border:1px solid #ff3131}.preview-format[data-v-aa2e3100]{background:#fff5f5;color:#e02828;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600;border:1px solid #fed7d7}.capturing-state[data-v-aa2e3100]{padding:60px 20px;text-align:center}.capturing-animation[data-v-aa2e3100]{margin-bottom:30px}.camera-icon[data-v-aa2e3100]{font-size:4rem;margin-bottom:20px;animation:pulse-aa2e3100 2s infinite}@keyframes pulse-aa2e3100{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.capturing-dots[data-v-aa2e3100]{display:flex;justify-content:center;gap:8px}.dot[data-v-aa2e3100]{width:10px;height:10px;background:#ff3131;border-radius:50%;animation:bounce-aa2e3100 1.4s infinite ease-in-out both}.dot[data-v-aa2e3100]:nth-child(1){animation-delay:-.32s}.dot[data-v-aa2e3100]:nth-child(2){animation-delay:-.16s}@keyframes bounce-aa2e3100{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.capturing-state h3[data-v-aa2e3100]{font-size:1.4rem;color:#2c3e50;margin-bottom:12px}.capturing-state p[data-v-aa2e3100]{color:#666;margin-bottom:30px}.progress-container[data-v-aa2e3100]{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:30px}.progress-bar[data-v-aa2e3100]{height:100%;background:linear-gradient(90deg,#ff3131,#e02828);border-radius:4px;transition:width .3s ease;position:relative}.progress-text[data-v-aa2e3100]{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.7rem;color:#fff;font-weight:600}.capturing-steps[data-v-aa2e3100]{display:flex;justify-content:center;gap:40px}.step[data-v-aa2e3100]{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5;transition:all .3s ease}.step.active[data-v-aa2e3100]{opacity:1}.step-icon[data-v-aa2e3100]{width:30px;height:30px;background:#e9ecef;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#666}.step.active .step-icon[data-v-aa2e3100]{background:#ff3131;color:#fff}.step-label[data-v-aa2e3100]{font-size:.9rem;color:#666}.step.active .step-label[data-v-aa2e3100]{color:#2c3e50;font-weight:500}.screenshot-preview[data-v-aa2e3100]{padding:20px}.preview-container[data-v-aa2e3100]{position:relative;border-radius:12px;overflow:hidden;border:1px solid #e9ecef;margin-bottom:20px;max-height:500px;overflow:auto}.screenshot-image[data-v-aa2e3100]{width:100%;height:auto;display:block;transition:transform .3s ease}.preview-overlay[data-v-aa2e3100]{position:absolute;top:0;left:0;right:0;padding:12px;background:#000000b3;color:#fff;text-align:center;font-size:.9rem}.zoom-controls[data-v-aa2e3100]{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px;padding:12px;background:#f8f9fa;border-radius:10px}.zoom-btn[data-v-aa2e3100]{width:36px;height:36px;background:#fff;border:2px solid #dee2e6;border-radius:8px;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.zoom-btn[data-v-aa2e3100]:hover:not(:disabled){border-color:#ff3131;color:#ff3131}.zoom-btn[data-v-aa2e3100]:disabled{opacity:.5;cursor:not-allowed}.zoom-btn.reset[data-v-aa2e3100]{width:auto;padding:0 15px;margin-left:20px}.zoom-display[data-v-aa2e3100]{min-width:60px;text-align:center;font-weight:600;color:#2c3e50}.image-info[data-v-aa2e3100]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:10px}.info-item[data-v-aa2e3100]{display:flex;justify-content:space-between;align-items:center}.info-label[data-v-aa2e3100]{font-size:.9rem;color:#666}.info-value[data-v-aa2e3100]{font-size:.9rem;font-weight:500;color:#2c3e50}.action-buttons[data-v-aa2e3100]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.action-btn[data-v-aa2e3100]{padding:12px;border:none;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.action-btn.primary[data-v-aa2e3100]{background:linear-gradient(135deg,#ff3131,#e02828);color:#fff}.action-btn.secondary[data-v-aa2e3100]{background:#f8f9fa;border:2px solid #dee2e6;color:#2c3e50}.action-btn[data-v-aa2e3100]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.empty-state[data-v-aa2e3100]{padding:30px 10px;text-align:center;color:#999}.empty-icon[data-v-aa2e3100]{margin-bottom:30px;opacity:.5}.empty-state h3[data-v-aa2e3100]{font-size:1.4rem;color:#ccc;margin-bottom:12px}.empty-state p[data-v-aa2e3100]{max-width:400px;margin:0 auto 30px;line-height:1.6}.tips-section h4[data-v-aa2e3100]{font-size:1rem;color:#2c3e50;margin-bottom:12px;font-weight:600}.tips-list[data-v-aa2e3100]{display:flex;flex-direction:column;gap:8px;max-width:400px;margin:0 auto}.tip[data-v-aa2e3100]{font-size:.9rem;color:#666;text-align:left;padding:8px 12px;background:#f8f9fa;border-radius:6px}.history-card[data-v-aa2e3100]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0000001a}.history-card .card-header[data-v-aa2e3100]{margin-bottom:10px;border-bottom:2px solid #f0f4ff}.clear-history[data-v-aa2e3100]{background:#fff5f5;color:#e02828;border:1px solid #fed7d7;padding:6px 12px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .3s ease}.clear-history[data-v-aa2e3100]:hover{background:#fed7d7}.history-list[data-v-aa2e3100]{display:flex;flex-direction:column;gap:12px}.history-item[data-v-aa2e3100]{display:flex;align-items:center;gap:16px;padding:12px;background:#f8f9fa;border-radius:10px;cursor:pointer;transition:all .3s ease}.history-item[data-v-aa2e3100]:hover{background:#e9ecef;transform:translate(4px)}.history-thumbnail[data-v-aa2e3100]{width:60px;height:60px;border-radius:8px;overflow:hidden;border:2px solid #dee2e6}.history-thumbnail img[data-v-aa2e3100]{width:100%;height:100%;object-fit:cover}.history-info[data-v-aa2e3100]{flex:1}.history-url[data-v-aa2e3100]{font-size:.95rem;color:#2c3e50;font-weight:500;margin-bottom:4px}.history-details[data-v-aa2e3100]{display:flex;gap:12px;font-size:.8rem;color:#666}.history-action[data-v-aa2e3100]{background:transparent;border:none;color:#666;cursor:pointer;padding:6px;border-radius:6px;transition:all .3s ease}.history-action[data-v-aa2e3100]:hover{background:#fff5f5;color:#e02828}@media(max-width:1024px){.content-grid[data-v-aa2e3100]{grid-template-columns:1fr}.left-column[data-v-aa2e3100]{position:static}.action-buttons[data-v-aa2e3100]{grid-template-columns:repeat(2,1fr)}.image-info[data-v-aa2e3100]{grid-template-columns:1fr}}@media(max-width:768px){.header-content h1[data-v-aa2e3100]{font-size:1.3rem}.control-card[data-v-aa2e3100],.preview-card[data-v-aa2e3100]{padding-inline:10px}.screenshot-page[data-v-aa2e3100]{padding:0}.faq-section[data-v-aa2e3100]{margin-top:20px}.stats-grid[data-v-aa2e3100]{grid-template-columns:repeat(2,1fr)}.capturing-steps[data-v-aa2e3100]{flex-direction:column;gap:20px}.action-buttons[data-v-aa2e3100]{grid-template-columns:1fr}.zoom-controls[data-v-aa2e3100]{flex-wrap:wrap}}.register-link[data-v-c4fd7be7]{margin-block-start:20px;text-align:center;color:#64748b;font-size:var(--text-sm)}.register-link-text[data-v-c4fd7be7]{color:#ff3131;font-size:var(--text-base);font-weight:var(--font-medium);text-decoration:none}.register-link-text[data-v-c4fd7be7]:hover{text-decoration:underline}.sso-actions[data-v-c4fd7be7]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.sso-btn[data-v-c4fd7be7]{width:100%;min-height:38px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;font-size:var(--text-sm);font-weight:var(--font-semibold);display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:border-color .2s,box-shadow .2s,background-color .2s}.sso-btn[data-v-c4fd7be7]:hover:not(:disabled){border-color:#ff3131;background:#fff7f7;box-shadow:0 4px 14px #ff31311f}.sso-btn[data-v-c4fd7be7]:disabled{cursor:not-allowed;opacity:.7}.sso-svg[data-v-c4fd7be7]{width:18px;height:18px;flex:0 0 18px}.auth-divider[data-v-c4fd7be7]{position:relative;margin:14px 0;text-align:center;color:#94a3b8;font-size:var(--text-sm)}.auth-divider[data-v-c4fd7be7]:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#e2e8f0}.auth-divider span[data-v-c4fd7be7]{position:relative;padding:0 12px;background:#fff}.auth-page[data-v-c4fd7be7]{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}[data-v-c4fd7be7]{margin:0;padding:0;box-sizing:border-box}.iloveconversion-app[data-v-c4fd7be7]{min-height:100%;display:flex;flex-direction:column;position:relative;z-index:1}.container[data-v-c4fd7be7]{width:100%;max-width:1200px;margin:0 auto;padding:20px;display:flex;justify-content:center;align-items:center;min-height:100%}.app-header[data-v-c4fd7be7]{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;padding:16px 0;box-shadow:0 4px 12px #0000001a}.header-content[data-v-c4fd7be7]{display:flex;justify-content:space-between;align-items:center}.logo-section[data-v-c4fd7be7]{display:flex;align-items:center;gap:12px}.conversion-icon[data-v-c4fd7be7]{font-size:28px;color:#fbbf24}.app-title[data-v-c4fd7be7]{font-size:28px;font-weight:700}.app-tagline[data-v-c4fd7be7]{font-size:14px;opacity:.9;margin-left:8px}.nav-links[data-v-c4fd7be7]{display:flex;gap:24px}.nav-link[data-v-c4fd7be7]{color:#fff;text-decoration:none;font-weight:500;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;transition:background-color .3s;cursor:pointer}.nav-link[data-v-c4fd7be7]:hover,.nav-link.active[data-v-c4fd7be7]{background-color:#ffffff26}.user-menu[data-v-c4fd7be7]{display:flex;align-items:center;gap:12px}.user-avatar[data-v-c4fd7be7]{width:40px;height:40px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.user-info[data-v-c4fd7be7]{display:flex;flex-direction:column}.user-name[data-v-c4fd7be7]{font-weight:600;font-size:14px}.logout-btn[data-v-c4fd7be7]{background:none;border:none;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px;opacity:.8;transition:opacity .3s}.logout-btn[data-v-c4fd7be7]:hover{opacity:1}.main-content[data-v-c4fd7be7]{flex:1;padding:24px 0;display:flex;align-items:center;justify-content:center;min-height:100%}.home-container[data-v-c4fd7be7]{animation:fadeIn-c4fd7be7 .5s ease}.hero-section[data-v-c4fd7be7]{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:60px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:40px;border-radius:20px;box-shadow:0 10px 25px #0000000d}@media(max-width:992px){.hero-section[data-v-c4fd7be7]{grid-template-columns:1fr;text-align:center}}.hero-content[data-v-c4fd7be7]{padding-right:20px}.hero-title[data-v-c4fd7be7]{font-size:42px;color:#1e293b;margin-bottom:20px;line-height:1.2}.hero-title .highlight[data-v-c4fd7be7]{color:#7c3aed;background:linear-gradient(135deg,#7c3aed,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description[data-v-c4fd7be7]{font-size:18px;color:#64748b;margin-bottom:30px;line-height:1.6}.hero-actions[data-v-c4fd7be7]{display:flex;gap:16px;flex-wrap:wrap}.hero-btn[data-v-c4fd7be7]{padding:14px 28px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s;border:none}.hero-btn.primary[data-v-c4fd7be7]{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff}.hero-btn.primary[data-v-c4fd7be7]:hover{box-shadow:0 10px 25px #7c3aed4d}.hero-btn.secondary[data-v-c4fd7be7]{background-color:#fff;color:#7c3aed;border:2px solid #7c3aed}.hero-btn.secondary[data-v-c4fd7be7]:hover{background-color:#f8fafc}.hero-image[data-v-c4fd7be7]{display:flex;justify-content:center;align-items:center}.hero-icon[data-v-c4fd7be7]{font-size:180px;background:linear-gradient(135deg,#7c3aed,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-section[data-v-c4fd7be7]{margin-top:60px}.section-title[data-v-c4fd7be7]{text-align:center;font-size:32px;color:#1e293b;margin-bottom:40px}.features-grid[data-v-c4fd7be7]{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media(max-width:768px){.features-grid[data-v-c4fd7be7]{grid-template-columns:1fr}}.feature-card[data-v-c4fd7be7]{background-color:#fff;padding:30px;border-radius:16px;text-align:center;box-shadow:0 8px 20px #0000000d;transition:transform .3s}.feature-card[data-v-c4fd7be7]:hover{transform:translateY(-10px)}.feature-icon[data-v-c4fd7be7]{width:70px;height:70px;background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;font-size:30px}.feature-card h4[data-v-c4fd7be7]{font-size:22px;color:#1e293b;margin-bottom:12px}.feature-card p[data-v-c4fd7be7]{color:#64748b;line-height:1.6}.auth-container[data-v-c4fd7be7]{width:100%;max-width:430px;animation:fadeIn-c4fd7be7 .5s ease}.auth-header[data-v-c4fd7be7]{text-align:center;margin-bottom:40px}.auth-header h2[data-v-c4fd7be7]{font-size:36px;color:#1e293b;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px}.auth-subtitle[data-v-c4fd7be7]{font-size:18px;color:#64748b;max-width:600px;margin:0 auto 20px}.auth-switch[data-v-c4fd7be7]{font-size:16px;color:#64748b}.auth-switch a[data-v-c4fd7be7]{color:#7c3aed;font-weight:600;text-decoration:none;margin-left:8px}.auth-switch a[data-v-c4fd7be7]:hover{text-decoration:underline}.auth-content[data-v-c4fd7be7]{width:100%}@media(max-width:992px){.auth-content[data-v-c4fd7be7]{grid-template-columns:1fr}}.form-group--logo[data-v-c4fd7be7]{margin-bottom:8px;text-align:center}.logo-image[data-v-c4fd7be7]{height:42px;width:auto;object-fit:contain;display:block;margin:0 auto}.form-wrapper[data-v-c4fd7be7]{background-color:#fff;border-radius:14px;padding:22px;box-shadow:0 10px 40px #00000014;width:100%;max-width:430px}.auth-form[data-v-c4fd7be7]{margin-bottom:0}.form-group[data-v-c4fd7be7]{margin-bottom:12px}.form-label[data-v-c4fd7be7]{display:flex;align-items:center;gap:8px;font-weight:400;margin-bottom:6px;color:#475569}.input-wrapper[data-v-c4fd7be7]{position:relative}.form-input[data-v-c4fd7be7]{width:100%;padding:7px 48px 7px 8px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:all .3s;background-color:#f8fafc}.form-input[data-v-c4fd7be7]:focus{outline:none;border-color:#ff3131;background-color:#fff;box-shadow:0 0 0 3px #ff31311f}.form-input.has-error[data-v-c4fd7be7]{border:1px solid #ef4444}.input-icon[data-v-c4fd7be7]{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#94a3b8}.input-icon.valid[data-v-c4fd7be7]{color:#10b981}.password-toggle[data-v-c4fd7be7]{cursor:pointer}.password-toggle[data-v-c4fd7be7]:hover{color:#ff3131}.error-message[data-v-c4fd7be7]{color:#ef4444;font-size:14px;margin-top:6px;display:flex;align-items:center;gap:6px}.password-strength[data-v-c4fd7be7]{margin-top:12px}.strength-label[data-v-c4fd7be7]{font-size:14px;color:#64748b;margin-bottom:6px}.strength-meter[data-v-c4fd7be7]{height:6px;background-color:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:8px}.strength-bar[data-v-c4fd7be7]{height:100%;width:0;transition:width .3s}.strength-bar.weak[data-v-c4fd7be7]{width:30%;background-color:#ef4444}.strength-bar.medium[data-v-c4fd7be7]{width:60%;background-color:#f59e0b}.strength-bar.strong[data-v-c4fd7be7]{width:100%;background-color:#10b981}.strength-text[data-v-c4fd7be7]{font-size:14px;font-weight:600}.strength-text.weak[data-v-c4fd7be7]{color:#ef4444}.strength-text.medium[data-v-c4fd7be7]{color:#f59e0b}.strength-text.strong[data-v-c4fd7be7]{color:#10b981}.forgot-password[data-v-c4fd7be7]{margin-top:20px;text-align:right}.forgot-password a[data-v-c4fd7be7]{color:#ff3131;font-size:var(--text-sm);text-decoration:none;display:flex;align-items:center;gap:6px;justify-content:flex-end}.forgot-password a[data-v-c4fd7be7]:hover{text-decoration:underline}.submit-btn[data-v-c4fd7be7]{width:100%;padding:7px;background:#ff3131;color:#fff;border:none;border-radius:10px;font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;margin-top:12px}.submit-btn[data-v-c4fd7be7]:hover:not(:disabled){background:#e02828}.submit-btn[data-v-c4fd7be7]:disabled{opacity:.7;cursor:not-allowed}.submit-btn.submitting[data-v-c4fd7be7]{background:#b0b0b0}.form-status[data-v-c4fd7be7]{padding:14px;border-radius:10px;margin-top:20px;display:flex;align-items:center;gap:10px;font-weight:500;margin-bottom:20px}.form-status.success[data-v-c4fd7be7]{background-color:#d1fae5;color:#065f46}.form-status.error[data-v-c4fd7be7]{background-color:#fee2e2;color:#991b1b}.modal-overlay[data-v-c4fd7be7]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-c4fd7be7 .3s ease}.modal-content[data-v-c4fd7be7]{background-color:#fff;border-radius:16px;width:90%;max-width:500px;animation:slideIn-c4fd7be7 .3s ease}.modal-header[data-v-c4fd7be7]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h3[data-v-c4fd7be7]{font-size:20px;color:#1e293b;display:flex;align-items:center;gap:10px;font-weight:500}.modal-close[data-v-c4fd7be7]{background:none;border:none;font-size:20px;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px}.modal-close[data-v-c4fd7be7]:hover{background-color:#f1f5f9;color:#64748b}.modal-body[data-v-c4fd7be7]{padding:24px}.modal-body p[data-v-c4fd7be7]{color:#64748b;margin-bottom:20px}.modal-footer[data-v-c4fd7be7]{padding:20px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.modal-btn[data-v-c4fd7be7]{padding:10px 20px;border-radius:8px;font-weight:300;cursor:pointer;border:none;transition:all .3s}.modal-btn.primary[data-v-c4fd7be7]{background:#ff3131;color:#fff}.modal-btn.primary[data-v-c4fd7be7]:hover:not(:disabled){background:#e02828;box-shadow:0 4px 12px #ff313140}.modal-btn.secondary[data-v-c4fd7be7]{background-color:#f1f5f9;color:#64748b}.modal-btn.secondary[data-v-c4fd7be7]:hover{background-color:#e2e8f0}@keyframes fadeIn-c4fd7be7{0%{opacity:0}to{opacity:1}}@keyframes slideIn-c4fd7be7{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.reset-token-debug[data-v-c4fd7be7]{position:fixed;top:10px;right:10px;background:#f8fafc;padding:10px;border-radius:5px;box-shadow:0 2px 10px #0000001a;z-index:9999;font-size:12px;max-width:300px;word-break:break-all}.main__svg[data-v-c4fd7be7]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;overflow:hidden;pointer-events:none}.background-svg[data-v-c4fd7be7]{width:100%;height:100%;display:block;object-fit:cover}.auth-page .checkbox-group[data-v-c4fd7be7]{margin-bottom:10px}.auth-page .checkbox-label[data-v-c4fd7be7]{font-size:var(--text-sm)}.auth-page .submit-btn[data-v-c4fd7be7]{border-radius:8px;margin-top:8px}.auth-page .form-status[data-v-c4fd7be7]{padding:10px 12px;border-radius:8px;margin-top:12px;margin-bottom:14px;font-size:var(--text-sm)}@media(max-width:420px){.auth-page .sso-actions[data-v-c4fd7be7]{grid-template-columns:1fr}}.payment-page[data-v-e718b348]{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px}.payment-header[data-v-e718b348]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d}.header-content h1[data-v-e718b348]{font-size:28px;color:#1e293b;margin:0 0 8px;display:flex;align-items:center;gap:12px}.subtitle[data-v-e718b348]{color:#64748b;margin:0;display:flex;align-items:center;gap:8px}.stripe-logo[data-v-e718b348]{height:24px;vertical-align:middle;margin-left:4px}.plan-info[data-v-e718b348]{text-align:right}.plan-badge[data-v-e718b348]{background:#000;color:#fff;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:8px;display:inline-block}.plan-price[data-v-e718b348]{font-size:24px;font-weight:700;color:#7c3aed}.progress-steps[data-v-e718b348]{display:flex;justify-content:center;gap:40px;margin-bottom:40px}.step[data-v-e718b348]{display:flex;flex-direction:column;align-items:center;gap:8px}.step-number[data-v-e718b348]{width:40px;height:40px;background:#e2e8f0;color:#64748b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.step.active .step-number[data-v-e718b348]{background:#7c3aed;color:#fff}.step-label[data-v-e718b348]{font-size:14px;color:#64748b}.step.active .step-label[data-v-e718b348]{color:#7c3aed;font-weight:600}.payment-content[data-v-e718b348]{display:grid;grid-template-columns:2fr 1fr;gap:30px;max-width:1200px;margin:0 auto}@media(max-width:992px){.payment-content[data-v-e718b348]{grid-template-columns:1fr}}.payment-form-section[data-v-e718b348]{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #0000000d}.section-header[data-v-e718b348]{margin-bottom:30px}.section-header h3[data-v-e718b348]{font-size:22px;color:#1e293b;margin:0 0 8px;display:flex;align-items:center;gap:10px}.section-header p[data-v-e718b348]{color:#64748b;margin:0}.card-element-container[data-v-e718b348]{margin-bottom:30px;padding:20px;background:#f8fafc;border-radius:12px;border:2px solid #e2e8f0}#card-element[data-v-e718b348]{padding:10px 0}.error-message[data-v-e718b348]{color:#ef4444;font-size:14px;margin-top:10px;display:none}.billing-info[data-v-e718b348]{margin-bottom:30px}.billing-info h4[data-v-e718b348]{font-size:18px;color:#1e293b;margin:0 0 20px;display:flex;align-items:center;gap:10px}.form-group[data-v-e718b348]{margin-bottom:20px}.form-group label[data-v-e718b348]{display:block;font-size:14px;color:#475569;margin-bottom:8px;font-weight:500}.form-group input[data-v-e718b348]{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:16px;transition:all .3s}.form-group input[data-v-e718b348]:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.form-row[data-v-e718b348]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.terms-section[data-v-e718b348]{margin-bottom:30px}.checkbox-label[data-v-e718b348]{display:flex;align-items:center;gap:12px;margin-bottom:15px;cursor:pointer;color:#475569}.checkbox-label a[data-v-e718b348]{color:#7c3aed;text-decoration:none}.checkbox-label a[data-v-e718b348]:hover{text-decoration:underline}.checkbox-label input[type=checkbox][data-v-e718b348]{display:none}.custom-checkbox[data-v-e718b348]{width:20px;height:20px;border:2px solid #cbd5e0;border-radius:4px;position:relative;flex-shrink:0}.checkbox-label input[type=checkbox]:checked+.custom-checkbox[data-v-e718b348]{background:#7c3aed;border-color:#7c3aed}.custom-checkbox[data-v-e718b348]:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;opacity:0}.checkbox-label input[type=checkbox]:checked+.custom-checkbox[data-v-e718b348]:after{opacity:1}.pay-button[data-v-e718b348]{width:100%;padding:16px;background:#000;color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s}.pay-button[data-v-e718b348]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #0003}.pay-button[data-v-e718b348]:disabled{opacity:.5;cursor:not-allowed}.pay-button.processing[data-v-e718b348]{background:#4f46e5}.security-notice[data-v-e718b348]{display:flex;align-items:center;gap:12px;margin-top:20px;padding:15px;background:#f0fdf4;border-radius:10px;color:#166534}.security-notice i[data-v-e718b348]{font-size:20px}.order-summary[data-v-e718b348]{position:sticky;top:20px}.summary-card[data-v-e718b348]{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #0000000d}.summary-card h3[data-v-e718b348]{font-size:22px;color:#1e293b;margin:0 0 25px;display:flex;align-items:center;gap:10px}.plan-details[data-v-e718b348]{padding-bottom:25px;border-bottom:1px solid #e2e8f0;margin-bottom:25px}.plan-name[data-v-e718b348]{font-size:20px;color:#1e293b;font-weight:600;margin-bottom:8px}.plan-price[data-v-e718b348]{font-size:32px;color:#7c3aed;font-weight:700;margin-bottom:4px}.plan-period[data-v-e718b348]{color:#64748b;font-size:14px}.features-list[data-v-e718b348]{margin-bottom:25px}.features-list h4[data-v-e718b348]{font-size:16px;color:#1e293b;margin:0 0 15px}.features-list ul[data-v-e718b348]{list-style:none;padding:0;margin:0}.features-list li[data-v-e718b348]{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:#475569}.features-list li i[data-v-e718b348]{color:#10b981}.summary-total[data-v-e718b348]{padding-top:25px;border-top:1px solid #e2e8f0}.total-row[data-v-e718b348]{display:flex;justify-content:space-between;margin-bottom:12px;color:#475569}.total-row.total[data-v-e718b348]{font-size:20px;font-weight:700;color:#1e293b;margin-top:8px;padding-top:8px;border-top:2px solid #e2e8f0}.total-note[data-v-e718b348]{font-size:14px;color:#64748b;margin-top:12px;text-align:center}.trust-badges[data-v-e718b348]{display:flex;justify-content:center;align-items:center;gap:20px;margin:25px 0;padding:20px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.stripe-logo-small[data-v-e718b348]{height:30px;filter:grayscale(100%);opacity:.8;transition:all .3s}.stripe-logo-small[data-v-e718b348]:hover{filter:grayscale(0%);opacity:1}.trust-badge[data-v-e718b348]{display:flex;align-items:center;gap:8px;color:#475569;font-size:14px;padding:8px 12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.trust-badge i[data-v-e718b348]{color:#10b981}.support-info[data-v-e718b348]{display:flex;align-items:center;gap:10px;color:#64748b;font-size:14px}.support-info a[data-v-e718b348]{color:#7c3aed;text-decoration:none}.support-info a[data-v-e718b348]:hover{text-decoration:underline}.payment-footer[data-v-e718b348]{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding:20px;background:#fff;border-radius:16px}.back-button[data-v-e718b348]{background:none;border:2px solid #cbd5e0;color:#475569;padding:12px 24px;border-radius:10px;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.back-button[data-v-e718b348]:hover{border-color:#94a3b8;background:#f8fafc}.footer-links[data-v-e718b348]{display:flex;gap:25px}.footer-links a[data-v-e718b348]{color:#64748b;text-decoration:none;font-size:14px}.footer-links a[data-v-e718b348]:hover{color:#7c3aed;text-decoration:underline}.modal-overlay[data-v-e718b348]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.modal-content[data-v-e718b348]{background:#fff;border-radius:16px;width:90%;max-width:500px;animation:modalSlideIn-e718b348 .3s ease}.error-modal .modal-header[data-v-e718b348]{background:#ef4444;color:#fff}.modal-header[data-v-e718b348]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-radius:16px 16px 0 0}.modal-body[data-v-e718b348]{padding:25px}.modal-footer[data-v-e718b348]{padding:20px 25px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.modal-button[data-v-e718b348]{background:#7c3aed;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:16px;cursor:pointer}@keyframes modalSlideIn-e718b348{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.loading-state[data-v-b83da699]{text-align:center;padding:40px 0}.loading-state p[data-v-b83da699]{color:#64748b;font-size:18px}.modal-overlay[data-v-b83da699]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn-b83da699 .3s ease}.modal-content[data-v-b83da699]{background:#fff;border-radius:20px;padding:25px;max-width:600px;width:100%;text-align:center;position:relative;box-shadow:0 25px 70px #0000004d;animation:slideUp-b83da699 .4s ease}.modal-close[data-v-b83da699]{position:absolute;top:25px;right:25px;background:none;border:none;color:#94a3b8;font-size:22px;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10}.modal-close[data-v-b83da699]:hover{background:#f1f5f9;color:#475569;transform:rotate(90deg)}.success-checkbox[data-v-b83da699]{margin:0 auto 10px;display:flex;justify-content:center}.checkbox-icon[data-v-b83da699]{width:100px;height:100px;position:relative}.checkmark[data-v-b83da699]{width:100px;height:100px;border-radius:50%;display:block;stroke-width:3;stroke:#fff;stroke-miterlimit:10;animation:fillCheckbox-b83da699 .4s ease-in-out .4s forwards,scaleCheckbox-b83da699 .3s ease-in-out .9s both}.checkmark-circle[data-v-b83da699]{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:3;stroke-miterlimit:10;stroke:#10b981;fill:none;animation:strokeCheckbox-b83da699 .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check[data-v-b83da699]{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:strokeCheckmark-b83da699 .3s cubic-bezier(.65,0,.45,1) .8s forwards}.modal-title[data-v-b83da699]{font-size:30px;color:#1e293b;margin:0 0 10px;font-weight:500}.modal-subtitle[data-v-b83da699]{font-size:18px;color:#64748b;margin:0 0 15px;font-weight:300}.order-summary[data-v-b83da699]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;padding:15px;margin-bottom:15px;text-align:left;border:1px solid #e2e8f0}.detail-row[data-v-b83da699]{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed #e2e8f0}.detail-row[data-v-b83da699]:last-child{border-bottom:none}.label[data-v-b83da699]{color:#64748b;font-weight:500;font-size:15px}.value[data-v-b83da699]{color:#1e293b;font-weight:500;font-size:16px}.benefits-section[data-v-b83da699]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;padding:25px;margin-bottom:35px;border:2px solid #bae6fd}.benefits-title[data-v-b83da699]{color:#0369a1;font-size:18px;font-weight:700;margin:0 0 15px;text-align:center}.benefits-list[data-v-b83da699]{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.benefits-list li[data-v-b83da699]{color:#0c4a6e;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px}.benefits-list li i[data-v-b83da699]{color:#10b981;font-size:16px}.modal-actions[data-v-b83da699]{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.primary-btn[data-v-b83da699],.secondary-btn[data-v-b83da699],.explore-btn[data-v-b83da699]{padding:12px 16px;border-radius:12px;font-size:16px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;min-width:190px;box-shadow:0 4px 15px #0000001a}.primary-btn[data-v-b83da699]{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff}.secondary-btn[data-v-b83da699]{background:#fff;color:#475569;border:2px solid #e2e8f0}.secondary-btn[data-v-b83da699]:hover{background:#f1f5f9;box-shadow:0 8px 20px #0000001a}@keyframes fadeIn-b83da699{0%{opacity:0}to{opacity:1}}@keyframes slideUp-b83da699{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes strokeCheckbox-b83da699{to{stroke-dashoffset:0}}@keyframes strokeCheckmark-b83da699{to{stroke-dashoffset:0}}@keyframes fillCheckbox-b83da699{to{box-shadow:inset 0 0 0 50px #10b981}}@keyframes scaleCheckbox-b83da699{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@media(max-width:768px){.modal-content[data-v-b83da699]{padding:35px 25px;max-width:95%}.modal-title[data-v-b83da699]{font-size:26px}.checkbox-icon[data-v-b83da699],.checkmark[data-v-b83da699]{width:80px;height:80px}.benefits-list[data-v-b83da699]{grid-template-columns:1fr}.modal-actions[data-v-b83da699]{flex-direction:column}.primary-btn[data-v-b83da699],.secondary-btn[data-v-b83da699],.explore-btn[data-v-b83da699]{width:100%;min-width:auto}}@media(max-width:480px){.modal-content[data-v-b83da699]{padding:25px 20px}.modal-title[data-v-b83da699]{font-size:22px}.modal-subtitle[data-v-b83da699]{font-size:16px}.checkbox-icon[data-v-b83da699],.checkmark[data-v-b83da699]{width:70px;height:70px}}.plan-features[data-v-b0a1a0b2]{list-style:none;padding:0}.plan-features li[data-v-b0a1a0b2]{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:15px}.check-icon[data-v-b0a1a0b2]{width:18px;height:18px;fill:#ff3131;flex-shrink:0}.subscription-dashboard[data-v-b0a1a0b2]{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px;margin-block-start:30px}.dashboard-header[data-v-b0a1a0b2]{margin-bottom:15px;padding:15px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d}.dashboard-header h1[data-v-b0a1a0b2]{font-size:32px;color:#1e293b;margin:0 0 8px;display:flex;align-items:center;gap:12px;font-weight:400}.subtitle[data-v-b0a1a0b2]{color:#64748b;margin:0;font-size:16px}.status-dot.canceling[data-v-b0a1a0b2]{background:#f59e0b}.canceling-notice[data-v-b0a1a0b2]{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;margin-bottom:10px;font-size:14px;background:#fef3c7;color:#92400e}.loading-container[data-v-b0a1a0b2],.error-container[data-v-b0a1a0b2]{display:flex;justify-content:center;align-items:center;min-height:400px}.error-message[data-v-b0a1a0b2]{text-align:center;padding:40px;background:#fff;border-radius:16px;max-width:500px}.error-message i[data-v-b0a1a0b2]{font-size:48px;color:#ff3131;margin-bottom:20px}.error-message h3[data-v-b0a1a0b2]{color:#1e293b;margin-bottom:10px}.error-message p[data-v-b0a1a0b2]{color:#64748b;margin-bottom:20px}.retry-btn[data-v-b0a1a0b2]{background:#ff3131;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.plan-card[data-v-b0a1a0b2]{background:#fff;border-radius:16px;padding:25px;margin-bottom:30px;box-shadow:0 4px 20px #0000000d;border:2px solid #e2e8f0}.pro-active[data-v-b0a1a0b2]{border-color:#ff3131;background:linear-gradient(135deg,#f5f3ff,#ede9fe)}.free-plan[data-v-b0a1a0b2]{border-color:#cbd5e0}.plan-header[data-v-b0a1a0b2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.plan-badge[data-v-b0a1a0b2]{padding:8px 20px;border-radius:20px;font-weight:700;font-size:14px}.pro-badge[data-v-b0a1a0b2]{background:#ff3131;color:#fff}.free-badge[data-v-b0a1a0b2]{background:#cbd5e0;color:#475569}.plan-status[data-v-b0a1a0b2]{display:flex;align-items:center;gap:8px;color:#475569;font-size:14px}.status-dot[data-v-b0a1a0b2]{width:10px;height:10px;border-radius:50%}.status-dot.active[data-v-b0a1a0b2]{background:#10b981}.status-dot.past_due[data-v-b0a1a0b2]{background:#f59e0b}.status-dot.unpaid[data-v-b0a1a0b2]{background:#ff3131}.status-dot.canceled[data-v-b0a1a0b2]{background:#64748b}.status-dot.incomplete[data-v-b0a1a0b2]{background:#8b5cf6}.plan-details h2[data-v-b0a1a0b2]{font-size:28px;color:#1e293b;margin:0 0 10px;font-weight:400}.plan-price[data-v-b0a1a0b2]{font-size:36px;font-weight:500;color:#ff3131;margin-bottom:10px}.plan-price .period[data-v-b0a1a0b2]{font-size:18px;color:#64748b}.expiry-info[data-v-b0a1a0b2],.cancellation-notice[data-v-b0a1a0b2]{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;margin-bottom:10px;font-size:14px}.expiry-info[data-v-b0a1a0b2]{background:#f0fdf4;color:#166534}.cancellation-notice[data-v-b0a1a0b2]{background:#fef3c7;color:#92400e}.plan-actions[data-v-b0a1a0b2]{display:flex;gap:15px;margin-top:15px;flex-wrap:wrap}.action-btn[data-v-b0a1a0b2]{padding:10px 20px;border-radius:10px;font-size:16px;font-weight:300;cursor:pointer;display:inline-flex;align-items:center;gap:10px;border:2px solid transparent;transition:all .3s}.manage-btn[data-v-b0a1a0b2]{background:#ff3131;color:#fff;border-color:#ff3131}.manage-btn[data-v-b0a1a0b2]:hover:not(:disabled){background:#e02828}.change-btn[data-v-b0a1a0b2]{background:#fff;color:#ff3131;border-color:#ff3131}.change-btn[data-v-b0a1a0b2]:hover{background:#f5f3ff}.cancel-btn[data-v-b0a1a0b2]{background:#fff;color:#ff3131;border-color:#ff3131}.cancel-btn[data-v-b0a1a0b2]:hover{background:#fef2f2}.reactivate-btn[data-v-b0a1a0b2]{background:#10b981;color:#fff;border-color:#10b981}.reactivate-btn[data-v-b0a1a0b2]:hover:not(:disabled){background:#059669}.history-btn[data-v-b0a1a0b2]{background:#fff;color:#475569;border-color:#94a3b8}.history-btn[data-v-b0a1a0b2]:hover{background:#f8fafc;border-color:#64748b}.action-btn[data-v-b0a1a0b2]:disabled{opacity:.5;cursor:not-allowed}.upgrade-cta[data-v-b0a1a0b2]{text-align:center;padding:30px;margin-top:20px}.upgrade-cta p[data-v-b0a1a0b2]{color:#475569;font-size:18px;margin-bottom:20px}.upgrade-btn[data-v-b0a1a0b2]{background:#ff3131;color:#fff;border:none;padding:8px 16px;border-radius:12px;font-size:18px;font-weight:400;cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:all .3s}.upgrade-btn[data-v-b0a1a0b2]:hover{box-shadow:0 10px 25px #0003}.modal-overlay[data-v-b0a1a0b2]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content[data-v-b0a1a0b2]{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;animation:modalSlideIn-b0a1a0b2 .3s ease}.modal-header[data-v-b0a1a0b2]{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #e2e8f0}.modal-header h3[data-v-b0a1a0b2]{margin:0;display:flex;align-items:center;gap:10px}.modal-close[data-v-b0a1a0b2]{background:none;border:none;color:#64748b;font-size:20px;cursor:pointer;padding:8px;border-radius:50%}.modal-close[data-v-b0a1a0b2]:hover{background:#f1f5f9}.modal-body[data-v-b0a1a0b2]{padding:15px}.modal-footer[data-v-b0a1a0b2]{padding:10px 12px;display:flex;justify-content:center;flex-direction:column-reverse;gap:12px}.plan-options[data-v-b0a1a0b2]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:10px}.plan-option[data-v-b0a1a0b2]{padding:15px;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s}.plan-option[data-v-b0a1a0b2]:hover{border-color:#cbd5e0}.plan-option.selected[data-v-b0a1a0b2]{border-color:#ff3131;background:#f5f3ff}.plan-option-header[data-v-b0a1a0b2]{margin-bottom:20px}.save-badge[data-v-b0a1a0b2]{display:inline-block;background:#10b981;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:12px}.plan-option-header h4[data-v-b0a1a0b2]{font-size:20px;color:#1e293b;margin:0 0 8px}.plan-option-header .plan-price[data-v-b0a1a0b2]{font-size:28px;font-weight:700;color:#ff3131}.plan-option-header .plan-price span[data-v-b0a1a0b2]{font-size:14px;color:#64748b}.plan-features[data-v-b0a1a0b2]{list-style:none;padding:0;margin:0}.plan-features li[data-v-b0a1a0b2]{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:#475569}.plan-features li i[data-v-b0a1a0b2]{color:#10b981}.change-notice[data-v-b0a1a0b2]{display:flex;align-items:flex-start;gap:12px;padding:8px;background:#f0f9ff;border-radius:10px;color:#0369a1}.change-notice i[data-v-b0a1a0b2]{font-size:20px;margin-top:2px}.cancel-modal .modal-header[data-v-b0a1a0b2]{background:#fef2f2;border-color:#fee2e2}.cancel-modal .modal-header h3[data-v-b0a1a0b2]{color:#dc2626}.warning-message[data-v-b0a1a0b2]{text-align:center;padding:10px;background:#fef3c7;border-radius:10px}.warning-message i[data-v-b0a1a0b2]{font-size:36px;color:#d97706;margin-bottom:16px}.warning-message h4[data-v-b0a1a0b2]{color:#92400e;margin:0 0 8px}.warning-message p[data-v-b0a1a0b2]{color:#92400e;margin:0;font-size:14px}.cancellation-reasons p[data-v-b0a1a0b2]{color:#475569;margin-bottom:16px}.reasons-list[data-v-b0a1a0b2]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}.reason-option[data-v-b0a1a0b2]{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer}.reason-option[data-v-b0a1a0b2]:hover{background:#f8fafc}.reason-option input[type=radio][data-v-b0a1a0b2]{display:none}.custom-radio[data-v-b0a1a0b2]{width:20px;height:20px;border:2px solid #cbd5e0;border-radius:50%;position:relative;flex-shrink:0}.reason-option input[type=radio]:checked+.custom-radio[data-v-b0a1a0b2]{border-color:#ff3131}.custom-radio[data-v-b0a1a0b2]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#ff3131;border-radius:50%;opacity:0}.reason-option input[type=radio]:checked+.custom-radio[data-v-b0a1a0b2]:after{opacity:1}.other-reason textarea[data-v-b0a1a0b2]{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px}.keep-features-option[data-v-b0a1a0b2]{display:flex;align-items:center;gap:12px;padding:12px;background:#f0fdf4;border-radius:8px}.keep-features-option input[type=checkbox][data-v-b0a1a0b2]{display:none}.custom-checkbox[data-v-b0a1a0b2]{width:20px;height:20px;border:2px solid #cbd5e0;border-radius:4px;position:relative;flex-shrink:0}.keep-features-option input[type=checkbox]:checked+.custom-checkbox[data-v-b0a1a0b2]{background:#10b981;border-color:#10b981}.custom-checkbox[data-v-b0a1a0b2]:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;opacity:0}.keep-features-option input[type=checkbox]:checked+.custom-checkbox[data-v-b0a1a0b2]:after{opacity:1}.cancel-btn[data-v-b0a1a0b2],.danger-btn[data-v-b0a1a0b2],.confirm-btn[data-v-b0a1a0b2]{padding:8px 16px;border-radius:10px;font-size:16px;font-weight:400;cursor:pointer;border:1px solid transparent}.cancel-btn[data-v-b0a1a0b2]{background:#fff;color:#475569;border-color:#cbd5e0}.cancel-btn[data-v-b0a1a0b2]:hover{background:#f8fafc}.danger-btn[data-v-b0a1a0b2]{background:#ff3131;color:#fff;border-color:#ff3131}.danger-btn[data-v-b0a1a0b2]:hover:not(:disabled){background:#dc2626}.confirm-btn[data-v-b0a1a0b2]{background:#ff3131;color:#fff;border-color:#ff3131}.confirm-btn[data-v-b0a1a0b2]:hover:not(:disabled){background:#e02828}.cancel-btn[data-v-b0a1a0b2]:disabled,.danger-btn[data-v-b0a1a0b2]:disabled,.confirm-btn[data-v-b0a1a0b2]:disabled{opacity:.5;cursor:not-allowed}@keyframes modalSlideIn-b0a1a0b2{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.payment-history-modal[data-v-b0a1a0b2]{max-width:600px}.payment-history-loading[data-v-b0a1a0b2],.payment-history-error[data-v-b0a1a0b2]{text-align:center;padding:40px 20px}.payment-history-loading p[data-v-b0a1a0b2],.payment-history-error p[data-v-b0a1a0b2]{color:#64748b;margin:12px 0 0}.payment-history-error i[data-v-b0a1a0b2]{font-size:36px;color:#f59e0b}.payment-history-summary[data-v-b0a1a0b2]{background:#f8fafc;border-radius:10px;padding:16px;margin-bottom:20px}.payment-history-summary .summary-row[data-v-b0a1a0b2]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0;font-size:14px}.payment-history-summary .summary-row[data-v-b0a1a0b2]:last-child{border-bottom:none}.payment-history-summary .summary-label[data-v-b0a1a0b2]{color:#64748b;font-weight:500}.payment-history-summary .summary-value[data-v-b0a1a0b2]{color:#1e293b;font-weight:500}.payment-history-summary .summary-value.mono[data-v-b0a1a0b2]{font-family:monospace;font-size:12px;word-break:break-all;text-align:right}.invoices-section-title[data-v-b0a1a0b2]{font-size:16px;color:#1e293b;margin:0 0 12px;display:flex;align-items:center;gap:8px}.invoices-list[data-v-b0a1a0b2]{max-height:320px;overflow-y:auto}.invoice-item[data-v-b0a1a0b2]{border:1px solid #e2e8f0;border-radius:10px;padding:14px;margin-bottom:12px;background:#fff}.invoice-item-header[data-v-b0a1a0b2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.invoice-date[data-v-b0a1a0b2]{font-weight:600;color:#1e293b}.invoice-amount[data-v-b0a1a0b2]{font-weight:700;color:#ff3131;font-size:16px}.invoice-item-details[data-v-b0a1a0b2]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px;font-size:13px;color:#64748b}.invoice-item-details .mono[data-v-b0a1a0b2]{font-family:monospace}.invoice-item-actions[data-v-b0a1a0b2]{display:flex;gap:10px;flex-wrap:wrap}.invoice-link-btn[data-v-b0a1a0b2]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:13px;text-decoration:none;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;transition:all .2s}.invoice-link-btn[data-v-b0a1a0b2]:hover{background:#e2e8f0;color:#1e293b}.invoice-link-btn i[data-v-b0a1a0b2]{font-size:12px}.no-invoices[data-v-b0a1a0b2]{text-align:center;padding:40px 20px;color:#94a3b8}.no-invoices i[data-v-b0a1a0b2]{font-size:48px;margin-bottom:12px;opacity:.5}.no-invoices p[data-v-b0a1a0b2]{margin:0}@media(max-width:768px){.plan-options[data-v-b0a1a0b2],.reasons-list[data-v-b0a1a0b2]{grid-template-columns:1fr}.plan-actions[data-v-b0a1a0b2]{flex-direction:column}.action-btn[data-v-b0a1a0b2]{width:100%;justify-content:center}}.admin-stats-page[data-v-9f2126c5]{min-height:100vh;background:var(--bg-page, #dfe0e7)}.admin-loading[data-v-9f2126c5],.admin-forbidden[data-v-9f2126c5]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.admin-forbidden h1[data-v-9f2126c5]{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-primary)}.admin-forbidden p[data-v-9f2126c5]{margin:0 0 1rem;color:var(--text-secondary)}.back-link[data-v-9f2126c5]{color:var(--brand-color, #ff3131);font-weight:600}.bubble-loader[data-v-9f2126c5]{display:inline-flex;gap:4px}.bubble-loader .bubble[data-v-9f2126c5]{width:8px;height:8px;border-radius:50%;background:var(--brand-color, #ff3131);animation:bounce-9f2126c5 1.4s ease-in-out infinite both}.bubble-loader .bubble[data-v-9f2126c5]:nth-child(1){animation-delay:-.32s}.bubble-loader .bubble[data-v-9f2126c5]:nth-child(2){animation-delay:-.16s}@keyframes bounce-9f2126c5{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.admin-dashboard[data-v-9f2126c5]{max-width:1200px;margin:0 auto;padding:24px 20px 48px}.dashboard-header[data-v-9f2126c5]{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.dashboard-header h1[data-v-9f2126c5]{margin:0 0 8px;font-size:1.5rem;color:var(--text-primary)}.dashboard-header .subtitle[data-v-9f2126c5]{margin:0 0 16px;font-size:.9rem;color:var(--text-secondary)}.header-actions[data-v-9f2126c5]{display:flex;align-items:center;gap:12px}.days-select[data-v-9f2126c5]{padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-content);color:var(--text-primary);font-size:14px}.refresh-btn[data-v-9f2126c5]{padding:8px 16px;border-radius:8px;border:none;background:var(--brand-color, #ff3131);color:#fff;font-weight:600;cursor:pointer}.refresh-btn[data-v-9f2126c5]:disabled{opacity:.6;cursor:not-allowed}.error-banner[data-v-9f2126c5]{padding:12px 16px;margin-bottom:20px;background:#fef2f2;color:#b91c1c;border-radius:8px;border:1px solid #fecaca}.summary-cards[data-v-9f2126c5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:32px}.card[data-v-9f2126c5]{background:var(--bg-content);border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:0 2px 8px var(--shadow)}.card h3[data-v-9f2126c5]{margin:0 0 8px;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.card .big[data-v-9f2126c5]{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.card .med[data-v-9f2126c5]{margin:4px 0 0;font-size:.95rem;color:var(--text-secondary)}.card small[data-v-9f2126c5]{display:block;margin-top:4px;font-size:.8rem;color:var(--text-muted)}.tool-table-section[data-v-9f2126c5],.country-section[data-v-9f2126c5],.recent-section[data-v-9f2126c5]{margin-bottom:32px}.tool-table-section h2[data-v-9f2126c5],.country-section h2[data-v-9f2126c5],.recent-section h2[data-v-9f2126c5]{margin:0 0 8px;font-size:1.15rem;color:var(--text-primary)}.section-note[data-v-9f2126c5]{margin:0 0 12px;font-size:.85rem;color:var(--text-muted)}.table-wrap[data-v-9f2126c5]{overflow-x:auto;background:var(--bg-content);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow)}.tools-table[data-v-9f2126c5]{width:100%;border-collapse:collapse;font-size:14px}.tools-table th[data-v-9f2126c5],.tools-table td[data-v-9f2126c5]{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.tools-table th[data-v-9f2126c5]{font-weight:600;color:var(--text-secondary);background:var(--bg-secondary)}.tools-table td.empty[data-v-9f2126c5]{color:var(--text-muted);text-align:center;padding:24px}.tool-name[data-v-9f2126c5]{font-weight:500;color:var(--text-primary)}.tools-table code[data-v-9f2126c5]{font-size:.85em;background:var(--bg-secondary);padding:2px 6px;border-radius:4px}.badge.success[data-v-9f2126c5]{color:#059669}.badge.fail[data-v-9f2126c5]{color:#dc2626}.badge.pending[data-v-9f2126c5]{color:#b45309}.badge.approved[data-v-9f2126c5]{color:#059669}.badge.declined[data-v-9f2126c5]{color:#dc2626}.local-payments-section[data-v-9f2126c5]{margin-bottom:32px}.section-head-row[data-v-9f2126c5]{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.section-head-row h2[data-v-9f2126c5]{margin:0 0 8px;font-size:1.15rem;color:var(--text-primary)}.payment-actions[data-v-9f2126c5]{display:flex;gap:8px;flex-wrap:wrap}.payment-actions button[data-v-9f2126c5]{border:1px solid var(--border-color);background:var(--bg-content);color:var(--text-primary);border-radius:8px;padding:7px 10px;cursor:pointer}.payment-actions button[data-v-9f2126c5]:disabled{opacity:.5;cursor:not-allowed}.ocr-evidence small[data-v-9f2126c5]{display:block;color:var(--text-muted);line-height:1.4}.modal-overlay[data-v-9f2126c5]{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10000}.match-modal[data-v-9f2126c5]{background:var(--bg-content);color:var(--text-primary);border-radius:8px;width:min(560px,100%);padding:20px;box-shadow:0 20px 50px #00000040}.match-modal header[data-v-9f2126c5]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.match-modal h3[data-v-9f2126c5],.match-modal h4[data-v-9f2126c5]{margin:0}.match-modal header button[data-v-9f2126c5]{border:1px solid var(--border-color);background:transparent;color:var(--text-primary);border-radius:8px;padding:7px 10px;cursor:pointer}.match-modal label[data-v-9f2126c5]{display:grid;gap:6px;margin-bottom:12px;font-weight:600}.match-modal input[data-v-9f2126c5]{border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;background:var(--bg-page);color:var(--text-primary)}.stored-evidence[data-v-9f2126c5]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px;margin-bottom:14px}.stored-evidence p[data-v-9f2126c5]{margin:6px 0;color:var(--text-secondary)}.match-results[data-v-9f2126c5]{margin-top:16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px;color:#166534}.match-results ul[data-v-9f2126c5]{margin:8px 0 0;padding-left:20px}.empty-match[data-v-9f2126c5]{color:var(--text-muted);margin:14px 0 0}.charts-section[data-v-9f2126c5]{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:32px}.chart-card[data-v-9f2126c5]{background:var(--bg-content);border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:0 2px 8px var(--shadow)}.chart-card h2[data-v-9f2126c5]{margin:0 0 16px;font-size:1.1rem}.bar-chart[data-v-9f2126c5]{display:flex;align-items:flex-end;height:120px;gap:4px;padding-bottom:20px;position:relative}.bar-wrap[data-v-9f2126c5]{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar[data-v-9f2126c5]{width:100%;background:var(--brand-color, #ff3131);border-radius:2px 2px 0 0;transition:height .3s ease;min-height:2px}.bar-wrap .label[data-v-9f2126c5]{font-size:9px;color:var(--text-muted);position:absolute;bottom:0}.demo-lists[data-v-9f2126c5]{display:flex;flex-direction:column;gap:16px}.demo-list h4[data-v-9f2126c5]{margin:0 0 8px;font-size:.9rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding-bottom:4px}.demo-list ul[data-v-9f2126c5]{list-style:none;padding:0;margin:0}.demo-list li[data-v-9f2126c5]{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.demo-list li .label[data-v-9f2126c5]{color:var(--text-muted)}.demo-list li .val[data-v-9f2126c5]{font-weight:600}.demo-list .empty[data-v-9f2126c5]{color:var(--text-muted);font-style:italic}@media(max-width:768px){.charts-section[data-v-9f2126c5]{grid-template-columns:1fr}}.error-page[data-v-72253533]{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem}.error-page__content[data-v-72253533]{text-align:center;max-width:480px}.error-page__code[data-v-72253533]{font-size:var(--text-display);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:#6c757d;margin-bottom:.5rem}.error-page__title[data-v-72253533]{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-normal);color:#2c3e50;margin:0 0 1rem}.error-page__message[data-v-72253533]{font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);color:#6c757d;margin:0 0 2rem}.error-page__actions[data-v-72253533]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.error-page__btn[data-v-72253533]{padding:.25rem 1rem;border-radius:10px;font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.error-page__btn--primary[data-v-72253533]{background:#ff3131;color:#fff}.error-page__btn--primary[data-v-72253533]:hover{background:#e02828;transform:translateY(-1px)}.error-page__btn--secondary[data-v-72253533]{background:#fff0f0;color:#ff3131;border:2px solid #ff3131}.error-page__btn--secondary[data-v-72253533]:hover{background:#ffebeb}:root{--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-display: 6rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .025em}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal)}h1{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h3{font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal)}h4{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal)}h5{font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal)}h6{font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide)}p{font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal)}small,.text-sm{font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal)}button,input,select,textarea,a{font-size:inherit;font-weight:var(--font-medium);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal)}button{font-weight:var(--font-semibold)}label{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal)}.text-xs{font-size:var(--text-xs);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal)}.text-sm{font-size:var(--text-sm);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal)}.text-base{font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal)}.text-lg{font-size:var(--text-lg);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal)}.text-xl{font-size:var(--text-xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal)}.text-2xl{font-size:var(--text-2xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.text-3xl{font-size:var(--text-3xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-tight{line-height:var(--leading-tight)}:root,[data-theme=light]{--brand-color: #ff3131;--brand-color-hover: #e02828;--bg-page: #dfe0e7;--bg-content: #ffffff;--bg-secondary: #f5f6f7;--text-primary: #1a1a2e;--text-secondary: #555;--text-muted: #6c757d;--border-color: #e2e8f0;--shadow: rgba(0, 0, 0, .08);--header-bg: #ffffff;--header-text: #555;--header-text-hover: #333;--header-hover: #e9eaec;--header-active-bg: #ffffff;--header-active-text: #000;--header-icon-bg: #fff;--header-submenu-bg: #ffffff;--header-submenu-text: #333;--header-submenu-hover: #f8f9fa;--header-mobile-menu-bg: #ffffff;--footer-bg: #ffffff;--footer-text: #333;--footer-border: #e2e8f0}[data-theme=dark]{--brand-color: #ff3131;--brand-color-hover: #e02828;--bg-page: #0f172a;--bg-content: #1e293b;--bg-secondary: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #475569;--shadow: rgba(0, 0, 0, .4);--header-bg: #1e293b;--header-text: #cbd5e1;--header-text-hover: #f1f5f9;--header-hover: #334155;--header-active-bg: #334155;--header-active-text: #f1f5f9;--header-icon-bg: #334155;--header-submenu-bg: #1e293b;--header-submenu-text: #cbd5e1;--header-submenu-hover: #334155;--header-mobile-menu-bg: #1e293b;--footer-bg: #1e293b;--footer-text: #cbd5e1;--footer-border: #334155}body{background-color:var(--bg-page);color:var(--text-primary)}[data-theme=dark] .upload-box,[data-theme=dark] .upload-area,[data-theme=dark] .site-upload-area,[data-theme=dark] .drop-zone{background:#0f172a;border-color:var(--border-color)}[data-theme=dark] .upload-box:hover,[data-theme=dark] .upload-box.drag-over,[data-theme=dark] .upload-area:hover,[data-theme=dark] .upload-area.drag-over,[data-theme=dark] .site-upload-area:hover,[data-theme=dark] .site-upload-area.drag-over,[data-theme=dark] .drop-zone:hover:not(.has-files):not(.has-image),[data-theme=dark] .drop-zone.dragover{background:var(--bg-content);border-color:var(--brand-color, #ff3131)}[data-theme=dark] .upload-content p,[data-theme=dark] .upload-content small,[data-theme=dark] .upload-content strong,[data-theme=dark] .site-upload-content p,[data-theme=dark] .site-upload-content small,[data-theme=dark] .drop-text,[data-theme=dark] .drop-subtext{color:var(--text-secondary)}[data-theme=dark] .site-popup,[data-theme=dark] .success-popup,[data-theme=dark] .error-popup{background:#0f172a;border:1px solid var(--border-color)}[data-theme=dark] .site-popup-content,[data-theme=dark] .popup-content{color:var(--text-primary)}[data-theme=dark] .site-popup-content p,[data-theme=dark] .popup-content p{color:var(--text-secondary)}[data-theme=dark] .site-popup-actions,[data-theme=dark] .popup-actions{border-top-color:var(--border-color)}[data-theme=dark] .site-popup-btn.secondary,[data-theme=dark] .popup-actions .btn-secondary{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .site-popup-btn.secondary:hover:not(:disabled),[data-theme=dark] .popup-actions .btn-secondary:hover:not(:disabled){background:var(--border-color)}[data-theme=dark] .auth-page .form-wrapper{background:#0f172a;border:1px solid var(--border-color)}[data-theme=dark] .auth-page .form-label{color:var(--text-secondary)}[data-theme=dark] .auth-page .form-input{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .auth-page .form-input::placeholder{color:var(--text-muted)}[data-theme=dark] .auth-page .form-input:focus{background:var(--bg-content)}[data-theme=dark] .auth-page .input-icon{color:var(--text-muted)}[data-theme=dark] .auth-page .input-icon.valid{color:#10b981}[data-theme=dark] .auth-page .register-link,[data-theme=dark] .auth-page .login-link{color:var(--text-secondary)}[data-theme=dark] .auth-page .register-link-text,[data-theme=dark] .auth-page .login-link-text,[data-theme=dark] .auth-page .forgot-password a{color:var(--brand-color, #ff3131)}[data-theme=dark] .auth-page .checkbox-label{color:var(--text-secondary)}[data-theme=dark] .auth-page .custom-checkbox{border-color:var(--border-color)}[data-theme=dark] .auth-page .strength-label{color:var(--text-muted)}[data-theme=dark] .auth-page .modal-content{background:#0f172a;border:1px solid var(--border-color)}[data-theme=dark] .auth-page .modal-header{border-bottom-color:var(--border-color)}[data-theme=dark] .auth-page .modal-header h3{color:var(--text-primary)}[data-theme=dark] .auth-page .modal-close{color:var(--text-muted)}[data-theme=dark] .auth-page .modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .auth-page .modal-body p{color:var(--text-secondary)}[data-theme=dark] .auth-page .modal-footer{border-top-color:var(--border-color)}[data-theme=dark] .auth-page .modal-btn.secondary{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .auth-page .modal-btn.secondary:hover{background:var(--border-color)}[data-theme=dark] .auth-page .form-status.success{background:#10b98133;color:#6ee7b7}[data-theme=dark] .auth-page .form-status.error{background:#ef444433;color:#fca5a5}[data-theme=dark] .auth-page .submit-btn{background:var(--brand-color, #ff3131);color:#fff}[data-theme=dark] .auth-page .submit-btn:hover:not(:disabled){background:var(--brand-color-hover, #e02828)}[data-theme=dark] .auth-page .error-message{color:#fca5a5}[data-theme=dark] .auth-page .strength-meter{background:var(--border-color)}[data-theme=dark] .auth-page .page-header h2{color:var(--text-primary)}[data-theme=dark] .auth-page .page-description{color:var(--text-secondary)}[data-theme=dark] .summary-label,[data-theme=dark] .stat-label,[data-theme=dark] .size-label{color:var(--text-muted)}[data-theme=dark] .summary-value,[data-theme=dark] .stat-value,[data-theme=dark] .size-value{color:var(--text-primary)}[data-theme=dark] .stats-summary,[data-theme=dark] .stats-grid,[data-theme=dark] .size-comparison{color:var(--text-secondary)}[data-theme=dark] .stat-item{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .stat-item.highlight{background:#28a74533;border-color:#28a745}[data-theme=dark] .ocr-educational-section h3,[data-theme=dark] .ocr-educational-section h4{color:var(--text-primary)}[data-theme=dark] .ocr-educational-section p{color:var(--text-secondary)}[data-theme=dark] .educational-section h3,[data-theme=dark] .educational-section h4{color:var(--text-primary)}[data-theme=dark] .educational-section p,[data-theme=dark] .educational-section .content-block p{color:var(--text-secondary)}[data-theme=dark] .content-block,[data-theme=dark] .content-block.intro-block,[data-theme=dark] .content-block.benefits-block,[data-theme=dark] .content-block.quality-block,[data-theme=dark] .content-block.comparison-block,[data-theme=dark] .content-block.security-info,[data-theme=dark] .content-block.issues-section,[data-theme=dark] .content-block.practices-section,[data-theme=dark] .content-block.practices-block,[data-theme=dark] .content-block.security-tips,[data-theme=dark] .content-block.technical-info,[data-theme=dark] .content-block.guide-section,[data-theme=dark] .content-block.format-guide,[data-theme=dark] .content-block.problems-block,[data-theme=dark] .content-block.process-block,[data-theme=dark] .content-block.advice-block,[data-theme=dark] .content-block.formats-block,[data-theme=dark] .content-block.about-block,[data-theme=dark] .content-block.usecases-section,[data-theme=dark] .content-block.faq-section,[data-theme=dark] .content-block.use-cases,[data-theme=dark] .content-block.usecase-block{background:var(--bg-content)!important;border-color:var(--border-color)!important}[data-theme=dark] .content-block h3{color:var(--text-primary)}[data-theme=dark] .faq-item,[data-theme=dark] .faq-item summary{color:var(--text-primary);background:var(--bg-content)!important;border-color:var(--border-color)}[data-theme=dark] .faq-item summary:hover,[data-theme=dark] .faq-item[open] summary{background:var(--bg-secondary)!important}[data-theme=dark] .faq-item p,[data-theme=dark] .faq-answer,[data-theme=dark] .faq-answer p{color:var(--text-secondary);background:var(--bg-content)!important;border-color:var(--border-color);border-top-color:var(--border-color)}[data-theme=dark] .benefit-card{background:var(--bg-content);border-color:var(--border-color)}[data-theme=dark] .benefit-card h4{color:var(--text-primary)}[data-theme=dark] .benefit-card p{color:var(--text-secondary)}[data-theme=dark] .benefit-card:hover{border-color:var(--border-color);background:var(--bg-secondary)}[data-theme=dark] .upload-section h3,[data-theme=dark] .upload-text{color:var(--text-primary)}[data-theme=dark] .upload-info,[data-theme=dark] .reduction-label{color:var(--text-muted)}[data-theme=dark] .reduction-value,[data-theme=dark] .filename-guidelines h4{color:var(--text-primary)}[data-theme=dark] .guideline-text{color:var(--text-secondary)}[data-theme=dark] .progress-section,[data-theme=dark] .progress-header,[data-theme=dark] .progress-stats{color:var(--text-primary)}[data-theme=dark] .progress-header .time-estimate,[data-theme=dark] .progress-stats .stat,[data-theme=dark] .status-text{color:var(--text-secondary)}[data-theme=dark] .upload-placeholder{background:var(--bg-content);border-color:var(--border-color)}[data-theme=dark] .upload-placeholder:hover{background:var(--bg-secondary)}[data-theme=dark] .upload-placeholder p,[data-theme=dark] .upload-placeholder .hint{color:var(--text-secondary)}[data-theme=dark] .file-item-card{background:var(--bg-content);border-color:var(--border-color)}[data-theme=dark] .file-item-card.cleaned{background:#17a2b833;border-color:#17a2b8}[data-theme=dark] .file-item-card small,[data-theme=dark] .original-name{color:var(--text-muted)}[data-theme=dark] .modal-content,[data-theme=dark] .modal-overlay .modal-content{background:#0f172a!important;border-color:var(--border-color)}[data-theme=dark] .modal-header{background:transparent;border-bottom-color:var(--border-color)}[data-theme=dark] .modal-header h3,[data-theme=dark] .modal-header h4{color:var(--text-primary)}[data-theme=dark] .modal-body{color:var(--text-secondary)}[data-theme=dark] .modal-body h1,[data-theme=dark] .modal-body h2,[data-theme=dark] .modal-body h3,[data-theme=dark] .modal-body h4{color:var(--text-primary)}[data-theme=dark] .modal-body p,[data-theme=dark] .modal-body span,[data-theme=dark] .modal-body label{color:var(--text-secondary)}[data-theme=dark] .modal-close{color:var(--text-muted)}[data-theme=dark] .modal-close:hover{background:var(--bg-content);color:var(--text-primary)}[data-theme=dark] .modal-footer{border-top-color:var(--border-color)}[data-theme=dark] .modal-footer .cancel-btn{background:var(--bg-content);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .modal-footer .cancel-btn:hover{background:var(--bg-secondary)}[data-theme=dark] .modal-footer .confirm-btn{background:var(--brand-color, #ff3131);color:#fff}[data-theme=dark] .subscription-dashboard{background:var(--bg-page)}[data-theme=dark] .dashboard-header{background:#0f172a;border:1px solid var(--border-color)}[data-theme=dark] .dashboard-header h1,[data-theme=dark] .dashboard-header .subtitle{color:var(--text-secondary)}[data-theme=dark] .plan-card{background:#0f172a;border-color:var(--border-color)}[data-theme=dark] .plan-details h2,[data-theme=dark] .plan-price{color:var(--text-primary)}[data-theme=dark] .plan-price .period{color:var(--text-muted)}[data-theme=dark] .plan-status{color:var(--text-secondary)}[data-theme=dark] .plan-option{background:#0f172a;border-color:var(--border-color)}[data-theme=dark] .plan-option:hover,[data-theme=dark] .plan-option.selected{background:var(--bg-content);border-color:var(--border-color)}[data-theme=dark] .plan-option-header h4{color:var(--text-primary)}[data-theme=dark] .plan-features li{color:var(--text-secondary)}[data-theme=dark] .payment-history-summary{background:var(--bg-content);border-color:var(--border-color)}[data-theme=dark] .payment-history-summary .summary-label{color:var(--text-muted)}[data-theme=dark] .payment-history-summary .summary-value{color:var(--text-primary)}[data-theme=dark] .invoice-item{background:var(--bg-content);border-color:var(--border-color)}[data-theme=dark] .invoice-date{color:var(--text-primary)}[data-theme=dark] .invoice-item-details{color:var(--text-muted)}[data-theme=dark] .invoice-link-btn{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .invoice-link-btn:hover{background:var(--border-color);color:var(--text-primary)}[data-theme=dark] .change-btn{background:var(--bg-content);color:var(--brand-color, #ff3131);border-color:var(--border-color)}[data-theme=dark] .change-btn:hover{background:var(--bg-secondary)}[data-theme=dark] .cancel-btn.action-btn{background:var(--bg-content);color:var(--brand-color, #ff3131);border-color:var(--border-color)}[data-theme=dark] .cancel-btn.action-btn:hover{background:var(--bg-secondary)}[data-theme=dark] .cancel-modal .modal-header{background:#ef444426;border-color:var(--border-color)}[data-theme=dark] .cancel-modal .modal-header h3{color:#fca5a5}[data-theme=dark] .warning-message{background:#f59e0b26;border-color:var(--border-color)}[data-theme=dark] .warning-message h4,[data-theme=dark] .warning-message p,[data-theme=dark] .cancellation-reasons p{color:var(--text-secondary)}[data-theme=dark] .reason-option{background:var(--bg-content);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .reason-option:hover{background:var(--bg-secondary)}[data-theme=dark] .other-reason textarea{background:var(--bg-content);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .other-reason textarea::placeholder{color:var(--text-muted)}[data-theme=dark] .tool-popup,[data-theme=dark] .popup-wrapper,[data-theme=dark] .upload-section .upload-box,[data-theme=dark] .upload-placeholder{background:#0f172a}[data-theme=dark] .content-section{background:#0f172a!important;border-color:var(--border-color)}[data-theme=dark] .content-block{background:var(--bg-content)!important;border-color:var(--border-color)!important;box-shadow:0 3px 10px #0000004d}[data-theme=dark] .content-block h3{color:var(--text-primary);border-bottom-color:var(--brand-color, #ff3131)}[data-theme=dark] .content-card{background:var(--bg-content)!important;border:1px solid var(--border-color);box-shadow:0 2px 8px #0003}[data-theme=dark] .content-card h4{color:var(--brand-color, #ff3131)}[data-theme=dark] .content-card p{color:var(--text-secondary)}[data-theme=dark] .tip-item{background:var(--bg-content)!important;border-left-color:var(--brand-color, #ff3131);border:1px solid var(--border-color);border-left:3px solid var(--brand-color, #ff3131)}[data-theme=dark] .tip-content h4{color:var(--text-primary)}[data-theme=dark] .tip-content p{color:var(--text-secondary)}[data-theme=dark] .file-list-container{background:var(--bg-content)!important;border-color:var(--border-color);box-shadow:0 2px 8px #0003}[data-theme=dark] .file-item{border-bottom-color:var(--border-color)}[data-theme=dark] .file-item:hover{background-color:var(--bg-secondary)}[data-theme=dark] .file-name{color:var(--text-primary)}[data-theme=dark] .file-size{color:var(--text-muted)}[data-theme=dark] .progress-section{background:var(--bg-content)!important;border-color:var(--border-color)}[data-theme=dark] .progress-header{color:var(--text-primary)}[data-theme=dark] .time-estimate{background:var(--bg-secondary);color:var(--text-secondary)}[data-theme=dark] .progress-wrapper{background:var(--bg-secondary)}[data-theme=dark] .status-text{color:var(--text-secondary)}[data-theme=dark] .stat-item{border-bottom-color:var(--border-color)}[data-theme=dark] .stat-label{color:var(--text-muted)}[data-theme=dark] .stat-value{color:var(--text-primary)}[data-theme=dark] .faq-item{background:var(--bg-content)!important;border:1px solid var(--border-color)}[data-theme=dark] .faq-item summary{color:var(--text-primary);background:var(--bg-content)!important;border-bottom-color:var(--border-color)}[data-theme=dark] .faq-item summary:hover{background:var(--bg-secondary)!important}[data-theme=dark] .faq-item[open] summary{background:var(--bg-secondary)!important}[data-theme=dark] .faq-item p{color:var(--text-secondary);background:var(--bg-content)!important}[data-theme=dark] .benefit-card{background:#0f172a}[data-theme=dark] .benefit-card:hover{background:var(--bg-content)}[data-theme=dark] .modal-content input,[data-theme=dark] .modal-content select,[data-theme=dark] .modal-content textarea{background:var(--bg-content);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .modal-content input::placeholder,[data-theme=dark] .modal-content textarea::placeholder{color:var(--text-muted)}[data-theme=dark] .files-list-section,[data-theme=dark] .files-header,[data-theme=dark] .files-summary,[data-theme=dark] .add-more-section{background:transparent;color:var(--text-primary)}[data-theme=dark] .add-more-btn{background:var(--bg-content)!important;border-color:var(--brand-color, #ff3131)!important;color:var(--brand-color, #ff3131)!important}[data-theme=dark] .add-more-btn:hover{background:var(--bg-secondary)!important;border-color:var(--brand-color-hover, #e02828)!important;color:var(--brand-color-hover, #e02828)!important}[data-theme=dark] .compress-btn{background:var(--brand-color, #ff3131)!important;color:#fff!important;border:none}[data-theme=dark] .compress-btn:hover:not(:disabled):not(.disabled){background:var(--brand-color-hover, #e02828)!important}[data-theme=dark] .compress-btn:disabled,[data-theme=dark] .compress-btn.disabled{background:var(--bg-secondary)!important;color:var(--text-muted)!important}[data-theme=dark] .compress-btn.loading{background:var(--border-color)!important;color:var(--text-muted)!important}[data-theme=dark] .change-notice{background:#3b82f626;color:var(--text-secondary)}[data-theme=dark] .error-message,[data-theme=dark] .error-container .error-message{background:#0f172a;border:1px solid var(--border-color)}[data-theme=dark] .error-message h3,[data-theme=dark] .error-message p{color:var(--text-primary)}[data-theme=dark] .modal-container,[data-theme=dark] .popup-box{background:#0f172a!important;border-color:var(--border-color)}[data-theme=dark] .modal-container .modal-title,[data-theme=dark] .modal-container .modal-subtitle,[data-theme=dark] .modal-container h4,[data-theme=dark] .modal-container h5,[data-theme=dark] .modal-container p,[data-theme=dark] .modal-container .plan-name,[data-theme=dark] .modal-container .price{color:var(--text-primary)}[data-theme=dark] .modal-container .period,[data-theme=dark] .modal-container .savings{color:var(--text-muted)}[data-theme=dark] .pricing-card,[data-theme=dark] .limit-warning,[data-theme=dark] .login-prompt{background:var(--bg-content);border-color:var(--border-color)}[data-theme=dark] .converter{background:transparent}[data-theme=dark] .converter .subtitle{color:var(--text-secondary)}[data-theme=dark] .converter h2{color:var(--text-primary)}[data-theme=dark] .file-list-container::-webkit-scrollbar-track{background:var(--bg-secondary)}[data-theme=dark] .file-list-container::-webkit-scrollbar-thumb{background:var(--border-color)}[data-theme=dark] .file-list-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}[data-theme=dark] .payment-history-loading p,[data-theme=dark] .payment-history-error p,[data-theme=dark] .loading-spinner p{color:var(--text-secondary)}[data-theme=dark] .btn-primary{background:var(--brand-color, #ff3131)!important;color:#fff!important;border:none}[data-theme=dark] .btn-primary:hover:not(:disabled){background:var(--brand-color-hover, #e02828)!important}[data-theme=dark] .btn-secondary{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:var(--border-color)!important}[data-theme=dark] .merge-btn,[data-theme=dark] .merge-btn-size,[data-theme=dark] .sign-btn.primary{background:var(--brand-color, #ff3131)!important;color:#fff!important}[data-theme=dark] .merge-btn:hover:not(:disabled):not(.disabled):not(.loading),[data-theme=dark] .merge-btn-size:hover:not(:disabled),[data-theme=dark] .sign-btn.primary:hover:not(:disabled){background:var(--brand-color-hover, #e02828)!important}[data-theme=dark] .merge-btn.disabled,[data-theme=dark] .merge-btn:disabled{background:var(--bg-secondary)!important;color:var(--text-muted)}[data-theme=dark] .action-btn{background:var(--bg-content)!important;color:var(--text-primary)!important;border-color:var(--border-color)}[data-theme=dark] .action-btn:hover:not(:disabled){background:var(--bg-secondary)!important;border-color:var(--border-color)}[data-theme=dark] .action-btn.primary,[data-theme=dark] .action-btn.manage-btn,[data-theme=dark] .action-btn.history-btn{background:var(--brand-color, #ff3131)!important;color:#fff!important;border-color:transparent}[data-theme=dark] .action-btn.primary:hover:not(:disabled),[data-theme=dark] .action-btn.manage-btn:hover:not(:disabled){background:var(--brand-color-hover, #e02828)!important}[data-theme=dark] .action-btn.secondary,[data-theme=dark] .action-btn.change-btn,[data-theme=dark] .action-btn.reactivate-btn{background:var(--bg-content)!important;color:var(--brand-color, #ff3131)!important;border-color:var(--border-color)}[data-theme=dark] .action-btn.secondary:hover:not(:disabled),[data-theme=dark] .action-btn.change-btn:hover:not(:disabled){background:var(--bg-secondary)!important}[data-theme=dark] .modal-box{background:#0f172a!important;border:1px solid var(--border-color);box-shadow:0 20px 60px #0006}[data-theme=dark] .form-wrapper,[data-theme=dark] .who-sign-wrapper{background:var(--bg-content)!important;border-color:var(--border-color)}[data-theme=dark] .who-sign-btn{background:var(--bg-content)!important;color:var(--text-primary)!important;border-color:var(--border-color)}[data-theme=dark] .who-sign-btn:hover,[data-theme=dark] .who-sign-btn.selected{background:var(--bg-secondary)!important;border-color:var(--brand-color, #ff3131)}[data-theme=dark] .encoder-card,[data-theme=dark] .converter-card,[data-theme=dark] .tool-card,[data-theme=dark] .transpiler-card,[data-theme=dark] .api-card{background:var(--bg-content)!important;border-color:var(--border-color)}[data-theme=dark] .encoder-card .input-title,[data-theme=dark] .converter-card .converter-title,[data-theme=dark] .tool-card .tool-title,[data-theme=dark] .transpiler-card .transpiler-title{color:var(--text-primary)}[data-theme=dark] .encoder-card .input-label,[data-theme=dark] .tool-card .tool-label,[data-theme=dark] .option-label{color:var(--text-secondary)}[data-theme=dark] .practice-item,[data-theme=dark] .use-case-card,[data-theme=dark] .language-card,[data-theme=dark] .explanation-item,[data-theme=dark] .tip-card{background:var(--bg-content)!important;border-color:var(--border-color)}[data-theme=dark] .practice-item h4,[data-theme=dark] .use-case-card h4,[data-theme=dark] .language-card h4,[data-theme=dark] .explanation-header,[data-theme=dark] .tip-card h4{color:var(--text-primary)}[data-theme=dark] .practice-item p,[data-theme=dark] .use-case-card p,[data-theme=dark] .language-card p,[data-theme=dark] .explanation-item p,[data-theme=dark] .tip-card p{color:var(--text-secondary)}[data-theme=dark] .benefits-block,[data-theme=dark] .practices-block,[data-theme=dark] .tips-block,[data-theme=dark] .technical-block,[data-theme=dark] .security-block,[data-theme=dark] .usecases-block,[data-theme=dark] .faq-block,[data-theme=dark] .intro-block,[data-theme=dark] .quality-block,[data-theme=dark] .process-block{background:transparent!important}[data-theme=dark] .process-step{background:var(--bg-content)!important;border-left-color:var(--brand-color, #ff3131);border:1px solid var(--border-color);border-left:4px solid var(--brand-color, #ff3131)}[data-theme=dark] .step-content h4{color:var(--text-primary)}[data-theme=dark] .step-content p{color:var(--text-secondary)}[data-theme=dark] .practice-card{background:var(--bg-content)!important;border-top-color:var(--brand-color, #ff3131);border:1px solid var(--border-color);border-top:4px solid var(--brand-color, #ff3131)}[data-theme=dark] .practice-card h4{color:var(--text-primary)}[data-theme=dark] .practice-card p{color:var(--text-secondary)}[data-theme=dark] .use-case-item,[data-theme=dark] .use-case{background:var(--bg-content)!important;border:1px solid var(--border-color)}[data-theme=dark] .use-case-badge{background:#22c55e!important;color:#fff}[data-theme=dark] .use-case-content h4,[data-theme=dark] .use-case h4,[data-theme=dark] .case-content h4{color:var(--text-primary)}[data-theme=dark] .use-case-content p,[data-theme=dark] .use-case p,[data-theme=dark] .case-content p{color:var(--text-secondary)}[data-theme=dark] .tip-item{background:var(--bg-content)!important;border-color:var(--border-color);border-left-color:var(--brand-color, #ff3131)}[data-theme=dark] .tip-item .tip-content h4,[data-theme=dark] .tip-item .tip-text h4{color:var(--text-primary)}[data-theme=dark] .tip-item .tip-content p,[data-theme=dark] .tip-item .tip-text p{color:var(--text-secondary)}[data-theme=dark] .tech-step{background:var(--bg-content)!important;border-color:var(--border-color)}[data-theme=dark] .tech-step h4{color:var(--text-primary)}[data-theme=dark] .tech-step p,[data-theme=dark] .tech-step ul,[data-theme=dark] .tech-step li{color:var(--text-secondary)}[data-theme=dark] .benefit-content h4{color:var(--text-primary)}[data-theme=dark] .benefit-content p{color:var(--text-secondary)}[data-theme=dark] .quality-item,[data-theme=dark] .comparison-item,[data-theme=dark] .format-item{background:var(--bg-content)!important;border-color:var(--border-color)}[data-theme=dark] .quality-item h4,[data-theme=dark] .comparison-item h4,[data-theme=dark] .format-item h4{color:var(--text-primary)}[data-theme=dark] .quality-item p,[data-theme=dark] .comparison-item p,[data-theme=dark] .format-item p{color:var(--text-secondary)}[data-theme=dark] .tips-box{background:var(--bg-content)!important;border-color:var(--border-color)}[data-theme=dark] .tips-box h4{color:var(--text-primary)}[data-theme=dark] .tips-box ul,[data-theme=dark] .tips-box li{color:var(--text-secondary)}[data-theme=dark] .problem-item,[data-theme=dark] .advice-card,[data-theme=dark] .advice-item{background:var(--bg-content)!important;border-color:var(--border-color)}[data-theme=dark] .problem-item h4,[data-theme=dark] .problem-content h4,[data-theme=dark] .advice-card h4,[data-theme=dark] .advice-item h4{color:var(--text-primary)}[data-theme=dark] .problem-item p,[data-theme=dark] .problem-content p,[data-theme=dark] .advice-card p,[data-theme=dark] .advice-item p,[data-theme=dark] .technical-content,[data-theme=dark] .technical-grid,[data-theme=dark] .technical-content p{color:var(--text-secondary)}[data-theme=dark] .detail-item{background:var(--bg-content)!important;border:1px solid var(--border-color)}[data-theme=dark] .detail-content strong{color:var(--text-primary)}[data-theme=dark] .detail-content p{color:var(--text-secondary)}[data-theme=dark] .tech-spec{background:var(--bg-content)!important;border:1px solid var(--border-color)}[data-theme=dark] .spec-label{color:var(--text-secondary)}[data-theme=dark] .spec-value{background:#22c55e33!important;color:#86efac;border:1px solid var(--border-color)}[data-theme=dark] .format-card,[data-theme=dark] .formats-grid .format-card,[data-theme=dark] .spec-card{background:var(--bg-content)!important;border-color:var(--border-color)}[data-theme=dark] .spec-card h4,[data-theme=dark] .spec-header h4{color:var(--text-primary)}[data-theme=dark] .spec-card ul,[data-theme=dark] .spec-list,[data-theme=dark] .spec-note{color:var(--text-secondary)}[data-theme=dark] .usecase-card{background:var(--bg-content)!important;border-color:var(--border-color)}[data-theme=dark] .usecase-card h4{color:var(--text-primary)}[data-theme=dark] .usecase-card p{color:var(--text-secondary)}[data-theme=dark] .supported-formats{background:var(--bg-content)!important;border-color:var(--border-color)}[data-theme=dark] .supported-formats p,[data-theme=dark] .supported-formats span{color:var(--text-secondary)}[data-theme=dark] .upload-tips{background:var(--bg-content)!important;border-color:var(--border-color)}[data-theme=dark] .upload-tips p{color:var(--text-secondary)}[data-theme=dark] .format-card h4{color:var(--text-primary)}[data-theme=dark] .format-card p{color:var(--text-secondary)}[data-theme=dark] .issue-item{background:var(--bg-content)!important;border-color:var(--border-color)}[data-theme=dark] .issue-item h4,[data-theme=dark] .issue-content h4{color:var(--text-primary)}[data-theme=dark] .issue-item p,[data-theme=dark] .issue-content p{color:var(--text-secondary)}[data-theme=dark] .step-item{background:var(--bg-content)!important;border-color:var(--border-color)}[data-theme=dark] .step-item .step-content h4{color:var(--text-primary)}[data-theme=dark] .step-item .step-content p{color:var(--text-secondary)}[data-theme=dark] .quality-item{background:#22c55e26!important;border-color:var(--border-color)}[data-theme=dark] .quality-details h4{color:var(--text-primary)}[data-theme=dark] .quality-details p{color:var(--text-secondary)}[data-theme=dark] .quality-tips{background:var(--bg-content)!important;border-color:var(--border-color)}[data-theme=dark] .quality-tips h4{color:var(--text-primary)}[data-theme=dark] .quality-tips ul,[data-theme=dark] .quality-tips li{color:var(--text-secondary)}[data-theme=dark] .format-comparison,[data-theme=dark] .format-row{background:var(--bg-content)!important;border-color:var(--border-color)}[data-theme=dark] .format-row.header{background:var(--bg-secondary)!important;color:var(--text-primary)}[data-theme=dark] .format-row .format-name,[data-theme=dark] .format-row .format-best-for,[data-theme=dark] .format-row .format-quality,[data-theme=dark] .format-row .format-size{color:var(--text-secondary)}[data-theme=dark] .format-row strong{color:var(--text-primary)}[data-theme=dark] .comparison-table,[data-theme=dark] .comparison-note{background:var(--bg-content)!important;border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .comparison-table th{background:var(--bg-secondary)!important;color:var(--text-primary)}[data-theme=dark] .comparison-table tbody tr:nth-child(odd),[data-theme=dark] .comparison-table tbody tr:nth-child(2n){background:var(--bg-content)!important}[data-theme=dark] .comparison-table tbody tr{border-bottom-color:var(--border-color)}[data-theme=dark] .comparison-table tr:first-child td{background:var(--bg-secondary)!important;color:var(--text-primary)}[data-theme=dark] .comparison-table td{border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .conversion-info{background:var(--bg-content)!important;border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .format-badge{background:var(--bg-secondary)!important;color:var(--text-secondary);border:1px solid var(--border-color)}[data-theme=dark] .guide-section,[data-theme=dark] .content-block.guide-section,[data-theme=dark] .use-cases,[data-theme=dark] .content-block.use-cases,[data-theme=dark] .faq-section,[data-theme=dark] .content-block.faq-section,[data-theme=dark] .educational-section .content-block,[data-theme=dark] .content-block.security-block,[data-theme=dark] .content-block.technical-block,[data-theme=dark] .content-block.use-cases-block,[data-theme=dark] .content-block.practices-block,[data-theme=dark] .content-block.faq-block{background:var(--bg-content)!important;border-color:var(--border-color)!important}[data-theme=dark] .warning-item{background:#ef444426!important;border:1px solid var(--border-color);border-left:4px solid var(--brand-color, #ff3131)}[data-theme=dark] .warning-text h4{color:#fca5a5}[data-theme=dark] .warning-text p{color:var(--text-secondary)}[data-theme=dark] .tech-card{background:var(--bg-content)!important;border:1px solid var(--border-color)}[data-theme=dark] .tech-card h4{color:var(--text-primary)}[data-theme=dark] .tech-card p,[data-theme=dark] .tech-card ul,[data-theme=dark] .tech-card li{color:var(--text-secondary)}[data-theme=dark] .tech-card li strong{color:var(--text-primary)}[data-theme=dark] .use-case-card{background:var(--bg-content)!important;border:1px solid var(--border-color)}[data-theme=dark] .use-case-card h4{color:var(--text-primary)}[data-theme=dark] .use-case-card p{color:var(--text-secondary)}[data-theme=dark] .practice-item{background:var(--bg-content)!important;border:1px solid var(--border-color)}[data-theme=dark] .practice-content h4{color:var(--text-primary)}[data-theme=dark] .practice-content p{color:var(--text-secondary)}[data-theme=dark] .file-type-badge{background:var(--bg-secondary)!important;color:var(--text-secondary);border:1px solid var(--border-color)}[data-theme=dark] .benefits-block h3,[data-theme=dark] .practices-block h3,[data-theme=dark] .tips-block h3,[data-theme=dark] .technical-block h3,[data-theme=dark] .security-block h3,[data-theme=dark] .use-cases-block h3,[data-theme=dark] .usecases-block h3,[data-theme=dark] .usecase-block h3,[data-theme=dark] .faq-block h3,[data-theme=dark] .faq-section h3,[data-theme=dark] .formats-block h3,[data-theme=dark] .guide-section h3,[data-theme=dark] .format-guide h3,[data-theme=dark] .problems-block h3,[data-theme=dark] .process-block h3,[data-theme=dark] .advice-block h3,[data-theme=dark] .quality-block h3,[data-theme=dark] .comparison-block h3,[data-theme=dark] .security-info h3,[data-theme=dark] .security-tips h3,[data-theme=dark] .technical-info h3,[data-theme=dark] .issues-section h3,[data-theme=dark] .practices-section h3,[data-theme=dark] .usecases-section h3,[data-theme=dark] .use-cases h3{color:var(--text-primary)}[data-theme=dark] .benefits-block p,[data-theme=dark] .practices-block p,[data-theme=dark] .technical-block p,[data-theme=dark] .security-block p,[data-theme=dark] .use-cases-block p,[data-theme=dark] .usecases-block p{color:var(--text-secondary)}[data-theme=dark] .footer,[data-theme=dark] footer{background:var(--footer-bg)!important;border-top-color:var(--footer-border);color:var(--footer-text)}[data-theme=dark] .footer a,[data-theme=dark] footer a{color:var(--text-secondary)}[data-theme=dark] .footer a:hover,[data-theme=dark] footer a:hover{color:var(--text-primary)}[data-theme=dark] .qr-popup-content,[data-theme=dark] .upgrade-popup-content{background:#0f172a!important;color:var(--text-primary)}[data-theme=dark] .qr-popup-content p,[data-theme=dark] .qr-popup-content span,[data-theme=dark] .upgrade-popup-content p{color:var(--text-secondary)}[data-theme=dark] .preview-editor-container,[data-theme=dark] .preview-toolbar{background:var(--bg-content)!important;border-color:var(--border-color)}[data-theme=dark] .page-action-btn{background:var(--bg-content)!important;color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .page-action-btn:hover,[data-theme=dark] .page-action-btn.selected{background:var(--bg-secondary)!important}[data-theme=dark] .toast{background:var(--bg-content)!important;border:1px solid var(--border-color);color:var(--text-primary)}[data-theme=dark] .converter input,[data-theme=dark] .converter textarea,[data-theme=dark] .converter select,[data-theme=dark] .modal-content input,[data-theme=dark] .modal-content textarea,[data-theme=dark] .modal-content select,[data-theme=dark] .modal-box input,[data-theme=dark] .modal-box textarea,[data-theme=dark] .modal-box select,[data-theme=dark] .popup-content input,[data-theme=dark] .popup-content textarea,[data-theme=dark] .content-section input,[data-theme=dark] .content-section textarea{background:var(--bg-content)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .converter input::placeholder,[data-theme=dark] .converter textarea::placeholder,[data-theme=dark] .modal-content input::placeholder,[data-theme=dark] .modal-content textarea::placeholder{color:var(--text-muted)!important}[data-theme=dark] .code-editor,[data-theme=dark] .code-input,[data-theme=dark] .tool-textarea,[data-theme=dark] .output-section,[data-theme=dark] .output-content,[data-theme=dark] .output-text{background:var(--bg-content)!important;border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .summary-header h3,[data-theme=dark] .summary-stats{color:var(--text-primary)}[data-theme=dark] .clear-all-btn{background:#ffffff26!important;color:var(--text-primary);border-color:#ffffff4d}[data-theme=dark] .clear-all-btn:hover:not(:disabled){background:#ffffff40!important}[data-theme=dark] .action-btn.minify,[data-theme=dark] .action-btn.beautify{background:var(--bg-content)!important;color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .action-btn.minify.active,[data-theme=dark] .action-btn.beautify.active{background:var(--brand-color, #ff3131)!important;color:#fff;border-color:transparent}[data-theme=dark] .drop-zone.has-files,[data-theme=dark] .drop-zone.has-image{background:var(--bg-content)!important;border-color:var(--border-color)}[data-theme=dark] .file-summary{background:var(--brand-color, #ff3131);color:#fff;border-color:transparent}[data-theme=dark] .cookie-consent{background:var(--bg-content)!important;border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .page-header,[data-theme=dark] .page-title{color:var(--text-primary)}[data-theme=dark] .page-subtitle,[data-theme=dark] .section-description{color:var(--text-secondary)}[data-theme=dark] .payment-page,[data-theme=dark] .payment-success{background:var(--bg-page)}[data-theme=dark] .payment-card,[data-theme=dark] .success-card,[data-theme=dark] .compatibility-section,[data-theme=dark] .template-info,[data-theme=dark] .format-guide{background:var(--bg-content)!important;border-color:var(--border-color)}[data-theme=dark] .compatibility-section h3,[data-theme=dark] .compatibility-section h4,[data-theme=dark] .template-info .header{color:var(--text-primary)}[data-theme=dark] .compatibility-section p,[data-theme=dark] .compatibility-section li{color:var(--text-secondary)}[data-theme=dark] .content-block.compatibility-section,[data-theme=dark] .content-block.tips-section,[data-theme=dark] .content-block.faq-section{background:var(--bg-content)!important;border-color:var(--border-color)!important}[data-theme=dark] .compatibility-item{background:var(--bg-secondary)!important;border-color:var(--border-color)}[data-theme=dark] .compatibility-item .feature{color:var(--text-primary)}[data-theme=dark] .compatibility-item .detail{color:var(--text-secondary)}[data-theme=dark] .compatibility-item.supported{border-left-color:#22c55e}[data-theme=dark] .compatibility-item.partial{border-left-color:#eab308}[data-theme=dark] .compatibility-item.not-supported{border-left-color:#ef4444}[data-theme=dark] .faq-item p{background:var(--bg-content)!important;border-top-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .convert-btn{background:var(--brand-color, #ee6c4d)!important;color:#fff}[data-theme=dark] .convert-btn:hover:not(:disabled){background:var(--brand-color-hover, #da5839)!important}[data-theme=dark] .convert-btn:disabled{background:var(--bg-secondary)!important;color:var(--text-muted)}[data-theme=dark] .convert-btn.loading{background:var(--bg-secondary)!important}[data-theme=dark] .remove-btn:hover{background:#ef444433!important}[data-theme=dark] .file-details{background:var(--bg-content)!important;border-color:var(--border-color)}[data-theme=dark] .guide-section,[data-theme=dark] .practices-section{background:transparent}[data-theme=dark] .guide-section h3,[data-theme=dark] .practices-section h3{color:var(--text-primary)}[data-theme=dark] .popup-wrapper .content-section,[data-theme=dark] #app .content-section{background:#0f172a!important}[data-theme=dark] .chat-panel{background:var(--bg-content)!important;border-color:var(--border-color)}[data-theme=dark] .chat-panel__header{background:var(--bg-secondary)!important;border-color:var(--border-color)}[data-theme=dark] .chat-panel__input textarea{background:var(--bg-content)!important;color:var(--text-primary);border-color:var(--border-color)}:root{--brand-color: #ff3131;--brand-color-hover: #e02828;--brand-color-light: #fff0f0}.upload-box,.upload-area,.site-upload-area,.drop-zone{display:block;text-align:center;border:2px dashed #aaa;border-radius:12px;padding:20px 24px;cursor:pointer;background:#f9f9f9;transition:all .25s ease;margin-bottom:20px}.upload-box:hover,.upload-box.drag-over,.upload-area:hover,.upload-area.drag-over,.site-upload-area:hover,.site-upload-area.drag-over,.drop-zone:hover:not(.has-files):not(.has-image),.drop-zone.dragover{border-color:var(--brand-color);box-shadow:0 6px 20px #ff313126}.upload-content,.site-upload-content,.drop-zone-content{pointer-events:none}.upload-content p,.site-upload-content p,.drop-zone-content p,.drop-text{margin:8px 0;color:#2c3e50;font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal)}.upload-content small,.site-upload-content small,.drop-zone-content small,.drop-subtext{display:block;color:#6c757d;font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-normal);margin-top:4px}.site-popup-overlay,.popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.site-popup,.success-popup,.error-popup{background:#fff;border-radius:16px;width:90%;max-width:700px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #00000040;animation:site-popup-in .3s ease-out}@keyframes site-popup-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.site-popup-header,.popup-header{background:#1a1a2e;color:#fff;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.site-popup-header h3,.popup-header h3{margin:0;flex:1;text-align:center;font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal)}.site-popup-header.error,.popup-header.error{background:#b91c1c}.site-popup-close,.close-popup{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:var(--text-lg);font-weight:var(--font-medium);line-height:var(--leading-normal);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.site-popup-close:hover,.close-popup:hover{background:#ffffff4d}.site-popup-content,.popup-content{padding:20px;overflow-y:auto;max-height:calc(90vh - 140px)}.site-popup-actions,.popup-actions{display:flex;gap:12px;margin-top:20px;border-top:1px solid #eee}.site-popup-btn,.popup-actions .btn-primary{flex:1;padding:8px 10px;border-radius:10px;border:none;cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);transition:all .2s;background:var(--brand-color);color:#fff}.site-popup-btn:hover:not(:disabled),.popup-actions .btn-primary:hover:not(:disabled){background:var(--brand-color-hover);transform:translateY(-1px)}.site-popup-btn.secondary,.popup-actions .btn-secondary{background:#e2e8f0;color:#334155}.site-popup-btn.secondary:hover:not(:disabled),.popup-actions .btn-secondary:hover:not(:disabled){background:#cbd5e1}.site-popup-btn:disabled,.popup-actions button:disabled{opacity:.6;cursor:not-allowed}.bubble-loader{display:inline-flex;align-items:center;gap:5px;margin-right:8px;vertical-align:middle}.bubble-loader .bubble{width:8px;height:8px;border-radius:50%;background:currentColor;animation:bubble-bounce .6s ease-in-out infinite both}.bubble-loader .bubble:nth-child(1){animation-delay:-.24s}.bubble-loader .bubble:nth-child(2){animation-delay:-.12s}.bubble-loader .bubble:nth-child(3){animation-delay:0s}@keyframes bubble-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.faq-item summary:after{content:"";position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:transform .3s ease;font-family:"Font Awesome 5 Free";font-weight:600}.faq-item[open] summary:after{transform:translateY(-50%) rotate(180deg)}.main__title{display:flex;align-items:center;gap:8px;color:#555;font-size:23px}.title{margin-top:5px}.skip-link{position:absolute;top:-40px;left:0;padding:8px 16px;background:var(--brand-color, #ff3131);color:#fff;z-index:10000;text-decoration:none;font-weight:600;border-radius:0 0 4px;transition:top .2s}.skip-link:focus{top:0;outline:2px solid white;outline-offset:2px}body{background-color:var(--bg-page, #dfe0e7);padding-top:10px;padding-bottom:0;margin:0;font-family:Mona Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.converter{max-width:1000px;margin:0 auto;padding:10px}.converter h2{font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin-bottom:15px;color:var(--text-primary, #2c3e50);margin-top:40px}.subtitle{font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-secondary, #666)}.file-icon{font-size:var(--text-lg);margin-right:8px}.header-content h1{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary, #2c3e50);margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px}.bubble-loader{display:inline-flex;gap:4px;align-items:center;margin-right:8px}.bubble-loader .bubble{width:6px;height:6px;background-color:currentColor;border-radius:50%;animation:bubble-bounce 1.4s infinite ease-in-out both}.bubble-loader .bubble:nth-child(1){animation-delay:-.32s}.bubble-loader .bubble:nth-child(2){animation-delay:-.16s}@keyframes bubble-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media(min-width:330px)and (max-width:1024px){.header.header{margin-inline:5px}.app-header.app-header{padding:5px}.site__logo.site__logo{padding-left:0}.site__logo .app-logo{height:50%;border-radius:40px}.home-title.home-title{margin-block-start:30px}.home-title.home-title,.home.home{padding:0}.filter-bar.filter-bar{flex-direction:column}.button-container-area{margin-block-start:0}.content-section.content-section{margin-top:0}.content-section.content-section{padding:15px 8px;text-align:center}.article-card,.faq-item,.tip-card{text-align:center}.article-card.article-card,.faq-item.faq-item,.tip-card.tip-card{padding:10px}.about-section.about-section{padding:10px;text-align:center}.content-block.content-block{margin-bottom:0}.cta-section.cta-section{padding:15px 5px}footer{margin-block-start:5px}.footer-logo-img.footer-logo-img{height:50px}.converter h2{margin-top:10px;text-align:center}.main__title.main__title{display:block}.subtitle.subtitle{text-align:center}.cloud-import-row p{display:none}.cloud-import-row{justify-content:center;display:flex}.upload-box,.upload-area,.site-upload-area,.drop-zone.upload-box,.drop-zone{padding:15px 12px;margin-bottom:10px}.faq-item summary{text-align:left;font-size:13px;padding:0!important}.main-container.main-container{margin:0!important;padding:0!important}.use-case-card.use-case-card{padding:10px!important}.compliance-item{display:block}}