.mobile__menu__section[data-v-d894bca9]{display:none}.app-header[data-v-d894bca9]{background-color:#fff;padding:10px;color:#fff;text-align:center;margin-inline:10px;border-radius:50px;position:relative}.header__section[data-v-d894bca9]{display:flex;justify-content:space-between;align-items:center;position:relative}.site__logo[data-v-d894bca9]{display:flex;justify-content:center;align-items:center;width:20%}.site__logo .app-logo[data-v-d894bca9]{width:70%;height:70%;border-radius:40px}.menu__section[data-v-d894bca9]{width:80%;display:flex;justify-content:center;margin-left:auto}.menu[data-v-d894bca9]{display:flex;gap:8px;background:#f5f6f7;padding:8px;border-radius:40px;list-style:none;margin:0;position:relative}.menu li[data-v-d894bca9]{list-style:none;position:relative}.menu-item[data-v-d894bca9]{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:30px;font-size:14px;color:#555;text-decoration:none;transition:all .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.icon[data-v-d894bca9]{width:18px;height:18px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon svg[data-v-d894bca9]{width:12px;height:12px;color:#555}.menu-icon[data-v-d894bca9]{width:20px;height:20px;border-radius:50%}.menu-item[data-v-d894bca9]:hover{background:#e9eaec}.router-link-active[data-v-d894bca9],.router-link-exact-active[data-v-d894bca9]{background:#fff;color:#000;box-shadow:0 2px 6px #00000014}.has-submenu[data-v-d894bca9]{position:relative}.submenu-trigger[data-v-d894bca9]{display:flex;align-items:center;justify-content:space-between}.submenu-arrow[data-v-d894bca9]{font-size:10px;transition:transform .3s ease;margin-left:4px}.submenu[data-v-d894bca9]{list-style:none;margin:0;padding:0;background:#fff;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-d894bca9]{display:none}.has-submenu.desktop:hover .desktop-submenu[data-v-d894bca9],.submenu.open[data-v-d894bca9]{opacity:1;visibility:visible;transform:translateY(0);display:block}.submenu-item[data-v-d894bca9]{display:flex;align-items:center;gap:10px;padding:12px 16px;color:#333;text-decoration:none;font-size:14px;border-bottom:1px solid #f0f0f0;transition:all .2s ease}.submenu-item[data-v-d894bca9]:last-child{border-bottom:none}.submenu-item[data-v-d894bca9]:hover{background:#f8f9fa;padding-left:20px}.submenu-icon[data-v-d894bca9]{font-size:16px;width:20px;text-align:center}.submenu-icon svg[data-v-d894bca9]{width:14px;height:14px}.mobile_menu__section[data-v-d894bca9]{display:none}@media(max-width:1024px){.mobile_menu__section[data-v-d894bca9]{display:block}.menu__section[data-v-d894bca9]{display:none}.mobile-button[data-v-d894bca9]{background:none;border:none;cursor:pointer;padding-right:20px}.site__logo[data-v-d894bca9]{width:auto;justify-content:left;align-items:center;padding-left:10px}.site__logo .app-logo[data-v-d894bca9]{width:50%;height:50%;border-radius:40px}.mobile-button svg[data-v-d894bca9]{width:35px;height:35px}.mobile__menu__section[data-v-d894bca9]{display:block}.mobile__menu__section[data-v-d894bca9]{position:fixed;top:0;right:-340px;width:280px;height:100%;background:#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-d894bca9]{right:0}.menu[data-v-d894bca9]{flex-direction:column;gap:0;padding:0;background:transparent}.overlay[data-v-d894bca9]{position:fixed;inset:0;background:#0006;z-index:1000}.menu-item[data-v-d894bca9]{font-size:16px;padding:14px 16px;border-radius:8px;margin-bottom:4px;justify-content:space-between}.submenu[data-v-d894bca9]{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-d894bca9]{max-height:500px}.submenu-item[data-v-d894bca9]{padding:10px 16px;font-size:14px;border-bottom:1px solid #e9ecef}.submenu-item[data-v-d894bca9]:last-child{border-bottom:none}.has-submenu .menu-item[data-v-d894bca9]{margin-bottom:0}}@media(min-width:1025px)and (max-width:1300px){.menu[data-v-d894bca9]{gap:4px}.menu-item[data-v-d894bca9]{padding:8px 12px;font-size:13px}.submenu[data-v-d894bca9]{width:200px}}@media(min-width:1025px)and (max-width:1100px){.menu[data-v-d894bca9]{gap:2px}.menu-item[data-v-d894bca9]{padding:8px 10px;font-size:12px}.icon[data-v-d894bca9]{width:16px;height:16px}.icon svg[data-v-d894bca9]{width:10px;height:10px}}footer[data-v-ebe58225]{text-align:center;padding:5px;background-color:#f5f5f5;color:#777;font-size:14px;margin-block-start:40px}.footer-links a[data-v-ebe58225]{color:#777;text-decoration:none;margin:0 4px}.footer-links a[data-v-ebe58225]:hover{text-decoration:underline}.cookie-consent[data-v-ab940ac1]{position:fixed;bottom:0;left:0;width:100%;background:#fff;color:#000;z-index:9999;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.cookie-consent.expanded[data-v-ab940ac1]{background:#fff;color:#333;box-shadow:0 -10px 40px #00000026}.cookie-collapsed[data-v-ab940ac1]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;max-width:1400px;margin:0 auto}.banner-left[data-v-ab940ac1]{display:flex;align-items:flex-start;gap:16px;flex:1}.cookie-icon[data-v-ab940ac1]{font-size:32px;line-height:1}.banner-text[data-v-ab940ac1]{flex:1}.banner-title[data-v-ab940ac1]{margin:0 0 4px;font-size:16px;font-weight:600;color:#000}.banner-description[data-v-ab940ac1]{margin:0;font-size:14px;line-height:1.5;color:#000;max-width:600px}.learn-more-link[data-v-ab940ac1]{color:#ffffffe6;text-decoration:underline;margin-left:8px;transition:color .2s}.learn-more-link[data-v-ab940ac1]:hover{color:#fff}.banner-actions[data-v-ab940ac1]{display:flex;gap:12px;flex-shrink:0}.btn-manage[data-v-ab940ac1]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#000;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-accept-all[data-v-ab940ac1]{padding:12px 32px;background:#000;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-ab940ac1]{flex-shrink:0}.cookie-expanded[data-v-ab940ac1]{max-height:70vh;overflow-y:auto}.expanded-header[data-v-ab940ac1]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#fff;position:sticky;top:0;z-index:10}.back-btn[data-v-ab940ac1],.close-btn[data-v-ab940ac1]{background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;border-radius:8px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.back-btn[data-v-ab940ac1]:hover,.close-btn[data-v-ab940ac1]:hover{background:#f3f4f6}.expanded-title[data-v-ab940ac1]{margin:0;font-size:18px;font-weight:600;color:#111827;text-align:center;flex:1}.expanded-content[data-v-ab940ac1]{padding:24px;max-width:800px;margin:0 auto}.privacy-intro[data-v-ab940ac1]{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:10px;border-radius:12px;margin-bottom:10px;border-left:4px solid #0ea5e9}.privacy-icon[data-v-ab940ac1]{font-size:16px;flex-shrink:0}.privacy-text[data-v-ab940ac1]{margin:0;color:#0369a1;font-size:15px;line-height:1.6;font-weight:500}.preferences-container[data-v-ab940ac1]{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.preference-card[data-v-ab940ac1]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:15px;transition:all .3s ease;position:relative;overflow:hidden}.preference-card[data-v-ab940ac1]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#e5e7eb;transition:background .3s}.preference-card.essential[data-v-ab940ac1]:before{background:#059669}.preference-card.active[data-v-ab940ac1]:before{background:#8b5cf6}.preference-card[data-v-ab940ac1]:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}.card-header[data-v-ab940ac1]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.card-title-group[data-v-ab940ac1]{flex:1}.preference-badge[data-v-ab940ac1]{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-ab940ac1]{background:#f0f9ff;color:#0369a1}.preference-badge.advertising[data-v-ab940ac1]{background:#fef3c7;color:#92400e}.card-title[data-v-ab940ac1]{margin:0;font-size:16px;font-weight:600;color:#111827}.card-status[data-v-ab940ac1]{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.status-dot[data-v-ab940ac1]{width:8px;height:8px;border-radius:50%;background:#dc2626}.status-dot.active[data-v-ab940ac1]{background:#059669}.card-description[data-v-ab940ac1]{margin:0 0 12px;color:#6b7280;font-size:14px;line-height:1.6}.card-benefits[data-v-ab940ac1]{display:flex;gap:8px;flex-wrap:wrap}.benefit-tag[data-v-ab940ac1]{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#f3f4f6;color:#4b5563;font-size:12px;font-weight:500;border-radius:20px;transition:all .2s}.preference-card.active .benefit-tag[data-v-ab940ac1]{background:#8b5cf6;color:#fff}.toggle-switch[data-v-ab940ac1]{position:relative;display:inline-block;width:52px;height:28px}.toggle-switch input[data-v-ab940ac1]{opacity:0;width:0;height:0}.toggle-slider[data-v-ab940ac1]{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-ab940ac1]: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-ab940ac1]{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}input:checked+.toggle-slider[data-v-ab940ac1]:before{transform:translate(24px)}input:focus+.toggle-slider[data-v-ab940ac1]{box-shadow:0 0 0 3px #8b5cf633}.actions-section[data-v-ab940ac1]{border-top:1px solid #e5e7eb}.action-buttons[data-v-ab940ac1]{display:flex;gap:12px;margin-bottom:20px}.btn-save[data-v-ab940ac1]{padding:10px 12px;background:#111827;color:#fff;border:none;border-radius:10px;font-size:15px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.btn-save[data-v-ab940ac1]:hover:not(.disabled){background:#1f2937;box-shadow:0 6px 20px #00000026}.btn-save.disabled[data-v-ab940ac1]{background:#9ca3af;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-hint[data-v-ab940ac1]{font-weight:400;font-size:14px;opacity:.9}.btn-accept-expanded[data-v-ab940ac1]{padding:16px 24px;background:#000;color:#fff;border:none;border-radius:10px;font-size:15px;cursor:pointer;transition:all .3s}.privacy-links[data-v-ab940ac1]{display:flex;justify-content:center;gap:24px}.privacy-link[data-v-ab940ac1]{display:inline-flex;align-items:center;gap:6px;color:#6b7280;text-decoration:none;font-size:13px;font-weight:500;transition:color .2s}.privacy-link[data-v-ab940ac1]:hover{color:#4b5563}.slide-up-enter-active[data-v-ab940ac1],.slide-up-leave-active[data-v-ab940ac1]{transition:all .4s cubic-bezier(.4,0,.2,1)}.slide-up-enter-from[data-v-ab940ac1],.slide-up-leave-to[data-v-ab940ac1]{opacity:0;transform:translateY(100%)}@media(max-width:768px){.cookie-collapsed[data-v-ab940ac1]{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.banner-left[data-v-ab940ac1]{gap:12px}.cookie-icon[data-v-ab940ac1]{font-size:24px}.banner-actions[data-v-ab940ac1]{width:100%;flex-direction:column}.banner-actions button[data-v-ab940ac1]{width:100%;justify-content:center}.expanded-header[data-v-ab940ac1],.expanded-content[data-v-ab940ac1]{padding:16px}.privacy-intro[data-v-ab940ac1]{flex-direction:column;text-align:center}.privacy-icon[data-v-ab940ac1]{align-self:center}.action-buttons[data-v-ab940ac1]{flex-direction:column}.privacy-links[data-v-ab940ac1]{flex-direction:column;gap:12px;align-items:center}}@media(max-width:480px){.banner-title[data-v-ab940ac1]{font-size:14px}.banner-description[data-v-ab940ac1]{font-size:13px}.expanded-title[data-v-ab940ac1]{font-size:16px}.preference-card[data-v-ab940ac1]{padding:16px}.card-header[data-v-ab940ac1]{flex-direction:column;gap:12px}}.layout[data-v-a17d23e8]{display:flex;flex-direction:column;min-height:100vh}.header[data-v-a17d23e8]{position:sticky;top:0;z-index:1000;background:#fff;border-radius:50px;margin-inline:20px}.content[data-v-a17d23e8]{flex:1;padding:8px;overflow-y:auto}.footer[data-v-a17d23e8]{position:sticky;bottom:0;background:#fff}.educational-content[data-v-6f3188e7]{margin:40px auto;max-width:1400px}.content-block[data-v-6f3188e7]{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-6f3188e7]{font-size:1.5rem;color:#2c3e50;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #ee6c4d;display:flex;align-items:center;gap:10px}.content-block h3 .icon[data-v-6f3188e7]{font-size:1.8rem}.guide-grid[data-v-6f3188e7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:20px}.guide-card[data-v-6f3188e7]{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-6f3188e7]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.guide-icon[data-v-6f3188e7]{font-size:2.5rem;margin-bottom:15px;color:#ee6c4d}.guide-card h4[data-v-6f3188e7]{font-size:1.1rem;color:#2c3e50;margin-bottom:12px}.guide-card p[data-v-6f3188e7]{font-size:.9rem;color:#666;line-height:1.6;margin:0}.practices-list[data-v-6f3188e7]{display:flex;flex-direction:column;gap:20px;margin-top:20px}.practice-item[data-v-6f3188e7]{display:flex;gap:20px;padding:20px;background:#f8f9fa;border-radius:12px;align-items:flex-start;border-left:4px solid #ee6c4d}.practice-number[data-v-6f3188e7]{display:flex;align-items:center;justify-content:center;min-width:35px;height:35px;background:#ee6c4d;color:#fff;border-radius:50%;font-weight:700;font-size:1.2rem;flex-shrink:0}.practice-content h4[data-v-6f3188e7]{font-size:1.1rem;color:#2c3e50;margin-bottom:8px}.practice-content p[data-v-6f3188e7]{font-size:.95rem;color:#666;line-height:1.6;margin:0}.format-guide .format-comparison[data-v-6f3188e7]{background:#f8f9fa;border-radius:12px;overflow:hidden;border:1px solid #e9ecef;margin-top:20px}.format-row[data-v-6f3188e7]{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-6f3188e7]{background:#ee6c4d;color:#fff;font-weight:600;font-size:.9rem}.format-row[data-v-6f3188e7]:last-child{border-bottom:none}.format-row[data-v-6f3188e7]:nth-child(2n):not(.header){background:#fff}.format-name[data-v-6f3188e7]{font-weight:500;color:#2c3e50}.format-best-for[data-v-6f3188e7]{color:#666;font-size:.9rem}.format-quality[data-v-6f3188e7],.format-size[data-v-6f3188e7]{text-align:center;font-weight:500;color:#2c3e50}.faq-list[data-v-6f3188e7]{margin-top:20px}.faq-item[data-v-6f3188e7]{margin-bottom:12px;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#f8fafc}.faq-item summary[data-v-6f3188e7]{padding:18px 20px;font-weight:600;color:#2c3e50;cursor:pointer;list-style:none;position:relative;font-size:1rem;transition:background-color .3s ease}.faq-item summary[data-v-6f3188e7]:hover{background:#edf2f7}.faq-item summary[data-v-6f3188e7]::-webkit-details-marker{display:none}.faq-item summary[data-v-6f3188e7]:after{content:"▶";position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:transform .3s ease;color:#ee6c4d}.faq-item[open] summary[data-v-6f3188e7]:after{transform:translateY(-50%) rotate(90deg)}.faq-item[open] summary[data-v-6f3188e7]{background:#edf2f7;border-bottom:1px solid #e2e8f0}.faq-item p[data-v-6f3188e7]{padding:20px;margin:0;font-size:.95rem;color:#666;line-height:1.6;background:#fff}.use-cases-grid[data-v-6f3188e7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:20px}.use-case[data-v-6f3188e7]{background:#fff;border-radius:12px;padding:25px;text-align:center;border:2px solid #f0f4ff;transition:all .3s ease}.use-case[data-v-6f3188e7]:hover{border-color:#ee6c4d;transform:translateY(-3px);box-shadow:0 8px 20px #ee6c4d1a}.use-case-icon[data-v-6f3188e7]{font-size:2.5rem;margin-bottom:15px;color:#ee6c4d}.use-case h4[data-v-6f3188e7]{font-size:1.1rem;color:#2c3e50;margin-bottom:12px}.use-case p[data-v-6f3188e7]{font-size:.9rem;color:#666;line-height:1.6;margin:0}@media(max-width:1200px){.guide-grid[data-v-6f3188e7],.use-cases-grid[data-v-6f3188e7]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.educational-content[data-v-6f3188e7]{margin:30px 15px}.content-block[data-v-6f3188e7]{padding:20px;margin-bottom:25px}.content-block h3[data-v-6f3188e7]{font-size:1.3rem}.guide-grid[data-v-6f3188e7],.use-cases-grid[data-v-6f3188e7]{grid-template-columns:1fr}.practice-item[data-v-6f3188e7]{padding:15px;gap:15px}.format-row[data-v-6f3188e7]{grid-template-columns:1fr;gap:8px;padding:12px}.format-row.header[data-v-6f3188e7]{display:none}.format-name[data-v-6f3188e7],.format-best-for[data-v-6f3188e7],.format-quality[data-v-6f3188e7],.format-size[data-v-6f3188e7]{text-align:left;padding:4px 0}.format-name[data-v-6f3188e7]:before{content:"Format: ";font-weight:700;color:#ee6c4d}.format-best-for[data-v-6f3188e7]:before{content:"Best For: ";font-weight:700;color:#ee6c4d}.format-quality[data-v-6f3188e7]:before{content:"Quality: ";font-weight:700;color:#ee6c4d}.format-size[data-v-6f3188e7]:before{content:"File Size: ";font-weight:700;color:#ee6c4d}}@media(max-width:480px){.educational-content[data-v-6f3188e7]{margin:20px 10px}.content-block[data-v-6f3188e7]{padding:15px}.content-block h3[data-v-6f3188e7]{font-size:1.2rem}.practice-item[data-v-6f3188e7]{flex-direction:column;align-items:flex-start}.practice-number[data-v-6f3188e7]{margin-bottom:10px}.faq-item summary[data-v-6f3188e7]{padding:15px;font-size:.95rem}.faq-item p[data-v-6f3188e7]{padding:15px;font-size:.9rem}}.image-cropper-page[data-v-6f3188e7]{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px}.header-section[data-v-6f3188e7]{text-align:center;margin-bottom:40px}.header-content[data-v-6f3188e7]{max-width:800px;margin:0 auto}.header-icon[data-v-6f3188e7]{font-size:2rem;color:#ee6c4d}.subtitle[data-v-6f3188e7]{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.main-content[data-v-6f3188e7]{max-width:1400px;margin:0 auto}.content-grid[data-v-6f3188e7]{display:grid;grid-template-columns:400px 1fr;gap:30px;align-items:start}.left-column[data-v-6f3188e7]{position:sticky;top:20px;display:flex;flex-direction:column;gap:24px}.upload-card[data-v-6f3188e7],.stats-card[data-v-6f3188e7]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0000001a}.card-header[data-v-6f3188e7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:2px solid #f0f4ff}.card-header h2[data-v-6f3188e7]{font-size:1.3rem;color:#2c3e50;margin:0}.file-info[data-v-6f3188e7]{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#666}.file-type[data-v-6f3188e7]{background:#f0f4ff;color:#ee6c4d;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600;border:1px solid #ee6c4d}.drop-zone[data-v-6f3188e7]{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-6f3188e7]:hover:not(.has-image){border-color:#ee6c4d;background:#fff5f5}.drop-zone.has-image[data-v-6f3188e7]{padding:0;border-style:solid;border-color:#e2e8f0}.drop-zone.dragover[data-v-6f3188e7]{border-color:#ee6c4d;background:#fff5f5;transform:scale(1.02)}.upload-icon[data-v-6f3188e7]{margin-bottom:20px}.drop-text[data-v-6f3188e7]{font-size:1.2rem;color:#2c3e50;margin-bottom:8px;font-weight:500}.drop-subtext[data-v-6f3188e7]{font-size:1rem;color:#718096}.upload-btn[data-v-6f3188e7]{display:inline-block;position:relative;background:#ee6c4d;color:#fff;padding:6px 12px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;overflow:hidden}.file-input[data-v-6f3188e7]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-requirements[data-v-6f3188e7]{margin-top:20px;font-size:.9rem;color:#a0aec0;display:flex;flex-direction:column;gap:4px}.image-preview[data-v-6f3188e7]{position:relative;border-radius:10px;overflow:hidden;max-height:300px}.preview-image[data-v-6f3188e7]{width:100%;height:300px;object-fit:contain;background:#f8f9fa}.image-overlay[data-v-6f3188e7]{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-6f3188e7]{color:#fff}.image-name[data-v-6f3188e7]{display:block;font-size:.9rem;margin-bottom:4px;font-weight:500}.image-dimensions[data-v-6f3188e7]{font-size:.8rem;opacity:.9}.remove-btn[data-v-6f3188e7]{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-6f3188e7]:hover{background:#ffffff4d}.upload-progress[data-v-6f3188e7]{margin-top:16px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.progress-bar[data-v-6f3188e7]{height:6px;background:#e9ecef;border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-6f3188e7]{height:100%;background:linear-gradient(90deg,#ee6c4d,#d64545);border-radius:3px;transition:width .3s ease}.progress-text[data-v-6f3188e7]{font-size:.9rem;color:#666;text-align:center}.upload-error[data-v-6f3188e7]{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-6f3188e7]{font-size:1.2rem}.error-message[data-v-6f3188e7]{flex:1;font-size:.9rem}.error-close[data-v-6f3188e7]{background:none;border:none;color:#e53e3e;font-size:1.5rem;cursor:pointer;padding:0 4px;line-height:1}.controls-section h3[data-v-6f3188e7]{font-size:1.2rem;color:#2c3e50;margin-bottom:20px}.ratio-section[data-v-6f3188e7],.size-section[data-v-6f3188e7],.transform-section[data-v-6f3188e7]{margin-bottom:24px}.ratio-section h4[data-v-6f3188e7],.size-section h4[data-v-6f3188e7],.transform-section h4[data-v-6f3188e7]{font-size:1rem;color:#4a5568;margin-bottom:12px;font-weight:600}.ratio-buttons[data-v-6f3188e7]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ratio-btn[data-v-6f3188e7]{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-6f3188e7]:hover:not(.active):not(:disabled){border-color:#cbd5e0;background:#edf2f7}.ratio-btn.active[data-v-6f3188e7]{background:#ee6c4d;border-color:#ee6c4d;color:#fff}.ratio-btn[data-v-6f3188e7]:disabled{opacity:.5;cursor:not-allowed}.ratio-icon[data-v-6f3188e7]{font-size:1.2rem}.ratio-text[data-v-6f3188e7]{font-size:.85rem;font-weight:500}.size-controls[data-v-6f3188e7]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.size-input-group[data-v-6f3188e7]{display:flex;flex-direction:column;gap:8px}.size-input-group label[data-v-6f3188e7]{font-size:.9rem;color:#4a5568;font-weight:500}.size-input[data-v-6f3188e7]{padding:10px;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem}.size-input[data-v-6f3188e7]:focus{outline:none;border-color:#ee6c4d}.size-actions[data-v-6f3188e7]{display:flex;gap:12px}.size-btn[data-v-6f3188e7]{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-6f3188e7]:hover:not(:disabled){border-color:#cbd5e0;background:#edf2f7}.size-btn[data-v-6f3188e7]:disabled{opacity:.5;cursor:not-allowed}.transform-controls[data-v-6f3188e7]{display:flex;flex-direction:column;gap:20px}.rotation-control[data-v-6f3188e7]{display:flex;flex-direction:column;gap:12px}.rotation-control label[data-v-6f3188e7]{font-size:.9rem;color:#4a5568;font-weight:500}.rotation-slider[data-v-6f3188e7]{width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;-webkit-appearance:none}.rotation-slider[data-v-6f3188e7]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#ee6c4d;cursor:pointer}.rotation-buttons[data-v-6f3188e7]{display:flex;gap:10px}.rotate-btn[data-v-6f3188e7]{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-6f3188e7]:hover:not(:disabled){border-color:#cbd5e0;background:#edf2f7}.rotate-btn[data-v-6f3188e7]:disabled{opacity:.5;cursor:not-allowed}.flip-controls[data-v-6f3188e7]{display:flex;gap:12px}.flip-btn[data-v-6f3188e7]{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-6f3188e7]:hover:not(:disabled){border-color:#cbd5e0;background:#edf2f7}.flip-btn[data-v-6f3188e7]:disabled{opacity:.5;cursor:not-allowed}.action-buttons[data-v-6f3188e7]{display:flex;gap:12px;margin-top:24px;margin-bottom:24px}.crop-btn[data-v-6f3188e7]{background:linear-gradient(135deg,#ee6c4d,#d64545);color:#fff;border:none;border-radius:10px;font-size:1rem;cursor:pointer;transition:all .3s ease}.crop-btn[data-v-6f3188e7]:disabled{opacity:.5;cursor:not-allowed;transform:none}.reset-btn[data-v-6f3188e7]{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-6f3188e7]:hover:not(:disabled){border-color:#cbd5e0;background:#edf2f7}.reset-btn[data-v-6f3188e7]:disabled{opacity:.5;cursor:not-allowed}.instructions-box[data-v-6f3188e7]{background:#f0f4ff;border-radius:12px;padding:20px;border:2px solid #e2e8f0}.instructions-box h4[data-v-6f3188e7]{font-size:1rem;color:#2c3e50;margin-bottom:16px;font-weight:600}.instruction-steps[data-v-6f3188e7]{display:flex;flex-direction:column;gap:12px}.instruction-step[data-v-6f3188e7]{display:flex;align-items:center;gap:12px}.step-number[data-v-6f3188e7]{background:#ee6c4d;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-6f3188e7]{font-size:.9rem;color:#4a5568;line-height:1.4}.stats-grid[data-v-6f3188e7]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-item[data-v-6f3188e7]{background:#f7fafc;border-radius:10px;padding:16px;display:flex;align-items:center;gap:12px;transition:transform .2s ease}.stat-item[data-v-6f3188e7]:hover{transform:translateY(-2px)}.stat-icon[data-v-6f3188e7]{font-size:1.5rem}.stat-content[data-v-6f3188e7]{flex:1}.stat-label[data-v-6f3188e7]{font-size:.8rem;color:#718096;margin-bottom:4px}.stat-value[data-v-6f3188e7]{font-size:1.1rem;font-weight:600;color:#2c3e50}.right-column[data-v-6f3188e7]{display:flex;flex-direction:column;gap:24px}.crop-area-card[data-v-6f3188e7],.preview-card[data-v-6f3188e7],.export-card[data-v-6f3188e7],.tips-card[data-v-6f3188e7]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000001a;padding:15px}.crop-status[data-v-6f3188e7]{display:flex;align-items:center;gap:12px}.crop-size[data-v-6f3188e7]{font-size:.9rem;color:#666;font-weight:500}.clear-crop-btn[data-v-6f3188e7]{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-6f3188e7]:hover:not(:disabled){border-color:#cbd5e0;background:#edf2f7}.clear-crop-btn[data-v-6f3188e7]:disabled{opacity:.5;cursor:not-allowed}.crop-canvas-container[data-v-6f3188e7]{position:relative;min-height:500px;background:#f8f9fa;border-radius:12px;overflow:hidden}.empty-crop-area[data-v-6f3188e7]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#999;width:100%;padding:40px}.empty-icon[data-v-6f3188e7]{margin-bottom:24px;opacity:.5}.empty-crop-area h3[data-v-6f3188e7]{font-size:1.4rem;color:#ccc;margin-bottom:12px}.empty-crop-area p[data-v-6f3188e7]{max-width:400px;margin:0 auto;line-height:1.6}.crop-canvas[data-v-6f3188e7]{width:100%;height:500px;position:relative;overflow:hidden;cursor:crosshair}.crop-canvas.selecting[data-v-6f3188e7]{cursor:crosshair}.crop-canvas.has-selection[data-v-6f3188e7]{cursor:default}.image-container[data-v-6f3188e7]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.crop-source-image[data-v-6f3188e7]{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.crop-selection[data-v-6f3188e7]{position:absolute;border:2px solid #ee6c4d;background:#ee6c4d1a;box-shadow:0 0 0 9999px #00000080;z-index:10}.selection-handle[data-v-6f3188e7]{position:absolute;width:12px;height:12px;background:#fff;border:2px solid #ee6c4d;border-radius:50%;z-index:20}.selection-handle.top-left[data-v-6f3188e7]{top:-6px;left:-6px;cursor:nw-resize}.selection-handle.top-right[data-v-6f3188e7]{top:-6px;right:-6px;cursor:ne-resize}.selection-handle.bottom-left[data-v-6f3188e7]{bottom:-6px;left:-6px;cursor:sw-resize}.selection-handle.bottom-right[data-v-6f3188e7]{bottom:-6px;right:-6px;cursor:se-resize}.selection-handle.top[data-v-6f3188e7]{top:-6px;left:50%;transform:translate(-50%);cursor:n-resize}.selection-handle.right[data-v-6f3188e7]{top:50%;right:-6px;transform:translateY(-50%);cursor:e-resize}.selection-handle.bottom[data-v-6f3188e7]{bottom:-6px;left:50%;transform:translate(-50%);cursor:s-resize}.selection-handle.left[data-v-6f3188e7]{top:50%;left:-6px;transform:translateY(-50%);cursor:w-resize}.selection-move[data-v-6f3188e7]{position:absolute;top:0;left:0;width:100%;height:100%;cursor:move;z-index:15}.selection-grid[data-v-6f3188e7]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.grid-line[data-v-6f3188e7]{position:absolute;background:#ffffff4d}.grid-line.horizontal[data-v-6f3188e7]{top:50%;left:0;width:100%;height:1px;transform:translateY(-50%)}.grid-line.vertical[data-v-6f3188e7]{top:0;left:50%;width:1px;height:100%;transform:translate(-50%)}.selection-preview[data-v-6f3188e7]{position:absolute;border:2px dashed #ee6c4d;background:#ee6c4d1a;pointer-events:none;z-index:5}.crop-instructions[data-v-6f3188e7]{position:absolute;bottom:20px;left:0;right:0;text-align:center;z-index:5}.instruction-content[data-v-6f3188e7]{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-6f3188e7]{font-size:1.2rem}.instruction-text[data-v-6f3188e7]{line-height:1.4}.preview-size[data-v-6f3188e7]{font-size:.9rem;color:#666;font-weight:500}.cropped-image-wrapper[data-v-6f3188e7]{position:relative;border-radius:12px;overflow:hidden;background:#f8f9fa;margin-bottom:20px}.cropped-preview-image[data-v-6f3188e7]{width:100%;max-height:300px;object-fit:contain;display:block}.preview-overlay[data-v-6f3188e7]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:16px}.preview-info[data-v-6f3188e7]{color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.reduction-badge[data-v-6f3188e7]{background:#28a745;color:#fff;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600}.preview-actions[data-v-6f3188e7]{display:flex;gap:12px}.preview-action-btn[data-v-6f3188e7]{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-6f3188e7]{background:#6f42c1;color:#fff}.preview-action-btn.download[data-v-6f3188e7]{background:#ee6c4d;color:#fff}.preview-action-btn.new[data-v-6f3188e7]{background:#17a2b8;color:#fff}.preview-action-btn[data-v-6f3188e7]:disabled{opacity:.5;cursor:not-allowed;transform:none}.quality-control[data-v-6f3188e7]{display:flex;align-items:center;gap:12px}.quality-control label[data-v-6f3188e7]{font-size:.9rem;color:#4a5568;font-weight:500;min-width:80px}.quality-slider[data-v-6f3188e7]{width:150px;height:6px;border-radius:3px;background:#e2e8f0;outline:none;-webkit-appearance:none}.quality-slider[data-v-6f3188e7]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#ee6c4d;cursor:pointer}.format-section[data-v-6f3188e7]{margin-bottom:20px}.format-section h3[data-v-6f3188e7]{font-size:1.1rem;color:#2c3e50;margin-bottom:16px}.format-buttons[data-v-6f3188e7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.format-btn[data-v-6f3188e7]{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-6f3188e7]:hover:not(.active):not(:disabled){border-color:#cbd5e0;background:#edf2f7}.format-btn.active[data-v-6f3188e7]{background:#ee6c4d;border-color:#ee6c4d;color:#fff}.format-btn[data-v-6f3188e7]:disabled{opacity:.5;cursor:not-allowed}.format-icon[data-v-6f3188e7]{font-size:1.5rem}.format-text[data-v-6f3188e7]{font-weight:300;font-size:.9rem}.format-desc[data-v-6f3188e7]{font-size:.75rem;opacity:.8;text-align:center}.export-actions[data-v-6f3188e7]{padding:15px;background:#f8f9fa;border-top:2px solid #e2e8f0}.export-info[data-v-6f3188e7]{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-6f3188e7],.format-label[data-v-6f3188e7]{font-size:.9rem;color:#718096;margin-right:8px}.size-value[data-v-6f3188e7],.format-value[data-v-6f3188e7]{font-weight:600;color:#2c3e50}.export-buttons[data-v-6f3188e7]{display:flex;gap:12px}.export-btn[data-v-6f3188e7]{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-6f3188e7]{background:linear-gradient(135deg,#ee6c4d,#d64545);color:#fff}.export-btn[data-v-6f3188e7]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.tips-grid[data-v-6f3188e7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:24px}.tip[data-v-6f3188e7]{display:flex;gap:16px}.tip-icon[data-v-6f3188e7]{font-size:1.8rem;color:#ee6c4d}.tip-content h4[data-v-6f3188e7]{font-size:1rem;color:#2c3e50;margin-bottom:8px}.tip-content p[data-v-6f3188e7]{font-size:.9rem;color:#666;line-height:1.5;margin:0}.spinner[data-v-6f3188e7]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-6f3188e7 1s ease-in-out infinite}@keyframes spin-6f3188e7{to{transform:rotate(360deg)}}@media(max-width:1200px){.content-grid[data-v-6f3188e7]{grid-template-columns:1fr}.left-column[data-v-6f3188e7]{position:static}.stats-grid[data-v-6f3188e7]{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.header-content h1[data-v-6f3188e7]{font-size:1.9rem}.stats-grid[data-v-6f3188e7],.ratio-buttons[data-v-6f3188e7],.format-buttons[data-v-6f3188e7]{grid-template-columns:repeat(2,1fr)}.export-buttons[data-v-6f3188e7],.preview-actions[data-v-6f3188e7]{flex-direction:column}}.toast-container[data-v-c26ad183]{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:350px}.toast[data-v-c26ad183]{display:flex;align-items:flex-start;padding:12px 15px;border-radius:8px;background:#fff;box-shadow:0 4px 15px #00000026;border-left:4px solid #007bff;animation:slideIn-c26ad183 .3s ease-out;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.toast[data-v-c26ad183]:hover{transform:translate(-5px)}.toast.success[data-v-c26ad183]{border-left-color:#28a745;background:linear-gradient(to right,#f8fff9,#fff)}.toast.error[data-v-c26ad183]{border-left-color:#dc3545;background:linear-gradient(to right,#fff5f5,#fff)}.toast.warning[data-v-c26ad183]{border-left-color:#ffc107;background:linear-gradient(to right,#fffdf5,#fff)}.toast.info[data-v-c26ad183]{border-left-color:#17a2b8;background:linear-gradient(to right,#f5fdff,#fff)}.toast-icon[data-v-c26ad183]{font-size:18px;margin-right:10px;margin-top:2px;width:20px;text-align:center}.toast.success .toast-icon[data-v-c26ad183]{color:#28a745}.toast.error .toast-icon[data-v-c26ad183]{color:#dc3545}.toast.warning .toast-icon[data-v-c26ad183]{color:#ffc107}.toast.info .toast-icon[data-v-c26ad183]{color:#17a2b8}.toast-content[data-v-c26ad183]{flex:1}.toast-title[data-v-c26ad183]{font-weight:600;font-size:14px;margin-bottom:3px;color:#333}.toast-message[data-v-c26ad183]{font-size:13px;color:#666;line-height:1.4}.toast-close[data-v-c26ad183]{background:none;border:none;color:#999;font-size:16px;cursor:pointer;padding:0;width:20px;height:20px;margin-left:10px;opacity:.7;transition:opacity .2s ease}.toast-close[data-v-c26ad183]:hover{opacity:1}.toast-enter-active[data-v-c26ad183],.toast-leave-active[data-v-c26ad183]{transition:all .3s ease}.toast-enter-from[data-v-c26ad183],.toast-leave-to[data-v-c26ad183]{opacity:0;transform:translate(100%)}@keyframes slideIn-c26ad183{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.content-section[data-v-c26ad183]{padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;max-width:1200px;margin-inline:auto;margin-top:40px;margin-bottom:30px}.content-block[data-v-c26ad183]{margin-bottom:30px}.content-block[data-v-c26ad183]:last-child{margin-bottom:0}.content-block h3[data-v-c26ad183]{font-size:18px;color:#2c3e50;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #ee6c4d}.content-grid[data-v-c26ad183]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.content-card[data-v-c26ad183]{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-c26ad183]{font-size:14px;color:#ee6c4d;margin-bottom:8px;display:flex;align-items:center;gap:5px}.content-card p[data-v-c26ad183]{font-size:13px;color:#495057;line-height:1.5}.tips-list[data-v-c26ad183]{display:flex;flex-direction:column;gap:15px}.tip-item[data-v-c26ad183]{display:flex;gap:12px;padding:12px;background:#fff;border-radius:8px;border-left:3px solid #ee6c4d}.tip-icon[data-v-c26ad183]{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;background:#ee6c4d;color:#fff;border-radius:50%;font-size:12px;font-weight:700}.tip-content h4[data-v-c26ad183]{font-size:14px;color:#2c3e50;margin-bottom:5px}.tip-content p[data-v-c26ad183]{font-size:13px;color:#6c757d;line-height:1.5}.faq-section .faq-list[data-v-c26ad183]{display:flex;flex-direction:column;gap:10px}.faq-item[data-v-c26ad183]{background:#fff;border-radius:8px;overflow:hidden}.faq-item summary[data-v-c26ad183]{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-c26ad183]::-webkit-details-marker{display:none}.faq-item summary[data-v-c26ad183]:after{content:"▶";position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.faq-item[open] summary[data-v-c26ad183]:after{transform:translateY(-50%) rotate(90deg)}.faq-item p[data-v-c26ad183]{padding:15px;margin:0;font-size:13px;color:#495057;line-height:1.6;background:#f8f9fa}@media(max-width:768px){.toast-container[data-v-c26ad183]{top:10px;right:10px;left:10px;max-width:none}.toast[data-v-c26ad183]{padding:10px 12px}.content-grid[data-v-c26ad183]{grid-template-columns:1fr}.content-section[data-v-c26ad183]{padding:15px;margin:20px 0}.content-card[data-v-c26ad183]{padding:12px}.tip-item[data-v-c26ad183]{padding:10px}}.file-summary[data-v-c26ad183]{background:#ee6c4d;color:#fff;padding:10px 15px;border-radius:12px;margin-bottom:10px}.summary-header[data-v-c26ad183]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-header h3[data-v-c26ad183]{margin:0;font-size:16px;font-weight:300}.clear-all-btn[data-v-c26ad183]{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-c26ad183]:hover:not(:disabled){background:#ffffff4d}.clear-all-btn[data-v-c26ad183]:disabled{opacity:.5;cursor:not-allowed}.summary-stats[data-v-c26ad183]{display:flex;gap:20px;font-size:13px}.stat[data-v-c26ad183]{display:flex;gap:6px;align-items:center}.upload-box[data-v-c26ad183]:hover,.upload-box.drag-over[data-v-c26ad183]{border-color:#667eea;background:#f0f4ff;box-shadow:0 8px 25px #667eea1a}.upload-content p[data-v-c26ad183]{margin:8px 0;color:#2c3e50;font-size:16px}.upload-content small[data-v-c26ad183]{color:#6c757d;font-size:13px}.file-list-container[data-v-c26ad183]{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-c26ad183]{padding:10px}.file-item[data-v-c26ad183]{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-c26ad183]:hover{background-color:#f8f9fa}.file-item[data-v-c26ad183]:last-child{border-bottom:none}.file-info[data-v-c26ad183]{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.file-icon[data-v-c26ad183]{font-size:20px;color:#667eea;flex-shrink:0}.file-details[data-v-c26ad183]{flex:1;min-width:0}.file-name[data-v-c26ad183]{font-size:14px;color:#2c3e50;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size[data-v-c26ad183]{font-size:12px;color:#6c757d;display:flex;align-items:center;gap:4px}.size-warning[data-v-c26ad183]{color:#dc3545;font-size:14px}.remove-file-btn[data-v-c26ad183]{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-c26ad183]:hover:not(:disabled){background:#ffeaea;transform:scale(1.1)}.remove-file-btn[data-v-c26ad183]:disabled{opacity:.5;cursor:not-allowed}.merge-btn[data-v-c26ad183]{width:100%;padding:12px;font-size:14px;border-radius:10px;border:none;cursor:pointer;background:#ee6c4d;color:#fff;transition:all .3s ease;position:relative;overflow:hidden;margin-top:15px}.merge-btn[data-v-c26ad183]:hover:not(:disabled):not(.disabled){box-shadow:0 10px 30px #667eea66}.merge-btn[data-v-c26ad183]:disabled,.merge-btn.disabled[data-v-c26ad183]{background:#ccc;cursor:not-allowed;transform:none}.merge-btn.loading[data-v-c26ad183]{background:#6c757d}.spinner[data-v-c26ad183]{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-c26ad183 1s ease-in-out infinite;margin-right:8px;vertical-align:middle}@keyframes spin-c26ad183{to{transform:rotate(360deg)}}.progress-section[data-v-c26ad183]{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.progress-header[data-v-c26ad183]{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:14px;color:#2c3e50}.time-estimate[data-v-c26ad183]{background:#e9ecef;padding:4px 10px;border-radius:20px;font-size:12px;color:#495057}.progress-wrapper[data-v-c26ad183]{height:10px;width:100%;background:#e9ecef;border-radius:8px;overflow:hidden;position:relative}.progress-bar[data-v-c26ad183]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;position:relative}.progress-text[data-v-c26ad183]{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-c26ad183]{margin-top:12px;font-size:14px;color:#495057;min-height:20px}.popup-overlay[data-v-c26ad183]{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-c26ad183]{background:#fff;border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:popupIn-c26ad183 .3s ease-out}@keyframes popupIn-c26ad183{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header[data-v-c26ad183]{background:#000;color:#fff;padding:20px;display:flex;align-items:center;justify-content:space-between}.popup-header h3[data-v-c26ad183]{margin:0;flex:1;text-align:center;font-size:18px}.success-icon[data-v-c26ad183]{font-size:24px}.close-popup[data-v-c26ad183]{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-c26ad183]:hover{background:#ffffff4d}.popup-content[data-v-c26ad183]{padding:24px}.stats-grid[data-v-c26ad183]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.stat-item[data-v-c26ad183]{text-align:left;padding:8px 0;border-bottom:1px solid #f0f0f0}.stat-label[data-v-c26ad183]{display:block;font-size:12px;color:#666;margin-bottom:4px}.stat-value[data-v-c26ad183]{display:block;font-size:14px;color:#2c3e50;font-weight:500;word-break:break-word}.popup-actions[data-v-c26ad183]{display:flex;gap:12px;margin-top:20px}.btn-primary[data-v-c26ad183],.btn-secondary[data-v-c26ad183]{flex:1;padding:12px;border-radius:8px;border:none;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-primary[data-v-c26ad183]{background:#000;color:#fff}.btn-primary[data-v-c26ad183]:hover{opacity:.9}.btn-secondary[data-v-c26ad183]{background:#000;color:#fff}.btn-secondary[data-v-c26ad183]:hover{background:#5a6268}.file-list-container[data-v-c26ad183]::-webkit-scrollbar{width:6px}.file-list-container[data-v-c26ad183]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.file-list-container[data-v-c26ad183]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.file-list-container[data-v-c26ad183]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.converter[data-v-4d0e18f0]{text-align:center}.converter h2[data-v-4d0e18f0]{font-size:22px;margin-bottom:4px}.subtitle[data-v-4d0e18f0]{font-size:14px;color:#666;margin-bottom:20px}.upload-box[data-v-4d0e18f0]{display:block;border:2px dashed #aaa;border-radius:12px;padding:30px 20px;cursor:pointer;transition:all .3s ease;background:#f9f9f9}.upload-box[data-v-4d0e18f0]:hover{border-color:#107667;background:#eef7f5}.upload-content .icon[data-v-4d0e18f0]{font-size:36px;display:block;margin-bottom:10px}.merge-btn[data-v-4d0e18f0]{width:100%;padding:12px;font-size:15px;border-radius:10px;margin-top:20px;border:none;cursor:pointer;background:#ee6c4d;color:#fff}.progress-wrapper[data-v-4d0e18f0]{margin-top:20px;height:10px;width:100%;background:#eee;border-radius:8px;overflow:hidden}.progress-bar[data-v-4d0e18f0]{height:100%;background:#ee6c4d;transition:width .2s ease}.toast-container[data-v-1399feec]{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px}.toast-notification[data-v-1399feec]{background:#fff;border-radius:8px;padding:16px;box-shadow:0 4px 12px #00000026;display:flex;align-items:flex-start;justify-content:space-between;animation:slideIn-1399feec .3s ease-out;border-left:4px solid #ee6c4d}.toast-notification.toast-error[data-v-1399feec]{border-left-color:#dc3545;background:#f8d7da;color:#721c24}.toast-notification.toast-success[data-v-1399feec]{border-left-color:#28a745;background:#d4edda;color:#155724}.toast-notification.toast-warning[data-v-1399feec]{border-left-color:#ffc107;background:#fff3cd;color:#856404}.toast-notification.toast-info[data-v-1399feec]{border-left-color:#17a2b8;background:#d1ecf1;color:#0c5460}.toast-content[data-v-1399feec]{display:flex;align-items:flex-start;gap:12px;flex:1}.toast-icon[data-v-1399feec]{font-size:18px;margin-top:2px}.toast-message[data-v-1399feec]{font-size:14px;line-height:1.4;flex:1}.toast-close[data-v-1399feec]{background:none;border:none;color:inherit;font-size:20px;cursor:pointer;padding:0;margin-left:10px;opacity:.7;line-height:1}.toast-close[data-v-1399feec]:hover{opacity:1}@keyframes slideIn-1399feec{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.files-list-section[data-v-1399feec]{background:#fff;border-radius:12px;padding:15px;margin-bottom:15px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000000d}.files-header[data-v-1399feec]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e9ecef}.files-count[data-v-1399feec]{display:flex;align-items:center;gap:10px;font-size:14px;color:#495057}.count-badge[data-v-1399feec]{background:#ee6c4d;color:#fff;padding:4px 10px;border-radius:20px;font-weight:600;font-size:12px}.clear-all-btn[data-v-1399feec]{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-1399feec]:hover:not(:disabled){background:#dc3545;color:#fff}.clear-all-btn[data-v-1399feec]:disabled{opacity:.5;cursor:not-allowed}.files-grid[data-v-1399feec]{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-1399feec]{background:#f8f9fa;border-radius:8px;padding:12px;border:1px solid #dee2e6;transition:all .3s ease}.file-item-card.cleaned[data-v-1399feec]{border-color:#17a2b8;background:#d1ecf1}.file-item-header[data-v-1399feec]{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.file-icon[data-v-1399feec]{font-size:20px;flex-shrink:0;margin-top:2px}.file-item-details[data-v-1399feec]{flex:1;min-width:0}.file-name[data-v-1399feec]{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-1399feec]{background:#17a2b8;color:#fff;border-radius:4px;padding:1px 4px;font-size:10px;cursor:help}.file-size[data-v-1399feec]{font-size:11px;color:#6c757d;margin-bottom:4px}.original-name[data-v-1399feec]{font-size:10px;color:#6c757d;background:#0000000d;padding:2px 6px;border-radius:4px;margin-top:4px}.remove-file-btn[data-v-1399feec]{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-1399feec]:hover:not(:disabled){background:#dc3545;color:#fff}.remove-file-btn[data-v-1399feec]:disabled{opacity:.5;cursor:not-allowed}.files-summary[data-v-1399feec]{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid #e9ecef;font-size:13px}.summary-item[data-v-1399feec]{display:flex;flex-direction:column;gap:4px}.summary-label[data-v-1399feec]{color:#6c757d;font-size:12px}.summary-value[data-v-1399feec]{color:#212529;font-weight:500}.add-more-section[data-v-1399feec]{margin-bottom:15px}.add-more-btn[data-v-1399feec]{display:block;width:97%;padding:12px;background:#fff;border:2px dashed #ee6c4d;border-radius:10px;color:#ee6c4d;text-align:center;font-size:14px;cursor:pointer;transition:all .3s ease}.add-more-btn[data-v-1399feec]:hover{background:#fff5f2;border-color:#d45a3d}.error-popup[data-v-1399feec]{background:#fff}.upload-box[data-v-1399feec]:hover{border-color:#667eea;background:#f0f4ff}.upload-content .icon[data-v-1399feec]{font-size:40px;display:block;margin-bottom:12px}.upload-content p[data-v-1399feec]{margin:8px 0;font-size:16px;color:#2c3e50}.upload-content small[data-v-1399feec]{color:#6c757d;font-size:13px}.compress-btn[data-v-1399feec]{width:100%;padding:12px;font-size:16px;border-radius:10px;border:none;cursor:pointer;background:#ee6c4d;color:#fff;transition:all .3s ease;margin-top:10px}.compress-btn[data-v-1399feec]:hover:not(:disabled):not(.disabled){box-shadow:0 8px 25px #667eea66}.compress-btn[data-v-1399feec]:disabled,.compress-btn.disabled[data-v-1399feec]{background:#ccc;cursor:not-allowed;transform:none}.compress-btn.loading[data-v-1399feec]{background:#6c757d}.spinner[data-v-1399feec]{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-1399feec 1s ease-in-out infinite;margin-right:8px;vertical-align:middle}@keyframes spin-1399feec{to{transform:rotate(360deg)}}.progress-section[data-v-1399feec]{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.progress-header[data-v-1399feec]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;color:#2c3e50}.time-estimate[data-v-1399feec]{background:#e9ecef;padding:4px 10px;border-radius:20px;font-size:12px;color:#495057}.progress-container[data-v-1399feec]{height:12px;width:100%;background:#e9ecef;border-radius:8px;overflow:hidden;position:relative}.progress-bar[data-v-1399feec]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;position:relative}.progress-text[data-v-1399feec]{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-1399feec]{margin-top:12px;font-size:14px;color:#495057;min-height:20px}.progress-stats[data-v-1399feec]{display:flex;justify-content:space-between;margin-top:15px;font-size:12px;color:#6c757d}.popup-overlay[data-v-1399feec]{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-1399feec]{background:#fff;border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:popupIn-1399feec .3s ease-out}@keyframes popupIn-1399feec{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header[data-v-1399feec]{background:#000;color:#fff;padding:10px;display:flex;align-items:center;justify-content:space-between}.popup-header h3[data-v-1399feec]{margin:0;flex:1;text-align:center;font-size:18px}.success-icon[data-v-1399feec]{font-size:24px}.close-popup[data-v-1399feec]{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-1399feec]:hover{background:#ffffff4d}.popup-content[data-v-1399feec]{padding:12px}.stats-summary[data-v-1399feec]{margin-bottom:24px}.summary-item[data-v-1399feec]{margin-bottom:20px}.summary-label[data-v-1399feec]{font-size:12px;color:#666;margin-bottom:4px}.summary-value[data-v-1399feec]{font-size:14px;color:#2c3e50;font-weight:500;word-break:break-all}.size-comparison[data-v-1399feec]{margin:25px 0;position:relative}.size-bar[data-v-1399feec]{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-1399feec]{background:linear-gradient(90deg,#6c757d,#495057);width:100%}.size-bar.compressed[data-v-1399feec]{background:linear-gradient(90deg,#28a745,#20c997);position:absolute;top:0;left:0;min-width:80px}.stats-grid[data-v-1399feec]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-item[data-v-1399feec]{background:#f8f9fa;padding:8px;border-radius:10px;text-align:center}.stat-item.highlight[data-v-1399feec]{background:linear-gradient(135deg,#e8f5e9,#d4edda);border:2px solid #28a745}.stat-label[data-v-1399feec],.stat-value[data-v-1399feec]{font-size:12px}.popup-actions[data-v-1399feec]{display:flex;gap:12px;margin-top:20px}.btn-primary[data-v-1399feec],.btn-secondary[data-v-1399feec]{flex:1;padding:12px;border-radius:8px;border:none;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-primary[data-v-1399feec]{background:#000;color:#fff}.btn-primary[data-v-1399feec]:hover{opacity:.9}.btn-secondary[data-v-1399feec]{background:#6c757d;color:#fff}.btn-secondary[data-v-1399feec]:hover{background:#5a6268}.educational-section[data-v-1399feec]{margin:30px 0;padding:0 10px}.content-block[data-v-1399feec]{background:#fff;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 3px 10px #0000000d;border:1px solid #e9ecef}.content-block h3[data-v-1399feec]{font-size:18px;color:#212529;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #ee6c4d;display:flex;align-items:center;gap:8px}.benefits-grid[data-v-1399feec]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:15px}.benefit-card[data-v-1399feec]{padding:20px;background:#f8f9fa;border-radius:10px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.benefit-card[data-v-1399feec]:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.benefit-icon[data-v-1399feec]{font-size:32px;margin-bottom:15px}.benefit-card h4[data-v-1399feec]{font-size:16px;color:#ee6c4d;margin-bottom:10px}.benefit-card p[data-v-1399feec]{font-size:14px;color:#6c757d;line-height:1.5;margin:0}.tips-list[data-v-1399feec]{display:flex;flex-direction:column;gap:15px;margin-top:15px}.tip-item[data-v-1399feec]{display:flex;gap:15px;padding:15px;background:#f8f9fa;border-radius:8px;align-items:flex-start}.tip-number[data-v-1399feec]{display:flex;align-items:center;justify-content:center;min-width:30px;height:30px;background:#ee6c4d;color:#fff;border-radius:50%;font-weight:700;font-size:16px}.tip-content h4[data-v-1399feec]{font-size:16px;color:#212529;margin-bottom:8px}.tip-content p[data-v-1399feec]{font-size:14px;color:#495057;line-height:1.5;margin:0}.process-steps[data-v-1399feec]{display:flex;flex-direction:column;gap:15px;margin-top:15px}.process-step[data-v-1399feec]{display:flex;gap:15px;padding:15px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;border-left:4px solid #ee6c4d}.step-icon[data-v-1399feec]{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;background:#ee6c4d;color:#fff;border-radius:50%;font-weight:700;font-size:18px}.step-content h4[data-v-1399feec]{font-size:16px;color:#212529;margin-bottom:8px}.step-content p[data-v-1399feec]{font-size:14px;color:#495057;line-height:1.5;margin:0}.faq-list[data-v-1399feec]{margin-top:15px}.faq-item[data-v-1399feec]{margin-bottom:10px;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.faq-item summary[data-v-1399feec]{padding:15px;font-weight:500;color:#212529;cursor:pointer;list-style:none;position:relative;background:#f8f9fa;transition:background-color .3s ease}.faq-item summary[data-v-1399feec]:hover{background:#e9ecef}.faq-item summary[data-v-1399feec]::-webkit-details-marker{display:none}.faq-item summary[data-v-1399feec]:after{content:"▶";position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.faq-item[open] summary[data-v-1399feec]:after{transform:translateY(-50%) rotate(90deg)}.faq-item[open] summary[data-v-1399feec]{background:#e9ecef}.faq-item p[data-v-1399feec]{padding:20px;margin:0;font-size:14px;color:#495057;line-height:1.6;background:#fff;border-top:1px solid #dee2e6}.practices-grid[data-v-1399feec]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:15px}.practice-card[data-v-1399feec]{padding:20px;background:#f8f9fa;border-radius:10px;border-top:4px solid #ee6c4d}.practice-card h4[data-v-1399feec]{font-size:16px;color:#212529;margin-bottom:12px;display:flex;align-items:center;gap:8px}.practice-card p[data-v-1399feec]{font-size:14px;color:#495057;line-height:1.5;margin:0}.use-cases-list[data-v-1399feec]{display:flex;flex-direction:column;gap:15px;margin-top:15px}.use-case-item[data-v-1399feec]{display:flex;gap:15px;padding:15px;background:#f8f9fa;border-radius:8px;align-items:center}.use-case-icon[data-v-1399feec]{font-size:24px;flex-shrink:0}.use-case-content h4[data-v-1399feec]{font-size:16px;color:#212529;margin-bottom:8px}.use-case-content p[data-v-1399feec]{font-size:14px;color:#495057;line-height:1.5;margin:0}@media(max-width:768px){.educational-section[data-v-1399feec]{margin:20px 0;padding:0 5px}.content-block[data-v-1399feec]{padding:15px;margin-bottom:20px}.benefits-grid[data-v-1399feec],.practices-grid[data-v-1399feec]{grid-template-columns:1fr;gap:15px}.benefit-card[data-v-1399feec],.practice-card[data-v-1399feec]{padding:15px}.tip-item[data-v-1399feec],.process-step[data-v-1399feec],.use-case-item[data-v-1399feec]{padding:12px}.faq-item summary[data-v-1399feec],.faq-item p[data-v-1399feec]{padding:15px}.files-grid[data-v-1399feec]{grid-template-columns:1fr}.files-summary[data-v-1399feec]{flex-direction:column;gap:8px}}@media(max-width:480px){.content-block h3[data-v-1399feec]{font-size:16px}.benefit-card h4[data-v-1399feec],.tip-content h4[data-v-1399feec],.step-content h4[data-v-1399feec],.practice-card h4[data-v-1399feec],.use-case-content h4[data-v-1399feec]{font-size:15px}.benefit-card p[data-v-1399feec],.tip-content p[data-v-1399feec],.step-content p[data-v-1399feec],.practice-card p[data-v-1399feec],.use-case-content p[data-v-1399feec],.faq-item p[data-v-1399feec]{font-size:13px}.benefit-icon[data-v-1399feec]{font-size:28px}.tip-number[data-v-1399feec],.step-icon[data-v-1399feec]{min-width:28px;height:28px;font-size:14px}.files-header[data-v-1399feec]{flex-direction:column;align-items:flex-start;gap:10px}.clear-all-btn[data-v-1399feec]{align-self:flex-end}}.file-details[data-v-2dc9b526]{display:flex;align-items:center;background:#f8f9fa;border-radius:10px;padding:12px 16px;border:1px solid #e9ecef}.file-text[data-v-2dc9b526]{flex:1;text-align:left}.file-text strong[data-v-2dc9b526]{display:block;font-size:14px;color:#2c3e50}.file-text small[data-v-2dc9b526]{color:#6c757d;font-size:12px}.remove-btn[data-v-2dc9b526]{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-2dc9b526]:hover{background:#ffeaea}.upload-box[data-v-2dc9b526]:hover{border-color:#107667;background:#eef7f5}.upload-content .icon[data-v-2dc9b526]{font-size:40px;display:block;margin-bottom:12px}.upload-content p[data-v-2dc9b526]{margin:8px 0;color:#2c3e50}.upload-content small[data-v-2dc9b526]{color:#6c757d}.convert-btn[data-v-2dc9b526]{width:100%;padding:10px;font-size:16px;border-radius:10px;border:none;cursor:pointer;background:#ee6c4d;color:#fff;transition:all .3s ease;margin-top:15px}.convert-btn[data-v-2dc9b526]:hover:not(:disabled){background:#da5839;transform:translateY(-1px);box-shadow:0 4px 12px #ee6c4d4d}.convert-btn[data-v-2dc9b526]:disabled{background:#ccc;cursor:not-allowed;transform:none}.convert-btn.loading[data-v-2dc9b526]{background:#6c757d}.spinner[data-v-2dc9b526]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-2dc9b526 1s ease-in-out infinite;margin-right:8px;vertical-align:middle}@keyframes spin-2dc9b526{to{transform:rotate(360deg)}}.progress-section[data-v-2dc9b526]{margin-top:10px;padding:15px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.progress-header[data-v-2dc9b526]{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:14px;color:#2c3e50}.time-estimate[data-v-2dc9b526]{background:#e9ecef;padding:4px 10px;border-radius:20px;font-size:12px;color:#495057}.progress-wrapper[data-v-2dc9b526]{height:12px;width:100%;background:#e9ecef;border-radius:8px;overflow:hidden;position:relative}.progress-bar[data-v-2dc9b526]{height:100%;background:linear-gradient(90deg,#ee6c4d,#ff987c);transition:width .3s ease;position:relative}.progress-text[data-v-2dc9b526]{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-2dc9b526]{font-size:14px;color:#495057;margin:5px}.popup-overlay[data-v-2dc9b526]{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-2dc9b526]{background:#fff;border-radius:16px;width:90%;max-width:450px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:popupIn-2dc9b526 .3s ease-out}@keyframes popupIn-2dc9b526{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header[data-v-2dc9b526]{background:#000;color:#fff;padding:10px;display:flex;align-items:center;justify-content:space-between}.popup-header h3[data-v-2dc9b526]{margin:0;flex:1;text-align:center;font-size:18px}.success-icon[data-v-2dc9b526]{font-size:24px}.close-popup[data-v-2dc9b526]{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-2dc9b526]:hover{background:#ffffff4d}.popup-content[data-v-2dc9b526]{padding:24px}.stats-grid[data-v-2dc9b526]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-item[data-v-2dc9b526]{text-align:left;padding:4px 0;border-bottom:1px solid #f0f0f0}.stat-label[data-v-2dc9b526]{display:block;font-size:12px;color:#666;margin-bottom:4px}.stat-value[data-v-2dc9b526]{display:block;font-size:14px;color:#2c3e50;font-weight:500}.popup-actions[data-v-2dc9b526]{display:flex;gap:12px;margin-top:20px}.btn-primary[data-v-2dc9b526],.btn-secondary[data-v-2dc9b526]{flex:1;padding:8px;border-radius:8px;border:none;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-primary[data-v-2dc9b526]{background:#000;color:#fff}.btn-primary[data-v-2dc9b526]:hover{background:#da5839}.btn-secondary[data-v-2dc9b526]{background:#6c757d;color:#fff}.btn-secondary[data-v-2dc9b526]:hover{background:#5a6268}.educational-section[data-v-2dc9b526]{margin:25px 0;padding:0 5px}.content-block[data-v-2dc9b526]{background:#fff;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 3px 10px #0000000d;border:1px solid #e9ecef}.content-block h3[data-v-2dc9b526]{font-size:18px;color:#2c3e50;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid rgb(238,108,77);display:flex;align-items:center;gap:8px}.benefits-grid[data-v-2dc9b526]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:15px}.benefit-card[data-v-2dc9b526]{padding:20px;background:#f8f9fa;border-radius:10px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.benefit-card[data-v-2dc9b526]:hover{transform:translateY(-5px);box-shadow:0 5px 15px #ee6c4d1a}.benefit-icon[data-v-2dc9b526]{font-size:32px;margin-bottom:15px}.benefit-card h4[data-v-2dc9b526]{font-size:16px;color:#2c3e50;margin-bottom:10px}.benefit-card p[data-v-2dc9b526]{font-size:14px;color:#6c757d;line-height:1.5;margin:0}.tips-list[data-v-2dc9b526]{display:flex;flex-direction:column;gap:15px;margin-top:15px}.tip-item[data-v-2dc9b526]{display:flex;gap:15px;padding:15px;background:#f8f9fa;border-radius:10px;align-items:flex-start;border-left:4px solid rgb(238,108,77)}.tip-number[data-v-2dc9b526]{display:flex;align-items:center;justify-content:center;min-width:30px;height:30px;background:#ee6c4d;color:#fff;border-radius:50%;font-weight:700;font-size:16px;flex-shrink:0}.tip-content h4[data-v-2dc9b526]{font-size:16px;color:#2c3e50;margin-bottom:8px}.tip-content p[data-v-2dc9b526]{font-size:14px;color:#495057;line-height:1.5;margin:0}.compatibility-grid[data-v-2dc9b526]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px}.compatibility-item[data-v-2dc9b526]{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;background:#f8f9fa}.compatibility-item.supported[data-v-2dc9b526]{border-left:4px solid #28a745}.compatibility-item.partial[data-v-2dc9b526]{border-left:4px solid #ffc107}.compatibility-item.not-supported[data-v-2dc9b526]{border-left:4px solid #dc3545}.status-icon[data-v-2dc9b526]{font-size:14px;font-weight:700;flex-shrink:0}.feature[data-v-2dc9b526]{font-weight:500;color:#2c3e50;flex:1}.detail[data-v-2dc9b526]{font-size:12px;color:#6c757d;text-align:right}.faq-section .faq-list[data-v-2dc9b526]{margin-top:15px}.faq-item[data-v-2dc9b526]{margin-bottom:10px;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.faq-item summary[data-v-2dc9b526]{padding:15px;font-weight:500;color:#2c3e50;cursor:pointer;list-style:none;position:relative;background:#f8f9fa;transition:background-color .3s ease}.faq-item summary[data-v-2dc9b526]:hover{background:#e9ecef}.faq-item summary[data-v-2dc9b526]::-webkit-details-marker{display:none}.faq-item summary[data-v-2dc9b526]:after{content:"▶";position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.faq-item[open] summary[data-v-2dc9b526]:after{transform:translateY(-50%) rotate(90deg)}.faq-item[open] summary[data-v-2dc9b526]{background:#e9ecef}.faq-item p[data-v-2dc9b526]{padding:20px;margin:0;font-size:14px;color:#495057;line-height:1.6;background:#fff;border-top:1px solid #dee2e6}.tips-grid[data-v-2dc9b526]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:15px}.tip-card[data-v-2dc9b526]{padding:20px;background:#f8f9fa;border-radius:10px;border-top:4px solid rgb(238,108,77)}.tip-card h4[data-v-2dc9b526]{font-size:16px;color:#2c3e50;margin-bottom:10px}.tip-card p[data-v-2dc9b526]{font-size:14px;color:#495057;line-height:1.5;margin:0}@media(max-width:768px){.educational-section[data-v-2dc9b526]{margin:20px 0;padding:0}.content-block[data-v-2dc9b526]{padding:15px;margin-bottom:20px}.benefits-grid[data-v-2dc9b526],.tips-grid[data-v-2dc9b526],.compatibility-grid[data-v-2dc9b526]{grid-template-columns:1fr}.benefit-card[data-v-2dc9b526],.tip-card[data-v-2dc9b526],.tip-item[data-v-2dc9b526]{padding:15px}}@media(max-width:480px){.content-block h3[data-v-2dc9b526]{font-size:16px}.benefit-card h4[data-v-2dc9b526],.tip-content h4[data-v-2dc9b526],.tip-card h4[data-v-2dc9b526]{font-size:15px}.benefit-card p[data-v-2dc9b526],.tip-content p[data-v-2dc9b526],.tip-card p[data-v-2dc9b526],.faq-item p[data-v-2dc9b526],.feature[data-v-2dc9b526]{font-size:13px}.detail[data-v-2dc9b526]{font-size:11px}.tip-number[data-v-2dc9b526]{min-width:25px;height:25px;font-size:14px}}.educational-section[data-v-42dfa783]{margin:25px 0;padding:0 10px}.content-block[data-v-42dfa783]{background:#fff;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 3px 10px #0000000d;border:1px solid #e9ecef}.content-block h3[data-v-42dfa783]{font-size:18px;color:#2c3e50;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #28a745;display:flex;align-items:center;gap:8px}.intro-block p[data-v-42dfa783]{font-size:15px;color:#495057;line-height:1.6;margin:0}.benefits-grid[data-v-42dfa783]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:15px}.benefit-card[data-v-42dfa783]{padding:20px;background:#f8f9fa;border-radius:10px;text-align:center;transition:transform .3s ease}.benefit-card[data-v-42dfa783]:hover{transform:translateY(-5px)}.benefit-icon[data-v-42dfa783]{font-size:32px;margin-bottom:15px}.benefit-card h4[data-v-42dfa783]{font-size:16px;color:#2c3e50;margin-bottom:10px}.benefit-card p[data-v-42dfa783]{font-size:14px;color:#6c757d;line-height:1.5;margin:0}.use-cases-list[data-v-42dfa783]{display:flex;flex-direction:column;gap:15px;margin-top:15px}.use-case-item[data-v-42dfa783]{display:flex;gap:15px;padding:15px;background:#f8f9fa;border-radius:10px;align-items:flex-start}.case-number[data-v-42dfa783]{display:flex;align-items:center;justify-content:center;min-width:30px;height:30px;background:#28a745;color:#fff;border-radius:50%;font-weight:700;font-size:16px;flex-shrink:0}.case-content h4[data-v-42dfa783]{font-size:16px;color:#2c3e50;margin-bottom:8px}.case-content p[data-v-42dfa783]{font-size:14px;color:#495057;line-height:1.5;margin:0}.quality-info[data-v-42dfa783]{display:flex;flex-direction:column;gap:20px;margin-top:15px}.quality-item[data-v-42dfa783]{display:flex;gap:15px;align-items:center;padding:15px;background:#e8f5e9;border-radius:10px;border:2px solid #28a745}.quality-badge[data-v-42dfa783]{background:#28a745;color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:14px;flex-shrink:0}.quality-details h4[data-v-42dfa783]{font-size:16px;color:#155724;margin-bottom:5px}.quality-details p[data-v-42dfa783]{font-size:14px;color:#495057;margin:0;line-height:1.5}.quality-tips[data-v-42dfa783]{padding:15px;background:#f8f9fa;border-radius:10px}.quality-tips h4[data-v-42dfa783]{font-size:16px;color:#2c3e50;margin-bottom:15px;display:flex;align-items:center;gap:8px}.quality-tips ul[data-v-42dfa783]{margin:0;padding-left:20px}.quality-tips li[data-v-42dfa783]{font-size:14px;color:#495057;margin-bottom:8px;line-height:1.5}.quality-tips li strong[data-v-42dfa783]{color:#2c3e50}.faq-list[data-v-42dfa783]{margin-top:15px}.faq-item[data-v-42dfa783]{margin-bottom:10px;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.faq-item summary[data-v-42dfa783]{padding:15px;font-weight:500;color:#2c3e50;cursor:pointer;list-style:none;position:relative;background:#f8f9fa;transition:background-color .3s ease}.faq-item summary[data-v-42dfa783]:hover{background:#e9ecef}.faq-item summary[data-v-42dfa783]::-webkit-details-marker{display:none}.faq-item summary[data-v-42dfa783]:after{content:"▶";position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.faq-item[open] summary[data-v-42dfa783]:after{transform:translateY(-50%) rotate(90deg)}.faq-item[open] summary[data-v-42dfa783]{background:#e9ecef}.faq-item p[data-v-42dfa783]{padding:20px;margin:0;font-size:14px;color:#495057;line-height:1.6;background:#fff;border-top:1px solid #dee2e6}.practices-grid[data-v-42dfa783]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:15px}.practice-card[data-v-42dfa783]{padding:20px;background:#f8f9fa;border-radius:10px;transition:transform .3s ease}.practice-card[data-v-42dfa783]:hover{transform:translateY(-5px)}.practice-card h4[data-v-42dfa783]{font-size:16px;color:#2c3e50;margin-bottom:12px;display:flex;align-items:center;gap:8px}.practice-card p[data-v-42dfa783]{font-size:14px;color:#495057;line-height:1.5;margin:0}.comparison-table[data-v-42dfa783]{margin-top:15px;overflow-x:auto}.comparison-table table[data-v-42dfa783]{width:100%;border-collapse:collapse;font-size:14px}.comparison-table thead[data-v-42dfa783]{background:#28a745;color:#fff}.comparison-table th[data-v-42dfa783]{padding:12px 15px;text-align:left;font-weight:600}.comparison-table tbody tr[data-v-42dfa783]{border-bottom:1px solid #dee2e6}.comparison-table tbody tr[data-v-42dfa783]:nth-child(odd){background:#f8f9fa}.comparison-table tbody tr[data-v-42dfa783]:nth-child(2n){background:#fff}.comparison-table td[data-v-42dfa783]{padding:12px 15px;color:#495057}.comparison-table td[data-v-42dfa783]:first-child{font-weight:500;color:#2c3e50}.comparison-table tr:first-child td[data-v-42dfa783]{background:#e8f5e9}.comparison-note[data-v-42dfa783]{margin-top:15px;padding:12px;background:#f8f9fa;border-radius:8px;font-size:14px;color:#495057}.comparison-note strong[data-v-42dfa783]{color:#2c3e50}.technical-info[data-v-42dfa783]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:15px}.tech-spec[data-v-42dfa783]{padding:12px;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.spec-label[data-v-42dfa783]{font-size:14px;color:#495057;font-weight:500}.spec-value[data-v-42dfa783]{font-size:13px;color:#28a745;font-weight:500;background:#e8f5e9;padding:4px 10px;border-radius:4px}@media(max-width:768px){.educational-section[data-v-42dfa783]{margin:20px 0;padding:0 5px}.content-block[data-v-42dfa783]{padding:15px;margin-bottom:20px}.benefits-grid[data-v-42dfa783],.practices-grid[data-v-42dfa783],.technical-info[data-v-42dfa783]{grid-template-columns:1fr}.quality-item[data-v-42dfa783]{flex-direction:column;text-align:center}.tech-spec[data-v-42dfa783]{flex-direction:column;gap:8px;text-align:center}.comparison-table table[data-v-42dfa783]{font-size:13px}.comparison-table th[data-v-42dfa783],.comparison-table td[data-v-42dfa783]{padding:8px 10px}}@media(max-width:480px){.content-block h3[data-v-42dfa783]{font-size:16px}.benefit-card h4[data-v-42dfa783],.case-content h4[data-v-42dfa783],.quality-details h4[data-v-42dfa783],.quality-tips h4[data-v-42dfa783],.practice-card h4[data-v-42dfa783]{font-size:15px}.benefit-card p[data-v-42dfa783],.case-content p[data-v-42dfa783],.quality-details p[data-v-42dfa783],.quality-tips li[data-v-42dfa783],.faq-item p[data-v-42dfa783],.practice-card p[data-v-42dfa783],.comparison-note[data-v-42dfa783]{font-size:13px}.use-case-item[data-v-42dfa783]{padding:12px}}.file-info-card[data-v-42dfa783]{background:#ee6c4d;color:#fff;border-radius:12px;padding:8px}.file-header[data-v-42dfa783]{display:flex;align-items:center;gap:6px;margin-bottom:12px}.file-icon[data-v-42dfa783]{font-size:20px}.file-details[data-v-42dfa783]{flex:1;text-align:left}.file-details strong[data-v-42dfa783]{display:block;font-size:14px}.file-details small[data-v-42dfa783]{font-size:12px;opacity:.9}.remove-btn[data-v-42dfa783]{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-42dfa783]:hover{background:#ffffff4d}.file-stats[data-v-42dfa783]{display:flex;gap:20px;font-size:13px;border-top:1px solid rgba(255,255,255,.2)}.stat[data-v-42dfa783]{display:flex;gap:6px}.stat-label[data-v-42dfa783]{opacity:.9}.upload-box[data-v-42dfa783]:hover{border-color:#667eea;background:#f0f4ff}.upload-content .icon[data-v-42dfa783]{font-size:40px;display:block;margin-bottom:12px}.upload-content p[data-v-42dfa783]{margin:8px 0;font-size:16px;color:#2c3e50}.upload-content small[data-v-42dfa783]{color:#6c757d;font-size:13px}.conversion-info[data-v-42dfa783]{padding:8px;background:#f8f9fa;border-radius:6px;font-size:11px;color:#666}.convert-btn[data-v-42dfa783]{width:100%;padding:10px;font-size:16px;border-radius:10px;border:none;cursor:pointer;background:#ee6c4d;color:#fff;transition:all .3s ease;margin-top:5px}.convert-btn[data-v-42dfa783]:disabled,.convert-btn.disabled[data-v-42dfa783]{background:#ccc;cursor:not-allowed;transform:none}.convert-btn.loading[data-v-42dfa783]{background:#6c757d}.spinner[data-v-42dfa783]{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-42dfa783 1s ease-in-out infinite;margin-right:8px;vertical-align:middle}@keyframes spin-42dfa783{to{transform:rotate(360deg)}}.progress-section[data-v-42dfa783]{margin-top:10px;padding:7px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.progress-header[data-v-42dfa783]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:14px;color:#2c3e50}.time-estimate[data-v-42dfa783]{background:#e9ecef;padding:4px 10px;border-radius:20px;font-size:12px;color:#495057}.progress-container[data-v-42dfa783]{height:12px;width:100%;background:#e9ecef;border-radius:8px;overflow:hidden;position:relative}.progress-bar[data-v-42dfa783]{height:100%;background:green;transition:width .3s ease;position:relative}.progress-text[data-v-42dfa783]{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-42dfa783]{font-size:14px;color:#495057;margin:3px}.progress-stats[data-v-42dfa783]{display:flex;justify-content:space-between;margin-top:15px;font-size:12px;color:#6c757d}.popup-overlay[data-v-42dfa783]{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-42dfa783]{background:#fff;border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:popupIn-42dfa783 .3s ease-out}@keyframes popupIn-42dfa783{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header[data-v-42dfa783]{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:20px;display:flex;align-items:center;justify-content:space-between}.popup-header h3[data-v-42dfa783]{margin:0;flex:1;text-align:center;font-size:18px}.success-icon[data-v-42dfa783]{font-size:24px}.close-popup[data-v-42dfa783]{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-42dfa783]:hover{background:#ffffff4d}.popup-content[data-v-42dfa783]{padding:24px}.stats-summary[data-v-42dfa783]{margin-bottom:24px}.summary-item[data-v-42dfa783]{margin-bottom:20px}.summary-label[data-v-42dfa783]{font-size:12px;color:#666;margin-bottom:4px}.summary-value[data-v-42dfa783]{font-size:14px;color:#2c3e50;font-weight:500;word-break:break-all}.conversion-type[data-v-42dfa783]{margin:20px 0;text-align:center}.type-indicator[data-v-42dfa783]{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-42dfa783]{background:linear-gradient(135deg,#e8f5e9,#d4edda);color:#155724;border:2px solid #28a745}.type-indicator.multi[data-v-42dfa783]{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#0d47a1;border:2px solid #2196f3}.type-icon[data-v-42dfa783]{font-size:20px}.stats-grid[data-v-42dfa783]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0}.stat-item[data-v-42dfa783]{background:#f8f9fa;padding:15px;border-radius:10px;text-align:center}.stat-label[data-v-42dfa783]{font-size:12px;color:#fff;margin-bottom:8px;font-weight:500}.stat-value[data-v-42dfa783]{font-size:12px;font-weight:700;color:#fff}.download-info[data-v-42dfa783]{background:#e8f5e9;padding:15px;border-radius:10px;margin-top:20px;text-align:center}.download-info p[data-v-42dfa783]{margin:0 0 8px;color:#155724;font-size:14px}.download-info small[data-v-42dfa783]{color:#666;font-size:12px;display:block}.popup-actions[data-v-42dfa783]{display:flex;gap:12px;margin-top:20px}.btn-primary[data-v-42dfa783],.btn-secondary[data-v-42dfa783]{flex:1;padding:12px;border-radius:8px;border:none;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-primary[data-v-42dfa783]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-42dfa783]:hover{opacity:.9}.btn-secondary[data-v-42dfa783]{background:#6c757d;color:#fff}.btn-secondary[data-v-42dfa783]:hover{background:#5a6268}.educational-section[data-v-7aaaf33f]{margin:25px 0}.content-block[data-v-7aaaf33f]{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 3px 10px #0000000d;border:1px solid #e9ecef}.content-block h3[data-v-7aaaf33f]{font-size:18px;color:#2c3e50;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #ee6c4d;display:flex;align-items:center;gap:8px}.benefits-grid[data-v-7aaaf33f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:15px}.benefit-card[data-v-7aaaf33f]{padding:20px;background:#f8f9fa;border-radius:10px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.benefit-card[data-v-7aaaf33f]:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.benefit-icon[data-v-7aaaf33f]{font-size:32px;margin-bottom:15px;display:block}.benefit-card h4[data-v-7aaaf33f]{font-size:16px;color:#2c3e50;margin-bottom:10px}.benefit-card p[data-v-7aaaf33f]{font-size:14px;color:#6c757d;line-height:1.5;margin:0}.practices-list[data-v-7aaaf33f]{display:flex;flex-direction:column;gap:15px;margin-top:15px}.practice-item[data-v-7aaaf33f]{display:flex;gap:15px;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #ee6c4d;align-items:flex-start}.practice-number[data-v-7aaaf33f]{display:flex;align-items:center;justify-content:center;min-width:30px;height:30px;background:#ee6c4d;color:#fff;border-radius:50%;font-weight:700;font-size:16px;flex-shrink:0}.practice-content h4[data-v-7aaaf33f]{font-size:16px;color:#2c3e50;margin-bottom:8px}.practice-content p[data-v-7aaaf33f]{font-size:14px;color:#495057;line-height:1.5;margin:0}.specs-grid[data-v-7aaaf33f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:15px}.spec-card[data-v-7aaaf33f]{padding:20px;background:#f8f9fa;border-radius:10px}.spec-header[data-v-7aaaf33f]{display:flex;align-items:center;gap:10px;margin-bottom:15px}.spec-icon[data-v-7aaaf33f]{font-size:24px}.spec-card h4[data-v-7aaaf33f]{font-size:16px;color:#2c3e50;margin:0}.spec-list[data-v-7aaaf33f]{list-style:none;padding:0;margin:0}.spec-list li[data-v-7aaaf33f]{font-size:14px;color:#495057;padding:8px 0;border-bottom:1px solid #dee2e6}.spec-list li[data-v-7aaaf33f]:last-child{border-bottom:none}.format-grid[data-v-7aaaf33f]{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.format-badge[data-v-7aaaf33f]{display:inline-block;background:#e9ecef;padding:6px 12px;border-radius:15px;font-size:12px;font-weight:500;color:#495057}.spec-note[data-v-7aaaf33f]{font-size:12px;color:#6c757d;font-style:italic;margin:10px 0 0}.usecases-grid[data-v-7aaaf33f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:15px}.usecase-card[data-v-7aaaf33f]{padding:20px;background:#f8f9fa;border-radius:10px;border-top:4px solid #ee6c4d}.usecase-card h4[data-v-7aaaf33f]{font-size:16px;color:#2c3e50;margin-bottom:10px;display:flex;align-items:center;gap:8px}.usecase-card p[data-v-7aaaf33f]{font-size:14px;color:#495057;line-height:1.5;margin:0}.faq-list[data-v-7aaaf33f]{margin-top:15px}.faq-item[data-v-7aaaf33f]{margin-bottom:10px;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.faq-item summary[data-v-7aaaf33f]{padding:15px;font-weight:500;color:#2c3e50;cursor:pointer;list-style:none;position:relative;background:#f8f9fa;transition:background-color .3s ease}.faq-item summary[data-v-7aaaf33f]:hover{background:#e9ecef}.faq-item summary[data-v-7aaaf33f]::-webkit-details-marker{display:none}.faq-item summary[data-v-7aaaf33f]:after{content:"▶";position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.faq-item[open] summary[data-v-7aaaf33f]:after{transform:translateY(-50%) rotate(90deg)}.faq-item[open] summary[data-v-7aaaf33f]{background:#e9ecef}.faq-item p[data-v-7aaaf33f]{padding:20px;margin:0;font-size:14px;color:#495057;line-height:1.6;background:#fff;border-top:1px solid #dee2e6}.tips-grid[data-v-7aaaf33f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:15px}.tip-card[data-v-7aaaf33f]{padding:20px;background:#f8f9fa;border-radius:10px;text-align:center;transition:transform .3s ease}.tip-card[data-v-7aaaf33f]:hover{transform:translateY(-3px)}.tip-icon[data-v-7aaaf33f]{font-size:32px;display:block;margin-bottom:15px}.tip-card h4[data-v-7aaaf33f]{font-size:16px;color:#2c3e50;margin-bottom:10px}.tip-card p[data-v-7aaaf33f]{font-size:14px;color:#6c757d;line-height:1.5;margin:0}@media(max-width:768px){.content-block[data-v-7aaaf33f]{padding:15px;margin-bottom:15px}.benefits-grid[data-v-7aaaf33f],.usecases-grid[data-v-7aaaf33f],.tips-grid[data-v-7aaaf33f],.specs-grid[data-v-7aaaf33f]{grid-template-columns:1fr}.practice-item[data-v-7aaaf33f]{padding:12px}.benefit-card[data-v-7aaaf33f],.usecase-card[data-v-7aaaf33f],.tip-card[data-v-7aaaf33f]{padding:15px}}@media(max-width:480px){.content-block h3[data-v-7aaaf33f]{font-size:16px}.benefit-card h4[data-v-7aaaf33f],.practice-content h4[data-v-7aaaf33f],.spec-card h4[data-v-7aaaf33f],.usecase-card h4[data-v-7aaaf33f],.tip-card h4[data-v-7aaaf33f]{font-size:15px}.benefit-card p[data-v-7aaaf33f],.practice-content p[data-v-7aaaf33f],.spec-list li[data-v-7aaaf33f],.usecase-card p[data-v-7aaaf33f],.tip-card p[data-v-7aaaf33f],.faq-item p[data-v-7aaaf33f]{font-size:13px}.format-badge[data-v-7aaaf33f]{font-size:11px;padding:4px 8px}}.supported-formats[data-v-7aaaf33f]{background:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid #e9ecef}.formats-header[data-v-7aaaf33f]{font-size:14px;font-weight:600;color:#2c3e50;margin-bottom:12px;display:flex;align-items:center;gap:8px}.formats-grid[data-v-7aaaf33f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.format-item[data-v-7aaaf33f]{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-7aaaf33f]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.format-icon[data-v-7aaaf33f]{font-size:20px;margin-bottom:5px}.format-name[data-v-7aaaf33f]{font-size:11px;color:#495057;font-weight:500}.file-summary[data-v-7aaaf33f]{margin-top:10px;background:#ee6c4d;color:#fff;padding:8px 10px;border-radius:12px;text-align:left}.summary-header[data-v-7aaaf33f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-header h3[data-v-7aaaf33f]{margin:0;font-size:16px;font-weight:300}.clear-all-btn[data-v-7aaaf33f]{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-7aaaf33f]:hover:not(:disabled){background:#ffffff4d}.clear-all-btn[data-v-7aaaf33f]:disabled{opacity:.5;cursor:not-allowed}.summary-stats[data-v-7aaaf33f]{display:flex;gap:20px;font-size:12px;flex-wrap:wrap}.stat[data-v-7aaaf33f]{display:flex;gap:6px;align-items:center}.upload-box[data-v-7aaaf33f]:hover,.upload-box.drag-over[data-v-7aaaf33f]{border-color:#667eea;background:#f0f4ff;transform:translateY(-2px);box-shadow:0 8px 25px #667eea1a}.upload-content .icon[data-v-7aaaf33f]{font-size:40px;display:block;margin-bottom:12px}.upload-content p[data-v-7aaaf33f]{margin:8px 0;color:#2c3e50;font-size:16px}.upload-content small[data-v-7aaaf33f]{color:#6c757d;font-size:13px}.upload-tips[data-v-7aaaf33f]{padding:8px;background:#f8f9fa;border-radius:6px;font-size:11px;color:#666}.file-list-container[data-v-7aaaf33f]{max-height:300px;overflow-y:auto;border:1px solid #e9ecef;border-radius:10px;margin-bottom:20px;background:#fff}.file-list-scroll[data-v-7aaaf33f]{padding:10px}.file-item[data-v-7aaaf33f]{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-7aaaf33f]:hover{background-color:#f8f9fa}.file-item[data-v-7aaaf33f]:last-child{border-bottom:none}.file-info[data-v-7aaaf33f]{display:flex;align-items:center;gap:12px;flex:1}.file-icon[data-v-7aaaf33f]{font-size:20px;color:#667eea}.file-details[data-v-7aaaf33f]{text-align:left}.file-name[data-v-7aaaf33f]{font-size:14px;color:#2c3e50;margin-bottom:2px;word-break:break-word}.file-size[data-v-7aaaf33f]{font-size:12px;color:#6c757d}.remove-file-btn[data-v-7aaaf33f]{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-7aaaf33f]:hover:not(:disabled){background:#ffeaea;transform:scale(1.1)}.remove-file-btn[data-v-7aaaf33f]:disabled{opacity:.5;cursor:not-allowed}.convert-btn[data-v-7aaaf33f]{width:100%;padding:8px;font-size:16px;border-radius:10px;border:none;cursor:pointer;background:#ee6c4d;color:#fff;transition:all .3s ease;margin-top:5px;position:relative;overflow:hidden}.convert-btn[data-v-7aaaf33f]:hover:not(:disabled):not(.disabled){transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.convert-btn[data-v-7aaaf33f]:disabled,.convert-btn.disabled[data-v-7aaaf33f]{background:#ccc;cursor:not-allowed;transform:none}.convert-btn.loading[data-v-7aaaf33f]{background:#6c757d}.spinner[data-v-7aaaf33f]{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-7aaaf33f 1s ease-in-out infinite;margin-right:8px;vertical-align:middle}@keyframes spin-7aaaf33f{to{transform:rotate(360deg)}}.progress-section[data-v-7aaaf33f]{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.progress-header[data-v-7aaaf33f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:14px;color:#2c3e50}.time-estimate[data-v-7aaaf33f]{background:#e9ecef;padding:4px 10px;border-radius:20px;font-size:12px;color:#495057}.progress-container[data-v-7aaaf33f]{height:12px;width:100%;background:#e9ecef;border-radius:8px;overflow:hidden;position:relative}.progress-bar[data-v-7aaaf33f]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;position:relative}.progress-text[data-v-7aaaf33f]{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-7aaaf33f]{margin-top:12px;font-size:14px;color:#495057;min-height:20px}.progress-stats[data-v-7aaaf33f]{display:flex;justify-content:space-between;margin-top:15px;font-size:12px;color:#6c757d}.popup-overlay[data-v-7aaaf33f]{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-7aaaf33f]{background:#fff;border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:popupIn-7aaaf33f .3s ease-out}@keyframes popupIn-7aaaf33f{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header[data-v-7aaaf33f]{background:#000;color:#fff;padding:5px;display:flex;align-items:center;justify-content:space-between}.popup-header h3[data-v-7aaaf33f]{margin:0;flex:1;text-align:center;font-size:18px;font-weight:300}.success-icon[data-v-7aaaf33f]{font-size:24px}.close-popup[data-v-7aaaf33f]{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-7aaaf33f]:hover{background:#ffffff4d}.popup-content[data-v-7aaaf33f]{padding:8px}.stats-summary[data-v-7aaaf33f]{margin-bottom:24px}.summary-item[data-v-7aaaf33f]{margin-bottom:20px}.summary-label[data-v-7aaaf33f]{font-size:12px;color:#666;margin-bottom:4px}.summary-value[data-v-7aaaf33f]{font-size:14px;color:#2c3e50;font-weight:500}.size-comparison[data-v-7aaaf33f]{margin:25px 0;padding:20px;background:#f8f9fa;border-radius:10px;border:1px solid #e9ecef}.comparison-header[data-v-7aaaf33f]{font-size:14px;font-weight:600;color:#2c3e50;margin-bottom:15px;text-align:center}.size-bars[data-v-7aaaf33f]{display:flex;flex-direction:column;gap:10px}.size-bar[data-v-7aaaf33f]{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-7aaaf33f]{background:linear-gradient(90deg,#6c757d,#495057);color:#fff}.size-bar.pdf[data-v-7aaaf33f]{background:linear-gradient(90deg,#28a745,#20c997);color:#fff}.compression-info[data-v-7aaaf33f]{margin-top:15px;text-align:center;font-size:13px}.compression-label[data-v-7aaaf33f]{color:#666;margin-right:8px}.compression-value[data-v-7aaaf33f]{color:#28a745;font-weight:600}.stats-grid[data-v-7aaaf33f]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-item[data-v-7aaaf33f]{background:#f8f9fa;padding:5px;border-radius:10px;text-align:center}.stat-label[data-v-7aaaf33f]{font-size:12px;color:#666;margin-bottom:8px;font-weight:500}.stat-value[data-v-7aaaf33f]{font-size:16px;font-weight:700;color:#2c3e50}.popup-actions[data-v-7aaaf33f]{display:flex;gap:12px;margin-top:20px}.btn-primary[data-v-7aaaf33f],.btn-secondary[data-v-7aaaf33f]{flex:1;padding:12px;border-radius:8px;border:none;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-primary[data-v-7aaaf33f]{background:#000;color:#fff}.btn-primary[data-v-7aaaf33f]:hover{opacity:.9}.btn-secondary[data-v-7aaaf33f]{background:#6c757d;color:#fff}.btn-secondary[data-v-7aaaf33f]:hover{background:#5a6268}.file-list-container[data-v-7aaaf33f]::-webkit-scrollbar{width:6px}.file-list-container[data-v-7aaaf33f]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.file-list-container[data-v-7aaaf33f]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.file-list-container[data-v-7aaaf33f]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.educational-section[data-v-8a6c52fc]{margin:25px 0;padding:0 10px}.content-block[data-v-8a6c52fc]{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 3px 10px #0000000d;border:1px solid #e9ecef}.content-block h3[data-v-8a6c52fc]{font-size:18px;color:#107667;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #107667;display:flex;align-items:center;gap:8px}.content-grid[data-v-8a6c52fc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.benefit-card[data-v-8a6c52fc]{display:flex;gap:15px;padding:15px;background:#eef7f5;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}.benefit-card[data-v-8a6c52fc]:hover{transform:translateY(-3px);box-shadow:0 5px 15px #1076671a}.benefit-icon[data-v-8a6c52fc]{font-size:28px;flex-shrink:0}.benefit-content h4[data-v-8a6c52fc]{font-size:16px;color:#0d5c50;margin-bottom:8px}.benefit-content p[data-v-8a6c52fc]{font-size:14px;color:#495057;line-height:1.5;margin:0}.security-tips .tips-list[data-v-8a6c52fc]{display:flex;flex-direction:column;gap:15px;margin-top:15px}.tip-item[data-v-8a6c52fc]{display:flex;gap:15px;padding:15px;background:#fff8e1;border-radius:10px;align-items:flex-start;border-left:4px solid #ff9800}.tip-number[data-v-8a6c52fc]{display:flex;align-items:center;justify-content:center;min-width:30px;height:30px;background:#ff9800;color:#fff;border-radius:50%;font-weight:700;font-size:16px;flex-shrink:0}.tip-content h4[data-v-8a6c52fc]{font-size:16px;color:#e65100;margin-bottom:8px}.tip-content p[data-v-8a6c52fc]{font-size:14px;color:#5d4037;line-height:1.5;margin:0}.technical-content p[data-v-8a6c52fc]{font-size:15px;color:#333;line-height:1.6;margin-bottom:20px}.encryption-details[data-v-8a6c52fc]{display:flex;flex-direction:column;gap:15px}.detail-item[data-v-8a6c52fc]{display:flex;gap:15px;padding:15px;background:#f8f9fa;border-radius:10px}.detail-icon[data-v-8a6c52fc]{font-size:24px;flex-shrink:0}.detail-content strong[data-v-8a6c52fc]{display:block;font-size:16px;color:#107667;margin-bottom:5px}.detail-content p[data-v-8a6c52fc]{font-size:14px;color:#495057;line-height:1.5;margin:0}.faq-list[data-v-8a6c52fc]{margin-top:15px}.faq-item[data-v-8a6c52fc]{margin-bottom:10px;border:1px solid #dee2e6;border-radius:8px;overflow:hidden;background:#f8f9fa}.faq-item summary[data-v-8a6c52fc]{padding:15px;font-weight:500;color:#107667;cursor:pointer;list-style:none;position:relative;transition:background-color .3s ease}.faq-item summary[data-v-8a6c52fc]:hover{background:#e9ecef}.faq-item summary[data-v-8a6c52fc]::-webkit-details-marker{display:none}.faq-item summary[data-v-8a6c52fc]:after{content:"▶";position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.faq-item[open] summary[data-v-8a6c52fc]:after{transform:translateY(-50%) rotate(90deg)}.faq-item[open] summary[data-v-8a6c52fc]{background:#e9ecef;border-bottom:1px solid #dee2e6}.faq-item p[data-v-8a6c52fc]{padding:20px;margin:0;font-size:14px;color:#495057;line-height:1.6;background:#fff}.use-cases-grid[data-v-8a6c52fc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.use-case-item[data-v-8a6c52fc]{padding:20px;background:#e3f2fd;border-radius:10px;text-align:center;transition:transform .3s ease}.use-case-item[data-v-8a6c52fc]:hover{transform:translateY(-3px)}.use-case-item h4[data-v-8a6c52fc]{font-size:16px;color:#1565c0;margin-bottom:10px}.use-case-item p[data-v-8a6c52fc]{font-size:14px;color:#37474f;line-height:1.5;margin:0}@media(max-width:768px){.educational-section[data-v-8a6c52fc]{margin:20px 0;padding:0 5px}.content-block[data-v-8a6c52fc]{padding:15px;margin-bottom:15px}.content-grid[data-v-8a6c52fc],.use-cases-grid[data-v-8a6c52fc]{grid-template-columns:1fr}.benefit-card[data-v-8a6c52fc],.tip-item[data-v-8a6c52fc],.detail-item[data-v-8a6c52fc]{padding:12px}.content-block h3[data-v-8a6c52fc]{font-size:17px}}@media(max-width:480px){.content-block h3[data-v-8a6c52fc]{font-size:16px}.benefit-content h4[data-v-8a6c52fc],.tip-content h4[data-v-8a6c52fc],.detail-content strong[data-v-8a6c52fc],.use-case-item h4[data-v-8a6c52fc]{font-size:15px}.benefit-content p[data-v-8a6c52fc],.tip-content p[data-v-8a6c52fc],.detail-content p[data-v-8a6c52fc],.use-case-item p[data-v-8a6c52fc],.faq-item p[data-v-8a6c52fc]{font-size:13px}}.upload-box[data-v-8a6c52fc]:hover{border-color:#107667;background:#eef7f5;transform:translateY(-2px);box-shadow:0 4px 12px #1076671a}.upload-content .icon[data-v-8a6c52fc]{font-size:36px;display:block;margin-bottom:10px}.upload-content p[data-v-8a6c52fc]{margin:0 0 8px;color:#333;font-size:16px}.upload-content small[data-v-8a6c52fc]{display:block;color:#666;font-size:13px}.file-size[data-v-8a6c52fc]{color:#107667;font-weight:500;margin-top:5px!important}.protect-btn[data-v-8a6c52fc]{width:100%;padding:12px;font-size:16px;border-radius:10px;margin-top:8px;border:none;cursor:pointer;background:linear-gradient(135deg,#107667,#0d5c50);color:#fff;transition:all .3s ease;position:relative;overflow:hidden;max-width:550px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.protect-btn[data-v-8a6c52fc]:hover:not(:disabled){box-shadow:0 6px 20px #1076674d;transform:translateY(-2px)}.protect-btn[data-v-8a6c52fc]:disabled{opacity:.6;cursor:not-allowed}.progress-container[data-v-8a6c52fc]{padding:5px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.status-text[data-v-8a6c52fc]{margin-bottom:5px;font-size:15px;color:#333;min-height:24px}.progress-wrapper[data-v-8a6c52fc]{height:12px;background:#e9ecef;border-radius:10px;overflow:hidden;position:relative}.progress-bar[data-v-8a6c52fc]{height:100%;background:linear-gradient(90deg,#107667,#0d5c50);transition:width .3s ease;position:relative}.progress-bar[data-v-8a6c52fc]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-8a6c52fc 2s infinite}@keyframes shimmer-8a6c52fc{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-details[data-v-8a6c52fc]{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:13px}.progress-percent[data-v-8a6c52fc]{color:#107667;font-weight:600;font-size:14px}.progress-estimate[data-v-8a6c52fc]{color:#666;font-style:italic}.status-message[data-v-8a6c52fc]{margin-top:15px;font-size:14px;color:#107667;font-weight:500;padding:10px;background:#eef7f5;border-radius:8px;animation:fadeIn-8a6c52fc .3s ease}@keyframes fadeIn-8a6c52fc{0%{opacity:0}to{opacity:1}}.popup-overlay[data-v-8a6c52fc]{position:fixed;inset:25px 0 0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-8a6c52fc .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.popup-content[data-v-8a6c52fc]{background:#fff;border-radius:16px;padding:0;width:100%;max-width:420px;text-align:center;animation:slideUp-8a6c52fc .3s ease;box-shadow:0 20px 60px #0000004d;position:relative;max-height:90vh;overflow-y:auto}@keyframes slideUp-8a6c52fc{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-btn[data-v-8a6c52fc]{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;z-index:10}.close-btn[data-v-8a6c52fc]:hover{background:#f5f5f5;color:#333}.popup-header[data-v-8a6c52fc]{padding:10px;border-bottom:1px solid #f0f0f0}.popup-icon[data-v-8a6c52fc]{font-size:33px;display:block}.popup-icon.success[data-v-8a6c52fc]{animation:bounce-8a6c52fc .5s ease}@keyframes bounce-8a6c52fc{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.popup-header h3[data-v-8a6c52fc]{margin:0 0 8px;color:#333;font-size:17px}.popup-header p[data-v-8a6c52fc]{margin:0;color:#666;font-size:14px}.password-popup[data-v-8a6c52fc]{max-width:400px}.password-input-group[data-v-8a6c52fc]{padding:10px;text-align:left}.input-wrapper[data-v-8a6c52fc]{margin-bottom:5px}.input-wrapper label[data-v-8a6c52fc]{display:block;margin-bottom:8px;font-size:14px;color:#333;font-weight:500}.input-with-icon[data-v-8a6c52fc]{position:relative;display:flex;align-items:center}.input-with-icon input[data-v-8a6c52fc]{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-8a6c52fc]:focus{outline:none;border-color:#107667;box-shadow:0 0 0 3px #1076671a}.input-with-icon input[data-v-8a6c52fc]:disabled{background:#f5f5f5;cursor:not-allowed}.input-with-icon input.error[data-v-8a6c52fc]{border-color:#f44336;background:#fff5f5}.toggle-password[data-v-8a6c52fc]{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-8a6c52fc]:hover:not(:disabled){background:#f0f0f0;color:#333}.toggle-password[data-v-8a6c52fc]:disabled{opacity:.5;cursor:not-allowed}.error-message[data-v-8a6c52fc]{color:#f44336;font-size:13px;margin-top:5px;display:flex;align-items:center;gap:5px}.password-strength[data-v-8a6c52fc]{padding:5px;background:#f8f9fa;border-radius:8px}.strength-label[data-v-8a6c52fc]{font-size:13px;color:#666;margin-bottom:8px}.strength-bar[data-v-8a6c52fc]{height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;margin-bottom:8px}.strength-fill[data-v-8a6c52fc]{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease}.strength-fill.weak[data-v-8a6c52fc]{background:#f44336}.strength-fill.medium[data-v-8a6c52fc]{background:#ff9800}.strength-fill.strong[data-v-8a6c52fc]{background:#4caf50}.strength-text[data-v-8a6c52fc]{font-size:12px;font-weight:600;text-align:right}.weak-text[data-v-8a6c52fc]{color:#f44336}.medium-text[data-v-8a6c52fc]{color:#ff9800}.strong-text[data-v-8a6c52fc]{color:#4caf50}.password-tips[data-v-8a6c52fc]{padding:6px;background:#e3f2fd;border-radius:6px;border-left:4px solid #2196F3;text-align:center}.password-tips small[data-v-8a6c52fc]{color:#1976d2;font-size:13px}.popup-buttons[data-v-8a6c52fc]{padding:5px 15px;background:#f8f9fa;border-top:1px solid #f0f0f0;display:flex;gap:12px}.popup-btn[data-v-8a6c52fc]{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-8a6c52fc]:hover:not(:disabled){box-shadow:0 4px 12px #1076674d}.popup-btn[data-v-8a6c52fc]:disabled{opacity:.6;cursor:not-allowed}.popup-btn.loading[data-v-8a6c52fc]{background:linear-gradient(135deg,#0d5c50,#107667)}.popup-btn.secondary[data-v-8a6c52fc]{background:#6c757d;color:#fff}.popup-btn.secondary[data-v-8a6c52fc]:hover:not(:disabled){background:#5a6268;box-shadow:0 4px 12px #6c757d4d}.spinner[data-v-8a6c52fc]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-8a6c52fc 1s ease-in-out infinite}@keyframes spin-8a6c52fc{to{transform:rotate(360deg)}}.file-info[data-v-8a6c52fc]{padding:20px 25px}.info-row[data-v-8a6c52fc]{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.info-label[data-v-8a6c52fc]{font-size:14px;color:#666;font-weight:500}.info-value[data-v-8a6c52fc]{font-size:14px;color:#333;font-weight:600;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-value.success[data-v-8a6c52fc]{color:#107667}.security-alert[data-v-8a6c52fc]{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-8a6c52fc]{font-size:18px;flex-shrink:0}.alert-text[data-v-8a6c52fc]{font-size:14px;color:#e65100;font-weight:500;text-align:left;flex:1}@media(max-width:480px){.popup-content[data-v-8a6c52fc]{max-width:340px}.password-popup[data-v-8a6c52fc]{max-width:320px}.popup-header[data-v-8a6c52fc],.password-input-group[data-v-8a6c52fc]{padding:20px}.popup-buttons[data-v-8a6c52fc]{padding:15px 20px;flex-direction:column}.file-info[data-v-8a6c52fc]{padding:15px 20px}.info-value[data-v-8a6c52fc]{max-width:150px}.security-alert[data-v-8a6c52fc]{margin:0 20px 15px}}.educational-section[data-v-96ef25c2]{margin:25px 0;padding:0 5px}.content-block[data-v-96ef25c2]{background:#fff;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 3px 10px #0000000d;border:1px solid #e9ecef}.content-block h3[data-v-96ef25c2]{font-size:18px;color:#9c27b0;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #9C27B0;display:flex;align-items:center;gap:8px}.info-grid[data-v-96ef25c2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:15px}.info-card[data-v-96ef25c2]{padding:20px;background:#f3e5f5;border-radius:10px;border-left:4px solid #9C27B0}.info-icon[data-v-96ef25c2]{font-size:28px;margin-bottom:15px}.info-card h4[data-v-96ef25c2]{font-size:16px;color:#7b1fa2;margin-bottom:10px}.info-card p[data-v-96ef25c2]{font-size:14px;color:#495057;line-height:1.5;margin:0}.issues-list[data-v-96ef25c2]{display:flex;flex-direction:column;gap:15px;margin-top:15px}.issue-item[data-v-96ef25c2]{display:flex;gap:15px;padding:15px;background:#f8f9fa;border-radius:8px;align-items:flex-start;border-left:4px solid #f44336}.issue-icon[data-v-96ef25c2]{font-size:24px;flex-shrink:0}.issue-content h4[data-v-96ef25c2]{font-size:15px;color:#c62828;margin-bottom:8px}.issue-content p[data-v-96ef25c2]{font-size:14px;color:#495057;line-height:1.5;margin:0}.practices-grid[data-v-96ef25c2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:15px}.practice-card[data-v-96ef25c2]{display:flex;gap:15px;padding:20px;background:#e8f5e9;border-radius:10px;align-items:flex-start}.practice-number[data-v-96ef25c2]{display:flex;align-items:center;justify-content:center;min-width:35px;height:35px;background:#4caf50;color:#fff;border-radius:50%;font-weight:700;font-size:18px;flex-shrink:0}.practice-text h4[data-v-96ef25c2]{font-size:16px;color:#2e7d32;margin-bottom:8px}.practice-text p[data-v-96ef25c2]{font-size:14px;color:#495057;line-height:1.5;margin:0}.faq-list[data-v-96ef25c2]{margin-top:15px}.faq-item[data-v-96ef25c2]{margin-bottom:10px;border:1px solid #e1bee7;border-radius:8px;overflow:hidden}.faq-item summary[data-v-96ef25c2]{padding:15px;font-weight:500;color:#7b1fa2;cursor:pointer;list-style:none;position:relative;background:#f3e5f5;transition:background-color .3s ease}.faq-item summary[data-v-96ef25c2]:hover{background:#e1bee7}.faq-item summary[data-v-96ef25c2]::-webkit-details-marker{display:none}.faq-item summary[data-v-96ef25c2]:after{content:"▶";position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.faq-item[open] summary[data-v-96ef25c2]:after{transform:translateY(-50%) rotate(90deg)}.faq-item[open] summary[data-v-96ef25c2]{background:#e1bee7}.faq-item p[data-v-96ef25c2]{padding:20px;margin:0;font-size:14px;color:#495057;line-height:1.6;background:#fff;border-top:1px solid #f3e5f5}.usecases-grid[data-v-96ef25c2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:15px}.usecase-card[data-v-96ef25c2]{padding:20px;background:#fff;border-radius:10px;border:2px solid #e1bee7;transition:all .3s ease}.usecase-card[data-v-96ef25c2]:hover{transform:translateY(-5px);box-shadow:0 5px 20px #9c27b01a;border-color:#9c27b0}.usecase-icon[data-v-96ef25c2]{font-size:32px;margin-bottom:15px;color:#9c27b0}.usecase-content h4[data-v-96ef25c2]{font-size:16px;color:#7b1fa2;margin-bottom:10px}.usecase-content p[data-v-96ef25c2]{font-size:14px;color:#495057;line-height:1.5;margin:0}@media(max-width:768px){.educational-section[data-v-96ef25c2]{margin:20px 0;padding:0}.content-block[data-v-96ef25c2]{padding:15px;margin-bottom:20px}.info-grid[data-v-96ef25c2],.practices-grid[data-v-96ef25c2],.usecases-grid[data-v-96ef25c2]{grid-template-columns:1fr}.info-card[data-v-96ef25c2],.practice-card[data-v-96ef25c2],.usecase-card[data-v-96ef25c2]{padding:15px}.issue-item[data-v-96ef25c2]{padding:12px}}@media(max-width:480px){.content-block h3[data-v-96ef25c2]{font-size:16px}.info-card h4[data-v-96ef25c2],.issue-content h4[data-v-96ef25c2],.practice-text h4[data-v-96ef25c2],.usecase-content h4[data-v-96ef25c2]{font-size:15px}.info-card p[data-v-96ef25c2],.issue-content p[data-v-96ef25c2],.practice-text p[data-v-96ef25c2],.usecase-content p[data-v-96ef25c2],.faq-item p[data-v-96ef25c2]{font-size:13px}}.upload-box[data-v-96ef25c2]:hover{border-color:#9c27b0;background:#f3e5f5;box-shadow:0 4px 12px #9c27b01a}.upload-content .icon[data-v-96ef25c2]{font-size:25px;display:block}.upload-content p[data-v-96ef25c2]{margin:0 0 8px;color:#333;font-size:16px}.upload-content small[data-v-96ef25c2]{display:block;color:#666;font-size:13px}.file-size[data-v-96ef25c2]{color:#9c27b0;font-weight:500;margin-top:5px!important}.password-section[data-v-96ef25c2]{text-align:left;max-width:576px;margin:auto}.input-wrapper[data-v-96ef25c2]{margin-bottom:5px}.input-wrapper label[data-v-96ef25c2]{display:block;margin-bottom:10px;font-size:14px;color:#333;margin-top:15px}.input-with-icon[data-v-96ef25c2]{position:relative}.input-with-icon input[data-v-96ef25c2]{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-96ef25c2]:focus{outline:none;border-color:#9c27b0;box-shadow:0 0 0 3px #9c27b01a}.input-with-icon input[data-v-96ef25c2]:disabled{background:#f5f5f5;cursor:not-allowed}.input-hint[data-v-96ef25c2]{text-align:right}.input-hint small[data-v-96ef25c2]{color:#666;font-size:12px;font-style:italic}.unlock-btn[data-v-96ef25c2]{width:100%;padding:10px;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}.unlock-btn[data-v-96ef25c2]:hover:not(:disabled){box-shadow:0 6px 20px #9c27b04d}.unlock-btn[data-v-96ef25c2]:disabled{opacity:.6;cursor:not-allowed}.unlock-btn.loading[data-v-96ef25c2]{background:linear-gradient(135deg,#7b1fa2,#9c27b0)}.unlock-btn.disabled[data-v-96ef25c2]:not(.loading){background:#95a5a6}.progress-container[data-v-96ef25c2]{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;max-width:555px;margin-inline:auto}.status-text[data-v-96ef25c2]{margin-bottom:5px;font-size:15px;color:#333;font-weight:500;min-height:20px}.progress-wrapper[data-v-96ef25c2]{height:12px;background:#e9ecef;border-radius:10px;overflow:hidden;position:relative}.progress-bar[data-v-96ef25c2]{height:100%;background:green;transition:width .3s ease;position:relative}.progress-bar[data-v-96ef25c2]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-96ef25c2 2s infinite}@keyframes shimmer-96ef25c2{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-details[data-v-96ef25c2]{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:13px}.progress-percent[data-v-96ef25c2]{color:#9c27b0;font-weight:600;font-size:14px}.progress-estimate[data-v-96ef25c2]{color:#666;font-style:italic}.status-message[data-v-96ef25c2]{font-size:14px;color:#9c27b0;font-weight:500;padding:10px;background:#f3e5f5;border-radius:8px;animation:fadeIn-96ef25c2 .3s ease;margin-inline:auto;margin-bottom:3px;max-width:555px}@keyframes fadeIn-96ef25c2{0%{opacity:0}to{opacity:1}}.popup-overlay[data-v-96ef25c2]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-96ef25c2 .3s ease}.popup-content[data-v-96ef25c2]{background:#fff;border-radius:16px;padding:15px;width:100%;max-width:400px;text-align:center;animation:slideUp-96ef25c2 .3s ease;box-shadow:0 10px 40px #0003;position:relative}@keyframes slideUp-96ef25c2{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-btn[data-v-96ef25c2]{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-96ef25c2]:hover{background:#f5f5f5;color:#333}.popup-icon[data-v-96ef25c2]{font-size:18px;animation:bounce-96ef25c2 .5s ease}.popup-icon.error[data-v-96ef25c2]{color:#f44336}@keyframes bounce-96ef25c2{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.popup-content h3[data-v-96ef25c2]{margin:0 0 10px;color:#333;font-size:20px;font-weight:600}.popup-content>p[data-v-96ef25c2]{margin:0 0 5px;color:#666;font-size:15px;line-height:1.4}.success-details[data-v-96ef25c2]{background:#f8f9fa;border-radius:10px;padding:15px;margin:0 0 20px;text-align:left}.detail-item[data-v-96ef25c2]{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.detail-item[data-v-96ef25c2]:first-child{border-bottom:1px solid #e9ecef;padding-bottom:10px;margin-bottom:8px}.detail-label[data-v-96ef25c2]{font-size:13px;color:#666;font-weight:500}.detail-value[data-v-96ef25c2]{font-size:13px;color:#333;font-weight:600;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-value.success[data-v-96ef25c2]{color:#9c27b0}.error-tips[data-v-96ef25c2]{background:#ffebee;border-radius:10px;padding:10px;margin:0 0 10px;text-align:left;border-left:4px solid #f44336}.error-tips p[data-v-96ef25c2]{margin:0 0 10px!important;color:#c62828;font-size:14px!important}.error-tips ul[data-v-96ef25c2]{margin:0;padding-left:20px;color:#666;font-size:13px;line-height:1.5}.error-tips li[data-v-96ef25c2]{margin-bottom:5px}.popup-buttons[data-v-96ef25c2]{display:flex;gap:10px;justify-content:center}.popup-btn[data-v-96ef25c2]{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-96ef25c2]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9c27b04d}.popup-btn.secondary[data-v-96ef25c2]{background:#6c757d;color:#fff}.popup-btn.secondary[data-v-96ef25c2]:hover{background:#5a6268;box-shadow:0 4px 12px #6c757d4d}@media(max-width:480px){.popup-content[data-v-96ef25c2]{padding:20px;max-width:320px}.popup-buttons[data-v-96ef25c2]{flex-direction:column;gap:8px}.popup-btn[data-v-96ef25c2]{width:100%}}.converter[data-v-0d39659b]{text-align:center}.converter h2[data-v-0d39659b]{font-size:22px;margin-bottom:4px}.subtitle[data-v-0d39659b]{font-size:14px;color:#666;margin-bottom:20px}.upload-box[data-v-0d39659b]{display:block;border:2px dashed #aaa;border-radius:12px;padding:30px 20px;cursor:pointer;background:#f9f9f9;transition:all .3s ease;margin-bottom:20px}.upload-box[data-v-0d39659b]:hover{border-color:#107667;background:#eef7f5}.upload-content .icon[data-v-0d39659b]{font-size:36px;display:block;margin-bottom:10px}.rotation-options[data-v-0d39659b]{margin-bottom:20px;text-align:left}.rotation-options label[data-v-0d39659b]{display:block;margin-bottom:10px;font-weight:500;color:#333}.angle-buttons[data-v-0d39659b]{display:flex;gap:10px;justify-content:center}.angle-btn[data-v-0d39659b]{padding:10px 20px;border:2px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;font-weight:500}.angle-btn[data-v-0d39659b]:hover{border-color:#107667}.angle-btn.active[data-v-0d39659b]{border-color:#107667;background:#107667;color:#fff}.merge-btn[data-v-0d39659b]{width:100%;padding:12px;font-size:15px;border-radius:10px;margin-top:10px;border:none;cursor:pointer;background:#107667;color:#fff;transition:background .3s ease}.merge-btn[data-v-0d39659b]:hover:not(:disabled){background:#0d5d4f}.merge-btn[data-v-0d39659b]:disabled{opacity:.6;cursor:not-allowed}.status-text[data-v-0d39659b]{margin-top:10px;font-size:13px;color:#444}.progress-wrapper[data-v-0d39659b]{margin-top:15px;height:10px;width:100%;background:#eee;border-radius:8px;overflow:hidden}.progress-bar[data-v-0d39659b]{height:100%;background:#107667;transition:width .2s ease}.converter[data-v-00c92a99]{text-align:center}.converter h2[data-v-00c92a99]{font-size:22px;margin-bottom:4px}.subtitle[data-v-00c92a99]{font-size:14px;color:#666;margin-bottom:20px}.upload-box[data-v-00c92a99]{display:block;border:2px dashed #aaa;border-radius:12px;padding:30px 20px;cursor:pointer;background:#f9f9f9;transition:all .3s ease;margin-bottom:20px}.upload-box[data-v-00c92a99]:hover{border-color:#107667;background:#eef7f5}.upload-content .icon[data-v-00c92a99]{font-size:36px;display:block;margin-bottom:10px}.preview-section[data-v-00c92a99]{margin:25px 0;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.preview-header[data-v-00c92a99]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:15px}.preview-header h3[data-v-00c92a99]{font-size:18px;color:#333;margin:0 0 5px}.instruction[data-v-00c92a99]{font-size:13px;color:#666;margin:0}.crop-coordinates[data-v-00c92a99]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;background:#fff;padding:12px;border-radius:8px;border:1px solid #dee2e6;min-width:200px}.coord[data-v-00c92a99]{display:flex;flex-direction:column;align-items:center}.coord span[data-v-00c92a99]{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px}.coord strong[data-v-00c92a99]{font-size:14px;color:#107667;margin-top:2px}.preview-controls[data-v-00c92a99]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:15px 0;border-bottom:1px solid #dee2e6;flex-wrap:wrap;gap:15px}.page-controls[data-v-00c92a99]{display:flex;align-items:center;gap:15px}.page-info[data-v-00c92a99]{font-size:14px;color:#666;font-weight:500}.zoom-controls[data-v-00c92a99]{display:flex;align-items:center;gap:10px}.nav-btn[data-v-00c92a99]{padding:8px 15px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .2s;font-size:13px}.nav-btn[data-v-00c92a99]:hover:not(:disabled){background:#107667;color:#fff;border-color:#107667}.nav-btn[data-v-00c92a99]:disabled{opacity:.5;cursor:not-allowed}.zoom-btn[data-v-00c92a99]{width:32px;height:32px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center}.zoom-btn[data-v-00c92a99]:hover{background:#f0f0f0}.zoom-level[data-v-00c92a99]{font-size:14px;min-width:50px;text-align:center;font-weight:500}.reset-btn[data-v-00c92a99]{padding:8px 15px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;margin-left:10px}.reset-btn[data-v-00c92a99]:hover{background:#5a6268}.preview-container[data-v-00c92a99]{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-00c92a99]{position:relative;display:inline-block;background:#fff;box-shadow:0 4px 12px #0000001a;border-radius:4px;overflow:hidden}.preview-canvas[data-v-00c92a99]{display:block;max-width:100%;max-height:500px}.selection-canvas[data-v-00c92a99]{position:absolute;top:0;left:0;cursor:crosshair;z-index:2}.rendering-overlay[data-v-00c92a99]{position:absolute;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:8px}.spinner[data-v-00c92a99]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #107667;border-radius:50%;animation:spin-00c92a99 1s linear infinite;margin-bottom:15px}@keyframes spin-00c92a99{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fallback-preview[data-v-00c92a99]{text-align:center;padding:40px 20px;color:#666}.fallback-icon[data-v-00c92a99]{font-size:48px;margin-bottom:15px;opacity:.7}.debug-info[data-v-00c92a99]{background:#f8f9fa;padding:8px 12px;border-radius:6px;font-size:11px;color:#666;text-align:center;margin-bottom:15px;border:1px dashed #dee2e6;font-family:monospace}.debug-info p[data-v-00c92a99]{margin:0}.crop-instructions[data-v-00c92a99]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:25px;padding-top:20px;border-top:1px solid #dee2e6}.instruction-item[data-v-00c92a99]{display:flex;align-items:center;gap:15px;padding:15px;background:#fff;border-radius:8px;border:1px solid #e9ecef;text-align:left}.instruction-icon[data-v-00c92a99]{font-size:24px;flex-shrink:0}.instruction-item p[data-v-00c92a99]{margin:0;font-size:13px;line-height:1.4}.instruction-item strong[data-v-00c92a99]{color:#107667}.crop-actions[data-v-00c92a99]{margin:25px 0}.crop-btn[data-v-00c92a99]{width:100%;padding:14px;font-size:16px;border-radius:10px;border:none;cursor:pointer;background:#107667;color:#fff;transition:all .3s ease;font-weight:600}.crop-btn[data-v-00c92a99]:hover:not(:disabled){background:#0d5d4f;transform:translateY(-1px);box-shadow:0 4px 12px #10766733}.crop-btn[data-v-00c92a99]:disabled{opacity:.6;cursor:not-allowed}.selected-area-info[data-v-00c92a99]{margin-top:15px;padding:15px;background:#e8f7f4;border-radius:8px;border:1px solid #b8e1d8}.selected-area-info p[data-v-00c92a99]{margin:5px 0;font-size:13px;color:#107667}.dimensions[data-v-00c92a99]{font-size:12px!important;color:#0d5d4f!important;font-family:monospace}.status-text[data-v-00c92a99]{margin-top:10px;font-size:13px;color:#444}.progress-wrapper[data-v-00c92a99]{margin-top:15px;height:10px;width:100%;background:#eee;border-radius:8px;overflow:hidden}.progress-bar[data-v-00c92a99]{height:100%;background:#107667;transition:width .2s ease}.ocr-educational-section[data-v-dc0813af]{margin:30px 0;padding:0 5px}.content-block[data-v-dc0813af]{background:#fff;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 2px 10px #0000000d;border:1px solid #e9ecef;text-align:left}.content-block h3[data-v-dc0813af]{font-size:18px;color:#4a6fa5;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e9ecef;display:flex;align-items:center;gap:10px}.benefits-grid[data-v-dc0813af]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:15px}.benefit-card[data-v-dc0813af]{padding:20px;background:#f8fafc;border-radius:10px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e9ecef}.benefit-card[data-v-dc0813af]:hover{transform:translateY(-5px);box-shadow:0 8px 20px #4a6fa51a}.benefit-icon[data-v-dc0813af]{font-size:32px;margin-bottom:15px;display:block}.benefit-card h4[data-v-dc0813af]{font-size:16px;color:#333;margin-bottom:10px}.benefit-card p[data-v-dc0813af]{font-size:14px;color:#666;line-height:1.5;margin:0}.practices-list[data-v-dc0813af]{display:flex;flex-direction:column;gap:20px;margin-top:15px}.practice-item[data-v-dc0813af]{display:flex;gap:20px;padding:20px;background:#f8fafc;border-radius:10px;align-items:flex-start;border-left:4px solid #4a6fa5}.practice-number[data-v-dc0813af]{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;background:#4a6fa5;color:#fff;border-radius:50%;font-weight:700;font-size:16px;flex-shrink:0}.practice-content h4[data-v-dc0813af]{font-size:16px;color:#333;margin-bottom:8px}.practice-content p[data-v-dc0813af]{font-size:14px;color:#666;line-height:1.5;margin:0}.usecases-grid[data-v-dc0813af]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:15px}.usecase-card[data-v-dc0813af]{display:flex;gap:15px;padding:20px;background:#f8fafc;border-radius:10px;align-items:flex-start}.usecase-icon[data-v-dc0813af]{font-size:24px;flex-shrink:0;margin-top:5px}.usecase-content h4[data-v-dc0813af]{font-size:16px;color:#333;margin-bottom:8px}.usecase-content p[data-v-dc0813af]{font-size:14px;color:#666;line-height:1.5;margin:0}.technical-content[data-v-dc0813af]{display:flex;flex-direction:column;gap:20px;margin-top:15px}.tech-step[data-v-dc0813af]{display:flex;gap:20px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f0f4fa);border-radius:10px;align-items:center}.step-number[data-v-dc0813af]{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;background:#4a6fa5;color:#fff;border-radius:50%;font-weight:700;font-size:18px;flex-shrink:0}.step-content h4[data-v-dc0813af]{font-size:16px;color:#333;margin-bottom:8px}.step-content p[data-v-dc0813af]{font-size:14px;color:#666;line-height:1.5;margin:0}.faq-list[data-v-dc0813af]{margin-top:15px}.faq-item[data-v-dc0813af]{margin-bottom:10px;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;background:#f8fafc}.faq-item summary[data-v-dc0813af]{padding:15px 20px;font-weight:500;color:#333;cursor:pointer;list-style:none;position:relative;transition:background-color .3s ease}.faq-item summary[data-v-dc0813af]:hover{background:#f0f4fa}.faq-item summary[data-v-dc0813af]::-webkit-details-marker{display:none}.faq-item summary[data-v-dc0813af]:after{content:"▶";position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.faq-item[open] summary[data-v-dc0813af]:after{transform:translateY(-50%) rotate(90deg)}.faq-item[open] summary[data-v-dc0813af]{background:#f0f4fa}.faq-item p[data-v-dc0813af]{padding:20px;margin:0;font-size:14px;color:#666;line-height:1.6;background:#fff;border-top:1px solid #e9ecef}@media(max-width:768px){.ocr-educational-section[data-v-dc0813af]{margin:20px 0}.content-block[data-v-dc0813af]{padding:20px;margin-bottom:20px}.benefits-grid[data-v-dc0813af],.usecases-grid[data-v-dc0813af]{grid-template-columns:1fr}.practice-item[data-v-dc0813af],.usecase-card[data-v-dc0813af],.tech-step[data-v-dc0813af]{padding:15px;gap:15px}.practice-number[data-v-dc0813af],.step-number[data-v-dc0813af]{min-width:32px;height:32px;font-size:14px}}@media(max-width:480px){.content-block h3[data-v-dc0813af]{font-size:16px}.benefit-card h4[data-v-dc0813af],.practice-content h4[data-v-dc0813af],.usecase-content h4[data-v-dc0813af],.step-content h4[data-v-dc0813af]{font-size:15px}.benefit-card p[data-v-dc0813af],.practice-content p[data-v-dc0813af],.usecase-content p[data-v-dc0813af],.step-content p[data-v-dc0813af],.faq-item p[data-v-dc0813af]{font-size:13px}}.upload-box[data-v-dc0813af]:hover{border-color:#4a6fa5;background:#f0f4fa}.upload-content .icon[data-v-dc0813af]{font-size:42px;display:block;margin-bottom:12px}.upload-content small[data-v-dc0813af]{display:block;margin-top:5px;color:#666}.file-info[data-v-dc0813af]{margin-top:10px!important;font-weight:500;color:#4a6fa5!important}.ocr-settings[data-v-dc0813af]{background:#f8f9fa;padding:25px;border-radius:12px;margin-bottom:25px;border:1px solid #e9ecef;text-align:left}.settings-grid[data-v-dc0813af]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:20px}.setting-group[data-v-dc0813af]{margin-bottom:15px}.setting-group label[data-v-dc0813af]{display:block;margin-bottom:8px;font-size:15px;color:#333;font-weight:600}.setting-select[data-v-dc0813af]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s}.setting-select[data-v-dc0813af]:focus{outline:none;border-color:#4a6fa5;box-shadow:0 0 0 3px #4a6fa51a}.setting-desc[data-v-dc0813af]{font-size:12px;color:#666;margin-top:6px;line-height:1.4}.supported-formats[data-v-dc0813af]{margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.format-badges[data-v-dc0813af]{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.badge[data-v-dc0813af]{background:#4a6fa5;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.text-preview[data-v-dc0813af]{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;margin-bottom:25px;text-align:left;box-shadow:0 2px 8px #0000000d}.preview-header[data-v-dc0813af]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.preview-header h3[data-v-dc0813af]{font-size:18px;color:#333;margin:0}.preview-actions[data-v-dc0813af]{display:flex;gap:10px}.action-btn[data-v-dc0813af]{padding:8px 16px;background:#fff;border:1px solid #4a6fa5;border-radius:6px;color:#4a6fa5;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.action-btn[data-v-dc0813af]:hover{background:#4a6fa5;color:#fff}.text-content[data-v-dc0813af]{max-height:300px;overflow-y:auto;padding:15px;background:#f8f9fa;border-radius:8px;font-family:Courier New,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.text-stats[data-v-dc0813af]{display:flex;justify-content:space-around;margin-top:15px;padding-top:15px;border-top:1px solid #e9ecef;font-size:12px;color:#666}.text-stats span[data-v-dc0813af]{font-weight:600;color:#4a6fa5}.demo-preview[data-v-dc0813af]{background:#f0f4fa;padding:25px;border-radius:12px;margin-bottom:25px;text-align:center}.demo-preview h3[data-v-dc0813af]{font-size:18px;color:#333;margin-bottom:20px}.demo-steps[data-v-dc0813af]{display:flex;justify-content:center;gap:30px;margin-bottom:25px;flex-wrap:wrap}.step[data-v-dc0813af]{flex:1;min-width:200px;max-width:250px}.step-icon[data-v-dc0813af]{width:40px;height:40px;background:#4a6fa5;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;margin:0 auto 15px}.step p[data-v-dc0813af]{font-size:14px;color:#555;line-height:1.5}.sample-output[data-v-dc0813af]{background:#fff;padding:20px;border-radius:8px;border:1px solid #d1dce9}.sample-output h4[data-v-dc0813af]{font-size:16px;color:#333;margin-bottom:15px}.sample-text[data-v-dc0813af]{font-style:italic;color:#666;line-height:1.6;border-left:3px solid #4a6fa5;padding-left:15px}.action-buttons[data-v-dc0813af]{gap:15px;justify-content:center;margin:10px 0}.ocr-btn[data-v-dc0813af]{flex:1;padding:10px 13px;font-size:13px;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(135deg,#4a6fa5,#3a5a8c);color:#fff;transition:all .3s ease;box-shadow:0 4px 12px #4a6fa533;width:100%}.ocr-btn[data-v-dc0813af]:hover:not(:disabled){box-shadow:0 6px 16px #4a6fa54d;background:linear-gradient(135deg,#3a5a8c,#2a4a7c)}.ocr-btn[data-v-dc0813af]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.secondary-btn[data-v-dc0813af]{padding:10px 13px;background:#fff;border:1px solid #ddd;border-radius:10px;color:#666;font-weight:500;cursor:pointer;transition:all .2s;margin-right:20px}.secondary-btn[data-v-dc0813af]:hover{background:#f8f9fa;border-color:#999}.status-text[data-v-dc0813af]{margin-top:15px;font-size:14px;color:#4a6fa5;font-weight:500}.progress-wrapper[data-v-dc0813af]{margin:15px auto 25px;height:10px;width:100%;max-width:400px;background:#e9ecef;border-radius:8px;overflow:hidden}.progress-bar[data-v-dc0813af]{height:100%;background:green;transition:width .3s ease}.ocr-tips[data-v-dc0813af]{background:#fff8e1;padding:20px;border-radius:12px;border:1px solid #ffecb3;margin-top:25px;text-align:left}.ocr-tips h4[data-v-dc0813af]{font-size:16px;color:#333;margin-bottom:15px;display:flex;align-items:center;gap:8px}.ocr-tips ul[data-v-dc0813af]{margin:0;padding-left:20px;color:#666}.ocr-tips li[data-v-dc0813af]{margin-bottom:8px;line-height:1.5;font-size:13px}.converter[data-v-5568923e]{max-width:1200px;margin:0 auto;padding:20px}h2[data-v-5568923e]{font-size:24px;margin-bottom:8px;color:#333;text-align:center}.subtitle[data-v-5568923e]{font-size:14px;color:#666;margin-bottom:30px;text-align:center;line-height:1.5}.upload-box[data-v-5568923e]{display:block;border:3px dashed #d1d5db;border-radius:16px;padding:60px 20px;cursor:pointer;background:#f9fafb;transition:all .3s;margin:0 auto 30px;max-width:600px;text-align:center}.upload-box[data-v-5568923e]:hover{border-color:#8fbc5d;background:#f5f9f0;transform:translateY(-2px);box-shadow:0 10px 25px #8fbc5d1a}.upload-content .icon[data-v-5568923e]{font-size:48px;display:block;margin-bottom:15px;color:#8fbc5d}.upload-content p[data-v-5568923e]{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.upload-content small[data-v-5568923e]{font-size:14px;color:#6b7280}.compact-header[data-v-5568923e]{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:15px 20px;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:15px;box-shadow:0 2px 8px #0000000d}.header-left[data-v-5568923e],.header-center[data-v-5568923e],.header-right[data-v-5568923e]{display:flex;align-items:center;gap:15px}.file-badge[data-v-5568923e]{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#f5f9f0;border-radius:10px;border:1px solid #d1e7b5}.file-icon[data-v-5568923e]{font-size:24px;color:#8fbc5d}.file-details[data-v-5568923e]{display:flex;flex-direction:column}.file-details strong[data-v-5568923e]{font-size:14px;color:#374151;font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-details small[data-v-5568923e]{font-size:12px;color:#6b7280}.selection-badge[data-v-5568923e]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f0f4fa;border-radius:20px;font-size:13px;color:#4a6fa5;font-weight:500}.selection-badge.rotated[data-v-5568923e]{background:#fff8e1;color:#f59e0b}.selected-count[data-v-5568923e],.rotated-count[data-v-5568923e]{font-weight:700;font-size:14px}.view-toggle[data-v-5568923e]{display:flex;gap:8px}.view-btn[data-v-5568923e]{width:36px;height:36px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}.view-btn[data-v-5568923e]:hover{border-color:#8fbc5d;background:#f5f9f0}.quick-actions[data-v-5568923e]{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 20px;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:20px;flex-wrap:wrap;gap:15px}.action-group[data-v-5568923e]{display:flex;gap:8px;flex-wrap:wrap}.action-btn[data-v-5568923e]{padding:8px 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.action-btn.compact[data-v-5568923e]{min-width:80px}.action-btn.icon-only[data-v-5568923e]{width:36px;height:36px;padding:0;border-color:var(--btn-color, #d1d5db);color:var(--btn-color, #374151)}.action-btn[data-v-5568923e]:hover:not(:disabled){background:#f5f9f0;border-color:#8fbc5d;transform:translateY(-1px)}.action-btn[data-v-5568923e]:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.pages-grid-container[data-v-5568923e]{background:#fff;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:20px;overflow:hidden}.pagination-header[data-v-5568923e]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #e5e7eb}.pagination-info[data-v-5568923e]{font-size:14px;color:#6b7280;font-weight:500}.pagination-controls[data-v-5568923e]{display:flex;align-items:center;gap:10px}.page-nav[data-v-5568923e]{width:32px;height:32px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}.page-nav[data-v-5568923e]:hover:not(:disabled){border-color:#8fbc5d;background:#f5f9f0}.page-nav[data-v-5568923e]:disabled{opacity:.5;cursor:not-allowed}.page-numbers[data-v-5568923e]{display:flex;gap:4px;align-items:center}.page-number[data-v-5568923e]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.page-number[data-v-5568923e]:hover{background:#f3f4f6}.page-number.active[data-v-5568923e]{background:#8fbc5d;color:#fff}.page-ellipsis[data-v-5568923e]{color:#9ca3af;padding:0 4px}.pages-grid[data-v-5568923e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;padding:20px;max-height:500px;overflow-y:auto}.page-card[data-v-5568923e]{position:relative;background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:15px;cursor:pointer;transition:all .3s;aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none}.page-card[data-v-5568923e]:hover{border-color:#8fbc5d;box-shadow:0 8px 20px #8fbc5d26;transform:translateY(-4px)}.page-card.selected[data-v-5568923e]{border-color:#8fbc5d;background:#f5f9f0}.page-card.dragging[data-v-5568923e]{border-color:#4a6fa5;background:#f0f4fa;opacity:.8}.page-card.rotated[data-v-5568923e]{border-left:3px solid #f59e0b}.page-number-badge[data-v-5568923e]{position:absolute;top:10px;left:10px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;z-index:2;display:flex;align-items:center;gap:4px}.rotation-badge[data-v-5568923e]{background:#f59e0b;color:#fff;padding:1px 4px;border-radius:8px;font-size:10px}.page-thumbnail[data-v-5568923e]{width:100%;height:100%;position:relative;overflow:hidden;border-radius:6px}.thumbnail[data-v-5568923e]{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .3s}.thumbnail-overlay[data-v-5568923e]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:8px;text-align:center}.page-label[data-v-5568923e]{color:#fff;font-size:11px;font-weight:500}.page-placeholder[data-v-5568923e]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%}.placeholder-icon[data-v-5568923e]{font-size:32px;color:#9ca3af}.placeholder-text[data-v-5568923e]{font-size:13px;color:#6b7280;font-weight:500}.placeholder-rotation[data-v-5568923e]{font-size:11px;color:#f59e0b;background:#fff8e1;padding:2px 6px;border-radius:10px}.selection-indicator[data-v-5568923e]{position:absolute;top:10px;right:10px;z-index:2}.checkbox[data-v-5568923e]{width:20px;height:20px;border:2px solid #d1d5db;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;transition:all .2s}.checkbox.checked[data-v-5568923e]{background:#8fbc5d;border-color:#8fbc5d;color:#fff}.page-actions-hover[data-v-5568923e]{position:absolute;bottom:10px;right:10px;display:flex;gap:4px;opacity:0;transform:translateY(10px);transition:all .3s}.page-card:hover .page-actions-hover[data-v-5568923e]{opacity:1;transform:translateY(0)}.hover-action[data-v-5568923e]{width:28px;height:28px;border:none;border-radius:6px;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}.hover-action[data-v-5568923e]:hover{background:#8fbc5d;color:#fff}.hover-action.delete[data-v-5568923e]:hover{background:#ef4444}.empty-state[data-v-5568923e]{grid-column:1 / -1;text-align:center;padding:60px 20px}.empty-icon[data-v-5568923e]{font-size:48px;margin-bottom:20px;opacity:.5}.empty-state p[data-v-5568923e]{font-size:16px;color:#6b7280;margin:0 0 8px;font-weight:500}.empty-state small[data-v-5568923e]{font-size:14px;color:#9ca3af}.pagination-footer[data-v-5568923e]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;border-top:1px solid #e5e7eb;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.page-size-control[data-v-5568923e]{display:flex;align-items:center;gap:8px}.page-size-control label[data-v-5568923e]{font-size:13px;color:#6b7280}.size-select[data-v-5568923e]{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:13px;color:#374151;cursor:pointer}.size-select[data-v-5568923e]:focus{outline:none;border-color:#8fbc5d}.keyboard-hint[data-v-5568923e]{font-size:12px;color:#6b7280;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.keyboard-hint kbd[data-v-5568923e]{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:2px 6px;font-size:11px;font-family:monospace}.action-buttons[data-v-5568923e]{display:flex;gap:20px;justify-content:center;margin:40px 0 30px}.organize-btn[data-v-5568923e]{flex:1;max-width:350px;padding:18px 30px;background:linear-gradient(135deg,#8fbc5d,#7caf4d);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 8px 25px #8fbc5d4d;display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px}.organize-btn[data-v-5568923e]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #8fbc5d66;background:linear-gradient(135deg,#7caf4d,#6ba23d)}.organize-btn[data-v-5568923e]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.organize-btn.loading[data-v-5568923e]{background:linear-gradient(135deg,#6b7280,#4b5563)}.secondary-btn[data-v-5568923e]{padding:18px 30px;background:#fff;border:2px solid #d1d5db;border-radius:14px;color:#6b7280;font-weight:600;cursor:pointer;transition:all .2s;min-width:120px;font-size:15px}.secondary-btn[data-v-5568923e]:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.secondary-btn[data-v-5568923e]:disabled{opacity:.6;cursor:not-allowed}.spinner[data-v-5568923e]{display:inline-block;animation:spin-5568923e 1s linear infinite;font-size:18px}@keyframes spin-5568923e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-container[data-v-5568923e]{margin:30px auto;max-width:600px}.progress-info[data-v-5568923e]{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px}.progress-info .status[data-v-5568923e]{color:#374151;font-weight:500}.progress-info .percentage[data-v-5568923e]{color:#8fbc5d;font-weight:600}.progress-bar[data-v-5568923e]{height:10px;background:#e5e7eb;border-radius:5px;overflow:hidden}.progress-fill[data-v-5568923e]{height:100%;background:linear-gradient(90deg,#8fbc5d,#a3d47a);border-radius:5px;transition:width .3s ease;position:relative;overflow:hidden}.progress-fill[data-v-5568923e]: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-5568923e 2s infinite}@keyframes shimmer-5568923e{to{left:100%}}.quick-tips[data-v-5568923e]{background:linear-gradient(135deg,#f0f9f4,#e8f5e9);border:1px solid #c8e6c9;border-radius:12px;padding:20px;margin-top:20px}.quick-tips h4[data-v-5568923e]{margin:0 0 12px;color:#217346;font-size:16px;display:flex;align-items:center;gap:8px}.quick-tips ul[data-v-5568923e]{margin:0;padding-left:0;list-style:none}.quick-tips li[data-v-5568923e]{margin-bottom:8px;color:#2e7d32;font-size:13px;line-height:1.5;display:flex;align-items:center;gap:8px}.quick-tips li[data-v-5568923e]:last-child{margin-bottom:0}.quick-tips kbd[data-v-5568923e]{background:#fff;border:1px solid #a3d47a;border-radius:4px;padding:2px 6px;font-size:11px;font-family:monospace;color:#217346}@media(max-width:768px){.converter[data-v-5568923e]{padding:15px}.pages-grid[data-v-5568923e]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:15px}.compact-header[data-v-5568923e]{flex-direction:column;gap:15px;align-items:stretch}.header-left[data-v-5568923e],.header-center[data-v-5568923e],.header-right[data-v-5568923e]{justify-content:center}.quick-actions[data-v-5568923e]{flex-direction:column;gap:10px}.action-group[data-v-5568923e]{justify-content:center}.pagination-header[data-v-5568923e],.pagination-footer[data-v-5568923e]{flex-direction:column;gap:15px;text-align:center}.action-buttons[data-v-5568923e]{flex-direction:column}.organize-btn[data-v-5568923e],.secondary-btn[data-v-5568923e]{width:100%;max-width:none}}@media(max-width:480px){.pages-grid[data-v-5568923e]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;padding:10px}.page-card[data-v-5568923e]{padding:10px}.file-badge[data-v-5568923e]{max-width:100%;overflow:hidden}.keyboard-hint[data-v-5568923e]{font-size:11px}}.educational-section[data-v-d70154da]{margin:30px 0;padding:0 10px}.content-block[data-v-d70154da]{background:#fff;border-radius:16px;padding:25px;margin-bottom:30px;box-shadow:0 4px 15px #0000000d;border:1px solid #e5e7eb}.content-block h3[data-v-d70154da]{font-size:20px;color:#1f2937;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #ee6c4d;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}.benefits-grid[data-v-d70154da]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:20px}.benefit-card[data-v-d70154da]{display:flex;gap:20px;padding:25px;background:#f9fafb;border-radius:12px;border-left:4px solid #ee6c4d;transition:transform .3s ease,box-shadow .3s ease}.benefit-card[data-v-d70154da]:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.benefit-icon[data-v-d70154da]{font-size:32px;flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000000d}.benefit-content h4[data-v-d70154da]{font-size:18px;color:#1f2937;margin-bottom:10px}.benefit-content p[data-v-d70154da]{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.usecases-list[data-v-d70154da]{display:flex;flex-direction:column;gap:20px;margin-top:20px}.usecase-item[data-v-d70154da]{padding:25px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:1px solid #bae6fd}.usecase-header[data-v-d70154da]{display:flex;align-items:center;gap:15px;margin-bottom:15px}.usecase-icon[data-v-d70154da]{font-size:28px;background:#fff;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:10px;box-shadow:0 4px 10px #0000000d}.usecase-header h4[data-v-d70154da]{font-size:18px;color:#0369a1;margin:0}.usecase-item p[data-v-d70154da]{font-size:15px;color:#0c4a6e;line-height:1.6;margin:0;padding-left:65px}.tips-content[data-v-d70154da]{display:flex;flex-direction:column;gap:20px;margin-top:20px}.tip-item[data-v-d70154da]{display:flex;gap:20px;padding:20px;background:#f9fafb;border-radius:12px;align-items:flex-start}.tip-number[data-v-d70154da]{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;background:#ee6c4d;color:#fff;border-radius:50%;font-weight:700;font-size:18px;flex-shrink:0}.tip-text h4[data-v-d70154da]{font-size:17px;color:#1f2937;margin-bottom:8px}.tip-text p[data-v-d70154da]{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.faq-content[data-v-d70154da]{margin-top:20px}.faq-item[data-v-d70154da]{margin-bottom:15px;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.faq-item summary[data-v-d70154da]{padding:20px;font-weight:600;color:#1f2937;cursor:pointer;list-style:none;position:relative;background:#f9fafb;transition:background-color .3s ease}.faq-item summary[data-v-d70154da]:hover{background:#f3f4f6}.faq-item summary[data-v-d70154da]::-webkit-details-marker{display:none}.faq-item summary[data-v-d70154da]:after{content:"▶";position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.faq-item[open] summary[data-v-d70154da]:after{transform:translateY(-50%) rotate(90deg)}.faq-item[open] summary[data-v-d70154da]{background:#e5e7eb}.faq-answer[data-v-d70154da]{padding:25px;background:#fff;border-top:1px solid #e5e7eb}.faq-answer p[data-v-d70154da]{font-size:15px;color:#4b5563;line-height:1.6;margin:0}.technical-grid[data-v-d70154da]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:20px}.tech-card[data-v-d70154da]{padding:25px;background:#f9fafb;border-radius:12px;border-left:4px solid #10b981}.tech-card h4[data-v-d70154da]{font-size:18px;color:#1f2937;margin-bottom:15px}.tech-card p[data-v-d70154da],.tech-card ul[data-v-d70154da]{font-size:14px;color:#6b7280;line-height:1.6}.tech-card ul[data-v-d70154da]{padding-left:20px;margin:0}.tech-card li[data-v-d70154da]{margin-bottom:10px}.tech-card li strong[data-v-d70154da]{color:#1f2937}.about-content p[data-v-d70154da]{font-size:16px;color:#4b5563;line-height:1.7;margin-bottom:20px}.about-content p[data-v-d70154da]:last-child{margin-bottom:0}.feature-highlights[data-v-d70154da]{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.feature-badge[data-v-d70154da]{background:linear-gradient(135deg,#ee6c4d,#ff9a3d);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500}@media(max-width:768px){.educational-section[data-v-d70154da]{margin:20px 0;padding:0 5px}.content-block[data-v-d70154da]{padding:20px;margin-bottom:25px}.content-block h3[data-v-d70154da]{font-size:18px}.benefits-grid[data-v-d70154da]{grid-template-columns:1fr;gap:20px}.benefit-card[data-v-d70154da]{padding:20px;flex-direction:column;text-align:center}.benefit-icon[data-v-d70154da]{margin:0 auto}.usecase-item[data-v-d70154da]{padding:20px}.usecase-item p[data-v-d70154da]{padding-left:0;padding-top:15px}.usecase-header[data-v-d70154da]{flex-direction:column;text-align:center;gap:10px}.tip-item[data-v-d70154da]{flex-direction:column;text-align:center;padding:20px}.technical-grid[data-v-d70154da]{grid-template-columns:1fr;gap:20px}.feature-highlights[data-v-d70154da]{justify-content:center}}@media(max-width:480px){.content-block[data-v-d70154da]{padding:15px}.content-block h3[data-v-d70154da]{font-size:16px;flex-direction:column;gap:5px}.benefit-content h4[data-v-d70154da],.usecase-header h4[data-v-d70154da],.tip-text h4[data-v-d70154da],.tech-card h4[data-v-d70154da]{font-size:16px}.benefit-content p[data-v-d70154da],.usecase-item p[data-v-d70154da],.tip-text p[data-v-d70154da],.faq-answer p[data-v-d70154da],.tech-card p[data-v-d70154da],.tech-card li[data-v-d70154da],.about-content p[data-v-d70154da]{font-size:14px}.feature-badge[data-v-d70154da]{font-size:12px;padding:6px 12px}}.popup-notification[data-v-d70154da]{position:fixed;top:60px;right:20px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;z-index:1000;animation:slideIn-d70154da .3s ease;overflow:hidden;border-left:5px solid;max-width:400px}.popup-notification.success[data-v-d70154da]{border-left-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.popup-notification.error[data-v-d70154da]{border-left-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.popup-notification.info[data-v-d70154da]{border-left-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.popup-content[data-v-d70154da]{padding:20px;display:flex;align-items:flex-start;gap:15px}.popup-icon[data-v-d70154da]{font-size:24px;flex-shrink:0}.popup-message[data-v-d70154da]{flex:1;font-size:14px;line-height:1.5}.popup-close[data-v-d70154da]{background:none;border:none;cursor:pointer;padding:5px;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:background .2s}.popup-close[data-v-d70154da]:hover{background:#0000001a}.popup-progress[data-v-d70154da]{height:3px;background:linear-gradient(90deg,#10b981,#34d399);animation:progress-d70154da 6s linear forwards}@keyframes slideIn-d70154da{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes progress-d70154da{0%{width:100%}to{width:0%}}.upload-content .icon[data-v-d70154da]{font-size:56px;display:block;margin-bottom:15px}.file-info[data-v-d70154da]{display:block;color:#ee6c4d;font-size:15px}.settings-panel[data-v-d70154da]{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-d70154da]{margin:0 0 25px;color:#1f2937;font-size:20px;text-align:center}.setting-group[data-v-d70154da]{margin-bottom:30px}.setting-group h4[data-v-d70154da]{margin:0 0 10px;color:#374151;font-size:16px;display:flex;align-items:center;gap:8px}.setting-description[data-v-d70154da]{margin:0 0 15px;color:#6b7280;font-size:14px;line-height:1.5}.ratio-options[data-v-d70154da]{display:flex;flex-direction:column;gap:12px}.ratio-option[data-v-d70154da]{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-d70154da]:hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-2px)}.ratio-option.selected[data-v-d70154da]{border-color:#3b82f6;background:#eff6ff;box-shadow:0 4px 12px #3b82f626}.ratio-icon[data-v-d70154da]{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-d70154da]{flex:1;text-align:left}.ratio-info strong[data-v-d70154da]{display:block;font-size:15px;color:#1f2937;margin-bottom:4px}.ratio-info span[data-v-d70154da]{display:block;font-size:13px;color:#6b7280;line-height:1.4}.ratio-check[data-v-d70154da]{font-size:20px;color:#10b981;opacity:0;transition:opacity .3s}.ratio-option.selected .ratio-check[data-v-d70154da]{opacity:1}.quality-options[data-v-d70154da]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.quality-option[data-v-d70154da]{padding:20px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;text-align:center;transition:all .3s}.quality-option[data-v-d70154da]:hover{border-color:#ee6c4d;background:#eff6ff}.quality-option.selected[data-v-d70154da]{border-color:#ee6c4d;background:#eff6ff;box-shadow:0 4px 12px #3b82f626}.quality-level[data-v-d70154da]{font-weight:600;color:#1f2937;margin-bottom:8px;font-size:14px}.quality-dpi[data-v-d70154da]{font-size:18px;font-weight:700;color:#ee6c4d;margin-bottom:8px}.quality-desc[data-v-d70154da]{font-size:12px;color:#6b7280;line-height:1.4}.additional-options[data-v-d70154da]{display:flex;flex-direction:column;gap:15px}.checkbox-option[data-v-d70154da]{display:flex;align-items:center;gap:12px;padding:15px;background:#f9fafb;border-radius:10px;cursor:pointer;transition:background .2s}.checkbox-option[data-v-d70154da]:hover{background:#f3f4f6}.checkbox-option input[type=checkbox][data-v-d70154da]{width:20px;height:20px;accent-color:#ee6c4d;cursor:pointer}.checkbox-option span[data-v-d70154da]{font-size:14px;color:#374151;flex:1}.convert-btn[data-v-d70154da]{width:100%;padding:10px 15px;background:#ee6c4d;color:#fff;border:none;border-radius:14px;font-size:18px;cursor:pointer;transition:all .3s;margin:10px 0;box-shadow:0 8px 25px #3b82f64d;position:relative;overflow:hidden}.convert-btn[data-v-d70154da]:hover:not(:disabled){box-shadow:0 12px 30px #3b82f666;background:#ee6c4d}.convert-btn[data-v-d70154da]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.convert-btn.loading[data-v-d70154da]{background:linear-gradient(135deg,#6b7280,#4b5563)}.spinner[data-v-d70154da]{display:inline-block;margin-right:10px;animation:spin-d70154da 1s linear infinite}@keyframes spin-d70154da{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-container[data-v-d70154da]{margin-block:15px;max-width:599px;margin:auto}.progress-info[data-v-d70154da]{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px}.progress-info .status[data-v-d70154da]{color:#374151;font-weight:500}.progress-info .percentage[data-v-d70154da]{color:green;font-weight:400}.progress-bar[data-v-d70154da]{height:10px;background:#e5e7eb;border-radius:5px;overflow:hidden}.progress-fill[data-v-d70154da]{height:100%;background:green;border-radius:5px;transition:width .3s ease;position:relative;overflow:hidden}.progress-fill[data-v-d70154da]: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-d70154da 2s infinite}@keyframes shimmer-d70154da{to{left:100%}}.tips-box[data-v-d70154da]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;padding:25px;margin-top:30px}.tips-box h4[data-v-d70154da]{margin:0 0 15px;color:#0369a1;font-size:17px;display:flex;align-items:center;gap:8px}.tips-box ul[data-v-d70154da]{margin:0;padding-left:20px}.tips-box li[data-v-d70154da]{margin-bottom:10px;color:#0c4a6e;font-size:14px;line-height:1.5}.tips-box li[data-v-d70154da]:last-child{margin-bottom:0}.tips-box strong[data-v-d70154da]{color:#0369a1}@media(max-width:768px){.converter[data-v-d70154da]{padding:20px 15px}.upload-box[data-v-d70154da]{padding:30px 20px}.settings-panel[data-v-d70154da]{padding:20px}.quality-options[data-v-d70154da]{grid-template-columns:1fr;gap:12px}.ratio-option[data-v-d70154da]{padding:15px}.popup-notification[data-v-d70154da]{left:20px;right:20px;max-width:none}}.educational-section[data-v-5272f248]{margin:40px 0;padding:0 10px}.content-block[data-v-5272f248]{background:#fff;border-radius:16px;padding:25px;margin-bottom:30px;box-shadow:0 4px 15px #0000000d;border:1px solid #e5e7eb}.content-block h3[data-v-5272f248]{font-size:20px;color:#374151;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #8b5cf6;display:flex;align-items:center;gap:10px}.benefits-grid[data-v-5272f248]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;margin-top:15px}.benefit-card[data-v-5272f248]{padding:25px;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:12px;text-align:center;transition:all .3s ease;border:1px solid #ddd6fe}.benefit-card[data-v-5272f248]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #8b5cf626}.benefit-icon[data-v-5272f248]{font-size:36px;margin-bottom:20px;display:block}.benefit-card h4[data-v-5272f248]{font-size:16px;color:#5b21b6;margin-bottom:12px;font-weight:600}.benefit-card p[data-v-5272f248]{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.practices-list[data-v-5272f248]{display:flex;flex-direction:column;gap:20px;margin-top:15px}.practice-item[data-v-5272f248]{display:flex;gap:20px;padding:20px;background:#f9fafb;border-radius:12px;align-items:flex-start;border-left:4px solid #8b5cf6}.practice-number[data-v-5272f248]{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;background:#8b5cf6;color:#fff;border-radius:50%;font-weight:700;font-size:18px;flex-shrink:0}.practice-content h4[data-v-5272f248]{font-size:16px;color:#374151;margin-bottom:8px;font-weight:600}.practice-content p[data-v-5272f248]{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.formats-grid[data-v-5272f248]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:15px}.format-card[data-v-5272f248]{display:flex;gap:20px;padding:20px;background:#f9fafb;border-radius:12px;align-items:center;border:1px solid #e5e7eb;transition:all .3s ease}.format-card[data-v-5272f248]:hover{background:#fff;box-shadow:0 5px 15px #00000014;border-color:#8b5cf6}.format-icon[data-v-5272f248]{width:60px;height:60px;background:#8b5cf6;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.format-info h4[data-v-5272f248]{font-size:16px;color:#374151;margin-bottom:5px;font-weight:600}.format-info p[data-v-5272f248]{font-size:14px;color:#6b7280;margin:0}.faq-list[data-v-5272f248]{margin-top:15px}.faq-item[data-v-5272f248]{margin-bottom:15px;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#f9fafb}.faq-item summary[data-v-5272f248]{padding:20px;font-weight:500;color:#374151;cursor:pointer;list-style:none;position:relative;background:#fff;transition:background-color .3s ease}.faq-item summary[data-v-5272f248]:hover{background:#f3f4f6}.faq-item summary[data-v-5272f248]::-webkit-details-marker{display:none}.faq-item summary[data-v-5272f248]:after{content:"▸";position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:transform .3s ease;font-size:20px;color:#8b5cf6}.faq-item[open] summary[data-v-5272f248]:after{transform:translateY(-50%) rotate(90deg)}.faq-item[open] summary[data-v-5272f248]{background:#f3f4f6;border-bottom:1px solid #e5e7eb}.faq-item p[data-v-5272f248]{padding:20px;margin:0;font-size:14px;color:#6b7280;line-height:1.6;background:#fff}.usecases-grid[data-v-5272f248]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;margin-top:15px}.usecase-card[data-v-5272f248]{padding:25px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:1px solid #bae6fd}.usecase-card h4[data-v-5272f248]{font-size:16px;color:#0369a1;margin-bottom:12px;font-weight:600}.usecase-card p[data-v-5272f248]{font-size:14px;color:#0c4a6e;line-height:1.6;margin:0}@media(max-width:768px){.educational-section[data-v-5272f248]{margin:30px 0;padding:0 5px}.content-block[data-v-5272f248]{padding:20px;margin-bottom:25px}.benefits-grid[data-v-5272f248],.formats-grid[data-v-5272f248],.usecases-grid[data-v-5272f248]{grid-template-columns:1fr;gap:20px}.practice-item[data-v-5272f248],.format-card[data-v-5272f248]{padding:15px;gap:15px}.benefit-card[data-v-5272f248],.usecase-card[data-v-5272f248]{padding:20px}.faq-item summary[data-v-5272f248]{padding:15px}.faq-item p[data-v-5272f248]{padding:15px}}@media(max-width:480px){.content-block h3[data-v-5272f248]{font-size:18px}.benefit-card h4[data-v-5272f248],.practice-content h4[data-v-5272f248],.format-info h4[data-v-5272f248],.usecase-card h4[data-v-5272f248]{font-size:15px}.benefit-card p[data-v-5272f248],.practice-content p[data-v-5272f248],.format-info p[data-v-5272f248],.faq-item p[data-v-5272f248],.usecase-card p[data-v-5272f248]{font-size:13px}.practice-number[data-v-5272f248]{min-width:32px;height:32px;font-size:16px}.format-icon[data-v-5272f248]{width:50px;height:50px;font-size:16px}}.popup-notification[data-v-5272f248]{position:fixed;top:60px;right:20px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;border-left:5px solid #10b981;z-index:1000;animation:slideIn-5272f248 .3s ease;max-width:400px}.popup-notification.popup-error[data-v-5272f248]{border-left-color:#ef4444}.popup-content[data-v-5272f248]{padding:20px;display:flex;align-items:center;gap:15px}.popup-message[data-v-5272f248]{flex:1;white-space:pre-line;font-size:14px;line-height:1.5;color:#2d3748}.popup-close[data-v-5272f248]{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:18px;padding:5px;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:background .2s}.popup-close[data-v-5272f248]:hover{background:#f3f4f6;color:#374151}@keyframes slideIn-5272f248{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.upload-box[data-v-5272f248]:hover{border-color:#8b5cf6;background:#f5f3ff;transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf61a}.upload-content .icon[data-v-5272f248]{font-size:56px;display:block;margin-bottom:15px;color:#8b5cf6}.upload-title[data-v-5272f248]{font-size:20px;font-weight:600;color:#374151;margin:0 0 8px}.upload-subtitle[data-v-5272f248]{font-size:14px;color:#6b7280;margin:0 0 20px}.supported-formats[data-v-5272f248]{font-size:13px;color:#9ca3af}.selected-file[data-v-5272f248]{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-5272f248]{font-size:20px;color:#8b5cf6}.file-name[data-v-5272f248]{font-weight:500;color:#374151;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size[data-v-5272f248]{font-size:13px;color:#6b7280}.file-stats[data-v-5272f248]{background:#fff;border-radius:12px;padding:10px;margin:10px 0;border:1px solid #e5e7eb;box-shadow:0 4px 12px #0000000d}.stat-item[data-v-5272f248]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.stat-item[data-v-5272f248]:last-child{border-bottom:none}.stat-label[data-v-5272f248]{font-weight:500;color:#6b7280;font-size:14px}.stat-value[data-v-5272f248]{font-weight:600;color:#374151;font-size:15px}.action-buttons[data-v-5272f248]{display:flex;gap:20px;justify-content:center;margin:10px 0}.convert-btn[data-v-5272f248]{flex:1;padding:10px 0;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-5272f248]:hover:not(:disabled){box-shadow:0 12px 30px #8b5cf666;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.convert-btn[data-v-5272f248]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.convert-btn.loading[data-v-5272f248]{background:linear-gradient(135deg,#6b7280,#4b5563)}.secondary-btn[data-v-5272f248]{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-5272f248]:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.secondary-btn[data-v-5272f248]:disabled{opacity:.6;cursor:not-allowed}.spinner[data-v-5272f248]{display:inline-block;animation:spin-5272f248 1s linear infinite;font-size:20px}@keyframes spin-5272f248{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-section[data-v-5272f248]{margin:40px 0;padding:30px;background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 4px 12px #0000000d}.progress-header[data-v-5272f248]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.progress-header .status[data-v-5272f248]{font-weight:600;color:#374151;font-size:17px}.progress-header .timer[data-v-5272f248]{font-weight:500;color:#8b5cf6;font-size:16px;display:flex;align-items:center;gap:5px}.progress-container[data-v-5272f248]{margin-bottom:30px}.progress-bar[data-v-5272f248]{height:14px;background:#f3f4f6;border-radius:7px;overflow:hidden;margin-bottom:10px;position:relative}.progress-fill[data-v-5272f248]{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:7px;transition:width .5s ease;position:relative;overflow:hidden}.progress-fill[data-v-5272f248]: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-5272f248 2s infinite}.progress-text[data-v-5272f248]{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-5272f248]{display:flex;justify-content:space-between;font-size:12px;color:#9ca3af;padding:0 5px}.progress-stages[data-v-5272f248]{display:flex;justify-content:space-between;position:relative;margin-top:40px}.progress-stages[data-v-5272f248]:before{content:"";position:absolute;top:10px;left:0;right:0;height:3px;background:#f3f4f6;z-index:1}.stage[data-v-5272f248]{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.stage-dot[data-v-5272f248]{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-5272f248]{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.stage-label[data-v-5272f248]{font-size:13px;color:#9ca3af;font-weight:500;text-align:center}.stage.active .stage-label[data-v-5272f248]{color:#374151;font-weight:600}@keyframes shimmer-5272f248{to{left:100%}}.info-box[data-v-5272f248]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;padding:25px;margin-top:30px}.info-box h4[data-v-5272f248]{margin:0 0 15px;color:#0369a1;font-size:18px;display:flex;align-items:center;gap:8px}.info-box ul[data-v-5272f248]{margin:0;padding-left:20px;list-style:none}.info-box li[data-v-5272f248]{margin-bottom:10px;color:#0c4a6e;font-size:15px;line-height:1.5;position:relative;padding-left:25px}.info-box li[data-v-5272f248]:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.info-box li[data-v-5272f248]:last-child{margin-bottom:0}@media(max-width:768px){.converter[data-v-5272f248]{padding:20px 15px}.upload-box[data-v-5272f248]{padding:30px 20px}.action-buttons[data-v-5272f248]{flex-direction:column}.convert-btn[data-v-5272f248],.secondary-btn[data-v-5272f248]{width:100%;max-width:none}.progress-section[data-v-5272f248]{padding:20px}.progress-stages[data-v-5272f248]{flex-wrap:wrap;gap:20px;justify-content:space-around}.stage[data-v-5272f248]{min-width:80px}.popup-notification[data-v-5272f248]{left:20px;right:20px;max-width:none}}@media(max-width:480px){.file-stats[data-v-5272f248]{padding:20px}.stat-item[data-v-5272f248]{flex-direction:column;align-items:flex-start;gap:5px}.selected-file[data-v-5272f248]{flex-direction:column;text-align:center;gap:8px;padding:15px}.file-name[data-v-5272f248]{max-width:250px}}.educational-section[data-v-7017dbfd]{margin:40px 0;padding:0 10px}.content-block[data-v-7017dbfd]{background:#fff;border-radius:16px;padding:25px;margin-bottom:30px;box-shadow:0 4px 20px #21734614;border:1px solid #e0f2e9}.content-block h3[data-v-7017dbfd]{font-size:20px;color:#217346;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #34d399;display:flex;align-items:center;gap:10px}.content-grid[data-v-7017dbfd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:15px}.content-card[data-v-7017dbfd]{padding:20px;background:#f0f9f4;border-radius:12px;text-align:center;transition:all .3s ease;border:1px solid transparent}.content-card[data-v-7017dbfd]:hover{transform:translateY(-5px);border-color:#34d399;box-shadow:0 8px 25px #34d39926}.content-icon[data-v-7017dbfd]{font-size:36px;margin-bottom:15px;display:block}.content-card h4[data-v-7017dbfd]{font-size:16px;color:#217346;margin-bottom:10px;font-weight:600}.content-card p[data-v-7017dbfd]{font-size:14px;color:#4b5563;line-height:1.5;margin:0}.tips-list[data-v-7017dbfd]{display:flex;flex-direction:column;gap:20px;margin-top:20px}.tip-item[data-v-7017dbfd]{display:flex;gap:20px;padding:20px;background:#f0f9f4;border-radius:12px;align-items:flex-start;border-left:4px solid #34d399}.tip-number[data-v-7017dbfd]{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;background:#217346;color:#fff;border-radius:50%;font-weight:700;font-size:18px;flex-shrink:0}.tip-content h4[data-v-7017dbfd]{font-size:16px;color:#217346;margin-bottom:8px;font-weight:600}.tip-content p[data-v-7017dbfd]{font-size:14px;color:#4b5563;line-height:1.6;margin:0}.formats-grid[data-v-7017dbfd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:20px}.format-card[data-v-7017dbfd]{display:flex;gap:15px;padding:20px;background:#f0f9f4;border-radius:12px;align-items:flex-start;transition:all .3s ease}.format-card[data-v-7017dbfd]:hover{background:#e8f5ee;transform:translate(5px)}.format-icon[data-v-7017dbfd]{font-size:32px;flex-shrink:0}.format-details h4[data-v-7017dbfd]{font-size:16px;color:#217346;margin-bottom:8px;font-weight:600}.format-details p[data-v-7017dbfd]{font-size:14px;color:#4b5563;line-height:1.5;margin:0}.faq-section .faq-list[data-v-7017dbfd]{margin-top:20px}.faq-item[data-v-7017dbfd]{margin-bottom:15px;border:1px solid #e0f2e9;border-radius:12px;overflow:hidden;transition:all .3s ease}.faq-item[data-v-7017dbfd]:hover{border-color:#34d399;box-shadow:0 4px 12px #34d3991a}.faq-item summary[data-v-7017dbfd]{padding:20px;font-weight:600;color:#217346;cursor:pointer;list-style:none;position:relative;background:#f0f9f4;transition:background-color .3s ease;font-size:16px}.faq-item summary[data-v-7017dbfd]:hover{background:#e8f5ee}.faq-item summary[data-v-7017dbfd]::-webkit-details-marker{display:none}.faq-item summary[data-v-7017dbfd]:after{content:"▶";position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:transform .3s ease;color:#217346}.faq-item[open] summary[data-v-7017dbfd]:after{transform:translateY(-50%) rotate(90deg)}.faq-item[open] summary[data-v-7017dbfd]{background:#e8f5ee;border-bottom:1px solid #e0f2e9}.faq-item p[data-v-7017dbfd]{padding:20px;margin:0;font-size:15px;color:#4b5563;line-height:1.6;background:#fff}.use-cases-list[data-v-7017dbfd]{display:flex;flex-direction:column;gap:20px;margin-top:20px}.use-case-item[data-v-7017dbfd]{display:flex;gap:20px;padding:20px;background:#f0f9f4;border-radius:12px;align-items:center;transition:all .3s ease}.use-case-item[data-v-7017dbfd]:hover{transform:translate(10px);background:#e8f5ee}.use-case-badge[data-v-7017dbfd]{display:flex;align-items:center;justify-content:center;min-width:50px;height:50px;background:#217346;color:#fff;border-radius:10px;font-size:24px;flex-shrink:0}.use-case-content h4[data-v-7017dbfd]{font-size:16px;color:#217346;margin-bottom:8px;font-weight:600}.use-case-content p[data-v-7017dbfd]{font-size:14px;color:#4b5563;line-height:1.6;margin:0}@media(max-width:768px){.educational-section[data-v-7017dbfd]{margin:30px 0;padding:0}.content-block[data-v-7017dbfd]{padding:20px;margin-bottom:25px}.content-grid[data-v-7017dbfd]{grid-template-columns:1fr}.content-card[data-v-7017dbfd]{padding:15px}.formats-grid[data-v-7017dbfd]{grid-template-columns:1fr}.format-card[data-v-7017dbfd]{padding:15px}.tip-item[data-v-7017dbfd]{padding:15px;flex-direction:column;gap:15px}.tip-number[data-v-7017dbfd]{align-self:flex-start}.use-case-item[data-v-7017dbfd]{padding:15px;flex-direction:column;text-align:center;gap:15px}.use-case-badge[data-v-7017dbfd]{min-width:40px;height:40px;font-size:20px}}@media(max-width:480px){.content-block h3[data-v-7017dbfd]{font-size:18px}.content-card h4[data-v-7017dbfd],.tip-content h4[data-v-7017dbfd],.format-details h4[data-v-7017dbfd],.use-case-content h4[data-v-7017dbfd]{font-size:15px}.content-card p[data-v-7017dbfd],.tip-content p[data-v-7017dbfd],.format-details p[data-v-7017dbfd],.use-case-content p[data-v-7017dbfd],.faq-item p[data-v-7017dbfd]{font-size:13px}.faq-item summary[data-v-7017dbfd]{padding:15px;font-size:15px}.faq-item summary[data-v-7017dbfd]:after{right:15px}}.upload-box[data-v-7017dbfd]:hover{border-color:#217346;background:#f0f9f4;box-shadow:0 10px 25px #2173461a}.upload-content .icon[data-v-7017dbfd]{font-size:48px;display:block;margin-bottom:15px}.file-details[data-v-7017dbfd]{margin:15px 0}.file-info[data-v-7017dbfd]{display:block;font-weight:600;color:#217346!important;font-size:15px}.file-size[data-v-7017dbfd],.time-estimate[data-v-7017dbfd]{display:block;font-size:13px;color:#666;margin:3px 0}.file-info-card[data-v-7017dbfd]{background:#fff;border-radius:12px;padding:20px;border:1px solid #e9ecef;box-shadow:0 4px 12px #0000000d}.action-buttons[data-v-7017dbfd]{display:flex;gap:20px;justify-content:center;margin:10px 0}.convert-btn[data-v-7017dbfd]{flex:1;padding:10px 15px;background:linear-gradient(135deg,#217346,#2e8b57);color:#fff;border:none;border-radius:14px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 8px 25px #2173464d;display:flex;align-items:center;justify-content:center;gap:12px;min-height:40px}.convert-btn[data-v-7017dbfd]:hover:not(:disabled){box-shadow:0 12px 30px #21734666;background:linear-gradient(135deg,#2e8b57,#217346)}.convert-btn[data-v-7017dbfd]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.convert-btn.loading[data-v-7017dbfd]{background:linear-gradient(135deg,#6b7280,#4b5563)}.secondary-btn[data-v-7017dbfd]{padding:5px 10px;background:#fff;border:2px solid #d1d5db;border-radius:14px;color:#6b7280;cursor:pointer;transition:all .2s;font-size:16px}.secondary-btn[data-v-7017dbfd]:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.secondary-btn[data-v-7017dbfd]:disabled{opacity:.6;cursor:not-allowed}.spinner[data-v-7017dbfd]{display:inline-block;animation:spin-7017dbfd 1s linear infinite;font-size:20px}@keyframes spin-7017dbfd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-section[data-v-7017dbfd]{margin:40px 0;padding:30px;background:#fff;border-radius:16px;border:1px solid #e9ecef;box-shadow:0 4px 12px #0000000d}.progress-header[data-v-7017dbfd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.progress-header .status[data-v-7017dbfd]{font-weight:600;color:#374151;font-size:17px}.progress-header .percentage[data-v-7017dbfd]{font-weight:700;color:#217346;font-size:18px;background:#f0f9f4;padding:6px 15px;border-radius:20px}.progress-container[data-v-7017dbfd]{margin-bottom:30px}.progress-bar[data-v-7017dbfd]{height:14px;background:#f3f4f6;border-radius:7px;overflow:hidden;margin-bottom:10px;position:relative}.progress-fill[data-v-7017dbfd]{height:100%;background:linear-gradient(90deg,#217346,#2e8b57,#34d399);border-radius:7px;transition:width .5s ease;position:relative;overflow:hidden}.progress-fill[data-v-7017dbfd]: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-7017dbfd 2s infinite}.progress-text[data-v-7017dbfd]{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-7017dbfd]{display:flex;justify-content:space-between;font-size:12px;color:#9ca3af;padding:0 5px;margin-top:5px}.progress-stages[data-v-7017dbfd]{display:flex;justify-content:space-between;position:relative;margin-top:40px}.progress-stages[data-v-7017dbfd]:before{content:"";position:absolute;top:10px;left:0;right:0;height:3px;background:#f3f4f6;z-index:1}.stage[data-v-7017dbfd]{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.stage-dot[data-v-7017dbfd]{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-7017dbfd]{background:#fff;border-color:#217346;box-shadow:0 0 0 3px #21734633}.stage-label[data-v-7017dbfd]{font-size:13px;color:#9ca3af;font-weight:500;text-align:center}.stage.active .stage-label[data-v-7017dbfd]{color:#374151;font-weight:600}@keyframes shimmer-7017dbfd{to{left:100%}}.tips-box[data-v-7017dbfd]{background:linear-gradient(135deg,#f0f9f4,#e8f5e9);border:1px solid #c8e6c9;border-radius:16px;padding:25px;margin-top:30px}.tips-box h4[data-v-7017dbfd]{margin:0 0 15px;color:#217346;font-size:18px;display:flex;align-items:center;gap:8px;justify-content:center}.tips-box ul[data-v-7017dbfd]{margin:0;padding-left:20px;list-style:none}.tips-box li[data-v-7017dbfd]{margin-bottom:10px;color:#2e7d32;font-size:14px;line-height:1.5;position:relative;padding-left:25px}.tips-box li[data-v-7017dbfd]:before{content:"✓";position:absolute;left:0;color:#217346;font-weight:700}.tips-box li[data-v-7017dbfd]:last-child{margin-bottom:0}@media(max-width:768px){.converter[data-v-7017dbfd]{padding:20px 15px}.upload-box[data-v-7017dbfd]{padding:30px 20px}.action-buttons[data-v-7017dbfd]{flex-direction:column}.convert-btn[data-v-7017dbfd],.secondary-btn[data-v-7017dbfd]{width:100%;max-width:none}.progress-section[data-v-7017dbfd]{padding:20px}.progress-stages[data-v-7017dbfd]{flex-wrap:wrap;gap:20px;justify-content:space-around}.stage[data-v-7017dbfd]{min-width:80px}}@media(max-width:480px){.file-info-card[data-v-7017dbfd]{padding:15px}.info-row[data-v-7017dbfd]{flex-direction:column;align-items:flex-start;gap:5px}.progress-labels[data-v-7017dbfd]{font-size:10px}}.educational-section[data-v-374f0585]{margin:40px 0;padding:0 10px}.content-block[data-v-374f0585]{background:#fff;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 4px 20px #0000000f;border:1px solid #e5e7eb}.content-block h3[data-v-374f0585]{font-size:20px;color:#1f2937;margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid #e74c3c;display:flex;align-items:center;gap:10px}.content-grid[data-v-374f0585]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;margin-top:20px}.benefit-card[data-v-374f0585]{padding:25px;background:#f8f9fa;border-radius:12px;text-align:center;transition:all .3s ease;border:2px solid #e5e7eb}.benefit-card[data-v-374f0585]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #e74c3c1a;border-color:#e74c3c}.benefit-icon[data-v-374f0585]{font-size:40px;margin-bottom:20px}.benefit-card h4[data-v-374f0585]{font-size:18px;color:#1f2937;margin-bottom:15px;font-weight:600}.benefit-card p[data-v-374f0585]{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.problems-list[data-v-374f0585]{display:flex;flex-direction:column;gap:20px;margin-top:20px}.problem-item[data-v-374f0585]{display:flex;gap:20px;padding:20px;background:#fef5f5;border-radius:12px;border-left:4px solid #e74c3c;align-items:flex-start}.problem-icon[data-v-374f0585]{font-size:24px;flex-shrink:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;border:2px solid #fee2e2}.problem-content h4[data-v-374f0585]{font-size:17px;color:#1f2937;margin-bottom:10px;font-weight:600}.problem-content p[data-v-374f0585]{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.process-steps[data-v-374f0585]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;margin-top:20px}.step-item[data-v-374f0585]{position:relative;padding:25px;background:#f8f9fa;border-radius:12px;text-align:center}.step-number[data-v-374f0585]{width:50px;height:50px;background:#e74c3c;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 20px}.step-content h4[data-v-374f0585]{font-size:18px;color:#1f2937;margin-bottom:15px;font-weight:600}.step-content p[data-v-374f0585]{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.tips-grid[data-v-374f0585]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;margin-top:20px}.tip-card[data-v-374f0585]{padding:25px;background:#f0f9ff;border-radius:12px;text-align:center;border:2px solid #e0f2fe;transition:all .3s ease}.tip-card[data-v-374f0585]:hover{transform:translateY(-5px);border-color:#0ea5e9;box-shadow:0 10px 25px #0ea5e91a}.tip-icon[data-v-374f0585]{font-size:40px;margin-bottom:20px}.tip-card h4[data-v-374f0585]{font-size:18px;color:#0369a1;margin-bottom:15px;font-weight:600}.tip-card p[data-v-374f0585]{font-size:14px;color:#475569;line-height:1.6;margin:0}.faq-list[data-v-374f0585]{margin-top:20px}.faq-item[data-v-374f0585]{margin-bottom:15px;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}.faq-item summary[data-v-374f0585]{padding:20px;font-weight:600;color:#1f2937;cursor:pointer;list-style:none;position:relative;background:#f8f9fa;transition:background-color .3s ease}.faq-item summary[data-v-374f0585]:hover{background:#f3f4f6}.faq-item summary[data-v-374f0585]::-webkit-details-marker{display:none}.faq-item summary[data-v-374f0585]:after{content:"▶";position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:transform .3s ease;color:#e74c3c}.faq-item[open] summary[data-v-374f0585]:after{transform:translateY(-50%) rotate(90deg)}.faq-item[open] summary[data-v-374f0585]{background:#fee2e2}.faq-item p[data-v-374f0585]{padding:25px;margin:0;font-size:15px;color:#4b5563;line-height:1.6;background:#fff;border-top:1px solid #e5e7eb}.advice-content[data-v-374f0585]{display:flex;flex-direction:column;gap:25px;margin-top:20px}.advice-item[data-v-374f0585]{padding:25px;background:#f0f9ff;border-radius:12px;border-left:4px solid #0ea5e9}.advice-item h4[data-v-374f0585]{font-size:18px;color:#0369a1;margin-bottom:15px;font-weight:600}.advice-item p[data-v-374f0585]{font-size:15px;color:#475569;line-height:1.6;margin:0}@media(max-width:768px){.educational-section[data-v-374f0585]{margin:30px 0;padding:0 5px}.content-block[data-v-374f0585]{padding:20px;margin-bottom:25px}.content-block h3[data-v-374f0585]{font-size:18px}.content-grid[data-v-374f0585],.process-steps[data-v-374f0585],.tips-grid[data-v-374f0585]{grid-template-columns:1fr;gap:20px}.benefit-card[data-v-374f0585],.step-item[data-v-374f0585],.tip-card[data-v-374f0585]{padding:20px}.problem-item[data-v-374f0585]{padding:15px}.faq-item summary[data-v-374f0585]{padding:15px}.faq-item p[data-v-374f0585],.advice-item[data-v-374f0585]{padding:20px}}@media(max-width:480px){.content-block[data-v-374f0585]{padding:15px}.benefit-card h4[data-v-374f0585],.step-content h4[data-v-374f0585],.tip-card h4[data-v-374f0585],.advice-item h4[data-v-374f0585],.problem-content h4[data-v-374f0585]{font-size:16px}.benefit-card p[data-v-374f0585],.step-content p[data-v-374f0585],.tip-card p[data-v-374f0585],.advice-item p[data-v-374f0585],.problem-content p[data-v-374f0585],.faq-item p[data-v-374f0585]{font-size:14px}.benefit-icon[data-v-374f0585],.tip-icon[data-v-374f0585]{font-size:32px}}.upload-box[data-v-374f0585]:hover{border-color:#e74c3c;background:#fef5f5;box-shadow:0 10px 25px #e74c3c1a}.upload-content .icon[data-v-374f0585]{font-size:48px;display:block;color:#e74c3c}.upload-content p[data-v-374f0585]{font-size:18px;color:#374151;font-weight:300;margin:0}.upload-content small[data-v-374f0585]{display:block;font-size:14px;color:#6b7280;margin:5px 0}.hint[data-v-374f0585]{color:#e74c3c!important;font-weight:500}.scan-results[data-v-374f0585]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:30px;margin-bottom:25px;text-align:left;box-shadow:0 4px 12px #0000000d}.results-header[data-v-374f0585]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #f3f4f6}.results-header h3[data-v-374f0585]{font-size:20px;color:#333;margin:0;display:flex;align-items:center;gap:10px}.scan-status[data-v-374f0585]{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.scan-status.scanning[data-v-374f0585]{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.scan-status.analyzing[data-v-374f0585]{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.scan-status.repairing[data-v-374f0585]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.scan-status.completed[data-v-374f0585]{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.results-grid[data-v-374f0585]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.result-card[data-v-374f0585]{display:flex;align-items:center;gap:20px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e5e7eb;transition:all .3s ease}.result-card[data-v-374f0585]:hover{border-color:#e74c3c;transform:translateY(-2px);box-shadow:0 8px 20px #e74c3c1a}.result-icon[data-v-374f0585]{font-size:28px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;border:2px solid #e5e7eb}.result-info[data-v-374f0585]{flex:1}.result-label[data-v-374f0585]{display:block;font-size:12px;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.result-value[data-v-374f0585]{display:block;font-size:18px;font-weight:700;color:#1f2937}.result-value.critical[data-v-374f0585]{color:#e74c3c}.result-value.confidence.high[data-v-374f0585]{color:#10b981}.result-value.confidence.medium[data-v-374f0585]{color:#f59e0b}.result-value.confidence.low[data-v-374f0585]{color:#e74c3c}.detected-issues[data-v-374f0585]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:25px;margin:30px 0}.detected-issues h3[data-v-374f0585]{font-size:18px;color:#333;margin:0 0 25px;display:flex;align-items:center;gap:10px}.issues-list[data-v-374f0585]{display:flex;flex-direction:column;gap:20px}.issue-item[data-v-374f0585]{background:#fff;border:1px solid #e5e7eb;border-left:4px solid;border-radius:12px;padding:25px;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.issue-item[data-v-374f0585]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.issue-header[data-v-374f0585]{display:flex;align-items:center;gap:20px;margin-bottom:20px}.issue-icon[data-v-374f0585]{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:12px;flex-shrink:0}.issue-info[data-v-374f0585]{flex:1}.issue-info h4[data-v-374f0585]{font-size:18px;color:#1f2937;margin:0 0 8px;font-weight:600}.issue-info p[data-v-374f0585]{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.issue-severity[data-v-374f0585]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#f8f9fa;border-radius:10px;min-width:100px}.severity-icon[data-v-374f0585]{font-size:20px}.severity-text[data-v-374f0585]{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.issue-details[data-v-374f0585]{padding-top:20px;border-top:1px solid #e5e7eb}.issue-details p[data-v-374f0585]{font-size:14px;color:#4b5563;margin:0 0 20px;line-height:1.6}.issue-confidence[data-v-374f0585]{display:flex;align-items:center;gap:20px}.issue-confidence span[data-v-374f0585]{font-size:14px;color:#6b7280;font-weight:500;min-width:120px}.confidence-bar[data-v-374f0585]{flex:1;height:10px;background:#e5e7eb;border-radius:5px;overflow:hidden}.confidence-fill[data-v-374f0585]{height:100%;border-radius:5px;transition:width .3s ease}.recommendations[data-v-374f0585]{background:linear-gradient(135deg,#fff8e1,#fff3cd);border:1px solid #ffeaa7;border-radius:12px;padding:25px;margin-top:30px}.recommendations h4[data-v-374f0585]{font-size:16px;color:#856404;margin:0 0 15px;display:flex;align-items:center;gap:10px}.recommendations ul[data-v-374f0585]{margin:0;padding-left:20px;color:#856404}.recommendations li[data-v-374f0585]{margin-bottom:10px;font-size:14px;line-height:1.5}.recommendations li[data-v-374f0585]:last-child{margin-bottom:0}.repair-progress[data-v-374f0585]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:30px;margin-bottom:30px;text-align:left;box-shadow:0 4px 12px #0000000d}.repair-progress h3[data-v-374f0585]{font-size:20px;color:#333;margin:0 0 30px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}.progress-steps[data-v-374f0585]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px}.step[data-v-374f0585]{display:flex;align-items:center;gap:20px;padding:20px;background:#f8f9fa;border-radius:12px;opacity:.6;transition:all .3s ease}.step.active[data-v-374f0585]{opacity:1;background:#d4edda;border:2px solid #c3e6cb}.step-number[data-v-374f0585]{width:50px;height:50px;background:#fff;border:2px solid #e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#4b5563;flex-shrink:0}.step.active .step-number[data-v-374f0585]{border-color:#10b981;background:#10b981;color:#fff}.step-info h5[data-v-374f0585]{font-size:16px;color:#1f2937;margin:0 0 8px;font-weight:600}.step-info p[data-v-374f0585]{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.step.active .step-info h5[data-v-374f0585],.step.active .step-info p[data-v-374f0585]{color:#065f46}.success-message[data-v-374f0585]{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #10b981;border-radius:16px;padding:40px;margin-bottom:30px;text-align:center;animation:slideIn-374f0585 .5s ease}.success-icon[data-v-374f0585]{font-size:60px;margin-bottom:25px;animation:bounce-374f0585 1s ease infinite}@keyframes bounce-374f0585{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.success-message h3[data-v-374f0585]{font-size:24px;color:#065f46;margin:0 0 20px;font-weight:700}.success-message p[data-v-374f0585]{font-size:16px;color:#065f46;margin:0 0 30px;line-height:1.6;opacity:.9}.success-details[data-v-374f0585]{background:#fff;padding:25px;border-radius:12px;border:1px solid #a7f3d0;text-align:left;max-width:500px;margin:0 auto}.success-details p[data-v-374f0585]{margin:0 0 15px;font-size:14px;color:#1f2937;display:flex;align-items:center;gap:10px}.success-details p[data-v-374f0585]:last-child{margin-bottom:0}.success-details strong[data-v-374f0585]{color:#065f46;min-width:140px;display:inline-block}.warning-message[data-v-374f0585]{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #f59e0b;border-radius:16px;padding:20px;margin-bottom:10px;text-align:center;animation:slideIn-374f0585 .5s ease}.warning-icon[data-v-374f0585]{font-size:60px;margin-bottom:25px}.warning-message h3[data-v-374f0585]{font-size:24px;color:#92400e;margin:0 0 20px;font-weight:700}.warning-message p[data-v-374f0585]{font-size:16px;color:#92400e;margin:0 0 5px;line-height:1.6;opacity:.9}.warning-details[data-v-374f0585]{background:#fff;padding:25px;border-radius:12px;border:1px solid #fde68a;text-align:left;max-width:600px;margin:0 auto}.warning-details p[data-v-374f0585]{margin:0 0 15px;font-size:14px;color:#1f2937}.warning-details ul[data-v-374f0585]{margin:15px 0 0;padding-left:20px;color:#92400e}.warning-details li[data-v-374f0585]{margin-bottom:10px;font-size:14px;line-height:1.5}.warning-details li[data-v-374f0585]:last-child{margin-bottom:0}.common-problems[data-v-374f0585]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;padding:30px;margin:30px 0}.common-problems h4[data-v-374f0585]{font-size:20px;color:#0369a1;margin:0 0 30px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}.problems-grid[data-v-374f0585]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px}.problem[data-v-374f0585]{text-align:center;padding:25px;background:#fff;border-radius:12px;border:2px solid #e0f2fe;transition:all .3s ease}.problem[data-v-374f0585]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0ea5e926;border-color:#0ea5e9}.problem-icon[data-v-374f0585]{font-size:40px;margin-bottom:20px}.problem h5[data-v-374f0585]{font-size:16px;color:#0c4a6e;margin:0 0 12px;font-weight:600}.problem p[data-v-374f0585]{font-size:13px;color:#475569;margin:0;line-height:1.5}.repair-tips[data-v-374f0585]{margin:30px 0}.repair-tips details[data-v-374f0585]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.repair-tips summary[data-v-374f0585]{padding:25px;cursor:pointer;font-weight:600;color:#1f2937;list-style:none;display:flex;align-items:center;gap:15px;font-size:18px;transition:background .3s}.repair-tips summary[data-v-374f0585]:hover{background:#f8f9fa}.repair-tips summary[data-v-374f0585]::-webkit-details-marker{display:none}.repair-tips summary[data-v-374f0585]:after{content:"▼";transition:transform .3s;margin-left:auto;font-size:14px;color:#6b7280}.repair-tips details[open] summary[data-v-374f0585]:after{transform:rotate(180deg)}.tips-content[data-v-374f0585]{padding:0 25px 25px;border-top:1px solid #e5e7eb}.tip[data-v-374f0585]{margin-bottom:25px}.tip[data-v-374f0585]:last-child{margin-bottom:0}.tip h5[data-v-374f0585]{font-size:16px;color:#1f2937;margin:0 0 15px;font-weight:600}.tip ul[data-v-374f0585]{margin:0;padding-left:20px;color:#4b5563}.tip li[data-v-374f0585]{margin-bottom:10px;font-size:14px;line-height:1.6}.tip li[data-v-374f0585]:last-child{margin-bottom:0}.action-buttons[data-v-374f0585]{display:flex;gap:10px;justify-content:center;margin:10px 0;flex-wrap:wrap}.repair-btn[data-v-374f0585]{flex:1;padding:10px 15px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:14px;font-size:18px;cursor:pointer;transition:all .3s;box-shadow:0 8px 25px #e74c3c4d;display:flex;align-items:center;justify-content:center;gap:15px;min-height:40px}.repair-btn[data-v-374f0585]:disabled{opacity:.5;cursor:not-allowed;transform:none!important;background:#9ca3af}.secondary-btn[data-v-374f0585]{background:#fff;border:2px solid #d1d5db;border-radius:14px;color:#6b7280;font-weight:600;cursor:pointer;transition:all .2s;min-width:150px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px}.secondary-btn[data-v-374f0585]:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.secondary-btn[data-v-374f0585]:disabled{opacity:.5;cursor:not-allowed}.scan-btn[data-v-374f0585]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px}.scan-btn[data-v-374f0585]:disabled{opacity:.6;cursor:not-allowed}.status-text[data-v-374f0585]{margin:20px 0 15px;font-size:16px;color:#e74c3c;font-weight:600;min-height:24px}.progress-wrapper[data-v-374f0585]{margin:0 auto 30px;height:12px;width:100%;max-width:500px;background:#e5e7eb;border-radius:6px;overflow:hidden}.progress-bar[data-v-374f0585]{height:100%;background:linear-gradient(90deg,#e74c3c,#f1948a);border-radius:6px;transition:width .5s ease;position:relative;overflow:hidden}.progress-bar[data-v-374f0585]: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-374f0585 2s infinite}@keyframes shimmer-374f0585{to{left:100%}}@keyframes slideIn-374f0585{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.converter[data-v-374f0585]{padding:20px 15px}.upload-box[data-v-374f0585]{padding:30px 20px}.results-grid[data-v-374f0585]{grid-template-columns:repeat(2,1fr);gap:15px}.progress-steps[data-v-374f0585]{grid-template-columns:1fr;gap:15px}.problems-grid[data-v-374f0585]{grid-template-columns:repeat(2,1fr);gap:15px}.action-buttons[data-v-374f0585]{flex-direction:column}.repair-btn[data-v-374f0585],.secondary-btn[data-v-374f0585],.scan-btn[data-v-374f0585]{width:100%;max-width:none}}@media(max-width:480px){.results-grid[data-v-374f0585]{grid-template-columns:1fr}.problem[data-v-374f0585]{padding:20px}.issue-header[data-v-374f0585]{flex-direction:column;align-items:flex-start;gap:15px}.issue-severity[data-v-374f0585]{align-self:flex-start}.success-details[data-v-374f0585],.warning-details[data-v-374f0585]{padding:15px}}.converter[data-v-3f94c486]{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h2[data-v-3f94c486]{color:#2c3e50;text-align:center;margin-bottom:10px}.subtitle[data-v-3f94c486]{color:#7f8c8d;text-align:center;margin-bottom:40px}.upload-box[data-v-3f94c486]{display:block;border:3px dashed #3498db;border-radius:12px;padding:60px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#f8f9fa,#e9ecef);margin-bottom:40px}.upload-box[data-v-3f94c486]:hover{border-color:#2980b9;background:linear-gradient(135deg,#e9ecef,#dee2e6);transform:translateY(-2px)}.upload-content[data-v-3f94c486]{display:flex;flex-direction:column;align-items:center;gap:15px}.upload-content .icon[data-v-3f94c486]{font-size:48px}.upload-content strong[data-v-3f94c486]{color:#2c3e50;font-size:18px}.upload-content small[data-v-3f94c486]{color:#7f8c8d}.sign-interface[data-v-3f94c486]{display:flex;flex-direction:column;gap:30px}.signature-creation[data-v-3f94c486]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px #0000001a}.creation-header[data-v-3f94c486]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.signature-type[data-v-3f94c486]{display:flex;gap:15px}.type-option[data-v-3f94c486]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background-color .2s}.type-option[data-v-3f94c486]:hover{background-color:#f8f9fa}.type-option input[data-v-3f94c486]{margin:0}.mode-tabs[data-v-3f94c486]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:25px}.mode-tab[data-v-3f94c486]{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-3f94c486]:hover{border-color:#3498db;transform:translateY(-2px)}.mode-tab.active[data-v-3f94c486]{border-color:#3498db;background:#ebf5fb}.tab-icon[data-v-3f94c486]{font-size:24px}.tab-text[data-v-3f94c486]{font-size:14px;font-weight:600;color:#2c3e50}.drawing-area[data-v-3f94c486]{display:flex;flex-direction:column;gap:20px}.canvas-container[data-v-3f94c486]{position:relative;border:2px solid #bdc3c7;border-radius:8px;overflow:hidden}.signature-canvas[data-v-3f94c486]{display:block;width:100%;height:150px;background:#fff;cursor:crosshair}.canvas-overlay[data-v-3f94c486]{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;color:#95a5a6;text-align:center}.hint[data-v-3f94c486]{font-size:12px;color:#bdc3c7;margin-top:5px}.drawing-controls[data-v-3f94c486]{display:flex;justify-content:center;gap:10px}.control-btn[data-v-3f94c486]{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-3f94c486]:hover:not(:disabled){background:#f8f9fa;border-color:#3498db}.control-btn[data-v-3f94c486]:disabled{opacity:.5;cursor:not-allowed}.type-signature[data-v-3f94c486],.type-inputs[data-v-3f94c486]{display:flex;flex-direction:column;gap:20px}.name-input[data-v-3f94c486]{padding:15px;border:2px solid #bdc3c7;border-radius:8px;font-size:18px;transition:border-color .3s}.name-input[data-v-3f94c486]:focus{outline:none;border-color:#3498db}.type-options[data-v-3f94c486]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.option-group[data-v-3f94c486]{display:flex;flex-direction:column;gap:8px}.option-group label[data-v-3f94c486]{font-size:14px;color:#7f8c8d;font-weight:600}.font-select[data-v-3f94c486],.color-picker[data-v-3f94c486],.size-select[data-v-3f94c486]{padding:10px;border:2px solid #bdc3c7;border-radius:6px;cursor:pointer}.size-slider[data-v-3f94c486],.scale-slider[data-v-3f94c486],.position-slider[data-v-3f94c486],.opacity-slider[data-v-3f94c486],.rotation-slider[data-v-3f94c486]{width:100%}.size-value[data-v-3f94c486],.position-value[data-v-3f94c486],.opacity-value[data-v-3f94c486],.rotation-value[data-v-3f94c486]{font-size:14px;color:#7f8c8d;text-align:center;display:block}.type-preview[data-v-3f94c486]{display:flex;justify-content:center;margin-top:20px}.preview-box[data-v-3f94c486]{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-3f94c486],.upload-area[data-v-3f94c486]{display:flex;flex-direction:column;gap:20px}.upload-label[data-v-3f94c486]{cursor:pointer}.upload-placeholder[data-v-3f94c486]{border:3px dashed #3498db;border-radius:10px;padding:40px 20px;text-align:center;background:#ebf5fb;transition:all .3s}.upload-placeholder[data-v-3f94c486]:hover{background:#d6eaf8}.upload-icon[data-v-3f94c486]{font-size:48px;margin-bottom:15px;display:block}.uploaded-preview[data-v-3f94c486]{display:flex;flex-direction:column;align-items:center;gap:20px}.signature-image[data-v-3f94c486]{max-width:300px;max-height:150px;border:2px solid #bdc3c7;border-radius:8px;padding:10px;background:#fff}.upload-controls[data-v-3f94c486]{width:100%;max-width:300px}.scale-control[data-v-3f94c486]{display:flex;flex-direction:column;gap:10px}.stamp-signature[data-v-3f94c486]{display:flex;flex-direction:column;gap:25px}.stamp-grid[data-v-3f94c486]{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stamp-btn[data-v-3f94c486]{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-3f94c486]:hover:not(:disabled){border-color:var(--stamp-color);transform:translateY(-2px)}.stamp-btn.active[data-v-3f94c486]{border-color:var(--stamp-color);background:color-mix(in srgb,var(--stamp-color) 10%,white)}.stamp-icon[data-v-3f94c486]{font-size:24px}.stamp-name[data-v-3f94c486]{font-size:12px;font-weight:600;color:#2c3e50}.stamp-preview[data-v-3f94c486]{display:flex;justify-content:center}.preview-stamp[data-v-3f94c486]{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-3f94c486]{font-size:36px}.stamp-text[data-v-3f94c486]{font-size:18px;letter-spacing:2px}.stamp-date[data-v-3f94c486]{font-size:12px;opacity:.8}.save-signature[data-v-3f94c486]{margin-top:25px;padding-top:25px;border-top:1px solid #ecf0f1;text-align:center}.save-btn[data-v-3f94c486]{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-3f94c486]:hover:not(:disabled){background:#2980b9}.save-btn[data-v-3f94c486]:disabled{opacity:.5;cursor:not-allowed}.save-hint[data-v-3f94c486]{font-size:12px;color:#7f8c8d;margin-top:8px}.saved-signatures[data-v-3f94c486]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px #0000001a}.signatures-grid[data-v-3f94c486]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-top:15px}.saved-signature[data-v-3f94c486]{border:2px solid #ecf0f1;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s}.saved-signature[data-v-3f94c486]:hover{border-color:#3498db;transform:translateY(-2px)}.signature-preview[data-v-3f94c486]{height:80px;display:flex;align-items:center;justify-content:center;background:#fff;padding:10px}.image-preview img[data-v-3f94c486]{max-width:100%;max-height:100%}.text-preview[data-v-3f94c486]{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signature-info[data-v-3f94c486]{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f8f9fa;font-size:12px}.sig-type[data-v-3f94c486]{background:#3498db;color:#fff;padding:2px 6px;border-radius:4px}.sig-mode[data-v-3f94c486]{color:#7f8c8d}.delete-btn[data-v-3f94c486]{background:none;border:none;cursor:pointer;padding:2px;opacity:.6}.delete-btn[data-v-3f94c486]:hover{opacity:1}.placement-options[data-v-3f94c486]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px #0000001a}.placement-grid[data-v-3f94c486]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0}.placement-group[data-v-3f94c486]{display:flex;flex-direction:column;gap:8px}.placement-group label[data-v-3f94c486]{font-size:14px;color:#7f8c8d;font-weight:600}.page-input[data-v-3f94c486]{padding:10px;border:2px solid #bdc3c7;border-radius:6px;width:100%}.placement-preview[data-v-3f94c486]{margin-top:25px}.preview-box-large[data-v-3f94c486]{border:2px solid #bdc3c7;border-radius:8px;padding:20px;background:#f8f9fa}.page-outline[data-v-3f94c486]{position:relative;width:100%;height:300px;border:1px solid #dee2e6;background:#fff;margin-bottom:15px}.signature-preview-placement[data-v-3f94c486]{position:absolute;border:2px dashed #3498db;background:#3498db1a;display:flex;align-items:center;justify-content:center}.preview-content[data-v-3f94c486]{padding:10px;font-weight:600;color:#3498db}.preview-info[data-v-3f94c486]{text-align:center;color:#7f8c8d;font-size:14px}.action-buttons[data-v-3f94c486]{display:flex;justify-content:center;gap:20px;margin:30px 0}.sign-btn[data-v-3f94c486]{padding:15px 40px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:10px}.sign-btn.primary[data-v-3f94c486]{background:#2ecc71;color:#fff}.sign-btn.primary[data-v-3f94c486]:hover:not(:disabled){background:#27ae60;transform:translateY(-2px)}.sign-btn.secondary[data-v-3f94c486]{background:#f39c12;color:#fff}.sign-btn.secondary[data-v-3f94c486]:hover:not(:disabled){background:#d68910}.sign-btn.tertiary[data-v-3f94c486]{background:#95a5a6;color:#fff}.sign-btn.tertiary[data-v-3f94c486]:hover:not(:disabled){background:#7f8c8d}.sign-btn[data-v-3f94c486]:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.progress-section[data-v-3f94c486]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px #0000001a}.progress-header[data-v-3f94c486]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.progress-text[data-v-3f94c486]{font-weight:600;color:#2c3e50}.progress-percent[data-v-3f94c486]{font-weight:700;color:#3498db}.progress-bar[data-v-3f94c486]{height:10px;background:#ecf0f1;border-radius:5px;overflow:hidden}.progress-fill[data-v-3f94c486]{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:5px;transition:width .3s ease}@media(max-width:768px){.mode-tabs[data-v-3f94c486],.stamp-grid[data-v-3f94c486],.placement-grid[data-v-3f94c486]{grid-template-columns:repeat(2,1fr)}.type-options[data-v-3f94c486]{grid-template-columns:1fr}.action-buttons[data-v-3f94c486]{flex-direction:column}.signatures-grid[data-v-3f94c486]{grid-template-columns:repeat(2,1fr)}.file-info[data-v-3f94c486]{grid-template-columns:1fr}}@media(max-width:480px){.mode-tabs[data-v-3f94c486],.stamp-grid[data-v-3f94c486],.placement-grid[data-v-3f94c486],.signatures-grid[data-v-3f94c486],.steps[data-v-3f94c486]{grid-template-columns:1fr}.converter[data-v-3f94c486]{padding:10px}}.converter[data-v-144b7c55]{text-align:center;max-width:1000px;margin:0 auto}.converter h2[data-v-144b7c55]{font-size:24px;margin-bottom:8px;color:#333}.subtitle[data-v-144b7c55]{font-size:14px;color:#666;margin-bottom:25px;line-height:1.5}.upload-box[data-v-144b7c55]{display:block;border:2px dashed #aaa;border-radius:12px;padding:30px 20px;cursor:pointer;background:#f9f9f9;transition:all .3s ease;margin-bottom:25px}.upload-box[data-v-144b7c55]:hover{border-color:#4a6fa5;background:#f0f4fa}.upload-content .icon[data-v-144b7c55]{font-size:36px;display:block;margin-bottom:10px}.page-number-interface[data-v-144b7c55]{text-align:left}.preview-section[data-v-144b7c55]{background:#f8f9fa;padding:25px;border-radius:12px;margin-bottom:25px;border:1px solid #e9ecef}.preview-section h3[data-v-144b7c55]{font-size:18px;color:#333;margin-bottom:20px;text-align:center}.preview-container[data-v-144b7c55]{display:flex;flex-direction:column;gap:25px}.page-preview[data-v-144b7c55]{display:flex;flex-direction:column;align-items:center;gap:20px}.page-outline[data-v-144b7c55]{position:relative;width:300px;height:200px;background:#fff;border:2px solid #333;border-radius:4px;margin:0 auto}.position-indicator[data-v-144b7c55]{position:absolute;width:15px;height:15px;background:#4a6fa5;border-radius:50%;transform:translate(-50%,-50%)}.position-indicator.bottom-center[data-v-144b7c55]{bottom:0;left:50%}.position-indicator.bottom-right[data-v-144b7c55]{bottom:0;right:0;transform:translate(50%,50%)}.position-indicator.top-center[data-v-144b7c55]{top:0;left:50%}.position-indicator.top-right[data-v-144b7c55]{top:0;right:0;transform:translate(50%,-50%)}.position-indicator.bottom-left[data-v-144b7c55]{bottom:0;left:0;transform:translate(-50%,50%)}.position-indicator.top-left[data-v-144b7c55]{top:0;left:0;transform:translate(-50%,-50%)}.page-number-preview[data-v-144b7c55]{position:absolute;padding:5px 10px;background:#ffffffe6;border:1px dashed #4A6FA5;border-radius:4px;font-weight:600;white-space:nowrap}.page-number-preview.bottom-center[data-v-144b7c55]{bottom:10px;left:50%;transform:translate(-50%)}.page-number-preview.bottom-right[data-v-144b7c55]{bottom:10px;right:10px}.page-number-preview.top-center[data-v-144b7c55]{top:10px;left:50%;transform:translate(-50%)}.page-number-preview.top-right[data-v-144b7c55]{top:10px;right:10px}.page-number-preview.bottom-left[data-v-144b7c55]{bottom:10px;left:10px}.page-number-preview.top-left[data-v-144b7c55]{top:10px;left:10px}.position-label[data-v-144b7c55]{position:absolute;font-size:10px;color:#999;background:#ffffffb3;padding:2px 4px;border-radius:2px}.position-label.top-left[data-v-144b7c55]{top:5px;left:5px}.position-label.top-center[data-v-144b7c55]{top:5px;left:50%;transform:translate(-50%)}.position-label.top-right[data-v-144b7c55]{top:5px;right:5px}.position-label.bottom-left[data-v-144b7c55]{bottom:5px;left:5px}.position-label.bottom-center[data-v-144b7c55]{bottom:5px;left:50%;transform:translate(-50%)}.position-label.bottom-right[data-v-144b7c55]{bottom:5px;right:5px}.preview-controls[data-v-144b7c55]{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.preview-btn[data-v-144b7c55]{padding:8px 16px;background:#fff;border:1px solid #ddd;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.preview-btn[data-v-144b7c55]:hover{background:#f0f0f0;border-color:#4a6fa5}.preview-info[data-v-144b7c55]{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:15px}.info-item[data-v-144b7c55]{display:flex;flex-direction:column;align-items:center;gap:4px}.info-label[data-v-144b7c55]{font-size:12px;color:#666}.info-value[data-v-144b7c55]{font-size:14px;font-weight:600;color:#4a6fa5}.presets-section[data-v-144b7c55]{margin-bottom:25px}.presets-section h3[data-v-144b7c55]{font-size:16px;color:#333;margin-bottom:15px;text-align:center}.preset-buttons[data-v-144b7c55]{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.preset-btn[data-v-144b7c55]{padding:10px 20px;background:#fff;border:1px solid #ddd;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.preset-btn[data-v-144b7c55]:hover{background:#f0f4fa;border-color:#4a6fa5;transform:translateY(-1px)}.preset-btn.reset[data-v-144b7c55]{color:#666}.settings-grid[data-v-144b7c55]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:30px}.settings-group[data-v-144b7c55]{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.settings-group h4[data-v-144b7c55]{font-size:16px;color:#333;margin-bottom:20px;display:flex;align-items:center;gap:8px}.position-grid[data-v-144b7c55]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.position-btn[data-v-144b7c55]{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-144b7c55]:hover{background:#f8f9fa;border-color:#4a6fa5}.position-btn.active[data-v-144b7c55]{background:#4a6fa5;border-color:#4a6fa5;color:#fff}.position-icon[data-v-144b7c55]{font-size:20px}.position-name[data-v-144b7c55]{font-size:11px;white-space:nowrap}.margin-control[data-v-144b7c55]{margin-top:20px}.margin-control label[data-v-144b7c55]{display:block;margin-bottom:10px;font-size:14px;color:#333}.margin-slider[data-v-144b7c55]{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none}.margin-slider[data-v-144b7c55]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#4a6fa5;cursor:pointer}.format-grid[data-v-144b7c55]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.format-btn[data-v-144b7c55]{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-144b7c55]:hover{background:#f8f9fa;border-color:#4a6fa5}.format-btn.active[data-v-144b7c55]{background:#4a6fa5;border-color:#4a6fa5;color:#fff}.numbering-controls[data-v-144b7c55]{display:flex;flex-direction:column;gap:15px;margin-top:20px}.control-row[data-v-144b7c55]{display:flex;align-items:center;gap:10px}.control-row label[data-v-144b7c55]{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;cursor:pointer}.number-input[data-v-144b7c55]{width:80px;padding:8px;border:1px solid #ddd;border-radius:6px;font-size:14px}.checkbox[data-v-144b7c55]{width:16px;height:16px;cursor:pointer}.appearance-controls[data-v-144b7c55]{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.font-select[data-v-144b7c55]{padding:8px;border:1px solid #ddd;border-radius:6px;font-size:14px;width:100px}.color-selector[data-v-144b7c55]{display:flex;align-items:center;gap:10px}.color-input[data-v-144b7c55]{width:40px;height:40px;border:none;border-radius:6px;cursor:pointer;padding:0}.color-value[data-v-144b7c55]{font-size:13px;color:#666;font-family:monospace}.color-presets[data-v-144b7c55]{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.color-preset[data-v-144b7c55]{width:24px;height:24px;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:all .2s}.color-preset[data-v-144b7c55]:hover{transform:scale(1.1)}.color-preset.active[data-v-144b7c55]{border-color:#333;box-shadow:0 0 0 2px #fff,0 0 0 4px #4a6fa5}.custom-text-control[data-v-144b7c55]{margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.custom-text-control label[data-v-144b7c55]{display:block;margin-bottom:10px;font-size:14px;color:#333}.custom-text-inputs[data-v-144b7c55]{display:flex;gap:10px;margin-bottom:8px}.text-position-select[data-v-144b7c55]{padding:8px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:120px}.text-input[data-v-144b7c55]{flex:1;padding:8px;border:1px solid #ddd;border-radius:6px;font-size:14px}.hint[data-v-144b7c55]{font-size:12px;color:#666;font-style:italic;margin-top:5px}.action-buttons[data-v-144b7c55]{display:flex;gap:15px;justify-content:center;margin:30px 0}.primary-btn[data-v-144b7c55]{flex:1;max-width:400px;padding:16px 30px;font-size:16px;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(135deg,#4a6fa5,#3a5a8c);color:#fff;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #4a6fa533;display:flex;align-items:center;justify-content:center;gap:10px}.primary-btn[data-v-144b7c55]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4a6fa54d;background:linear-gradient(135deg,#3a5a8c,#2a4a7c)}.primary-btn[data-v-144b7c55]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.secondary-btn[data-v-144b7c55]{padding:16px 25px;background:#fff;border:1px solid #ddd;border-radius:10px;color:#666;font-weight:500;cursor:pointer;transition:all .2s}.secondary-btn[data-v-144b7c55]:hover{background:#f8f9fa;border-color:#999}.status-text[data-v-144b7c55]{margin-top:15px;font-size:14px;color:#4a6fa5;font-weight:500;text-align:center}.progress-wrapper[data-v-144b7c55]{margin:15px auto 25px;height:10px;width:100%;max-width:400px;background:#e9ecef;border-radius:8px;overflow:hidden}.progress-bar[data-v-144b7c55]{height:100%;background:linear-gradient(90deg,#4a6fa5,#6a8fc5);transition:width .3s ease}.tips-section[data-v-144b7c55]{background:#f0f4fa;padding:20px;border-radius:12px;border:1px solid #d1dce9;margin-top:25px;text-align:left}.tips-section h4[data-v-144b7c55]{font-size:16px;color:#333;margin-bottom:15px;display:flex;align-items:center;gap:8px}.tips-section ul[data-v-144b7c55]{margin:0;padding-left:20px;color:#666}.tips-section li[data-v-144b7c55]{margin-bottom:8px;line-height:1.5;font-size:13px}.toast-container[data-v-c9c1e6d2]{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px}.toast-notification[data-v-c9c1e6d2]{background:#fff;border-radius:8px;padding:16px;box-shadow:0 4px 12px #00000026;display:flex;align-items:flex-start;justify-content:space-between;animation:slideIn-c9c1e6d2 .3s ease-out;border-left:4px solid #ff6b6b}.toast-notification.toast-error[data-v-c9c1e6d2]{border-left-color:#dc3545;background:#f8d7da;color:#721c24}.toast-notification.toast-success[data-v-c9c1e6d2]{border-left-color:#28a745;background:#d4edda;color:#155724}.toast-notification.toast-warning[data-v-c9c1e6d2]{border-left-color:#ffc107;background:#fff3cd;color:#856404}.toast-content[data-v-c9c1e6d2]{display:flex;align-items:flex-start;gap:12px;flex:1}.toast-icon[data-v-c9c1e6d2]{font-size:18px;margin-top:2px}.toast-message[data-v-c9c1e6d2]{font-size:14px;line-height:1.4;flex:1}.toast-close[data-v-c9c1e6d2]{background:none;border:none;color:inherit;font-size:20px;cursor:pointer;padding:0;margin-left:10px;opacity:.7;line-height:1}.toast-close[data-v-c9c1e6d2]:hover{opacity:1}@keyframes slideIn-c9c1e6d2{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.files-list-section[data-v-c9c1e6d2]{background:#fff;border-radius:12px;padding:15px;margin-bottom:15px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000000d}.files-header[data-v-c9c1e6d2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e9ecef}.files-count[data-v-c9c1e6d2]{display:flex;align-items:center;gap:10px;font-size:14px;color:#495057}.count-badge[data-v-c9c1e6d2]{background:#ff6b6b;color:#fff;padding:4px 10px;border-radius:20px;font-weight:600;font-size:12px}.clear-all-btn[data-v-c9c1e6d2]{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-c9c1e6d2]:hover:not(:disabled){background:#dc3545;color:#fff}.clear-all-btn[data-v-c9c1e6d2]:disabled{opacity:.5;cursor:not-allowed}.files-grid[data-v-c9c1e6d2]{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-c9c1e6d2]{background:#f8f9fa;border-radius:8px;padding:12px;border:1px solid #dee2e6;transition:all .3s ease}.file-item-card.cleaned[data-v-c9c1e6d2]{border-color:#17a2b8;background:#d1ecf1}.file-item-header[data-v-c9c1e6d2]{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.file-icon[data-v-c9c1e6d2]{font-size:20px;flex-shrink:0;margin-top:2px}.file-item-details[data-v-c9c1e6d2]{flex:1;min-width:0}.file-name[data-v-c9c1e6d2]{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-c9c1e6d2]{background:#17a2b8;color:#fff;border-radius:4px;padding:1px 4px;font-size:10px;cursor:help}.file-size[data-v-c9c1e6d2]{font-size:11px;color:#6c757d;margin-bottom:4px}.original-name[data-v-c9c1e6d2]{font-size:10px;color:#6c757d;background:#0000000d;padding:2px 6px;border-radius:4px;margin-top:4px}.remove-file-btn[data-v-c9c1e6d2]{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-c9c1e6d2]:hover:not(:disabled){background:#dc3545;color:#fff}.remove-file-btn[data-v-c9c1e6d2]:disabled{opacity:.5;cursor:not-allowed}.files-summary[data-v-c9c1e6d2]{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid #e9ecef;font-size:13px}.summary-item[data-v-c9c1e6d2]{display:flex;flex-direction:column;gap:4px}.summary-label[data-v-c9c1e6d2]{color:#6c757d;font-size:12px}.summary-value[data-v-c9c1e6d2]{color:#212529;font-weight:500}.add-more-section[data-v-c9c1e6d2]{margin-bottom:15px}.add-more-btn[data-v-c9c1e6d2]{display:block;width:97%;padding:12px;background:#fff;border:2px dashed #ff6b6b;border-radius:10px;color:#ff6b6b;text-align:center;font-size:14px;cursor:pointer;transition:all .3s ease}.add-more-btn[data-v-c9c1e6d2]:hover{background:#fff5f5;border-color:#e63946}.corruptor[data-v-c9c1e6d2]{max-width:1000px;margin:auto}.warning-alert[data-v-c9c1e6d2]{background:linear-gradient(135deg,#ff6b6b,#c92a2a);color:#fff;border-radius:12px;padding:20px;margin-bottom:25px;animation:pulse-c9c1e6d2 2s infinite}@keyframes pulse-c9c1e6d2{0%{opacity:1}50%{opacity:.9}to{opacity:1}}.upload-box[data-v-c9c1e6d2]:hover{border-color:#ff6b6b;background:#fff5f5}.upload-content[data-v-c9c1e6d2]{text-align:center}.upload-content .icon[data-v-c9c1e6d2]{font-size:40px;display:block;margin-bottom:15px}.file-types[data-v-c9c1e6d2]{margin-top:15px}.file-type-badge[data-v-c9c1e6d2]{display:inline-block;background:#e9ecef;padding:4px 10px;margin:3px;border-radius:15px;font-size:12px;font-weight:500}.corrupt-btn[data-v-c9c1e6d2]{width:100%;padding:10px;font-size:15px;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(135deg,#ff6b6b,#c92a2a);color:#fff;transition:all .3s ease}.corrupt-btn[data-v-c9c1e6d2]:hover:not(:disabled){box-shadow:0 10px 30px #ff6b6b66}.corrupt-btn[data-v-c9c1e6d2]:disabled{background:#6c757d;cursor:not-allowed}.confirmation-overlay[data-v-c9c1e6d2]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.confirmation-dialog[data-v-c9c1e6d2]{background:#fff;border-radius:16px;width:90%;max-width:500px;overflow:hidden;animation:slideIn-c9c1e6d2 .3s ease}.confirmation-header[data-v-c9c1e6d2]{background:linear-gradient(135deg,#ff6b6b,#c92a2a);color:#fff;padding:10px;text-align:center}.confirmation-content[data-v-c9c1e6d2]{padding:10px}.file-to-corrupt[data-v-c9c1e6d2]{display:flex;align-items:center;gap:15px;background:#f8f9fa;padding:5px;border-radius:8px;margin:5px 0}.file-to-corrupt .file-icon[data-v-c9c1e6d2]{font-size:16px}.corruption-details[data-v-c9c1e6d2]{background:#fff5f5;padding:5px;border-radius:8px;margin:5px 0}.corruption-details p[data-v-c9c1e6d2]{margin:8px 0}.final-warning[data-v-c9c1e6d2]{text-align:center;font-size:14px;color:#ff6b6b;margin:5px 0;padding:5px;background:#ff6b6b1a;border-radius:8px}.confirmation-actions[data-v-c9c1e6d2]{display:flex;gap:15px;padding:5px;border-top:1px solid #dee2e6}.cancel-btn[data-v-c9c1e6d2],.confirm-btn[data-v-c9c1e6d2]{flex:1;padding:10px;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease}.cancel-btn[data-v-c9c1e6d2]{background:#6c757d;color:#fff}.cancel-btn[data-v-c9c1e6d2]:hover{background:#5a6268}.confirm-btn[data-v-c9c1e6d2]{background:linear-gradient(135deg,#ff6b6b,#c92a2a);color:#fff}.confirm-btn[data-v-c9c1e6d2]:hover{opacity:.9;transform:translateY(-2px)}.progress-section[data-v-c9c1e6d2]{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.progress-header[data-v-c9c1e6d2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;color:#2c3e50}.progress-container[data-v-c9c1e6d2]{height:12px;width:100%;background:#e9ecef;border-radius:8px;overflow:hidden;position:relative}.progress-bar[data-v-c9c1e6d2]{height:100%;background:linear-gradient(90deg,#ff6b6b,#c92a2a);transition:width .3s ease;position:relative}.progress-text[data-v-c9c1e6d2]{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-c9c1e6d2]{margin-top:12px;font-size:14px;color:#495057;min-height:20px}.progress-steps[data-v-c9c1e6d2]{display:flex;justify-content:space-between;margin-top:20px;position:relative}.progress-steps[data-v-c9c1e6d2]:before{content:"";position:absolute;top:15px;left:0;right:0;height:3px;background:#e9ecef;z-index:1}.step[data-v-c9c1e6d2]{position:relative;z-index:2;background:#e9ecef;padding:8px 15px;border-radius:20px;font-size:12px;font-weight:500;color:#6c757d;transition:all .3s ease}.step.active[data-v-c9c1e6d2]{background:#ff6b6b;color:#fff;box-shadow:0 4px 15px #ff6b6b4d}.popup-overlay[data-v-c9c1e6d2]{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-c9c1e6d2]{background:#fff;border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.popup-content[data-v-c9c1e6d2]{padding:12px}.download-btn[data-v-c9c1e6d2]{justify-content:center;display:flex;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:12px 25px;border-radius:8px;text-decoration:none;margin-top:5px;transition:all .3s ease}.download-btn[data-v-c9c1e6d2]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #28a7454d}.educational-section[data-v-c9c1e6d2]{margin:30px 0;padding:0 10px}.content-block[data-v-c9c1e6d2]{background:#fff;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 3px 10px #0000000d;border:1px solid #e9ecef}.content-block h3[data-v-c9c1e6d2]{font-size:18px;color:#212529;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #ff6b6b;display:flex;align-items:center;gap:8px}.security-content[data-v-c9c1e6d2]{display:flex;flex-direction:column;gap:15px}.warning-item[data-v-c9c1e6d2]{display:flex;gap:15px;padding:15px;background:#fff5f5;border-radius:8px;border-left:4px solid #ff6b6b}.warning-icon[data-v-c9c1e6d2]{font-size:24px;flex-shrink:0}.warning-text h4[data-v-c9c1e6d2]{font-size:16px;color:#c92a2a;margin-bottom:8px}.warning-text p[data-v-c9c1e6d2]{font-size:14px;color:#495057;line-height:1.5;margin:0}.use-cases-grid[data-v-c9c1e6d2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:15px}.use-case-card[data-v-c9c1e6d2]{padding:20px;background:#f8f9fa;border-radius:10px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.use-case-card[data-v-c9c1e6d2]:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.use-case-icon[data-v-c9c1e6d2]{font-size:32px;margin-bottom:15px}.use-case-card h4[data-v-c9c1e6d2]{font-size:16px;color:#212529;margin-bottom:10px}.use-case-card p[data-v-c9c1e6d2]{font-size:14px;color:#6c757d;line-height:1.5;margin:0}.technical-grid[data-v-c9c1e6d2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:15px}.tech-card[data-v-c9c1e6d2]{padding:20px;background:#f8f9fa;border-radius:10px}.tech-card h4[data-v-c9c1e6d2]{font-size:16px;color:#212529;margin-bottom:15px}.tech-card p[data-v-c9c1e6d2],.tech-card ul[data-v-c9c1e6d2]{font-size:14px;color:#495057;line-height:1.6}.tech-card ul[data-v-c9c1e6d2]{padding-left:20px;margin:0}.tech-card li[data-v-c9c1e6d2]{margin-bottom:8px}.tech-card li strong[data-v-c9c1e6d2]{color:#212529}.faq-list[data-v-c9c1e6d2]{margin-top:15px}.faq-item[data-v-c9c1e6d2]{margin-bottom:10px;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.faq-item summary[data-v-c9c1e6d2]{padding:15px;font-weight:500;color:#212529;cursor:pointer;list-style:none;position:relative;background:#f8f9fa;transition:background-color .3s ease}.faq-item summary[data-v-c9c1e6d2]:hover{background:#e9ecef}.faq-item summary[data-v-c9c1e6d2]::-webkit-details-marker{display:none}.faq-item summary[data-v-c9c1e6d2]:after{content:"▶";position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.faq-item[open] summary[data-v-c9c1e6d2]:after{transform:translateY(-50%) rotate(90deg)}.faq-item[open] summary[data-v-c9c1e6d2]{background:#e9ecef}.faq-item p[data-v-c9c1e6d2]{padding:20px;margin:0;font-size:14px;color:#495057;line-height:1.6;background:#fff;border-top:1px solid #dee2e6}.practices-list[data-v-c9c1e6d2]{display:flex;flex-direction:column;gap:15px;margin-top:15px}.practice-item[data-v-c9c1e6d2]{display:flex;gap:15px;padding:15px;background:#f8f9fa;border-radius:8px;align-items:flex-start}.practice-number[data-v-c9c1e6d2]{display:flex;align-items:center;justify-content:center;min-width:30px;height:30px;background:#ff6b6b;color:#fff;border-radius:50%;font-weight:700;font-size:16px}.practice-content h4[data-v-c9c1e6d2]{font-size:16px;color:#212529;margin-bottom:8px}.practice-content p[data-v-c9c1e6d2]{font-size:14px;color:#495057;line-height:1.5;margin:0}@media(max-width:768px){.educational-section[data-v-c9c1e6d2]{margin:20px 0;padding:0 5px}.content-block[data-v-c9c1e6d2]{padding:15px;margin-bottom:20px}.use-cases-grid[data-v-c9c1e6d2],.technical-grid[data-v-c9c1e6d2]{grid-template-columns:1fr}.warning-item[data-v-c9c1e6d2]{padding:12px}.use-case-card[data-v-c9c1e6d2],.tech-card[data-v-c9c1e6d2]{padding:15px}.practice-item[data-v-c9c1e6d2]{padding:12px}.files-grid[data-v-c9c1e6d2]{grid-template-columns:1fr}.files-summary[data-v-c9c1e6d2]{flex-direction:column;gap:8px}}@media(max-width:480px){.content-block h3[data-v-c9c1e6d2]{font-size:16px}.warning-text h4[data-v-c9c1e6d2],.use-case-card h4[data-v-c9c1e6d2],.tech-card h4[data-v-c9c1e6d2],.practice-content h4[data-v-c9c1e6d2]{font-size:15px}.warning-text p[data-v-c9c1e6d2],.use-case-card p[data-v-c9c1e6d2],.tech-card p[data-v-c9c1e6d2],.tech-card li[data-v-c9c1e6d2],.faq-item p[data-v-c9c1e6d2],.practice-content p[data-v-c9c1e6d2]{font-size:13px}.files-header[data-v-c9c1e6d2]{flex-direction:column;align-items:flex-start;gap:10px}.clear-all-btn[data-v-c9c1e6d2]{align-self:flex-end}}.minifier-page[data-v-583586dd]{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px}.header-section[data-v-583586dd]{text-align:center;margin-bottom:40px}.header-content[data-v-583586dd]{max-width:800px;margin:0 auto}.header-content h1[data-v-583586dd]{font-size:1.8rem;color:#2c3e50;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px}.header-icon[data-v-583586dd]{font-size:1.2rem;color:#ee6c4d}.subtitle[data-v-583586dd]{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.main-content[data-v-583586dd]{max-width:1400px;margin:0 auto}.content-grid[data-v-583586dd]{display:grid;grid-template-columns:350px 1fr;gap:30px;align-items:start}.left-column[data-v-583586dd]{position:sticky;top:20px}.control-card[data-v-583586dd]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0000001a}.card-header[data-v-583586dd]{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-583586dd]{font-size:1.4rem;color:#2c3e50;margin:0}.status-badge[data-v-583586dd]{background:linear-gradient(135deg,#ee6c4d,#d64545);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-583586dd],.action-section[data-v-583586dd],.upload-section[data-v-583586dd]{margin-bottom:24px}.language-section h3[data-v-583586dd],.action-section h3[data-v-583586dd],.upload-section h3[data-v-583586dd]{font-size:1rem;color:#2c3e50;margin-bottom:12px;font-weight:400}.language-buttons[data-v-583586dd]{display:flex;gap:12px}.lang-btn[data-v-583586dd]{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-583586dd]:hover:not(.active){border-color:#adb5bd;background:#e9ecef}.lang-btn.active[data-v-583586dd]{background:#ee6c4d;border-color:#ee6c4d;color:#fff}.action-buttons[data-v-583586dd]{display:flex;gap:12px}.action-btn[data-v-583586dd]{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-583586dd]{background:#f8f9fa;color:#495057;border:2px solid #dee2e6}.action-btn.beautify[data-v-583586dd]{background:#2c3e50;color:#fff}.action-btn.minify.active[data-v-583586dd]{background:#ee6c4d;border-color:#ee6c4d;color:#fff}.action-btn.beautify.active[data-v-583586dd]{background:#1a252f;border-color:#1a252f}.upload-box[data-v-583586dd]{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-583586dd]:hover{border-color:#ee6c4d;background:#fff5f5}.upload-icon[data-v-583586dd]{margin-bottom:15px}.upload-text[data-v-583586dd]{font-size:1rem;color:#2c3e50;margin-bottom:15px;font-weight:300}.upload-btn[data-v-583586dd]{display:inline-block;background:#ee6c4d;color:#fff;padding:5px 15px;border-radius:8px;cursor:pointer;font-weight:300;transition:all .3s ease}.upload-btn[data-v-583586dd]:hover{background:#d64545;transform:translateY(-2px)}.upload-info[data-v-583586dd]{display:block;margin-top:15px;font-size:.85rem;color:#718096}.process-btn[data-v-583586dd]{width:100%;padding:8px;background:linear-gradient(135deg,#ee6c4d,#d64545);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-583586dd]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #ee6c4d66}.process-btn[data-v-583586dd]:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.process-btn.loading[data-v-583586dd]{opacity:.8}.spinner[data-v-583586dd]{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-583586dd 1s ease-in-out infinite}@keyframes spin-583586dd{to{transform:rotate(360deg)}}.action-buttons-row[data-v-583586dd]{display:flex;gap:12px;margin-bottom:24px}.secondary-btn[data-v-583586dd]{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-583586dd]:hover{background:#e9ecef;border-color:#adb5bd}.stats-section[data-v-583586dd]{padding-top:20px;border-top:2px solid #e2e8f0}.stats-section h3[data-v-583586dd]{font-size:1rem;color:#2c3e50;margin-bottom:16px;font-weight:400}.stats-grid[data-v-583586dd]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card[data-v-583586dd]{background:#f7fafc;border-radius:10px;padding:6px;display:flex;align-items:center;gap:12px;transition:transform .2s ease}.stat-card[data-v-583586dd]:hover{transform:translateY(-2px)}.stat-card.highlight[data-v-583586dd]{background:linear-gradient(135deg,#fff5f5,#ffeaea);border:2px solid #fed7d7}.stat-icon[data-v-583586dd]{font-size:1.2rem;color:#ee6c4d}.stat-content[data-v-583586dd]{flex:1}.stat-label[data-v-583586dd]{font-size:.8rem;color:#718096;margin-bottom:4px}.stat-value[data-v-583586dd]{font-size:1rem;font-weight:400;color:#2c3e50}.right-column[data-v-583586dd]{display:flex;flex-direction:column;gap:24px}.editor-card[data-v-583586dd]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000001a;padding:20px}.editor-card.output[data-v-583586dd]{min-height:400px;margin-top:20px}.editor-card.output.has-output[data-v-583586dd]{border:2px solid #ee6c4d}.file-info[data-v-583586dd],.output-info[data-v-583586dd]{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#666}.lang-badge[data-v-583586dd]{background:#f0f4ff;color:#ee6c4d;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:400;border:1px solid #ee6c4d}.type-badge[data-v-583586dd]{background:#fff5f5;color:#d64545;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:400;border:1px solid #fed7d7}.code-editor[data-v-583586dd]{display:flex;flex-direction:column}.editor-toolbar[data-v-583586dd]{background:#f8f9fa;padding:12px 20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.editor-info[data-v-583586dd]{display:flex;align-items:center;gap:12px}.language-tag[data-v-583586dd]{background:#ee6c4d;color:#fff;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:400}.editor-status[data-v-583586dd]{font-size:.9rem;color:#666}.editor-actions[data-v-583586dd]{display:flex;gap:8px}.toolbar-btn[data-v-583586dd]{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-583586dd]:hover{background:#e9ecef;border-color:#adb5bd}.toolbar-btn.copy[data-v-583586dd],.toolbar-btn.download[data-v-583586dd]{color:#fff;border:none}.toolbar-btn.copy.copied[data-v-583586dd]{background:#28a745}.code-textarea[data-v-583586dd]{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-583586dd]:focus{background:#fff}.editor-footer[data-v-583586dd]{background:#f8f9fa;padding:12px 20px;border-top:1px solid #e9ecef}.char-count[data-v-583586dd]{display:flex;gap:20px;font-size:.85rem;color:#666}.code-output[data-v-583586dd]{display:flex;flex-direction:column;height:100%}.output-toolbar[data-v-583586dd]{background:#f8f9fa;padding:12px 20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.reduction-badge[data-v-583586dd]{background:#d4edda;color:#155724;padding:6px 12px;border-radius:15px;font-size:.85rem;font-weight:400}.output-content[data-v-583586dd]{flex:1;padding:20px;background:#1e1e1e;color:#d4d4d4;overflow-y:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6}.output-content pre[data-v-583586dd]{margin:0;white-space:pre-wrap;word-wrap:break-word;tab-size:2}.output-footer[data-v-583586dd]{background:#2d2d2d;padding:12px 20px;border-top:1px solid #404040}.output-stats[data-v-583586dd]{display:flex;justify-content:space-between;font-size:.85rem;color:#999}.time-info[data-v-583586dd]{color:#4caf50}.empty-output[data-v-583586dd]{padding:60px 20px;text-align:center;color:#999}.empty-icon[data-v-583586dd]{margin-bottom:20px;opacity:.5}.empty-output h3[data-v-583586dd]{font-size:1.2rem;color:#ccc;margin-bottom:12px}.empty-output p[data-v-583586dd]{max-width:300px;margin:0 auto;line-height:1.6}@media(max-width:1024px){.content-grid[data-v-583586dd]{grid-template-columns:1fr}.left-column[data-v-583586dd]{position:static}.stats-grid[data-v-583586dd]{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.header-content h1[data-v-583586dd]{font-size:1.7rem}.control-card[data-v-583586dd]{padding:15px}.stats-grid[data-v-583586dd]{grid-template-columns:repeat(2,1fr)}.language-buttons[data-v-583586dd],.action-buttons[data-v-583586dd],.action-buttons-row[data-v-583586dd]{flex-direction:column}.editor-toolbar[data-v-583586dd],.output-toolbar[data-v-583586dd]{flex-direction:column;gap:12px;align-items:stretch}.editor-info[data-v-583586dd],.output-info[data-v-583586dd]{justify-content:space-between}.char-count[data-v-583586dd],.output-stats[data-v-583586dd]{flex-direction:column;gap:8px}}.educational-section[data-v-bf7011a9]{margin:40px 0;padding:0 10px}.content-block[data-v-bf7011a9]{background:#fff;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 8px 25px #00000014;border:2px solid #f0f4ff}.content-block h3[data-v-bf7011a9]{font-size:1.5rem;color:#2c3e50;margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid #ee6c4d;display:flex;align-items:center;gap:12px;font-weight:600}.section-icon[data-v-bf7011a9]{font-size:1.8rem}.benefits-grid[data-v-bf7011a9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:20px}.benefit-card[data-v-bf7011a9]{background:#f8fafc;border-radius:12px;padding:25px;text-align:center;transition:all .3s ease;border:2px solid #e2e8f0}.benefit-card[data-v-bf7011a9]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #ee6c4d26;border-color:#ee6c4d}.benefit-icon[data-v-bf7011a9]{font-size:2.5rem;margin-bottom:20px;display:block}.benefit-card h4[data-v-bf7011a9]{font-size:1.2rem;color:#2c3e50;margin-bottom:15px;font-weight:600}.benefit-card p[data-v-bf7011a9]{font-size:.95rem;color:#666;line-height:1.6;margin:0}.practices-grid[data-v-bf7011a9]{display:flex;flex-direction:column;gap:25px;margin-top:20px}.practice-item[data-v-bf7011a9]{display:flex;gap:20px;padding:25px;background:#f8f9fa;border-radius:12px;border-left:4px solid #ee6c4d;transition:transform .3s ease}.practice-item[data-v-bf7011a9]:hover{transform:translate(5px)}.practice-number[data-v-bf7011a9]{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;background:#ee6c4d;color:#fff;border-radius:50%;font-weight:700;font-size:1.2rem;flex-shrink:0}.practice-content[data-v-bf7011a9]{flex:1}.practice-content h4[data-v-bf7011a9]{font-size:1.2rem;color:#2c3e50;margin-bottom:15px;font-weight:600}.practice-content p[data-v-bf7011a9]{font-size:.95rem;color:#666;line-height:1.6;margin-bottom:10px}.practice-content p strong[data-v-bf7011a9]{color:#2c3e50;font-weight:600}.practice-content p em[data-v-bf7011a9]{color:#718096;font-style:italic}.technical-content[data-v-bf7011a9]{display:flex;flex-direction:column;gap:30px;margin-top:20px}.tech-section h4[data-v-bf7011a9]{font-size:1.2rem;color:#2c3e50;margin-bottom:15px;font-weight:600}.tech-section p[data-v-bf7011a9]{font-size:.95rem;color:#666;line-height:1.6;margin-bottom:15px}.tech-list[data-v-bf7011a9]{margin:15px 0;padding-left:20px}.tech-list li[data-v-bf7011a9]{font-size:.95rem;color:#666;line-height:1.6;margin-bottom:8px;position:relative;padding-left:5px}.tech-list li strong[data-v-bf7011a9]{color:#2c3e50;font-weight:600}.format-comparison[data-v-bf7011a9]{margin:20px 0;overflow-x:auto}.comparison-table[data-v-bf7011a9]{width:100%;border-collapse:collapse;border:2px solid #e2e8f0;border-radius:10px;overflow:hidden}.comparison-table thead[data-v-bf7011a9]{background:#f8f9fa}.comparison-table th[data-v-bf7011a9]{padding:15px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #e2e8f0;font-size:.95rem}.comparison-table td[data-v-bf7011a9]{padding:15px;border-bottom:1px solid #e2e8f0;font-size:.9rem;color:#666}.comparison-table tbody tr:last-child td[data-v-bf7011a9]{border-bottom:none}.comparison-table tbody tr[data-v-bf7011a9]:hover{background:#f8fafc}.comparison-table td strong[data-v-bf7011a9]{color:#2c3e50;font-weight:600}.usecase-grid[data-v-bf7011a9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:20px}.usecase-card[data-v-bf7011a9]{background:#f8fafc;border-radius:12px;padding:25px;border:2px solid #e2e8f0;transition:all .3s ease}.usecase-card[data-v-bf7011a9]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a;border-color:#ee6c4d}.usecase-header[data-v-bf7011a9]{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.usecase-icon[data-v-bf7011a9]{font-size:2rem;color:#ee6c4d}.usecase-header h4[data-v-bf7011a9]{font-size:1.2rem;color:#2c3e50;margin:0;font-weight:600}.usecase-content p[data-v-bf7011a9]{font-size:.95rem;color:#666;line-height:1.6;margin-bottom:15px}.usecase-content ul[data-v-bf7011a9]{margin:15px 0;padding-left:20px}.usecase-content li[data-v-bf7011a9]{font-size:.9rem;color:#666;line-height:1.6;margin-bottom:8px}.usecase-tip[data-v-bf7011a9]{background:#fff5f5;padding:12px;border-radius:8px;border-left:3px solid #ee6c4d;font-size:.9rem;color:#2c3e50;margin-top:20px}.usecase-tip strong[data-v-bf7011a9]{color:#d64545;font-weight:600}.faq-list[data-v-bf7011a9]{margin-top:20px}.faq-item[data-v-bf7011a9]{margin-bottom:15px;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s ease}.faq-item[data-v-bf7011a9]:hover{border-color:#cbd5e0}.faq-item[open][data-v-bf7011a9]{border-color:#ee6c4d}.faq-item summary[data-v-bf7011a9]{padding:20px;font-weight:600;color:#2c3e50;cursor:pointer;list-style:none;position:relative;background:#f8f9fa;transition:background-color .3s ease;font-size:1rem}.faq-item summary[data-v-bf7011a9]:hover{background:#f1f5f9}.faq-item summary[data-v-bf7011a9]::-webkit-details-marker{display:none}.faq-item summary[data-v-bf7011a9]:after{content:"▶";position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:transform .3s ease;color:#ee6c4d}.faq-item[open] summary[data-v-bf7011a9]:after{transform:translateY(-50%) rotate(90deg)}.faq-item[open] summary[data-v-bf7011a9]{background:#fff5f5;border-bottom:2px solid #fed7d7}.faq-item p[data-v-bf7011a9]{padding:20px;margin:0;font-size:.95rem;color:#666;line-height:1.6;background:#fff}.tips-content[data-v-bf7011a9]{display:flex;flex-direction:column;gap:20px;margin-top:20px}.tip-row[data-v-bf7011a9]{display:flex;gap:20px;padding:20px;background:#f8f9fa;border-radius:12px;border-left:4px solid #ee6c4d;align-items:flex-start}.tip-icon[data-v-bf7011a9]{font-size:1.8rem;color:#ee6c4d;flex-shrink:0}.tip-text h4[data-v-bf7011a9]{font-size:1.1rem;color:#2c3e50;margin-bottom:10px;font-weight:600}.tip-text p[data-v-bf7011a9]{font-size:.95rem;color:#666;line-height:1.6;margin:0}@media(max-width:1024px){.benefits-grid[data-v-bf7011a9],.usecase-grid[data-v-bf7011a9]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.content-block[data-v-bf7011a9]{padding:20px}.content-block h3[data-v-bf7011a9]{font-size:1.3rem}.benefits-grid[data-v-bf7011a9],.usecase-grid[data-v-bf7011a9]{grid-template-columns:1fr}.practice-item[data-v-bf7011a9],.tip-row[data-v-bf7011a9]{flex-direction:column;gap:15px}.comparison-table[data-v-bf7011a9]{font-size:.85rem}.comparison-table th[data-v-bf7011a9],.comparison-table td[data-v-bf7011a9]{padding:10px}}@media(max-width:480px){.educational-section[data-v-bf7011a9]{padding:0 5px}.content-block[data-v-bf7011a9]{padding:15px}.content-block h3[data-v-bf7011a9]{font-size:1.2rem}.benefit-card[data-v-bf7011a9],.practice-item[data-v-bf7011a9],.usecase-card[data-v-bf7011a9],.tip-row[data-v-bf7011a9]{padding:15px}.benefit-icon[data-v-bf7011a9],.usecase-icon[data-v-bf7011a9],.tip-icon[data-v-bf7011a9]{font-size:1.5rem}.faq-item summary[data-v-bf7011a9]{padding:15px;font-size:.95rem}.faq-item p[data-v-bf7011a9]{padding:15px;font-size:.9rem}}.image-compressor-page[data-v-bf7011a9]{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px}.header-section[data-v-bf7011a9]{text-align:center;margin-bottom:40px}.header-content[data-v-bf7011a9]{max-width:800px;margin:0 auto}.header-content h1[data-v-bf7011a9]{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-bf7011a9]{font-size:1.4rem;color:#ee6c4d}.subtitle[data-v-bf7011a9]{font-size:1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.main-content[data-v-bf7011a9]{max-width:1400px;margin:0 auto}.content-grid[data-v-bf7011a9]{display:grid;grid-template-columns:450px 1fr;gap:30px;align-items:start}.left-column[data-v-bf7011a9]{position:sticky;top:20px;display:flex;flex-direction:column;gap:24px}.upload-card[data-v-bf7011a9],.stats-card[data-v-bf7011a9]{background:#fff;border-radius:16px;padding:18px;box-shadow:0 10px 30px #0000001a}.card-header[data-v-bf7011a9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:2px solid #f0f4ff}.card-header h2[data-v-bf7011a9]{font-size:1.2rem;color:#2c3e50;margin:0}.file-info[data-v-bf7011a9]{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#666}.file-count[data-v-bf7011a9]{background:#f0f4ff;color:#ee6c4d;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600;border:1px solid #ee6c4d}.total-size[data-v-bf7011a9]{font-weight:600;color:#2c3e50}.drop-zone[data-v-bf7011a9]{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-bf7011a9]:hover:not(.has-files){border-color:#ee6c4d;background:#fff5f5}.drop-zone.has-files[data-v-bf7011a9]{padding:0;border-style:solid;border-color:#e2e8f0}.drop-zone.dragover[data-v-bf7011a9]{border-color:#ee6c4d;background:#fff5f5;transform:scale(1.02)}.upload-icon[data-v-bf7011a9]{margin-bottom:20px}.drop-text[data-v-bf7011a9]{font-size:1rem;color:#2c3e50}.drop-subtext[data-v-bf7011a9]{font-size:1rem;color:#718096;margin-bottom:24px}.upload-btn[data-v-bf7011a9]{display:inline-block;position:relative;background:#ee6c4d;color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease;overflow:hidden}.file-input[data-v-bf7011a9]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-requirements[data-v-bf7011a9]{margin-top:10px;font-size:.9rem;color:#a0aec0;display:flex;flex-direction:column;gap:4px}.files-list[data-v-bf7011a9]{padding:10px}.files-header[data-v-bf7011a9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.files-header h3[data-v-bf7011a9]{font-size:1.1rem;color:#2c3e50;margin:0}.clear-all-btn[data-v-bf7011a9]{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-bf7011a9]:hover:not(:disabled){border-color:#cbd5e0;background:#edf2f7}.clear-all-btn[data-v-bf7011a9]:disabled{opacity:.5;cursor:not-allowed}.files-scroll[data-v-bf7011a9]{max-height:400px;overflow-y:auto;padding-right:10px}.file-item[data-v-bf7011a9]{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-bf7011a9]:hover{border-color:#cbd5e0;background:#f8f9fa}.file-item.active[data-v-bf7011a9]{border-color:#ee6c4d;background:#fff5f5}.file-preview[data-v-bf7011a9]{width:60px;height:60px;flex-shrink:0}.file-thumbnail[data-v-bf7011a9]{width:100%;height:100%;object-fit:cover;border-radius:6px}.file-details[data-v-bf7011a9]{flex:1;min-width:0}.file-name[data-v-bf7011a9]{font-size:.9rem;font-weight:500;color:#2c3e50;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info-row[data-v-bf7011a9]{display:flex;gap:10px;font-size:.8rem;color:#718096;margin-bottom:4px}.compression-info[data-v-bf7011a9]{display:flex;gap:10px;font-size:.8rem}.reduction[data-v-bf7011a9]{font-weight:600}.compressed-size[data-v-bf7011a9]{color:#28a745;font-weight:500}.remove-file-btn[data-v-bf7011a9]{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-bf7011a9]:hover:not(:disabled){color:#e53e3e}.remove-file-btn[data-v-bf7011a9]:disabled{opacity:.5;cursor:not-allowed}.upload-progress[data-v-bf7011a9]{margin-top:16px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.progress-bar[data-v-bf7011a9]{height:6px;background:#e9ecef;border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-bf7011a9]{height:100%;background:linear-gradient(90deg,#ee6c4d,#d64545);border-radius:3px;transition:width .3s ease}.progress-text[data-v-bf7011a9]{font-size:.9rem;color:#666;text-align:center}.upload-error[data-v-bf7011a9]{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-bf7011a9]{font-size:1.2rem}.error-message[data-v-bf7011a9]{flex:1;font-size:.9rem}.error-close[data-v-bf7011a9]{background:none;border:none;color:#e53e3e;font-size:1.5rem;cursor:pointer;padding:0 4px;line-height:1}.settings-section[data-v-bf7011a9]{margin-top:24px}.settings-section h3[data-v-bf7011a9]{font-size:1.1rem;color:#2c3e50;margin-bottom:5px}.quality-section[data-v-bf7011a9]{margin-bottom:24px}.quality-header[data-v-bf7011a9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.quality-header h4[data-v-bf7011a9]{font-size:1rem;color:#4a5568;margin:0}.quality-presets[data-v-bf7011a9]{display:flex;gap:8px}.preset-btn[data-v-bf7011a9]{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-bf7011a9]:hover:not(.active):not(:disabled){border-color:#cbd5e0;background:#edf2f7}.preset-btn.active[data-v-bf7011a9]{background:#ee6c4d;border-color:#ee6c4d;color:#fff}.preset-btn[data-v-bf7011a9]:disabled{opacity:.5;cursor:not-allowed}.quality-slider[data-v-bf7011a9]{width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;-webkit-appearance:none;margin-bottom:8px}.quality-slider[data-v-bf7011a9]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#ee6c4d;cursor:pointer}.quality-labels[data-v-bf7011a9]{display:flex;justify-content:space-between;font-size:.8rem;color:#718096}.format-section[data-v-bf7011a9]{margin-bottom:24px}.format-section h4[data-v-bf7011a9]{font-size:1rem;color:#4a5568;margin-bottom:12px}.format-options[data-v-bf7011a9]{display:flex;flex-direction:column;gap:10px}.format-option[data-v-bf7011a9]{display:flex;align-items:center;gap:10px}.format-option input[type=radio][data-v-bf7011a9]{width:18px;height:18px}.format-option label[data-v-bf7011a9]{font-size:.9rem;color:#4a5568;cursor:pointer}.advanced-section[data-v-bf7011a9]{margin-bottom:24px}.advanced-header[data-v-bf7011a9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.advanced-header h4[data-v-bf7011a9]{font-size:1rem;color:#4a5568;margin:0}.toggle-btn[data-v-bf7011a9]{background:none;border:none;font-size:1.2rem;color:#718096;cursor:pointer;padding:4px}.toggle-btn[data-v-bf7011a9]:disabled{opacity:.5;cursor:not-allowed}.advanced-options[data-v-bf7011a9]{background:#f8f9fa;border-radius:10px;padding:16px;border:2px solid #e2e8f0}.option-row[data-v-bf7011a9]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.option-row[data-v-bf7011a9]:last-child{margin-bottom:0}.option-label[data-v-bf7011a9]{font-size:.9rem;color:#4a5568;min-width:80px}.option-controls[data-v-bf7011a9]{display:flex;align-items:center;gap:8px;flex:1}.size-input[data-v-bf7011a9]{flex:1;padding:8px;border:2px solid #e2e8f0;border-radius:6px;font-size:.9rem}.size-input[data-v-bf7011a9]:focus{outline:none;border-color:#ee6c4d}.separator[data-v-bf7011a9]{color:#718096;font-weight:500}.size-reset-btn[data-v-bf7011a9]{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-bf7011a9]:hover:not(:disabled){border-color:#cbd5e0;background:#edf2f7}.size-reset-btn[data-v-bf7011a9]:disabled{opacity:.5;cursor:not-allowed}.option-checkboxes[data-v-bf7011a9]{display:flex;flex-direction:column;gap:8px}.checkbox-label[data-v-bf7011a9]{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#4a5568;cursor:pointer}.checkbox-label input[type=checkbox][data-v-bf7011a9]{width:16px;height:16px}.action-buttons[data-v-bf7011a9]{display:flex;gap:12px;margin-top:24px}.compress-btn[data-v-bf7011a9]{background:linear-gradient(135deg,#ee6c4d,#d64545);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-bf7011a9]:disabled{opacity:.5;cursor:not-allowed;transform:none}.reset-btn[data-v-bf7011a9]{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-bf7011a9]:hover:not(:disabled){border-color:#cbd5e0;background:#edf2f7}.reset-btn[data-v-bf7011a9]:disabled{opacity:.5;cursor:not-allowed}.stats-grid[data-v-bf7011a9]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-item[data-v-bf7011a9]{background:#f7fafc;border-radius:10px;padding:16px;display:flex;align-items:center;gap:12px;transition:transform .2s ease}.stat-item[data-v-bf7011a9]:hover{transform:translateY(-2px)}.stat-item.highlight[data-v-bf7011a9]{background:linear-gradient(135deg,#fff5f5,#ffeaea);border:2px solid #fed7d7}.stat-icon[data-v-bf7011a9]{font-size:1.5rem}.stat-content[data-v-bf7011a9]{flex:1}.stat-label[data-v-bf7011a9]{font-size:.8rem;color:#718096;margin-bottom:4px}.stat-value[data-v-bf7011a9]{font-size:1.1rem;font-weight:600;color:#2c3e50}.right-column[data-v-bf7011a9]{display:flex;flex-direction:column;gap:24px}.preview-card[data-v-bf7011a9],.results-card[data-v-bf7011a9],.tips-card[data-v-bf7011a9]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000001a;padding:20px}.preview-controls[data-v-bf7011a9]{display:flex;align-items:center;gap:20px}.preview-nav[data-v-bf7011a9]{display:flex;align-items:center;gap:12px;background:#f8f9fa;padding:8px 16px;border-radius:20px}.nav-btn[data-v-bf7011a9]{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-bf7011a9]:hover:not(:disabled){background:#e9ecef}.nav-btn[data-v-bf7011a9]:disabled{opacity:.5;cursor:not-allowed}.preview-index[data-v-bf7011a9]{font-weight:600;color:#2c3e50;min-width:60px;text-align:center}.preview-content[data-v-bf7011a9]{padding:18px}.empty-preview[data-v-bf7011a9]{text-align:center;padding:30px 10px;color:#999}.empty-icon[data-v-bf7011a9]{margin-bottom:24px;opacity:.5}.empty-preview h3[data-v-bf7011a9]{font-size:1.2rem;color:#ccc;margin-bottom:12px}.empty-preview p[data-v-bf7011a9]{max-width:400px;margin:0 auto;line-height:1.6}.comparison-view[data-v-bf7011a9]{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:start}.image-side[data-v-bf7011a9]{display:flex;flex-direction:column;gap:16px}.image-header[data-v-bf7011a9]{display:flex;justify-content:space-between;align-items:center}.image-header h3[data-v-bf7011a9]{font-size:1.1rem;color:#2c3e50;margin:0}.image-size[data-v-bf7011a9]{font-size:.9rem;color:#666;font-weight:500;display:flex;align-items:center;gap:8px}.reduction-badge[data-v-bf7011a9]{background:#28a745;color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.image-wrapper[data-v-bf7011a9]{position:relative;border-radius:12px;overflow:hidden;background:#f8f9fa;min-height:300px;display:flex;align-items:center;justify-content:center}.preview-image[data-v-bf7011a9]{max-width:100%;max-height:300px;object-fit:contain;display:block}.image-overlay[data-v-bf7011a9]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:12px}.image-info[data-v-bf7011a9]{color:#fff;display:flex;justify-content:space-between;font-size:.8rem}.comparison-divider[data-v-bf7011a9]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 0}.divider-line[data-v-bf7011a9]{width:2px;height:100px;background:#e2e8f0}.divider-arrow[data-v-bf7011a9]{font-size:1.5rem;color:#ee6c4d;transform:rotate(90deg)}.divider-text[data-v-bf7011a9]{background:#ee6c4d;color:#fff;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600}.quality-comparison[data-v-bf7011a9]{margin-top:24px;padding:20px;background:#f8f9fa;border-radius:12px;border:2px solid #e2e8f0}.quality-meter[data-v-bf7011a9]{display:flex;flex-direction:column;gap:12px}.meter-labels[data-v-bf7011a9]{display:flex;justify-content:space-between;font-size:.9rem;color:#4a5568;font-weight:500}.meter-bar[data-v-bf7011a9]{height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden}.meter-fill[data-v-bf7011a9]{height:100%;background:linear-gradient(90deg,#ee6c4d,#d64545);border-radius:5px;transition:width .3s ease}.results-summary[data-v-bf7011a9]{display:flex;align-items:center;gap:12px}.summary-text[data-v-bf7011a9]{font-size:.9rem;color:#666;font-weight:500}.summary-savings[data-v-bf7011a9]{background:#d4edda;color:#155724;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600}.results-content[data-v-bf7011a9]{padding:18px}.download-section[data-v-bf7011a9]{margin-bottom:32px}.download-section h3[data-v-bf7011a9]{font-size:1.1rem;color:#2c3e50;margin-bottom:8px}.download-options[data-v-bf7011a9]{display:flex;flex-direction:column;gap:12px}.download-option[data-v-bf7011a9]{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-bf7011a9]:hover:not(:disabled){border-color:#cbd5e0;background:#edf2f7;transform:translateY(-2px)}.download-option[data-v-bf7011a9]:disabled{opacity:.5;cursor:not-allowed}.option-icon[data-v-bf7011a9]{font-size:1.5rem}.option-text[data-v-bf7011a9]{flex:1;font-size:1rem;font-weight:500;color:#2c3e50}.option-size[data-v-bf7011a9]{font-size:.9rem;color:#666;font-weight:500}.results-table h3[data-v-bf7011a9]{font-size:1.1rem;color:#2c3e50;margin-bottom:16px}.table-container[data-v-bf7011a9]{border:2px solid #e2e8f0;border-radius:10px;overflow:hidden}.table-header[data-v-bf7011a9]{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-bf7011a9]{max-height:400px;overflow-y:auto}.table-row[data-v-bf7011a9]{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-bf7011a9]:hover{background:#f8f9fa}.table-row.active[data-v-bf7011a9]{background:#fff5f5}.table-row[data-v-bf7011a9]:last-child{border-bottom:none}.table-col[data-v-bf7011a9]{padding:0 8px}.file-name-cell[data-v-bf7011a9]{display:flex;align-items:center;gap:12px}.file-icon[data-v-bf7011a9]{width:32px;height:32px;object-fit:cover;border-radius:4px;flex-shrink:0}.file-name[data-v-bf7011a9]{font-size:.9rem;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.size-value[data-v-bf7011a9]{font-size:.9rem;color:#4a5568}.size-value.compressed[data-v-bf7011a9]{color:#28a745;font-weight:500}.reduction-value[data-v-bf7011a9]{font-size:.9rem;font-weight:600}.action[data-v-bf7011a9]{display:flex;gap:8px}.action-btn[data-v-bf7011a9]{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-bf7011a9]:hover:not(:disabled){background:#ee6c4d;color:#fff}.action-btn.remove[data-v-bf7011a9]{color:#718096;border-color:#e2e8f0}.action-btn[data-v-bf7011a9]:disabled{opacity:.5;cursor:not-allowed}.tips-grid[data-v-bf7011a9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:24px}.tip[data-v-bf7011a9]{display:flex;gap:16px}.tip-icon[data-v-bf7011a9]{font-size:1.8rem;color:#ee6c4d}.tip-content h4[data-v-bf7011a9]{font-size:1rem;color:#2c3e50;margin-bottom:8px}.tip-content p[data-v-bf7011a9]{font-size:.9rem;color:#666;line-height:1.5;margin:0}.spinner[data-v-bf7011a9]{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-bf7011a9 1s ease-in-out infinite}@keyframes spin-bf7011a9{to{transform:rotate(360deg)}}@media(max-width:1200px){.content-grid[data-v-bf7011a9]{grid-template-columns:1fr}.left-column[data-v-bf7011a9]{position:static}.comparison-view[data-v-bf7011a9]{grid-template-columns:1fr;gap:32px}.comparison-divider[data-v-bf7011a9]{flex-direction:row;padding:0 20px}.divider-line[data-v-bf7011a9]{width:100px;height:2px}.divider-arrow[data-v-bf7011a9]{transform:rotate(0)}}@media(max-width:768px){.header-content h1[data-v-bf7011a9]{font-size:2rem}.table-header[data-v-bf7011a9],.table-row[data-v-bf7011a9]{grid-template-columns:repeat(2,1fr);gap:8px}.table-header .table-col[data-v-bf7011a9]:nth-child(3),.table-header .table-col[data-v-bf7011a9]:nth-child(4),.table-row .table-col[data-v-bf7011a9]:nth-child(3),.table-row .table-col[data-v-bf7011a9]:nth-child(4){display:none}.quality-presets[data-v-bf7011a9]{flex-direction:column;gap:6px}.option-controls[data-v-bf7011a9]{flex-wrap:wrap}.size-reset-btn[data-v-bf7011a9]{width:100%}.format-options[data-v-bf7011a9]{flex-direction:column}}.card--section[data-v-bf258fb5]{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.card[data-v-bf258fb5]{border:1px solid #ccc;border-radius:8px;padding:20px;width:300px;text-align:center;box-shadow:2px 2px 12px #0000001a;background-color:#fff;cursor:pointer;transition:all .3s ease}.card[data-v-bf258fb5]:hover{box-shadow:4px 8px 20px #00000040}.card[data-v-bf258fb5]:active{transform:scale(.97)}.popup--section[data-v-bf258fb5]{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center}.popup-overlay[data-v-bf258fb5]{position:absolute;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.popup-box[data-v-bf258fb5]{top:0;position:relative;z-index:10;width:900px;max-width:90%;background:#fff;padding:10px;border-radius:14px;box-shadow:0 20px 40px #0000004d;animation:popupScale-bf258fb5 .3s ease}.popup-close[data-v-bf258fb5]{position:absolute;top:12px;right:14px;background:none;border:none;font-size:26px;cursor:pointer;color:#555}.popup-close[data-v-bf258fb5]:hover{color:#000}@keyframes popupScale-bf258fb5{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.popup-box[data-v-bf258fb5]{top:0}.card--section[data-v-bf258fb5]{width:100%;flex-wrap:wrap}.all__page[data-v-bf258fb5]{justify-content:center;display:flex}}@media(max-width:540px){.card[data-v-bf258fb5]{width:auto}}.card--section[data-v-0e0ad33b]{display:flex;gap:20px;justify-content:center}.card[data-v-0e0ad33b]{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-0e0ad33b]: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-0e0ad33b]:active{transform:scale(.97)}.popup--section[data-v-0e0ad33b]{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center}.popup-overlay[data-v-0e0ad33b]{position:absolute;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.popup-box[data-v-0e0ad33b]{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-0e0ad33b .3s ease}.popup-close[data-v-0e0ad33b]{position:absolute;top:12px;right:14px;background:none;border:none;font-size:26px;cursor:pointer;color:#555}.popup-close[data-v-0e0ad33b]:hover{color:#000}@keyframes popupScale-0e0ad33b{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.card--section[data-v-0e0ad33b]{width:100%;flex-wrap:wrap}.all__page[data-v-0e0ad33b]{justify-content:center;display:flex}}@media(max-width:540px){.card[data-v-0e0ad33b]{width:auto}}.home[data-v-73085ade]{max-width:1200px;margin:0 auto;padding:0 20px}.home-title[data-v-73085ade]{text-align:center;margin-top:50px;padding:0 20px}.home-title__title[data-v-73085ade]{font-weight:400;font-size:42px;line-height:52px;color:#33333b;text-align:center;margin-left:auto;margin-right:auto;margin-bottom:4px}.home-title__subtitle[data-v-73085ade]{line-height:32px;font-size:22px;font-weight:400;color:#47474f;max-width:980px;margin:auto}.button-container[data-v-73085ade]{text-align:center;margin-top:30px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:0 20px}.button-container button[data-v-73085ade]{border-radius:50px;padding:10px 20px;border:2px solid #ccc;background-color:transparent;font-weight:500;transition:all .3s ease;cursor:pointer}.button-container button[data-v-73085ade]:hover{background-color:#ffbb7b;border-color:#ffbb7b}.button-container-area[data-v-73085ade]{margin-top:30px;margin-inline:10px}.content-section[data-v-73085ade]{margin-top:30px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:40px 15px;border-radius:20px}.content-wrapper[data-v-73085ade]{max-width:1200px;margin:0 auto}.content-block[data-v-73085ade]{margin-bottom:30px}.content-block h2[data-v-73085ade]{font-size:32px;color:#33333b;margin-bottom:20px;text-align:center;position:relative;padding-bottom:10px;font-weight:400}.content-block h2[data-v-73085ade]:after{content:"";position:absolute;bottom:0;left:50%;width:60px;height:3px;background:#ffbb7b}.articles-grid[data-v-73085ade]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:30px}.article-card[data-v-73085ade]{background:#fff;padding:30px;border-radius:15px;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.article-card[data-v-73085ade]:hover{box-shadow:0 10px 25px #0000001a}.article-card h3[data-v-73085ade]{font-size:20px;color:#33333b;margin-bottom:15px;line-height:1.4;font-weight:400}.article-card p[data-v-73085ade]{color:#666;line-height:1.6;margin-bottom:20px}.read-more[data-v-73085ade]{color:#ff7b00;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:5px;transition:gap .3s ease}.read-more[data-v-73085ade]:hover{gap:10px}.faq-grid[data-v-73085ade]{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:25px;margin-top:30px}.faq-item[data-v-73085ade]{background:#fff;padding:25px;border-radius:15px;box-shadow:0 3px 10px #0000000d}.faq-item h3[data-v-73085ade]{font-size:18px;color:#33333b;margin-bottom:12px;font-weight:400}.faq-item p[data-v-73085ade]{color:#666;line-height:1.6}.tips-grid[data-v-73085ade]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:30px}.tip-card[data-v-73085ade]{background:#fff;padding:25px;border-radius:15px;text-align:center;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease}.tip-icon[data-v-73085ade]{font-size:40px;margin-bottom:15px}.tip-card h3[data-v-73085ade]{font-size:18px;color:#33333b;margin-bottom:10px;font-weight:400}.tip-card p[data-v-73085ade]{color:#666;line-height:1.5;font-size:14px}.about-section[data-v-73085ade]{background:#fff;padding:30px;border-radius:15px;box-shadow:0 5px 15px #0000000d}.about-section p[data-v-73085ade]{color:#666;line-height:1.8;margin-bottom:20px;font-size:16px}.cta-section[data-v-73085ade]{text-align:center;padding:20px;color:#000;border-radius:20px}.cta-section h2[data-v-73085ade]{font-size:32px;margin-bottom:20px;font-weight:500}.cta-section p[data-v-73085ade]{font-size:18px;max-width:600px;margin:0 auto 30px;line-height:1.6;opacity:.9}.cta-button[data-v-73085ade]{background:#000;color:#fff;border:none;padding:10px 20px;font-size:18px;border-radius:50px;cursor:pointer;transition:all .3s ease;text-decoration:none}@media(max-width:1024px){.home-title__title[data-v-73085ade]{font-size:32px;line-height:40px;margin-bottom:20px}.home-title__subtitle[data-v-73085ade]{font-size:18px;line-height:28px}.content-block h2[data-v-73085ade]{font-size:28px}.cta-section h2[data-v-73085ade]{font-size:30px}}@media(max-width:768px){.home-title__title[data-v-73085ade]{font-size:28px;line-height:36px}.home-title__subtitle[data-v-73085ade]{font-size:16px;line-height:24px}.button-container[data-v-73085ade]{gap:8px}.button-container button[data-v-73085ade]{padding:8px 16px;font-size:14px}.content-section[data-v-73085ade]{padding:40px 15px}.articles-grid[data-v-73085ade],.faq-grid[data-v-73085ade],.tips-grid[data-v-73085ade]{grid-template-columns:1fr}.article-card[data-v-73085ade],.faq-item[data-v-73085ade],.tip-card[data-v-73085ade]{padding:20px}.about-section[data-v-73085ade]{padding:25px}.cta-section[data-v-73085ade]{padding:40px 15px}.cta-section h2[data-v-73085ade]{font-size:26px}.cta-section p[data-v-73085ade]{font-size:16px}}@media(max-width:480px){.home[data-v-73085ade]{padding:0 15px}.home-title[data-v-73085ade]{margin-top:30px}.button-container[data-v-73085ade]{justify-content:flex-start;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch}.button-container button[data-v-73085ade]{white-space:nowrap}}.educational-section[data-v-bef8cfa2]{margin-top:40px;display:flex;flex-direction:column;gap:32px}.content-block[data-v-bef8cfa2]{background:#fff;border-radius:16px;padding:28px;box-shadow:0 4px 20px #0000000d;border:1px solid #e2e8f0}[data-theme=dark] .content-block[data-v-bef8cfa2]{background:#1e293b;border-color:#334155}.content-block h3[data-v-bef8cfa2]{font-size:1.3rem;font-weight:600;color:#1e293b;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid #667eea;display:flex;align-items:center;gap:10px}[data-theme=dark] .content-block h3[data-v-bef8cfa2]{color:#f1f5f9;border-bottom-color:#764ba2}.use-cases-grid[data-v-bef8cfa2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.use-case-card[data-v-bef8cfa2]{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-bef8cfa2]{background:#0f172a;border-color:#334155}.use-case-card[data-v-bef8cfa2]:hover{box-shadow:0 8px 25px #667eea26;border-color:#c7d2fe}[data-theme=dark] .use-case-card[data-v-bef8cfa2]:hover{border-color:#4f46e5;box-shadow:0 8px 25px #4f46e54d}.use-case-icon[data-v-bef8cfa2]{font-size:36px;margin-bottom:16px;display:block}.use-case-card h4[data-v-bef8cfa2]{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 12px}[data-theme=dark] .use-case-card h4[data-v-bef8cfa2]{color:#f1f5f9}.use-case-card p[data-v-bef8cfa2]{font-size:.875rem;color:#64748b;line-height:1.5;margin:0}[data-theme=dark] .use-case-card p[data-v-bef8cfa2]{color:#94a3b8}.explanation-grid[data-v-bef8cfa2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.explanation-item[data-v-bef8cfa2]{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}[data-theme=dark] .explanation-item[data-v-bef8cfa2]{background:#0f172a;border-color:#334155}.explanation-header[data-v-bef8cfa2]{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-bef8cfa2]{border-bottom-color:#334155}.added-demo[data-v-bef8cfa2]{color:#10b981;font-weight:600;font-size:.9rem}.removed-demo[data-v-bef8cfa2]{color:#ef4444;font-weight:600;font-size:.9rem}.first-change-demo[data-v-bef8cfa2]{color:#f59e0b;font-weight:600;font-size:.9rem}.unchanged-demo[data-v-bef8cfa2]{color:#64748b;font-weight:600;font-size:.9rem}[data-theme=dark] .unchanged-demo[data-v-bef8cfa2]{color:#94a3b8}.explanation-indicator[data-v-bef8cfa2]{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-bef8cfa2]{background:#10b9811a;color:#10b981;border:2px solid #10b981}.explanation-indicator.removed[data-v-bef8cfa2]{background:#ef44441a;color:#ef4444;border:2px solid #ef4444}.explanation-indicator.first-change[data-v-bef8cfa2]{background:#f59e0b1a;color:#f59e0b;border:2px solid #f59e0b}.explanation-indicator.unchanged[data-v-bef8cfa2]{background:#64748b1a;color:#64748b;border:2px solid #64748b}[data-theme=dark] .explanation-indicator.unchanged[data-v-bef8cfa2]{color:#94a3b8;border-color:#94a3b8}.explanation-item p[data-v-bef8cfa2]{font-size:.875rem;color:#475569;line-height:1.6;margin:0}[data-theme=dark] .explanation-item p[data-v-bef8cfa2]{color:#cbd5e1}.explanation-item strong[data-v-bef8cfa2]{color:#1e293b}[data-theme=dark] .explanation-item strong[data-v-bef8cfa2]{color:#f1f5f9}.best-practices[data-v-bef8cfa2]{display:flex;flex-direction:column;gap:16px}.practice-item[data-v-bef8cfa2]{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-bef8cfa2]{background:#0f172a;border-color:#334155}.practice-number[data-v-bef8cfa2]{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;font-weight:700;font-size:.9rem;flex-shrink:0}.practice-content[data-v-bef8cfa2]{flex:1}.practice-content h4[data-v-bef8cfa2]{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 8px}[data-theme=dark] .practice-content h4[data-v-bef8cfa2]{color:#f1f5f9}.practice-content p[data-v-bef8cfa2]{font-size:.875rem;color:#64748b;line-height:1.6;margin:0}[data-theme=dark] .practice-content p[data-v-bef8cfa2]{color:#94a3b8}.languages-grid[data-v-bef8cfa2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.language-card[data-v-bef8cfa2]{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-bef8cfa2]{background:#0f172a;border-color:#334155}.language-icon[data-v-bef8cfa2]{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-bef8cfa2]{background:#334155;border-color:#475569}.language-info[data-v-bef8cfa2]{flex:1}.language-info h4[data-v-bef8cfa2]{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 8px}[data-theme=dark] .language-info h4[data-v-bef8cfa2]{color:#f1f5f9}.language-info p[data-v-bef8cfa2]{font-size:.875rem;color:#64748b;line-height:1.5;margin:0}[data-theme=dark] .language-info p[data-v-bef8cfa2]{color:#94a3b8}.language-note[data-v-bef8cfa2]{font-size:.875rem;color:#64748b;text-align:center;padding:16px;background:#f1f5f9;border-radius:8px;margin:0}[data-theme=dark] .language-note[data-v-bef8cfa2]{background:#334155;color:#94a3b8}.faq-list[data-v-bef8cfa2]{display:flex;flex-direction:column;gap:12px}.faq-item[data-v-bef8cfa2]{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}[data-theme=dark] .faq-item[data-v-bef8cfa2]{border-color:#334155}.faq-item summary[data-v-bef8cfa2]{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-bef8cfa2]{background:#0f172a;color:#f1f5f9}.faq-item summary[data-v-bef8cfa2]:hover{background:#f1f5f9}[data-theme=dark] .faq-item summary[data-v-bef8cfa2]:hover{background:#1e293b}.faq-item summary[data-v-bef8cfa2]::-webkit-details-marker{display:none}.faq-item summary[data-v-bef8cfa2]:after{content:"▶";position:absolute;right:24px;top:50%;transform:translateY(-50%);transition:transform .3s ease;color:#667eea}[data-theme=dark] .faq-item summary[data-v-bef8cfa2]:after{color:#764ba2}.faq-item[open] summary[data-v-bef8cfa2]:after{transform:translateY(-50%) rotate(90deg)}.faq-item[open] summary[data-v-bef8cfa2]{background:#f1f5f9}[data-theme=dark] .faq-item[open] summary[data-v-bef8cfa2]{background:#1e293b}.faq-item p[data-v-bef8cfa2]{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-bef8cfa2]{background:#1e293b;color:#cbd5e1;border-top-color:#334155}.tips-grid[data-v-bef8cfa2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.tip-card[data-v-bef8cfa2]{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}[data-theme=dark] .tip-card[data-v-bef8cfa2]{background:#0f172a;border-color:#334155}.tip-card[data-v-bef8cfa2]:hover{transform:translateY(-3px);border-color:#c7d2fe;box-shadow:0 5px 15px #667eea1a}[data-theme=dark] .tip-card[data-v-bef8cfa2]:hover{border-color:#4f46e5;box-shadow:0 5px 15px #4f46e533}.tip-card h4[data-v-bef8cfa2]{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 12px}[data-theme=dark] .tip-card h4[data-v-bef8cfa2]{color:#f1f5f9}.tip-card p[data-v-bef8cfa2]{font-size:.875rem;color:#64748b;line-height:1.5;margin:0}[data-theme=dark] .tip-card p[data-v-bef8cfa2]{color:#94a3b8}.tip-card code[data-v-bef8cfa2]{background:#e2e8f0;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.8rem;color:#475569}[data-theme=dark] .tip-card code[data-v-bef8cfa2]{background:#334155;color:#cbd5e1}@media(max-width:768px){.educational-section[data-v-bef8cfa2]{margin-top:30px;gap:24px}.content-block[data-v-bef8cfa2]{padding:20px}.content-block h3[data-v-bef8cfa2]{font-size:1.2rem;margin-bottom:20px}.use-cases-grid[data-v-bef8cfa2],.explanation-grid[data-v-bef8cfa2],.languages-grid[data-v-bef8cfa2],.tips-grid[data-v-bef8cfa2]{grid-template-columns:1fr}.practice-item[data-v-bef8cfa2],.language-card[data-v-bef8cfa2]{padding:16px}.faq-item summary[data-v-bef8cfa2]{padding:16px 20px;font-size:.9rem}.faq-item summary[data-v-bef8cfa2]:after{right:20px}.faq-item p[data-v-bef8cfa2]{padding:16px 20px}}@media(max-width:480px){.content-block[data-v-bef8cfa2]{padding:16px}.content-block h3[data-v-bef8cfa2]{font-size:1.1rem;margin-bottom:16px}.use-case-card[data-v-bef8cfa2],.explanation-item[data-v-bef8cfa2],.tip-card[data-v-bef8cfa2]{padding:10px}.practice-item[data-v-bef8cfa2],.language-card[data-v-bef8cfa2]{flex-direction:column;gap:12px}.language-icon[data-v-bef8cfa2]{width:40px;height:40px;font-size:20px}}.code-diff-page[data-v-bef8cfa2]{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);transition:background .3s ease}[data-theme=dark] .code-diff-page[data-v-bef8cfa2]{background:linear-gradient(135deg,#1e293b,#0f172a)}.page-header[data-v-bef8cfa2]{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-bef8cfa2]{background:#1e293b;border-bottom-color:#334155;box-shadow:0 2px 10px #0003}.header-content[data-v-bef8cfa2]{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.header-info[data-v-bef8cfa2]{flex:1;min-width:0}.page-title[data-v-bef8cfa2]{font-size:1.7rem;font-weight:300;color:#1e293b;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .page-title[data-v-bef8cfa2]{color:#f1f5f9;-webkit-text-fill-color:#f1f5f9}.page-subtitle[data-v-bef8cfa2]{font-size:1rem;color:#64748b;margin:0;line-height:1.5;text-align:center}[data-theme=dark] .page-subtitle[data-v-bef8cfa2]{color:#94a3b8}.header-actions[data-v-bef8cfa2]{display:flex;gap:12px}.action-button[data-v-bef8cfa2]{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-bef8cfa2]{background:#334155;color:#cbd5e1}.action-button[data-v-bef8cfa2]:hover{background:#e2e8f0;transform:translateY(-2px)}[data-theme=dark] .action-button[data-v-bef8cfa2]:hover{background:#475569}.action-button svg[data-v-bef8cfa2]{width:20px;height:20px}.page-content[data-v-bef8cfa2]{max-width:1200px;margin:0 auto;padding:32px 24px 60px}.error-message[data-v-bef8cfa2]{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-bef8cfa2]{background:#422626;border-color:#7f1d1d;color:#fca5a5}.error-message svg[data-v-bef8cfa2]{width:20px;height:20px;flex-shrink:0}.controls[data-v-bef8cfa2]{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap}.compare-button[data-v-bef8cfa2]{padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);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-bef8cfa2]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.compare-button[data-v-bef8cfa2]:disabled{opacity:.6;cursor:not-allowed}.clear-button[data-v-bef8cfa2]{padding:12px 32px;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-bef8cfa2]{background:#334155;border-color:#475569;color:#cbd5e1}.clear-button[data-v-bef8cfa2]:hover{background:#e2e8f0;transform:translateY(-2px)}[data-theme=dark] .clear-button[data-v-bef8cfa2]:hover{background:#475569}.loading-spinner[data-v-bef8cfa2]{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-bef8cfa2 .8s linear infinite}@keyframes spin-bef8cfa2{to{transform:rotate(360deg)}}.editors-section[data-v-bef8cfa2]{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}@media(max-width:768px){.editors-section[data-v-bef8cfa2]{grid-template-columns:1fr}.page-content[data-v-bef8cfa2]{padding-inline:10px}.code-input[data-v-bef8cfa2]{padding:10px 0 0 60px!important}}.editor-container[data-v-bef8cfa2]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000d}[data-theme=dark] .editor-container[data-v-bef8cfa2]{background:#1e293b}.editor-header[data-v-bef8cfa2]{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-bef8cfa2]{background:#0f172a;border-bottom-color:#334155}.editor-title[data-v-bef8cfa2]{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0}[data-theme=dark] .editor-title[data-v-bef8cfa2]{color:#f1f5f9}.diff-indicator[data-v-bef8cfa2]{display:flex;align-items:center;gap:12px;font-size:.875rem;color:#64748b}[data-theme=dark] .diff-indicator[data-v-bef8cfa2]{color:#94a3b8}.change-start[data-v-bef8cfa2]{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-bef8cfa2]{color:#fbbf24;background:#f59e0b33}.removed-marker[data-v-bef8cfa2]{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-bef8cfa2]{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-bef8cfa2]{position:relative;height:500px;overflow:auto;background:#fff}[data-theme=dark] .code-editor-wrapper[data-v-bef8cfa2]{background:#fff}.code-display[data-v-bef8cfa2]{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-bef8cfa2]{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-bef8cfa2]{background:#0f172a;border-right-color:#334155;color:#94a3b8}.line-number[data-v-bef8cfa2]{color:#64748b;height:24px;line-height:24px;padding-right:8px;text-align:right}[data-theme=dark] .line-number[data-v-bef8cfa2]{color:#94a3b8}.line-number.first-change[data-v-bef8cfa2]{color:#f59e0b;font-weight:700;background:#f59e0b1a;border-left:3px solid #f59e0b;padding-left:5px}.code-content[data-v-bef8cfa2]{flex:1;padding:10px 16px 10px 20px;overflow-x:auto}.code-line[data-v-bef8cfa2]{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-bef8cfa2]{background:#ef44440d;border-left-color:#ef4444;color:#ef4444!important}.code-line.removed .line-text[data-v-bef8cfa2]{color:#ef4444!important;font-weight:500}.code-line.added[data-v-bef8cfa2]{background:#10b9810d;border-left-color:#10b981;color:#10b981!important}.code-line.added .line-text[data-v-bef8cfa2]{color:#10b981!important;font-weight:500}.code-line.first-change[data-v-bef8cfa2]{background:#f59e0b26!important;border-left-color:#f59e0b!important;border-left-width:5px;animation:pulse-bef8cfa2 2s infinite}.code-line.first-change .line-text[data-v-bef8cfa2]{color:inherit;font-weight:600}.code-line.unchanged[data-v-bef8cfa2],.code-line.unchanged .line-text[data-v-bef8cfa2],.code-line.context[data-v-bef8cfa2],.code-line.context .line-text[data-v-bef8cfa2]{color:inherit}@keyframes pulse-bef8cfa2{0%,to{background-color:#f59e0b26}50%{background-color:#f59e0b40}}.git-marker[data-v-bef8cfa2]{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-bef8cfa2]{color:#ef4444}.code-line.added .git-marker[data-v-bef8cfa2]{color:#10b981}.code-line.first-change .git-marker[data-v-bef8cfa2]{color:#f59e0b;font-weight:900}.line-text[data-v-bef8cfa2]{flex:1;white-space:pre;overflow-x:visible;font-family:inherit}.code-input[data-v-bef8cfa2]{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-bef8cfa2]{caret-color:#cbd5e1}.code-input[data-v-bef8cfa2]::placeholder{color:#94a3b8!important;opacity:.7}[data-theme=dark] .code-input[data-v-bef8cfa2]::placeholder{color:#94a3b8!important}.code-input[data-v-bef8cfa2]::selection{background:#3b82f64d!important}[data-theme=dark] .code-input[data-v-bef8cfa2]::selection{background:#3b82f680!important}.stats-section[data-v-bef8cfa2]{background:#fff;border-radius:16px;padding:24px;margin-bottom:32px;box-shadow:0 4px 20px #0000000d}[data-theme=dark] .stats-section[data-v-bef8cfa2]{background:#1e293b}.stats-grid[data-v-bef8cfa2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:16px}.stat-item[data-v-bef8cfa2]{text-align:center}.stat-value[data-v-bef8cfa2]{font-size:2rem;font-weight:700;margin-bottom:4px;line-height:1}.stat-label[data-v-bef8cfa2]{font-size:.875rem;color:#64748b}[data-theme=dark] .stat-label[data-v-bef8cfa2]{color:#94a3b8}.stat-summary[data-v-bef8cfa2]{font-size:.9rem;color:#475569;text-align:center;padding:12px;background:#f1f5f9;border-radius:8px}[data-theme=dark] .stat-summary[data-v-bef8cfa2]{background:#334155;color:#cbd5e1}.first-change-info[data-v-bef8cfa2]{color:#f59e0b;font-weight:500;margin-left:12px}[data-theme=dark] .first-change-info[data-v-bef8cfa2]{color:#fbbf24}.quick-test[data-v-bef8cfa2]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d}[data-theme=dark] .quick-test[data-v-bef8cfa2]{background:#1e293b}.quick-test-title[data-v-bef8cfa2]{font-size:1.2rem;font-weight:600;color:#1e293b;margin:0 0 16px}[data-theme=dark] .quick-test-title[data-v-bef8cfa2]{color:#f1f5f9}.quick-test-buttons[data-v-bef8cfa2]{display:flex;gap:12px;flex-wrap:wrap}.test-button[data-v-bef8cfa2]{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-bef8cfa2]{background:#334155;border-color:#475569;color:#94a3b8}.test-button[data-v-bef8cfa2]:hover{background:#e2e8f0;border-color:#c7d2fe;color:#4f46e5}[data-theme=dark] .test-button[data-v-bef8cfa2]:hover{background:#475569;border-color:#4f46e5;color:#c7d2fe}@media(max-width:768px){.header-content[data-v-bef8cfa2]{align-items:flex-start}.controls[data-v-bef8cfa2]{flex-direction:column}.compare-button[data-v-bef8cfa2],.clear-button[data-v-bef8cfa2]{width:100%;justify-content:center}.editor-header[data-v-bef8cfa2]{flex-direction:column;align-items:flex-start;gap:8px}.code-editor-wrapper[data-v-bef8cfa2]{height:400px}.stats-grid[data-v-bef8cfa2]{grid-template-columns:repeat(2,1fr)}.quick-test-buttons[data-v-bef8cfa2]{flex-direction:column}}@media(max-width:480px){.page-title[data-v-bef8cfa2]{font-size:1.5rem}.page-subtitle[data-v-bef8cfa2]{font-size:.875rem}.code-editor-wrapper[data-v-bef8cfa2]{height:350px}}.developer-tools-page[data-v-7188eab6]{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);transition:background .3s ease;border-radius:20px}[data-theme=dark] .developer-tools-page[data-v-7188eab6]{background:linear-gradient(135deg,#1e293b,#0f172a)}.page-header[data-v-7188eab6]{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-7188eab6]{background:#1e293b;border-bottom-color:#334155;box-shadow:0 2px 10px #0003}.header-content[data-v-7188eab6]{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.header-info[data-v-7188eab6]{flex:1;min-width:0}.page-title[data-v-7188eab6]{font-size:1.7rem;font-weight:300;color:#1e293b;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .page-title[data-v-7188eab6]{color:#f1f5f9;-webkit-text-fill-color:#f1f5f9}.page-subtitle[data-v-7188eab6]{font-size:1rem;color:#64748b;margin:0;line-height:1.5}[data-theme=dark] .page-subtitle[data-v-7188eab6]{color:#94a3b8}.header-actions[data-v-7188eab6]{display:flex;gap:12px}.action-button[data-v-7188eab6]{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-7188eab6]{background:#334155;color:#cbd5e1}.action-button[data-v-7188eab6]:hover{background:#e2e8f0;transform:translateY(-2px)}[data-theme=dark] .action-button[data-v-7188eab6]:hover{background:#475569}.action-button svg[data-v-7188eab6]{width:20px;height:20px}.tool-categories[data-v-7188eab6]{max-width:1200px;margin:24px auto 0;padding:0 24px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.tool-categories[data-v-7188eab6]::-webkit-scrollbar{display:none}.category-tab[data-v-7188eab6]{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-7188eab6]{background:#334155;border-color:#475569;color:#94a3b8}.category-tab[data-v-7188eab6]:hover{border-color:#c7d2fe;color:#4f46e5}[data-theme=dark] .category-tab[data-v-7188eab6]:hover{border-color:#6366f1;color:#c7d2fe}.category-tab.active[data-v-7188eab6]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.category-icon[data-v-7188eab6]{width:18px;height:18px}.category-tab.active .category-icon[data-v-7188eab6]{color:#fff}.category-label[data-v-7188eab6]{font-weight:500}.page-content[data-v-7188eab6]{max-width:1200px;margin:0 auto;padding:32px 24px 60px}.section-header[data-v-7188eab6]{margin-bottom:32px}.section-title[data-v-7188eab6]{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-7188eab6]{color:#f1f5f9}.section-icon[data-v-7188eab6]{width:24px;height:24px;color:#4f46e5}.section-description[data-v-7188eab6]{font-size:1rem;color:#64748b;margin:0;line-height:1.5}[data-theme=dark] .section-description[data-v-7188eab6]{color:#94a3b8}.converter-grid[data-v-7188eab6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:48px}@media(max-width:768px){.converter-grid[data-v-7188eab6]{grid-template-columns:1fr}.tool-categories[data-v-7188eab6]{flex-wrap:wrap}}.converter-card[data-v-7188eab6]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d;transition:all .3s ease}[data-theme=dark] .converter-card[data-v-7188eab6]{background:#1e293b;box-shadow:0 4px 20px #0003}.converter-card[data-v-7188eab6]:hover{transform:translateY(-4px);box-shadow:0 20px 40px #667eea1a}.converter-header[data-v-7188eab6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.converter-title[data-v-7188eab6]{font-size:1.2rem;font-weight:600;color:#1e293b;margin:0}[data-theme=dark] .converter-title[data-v-7188eab6]{color:#f1f5f9}.converter-badges[data-v-7188eab6]{display:flex;gap:8px}.badge[data-v-7188eab6]{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.badge.popular[data-v-7188eab6]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.input-group[data-v-7188eab6]{margin-bottom:20px}.input-header[data-v-7188eab6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.input-label[data-v-7188eab6]{font-size:.95rem;font-weight:500;color:#475569}[data-theme=dark] .input-label[data-v-7188eab6]{color:#cbd5e1}.input-buttons[data-v-7188eab6]{display:flex;gap:8px}.input-action[data-v-7188eab6]{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-7188eab6]{background:#334155;border-color:#475569;color:#cbd5e1}.input-action[data-v-7188eab6]:hover{background:#e2e8f0}[data-theme=dark] .input-action[data-v-7188eab6]:hover{background:#475569}.input-action svg[data-v-7188eab6]{width:12px;height:12px}.code-editor[data-v-7188eab6]{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-7188eab6]{background:#0f172a;border-color:#334155;color:#cbd5e1}.code-editor[data-v-7188eab6]:focus{outline:none;border-color:#4f46e5;background:#fff}[data-theme=dark] .code-editor[data-v-7188eab6]:focus{background:#1e293b;border-color:#6366f1}.conversion-controls[data-v-7188eab6]{display:flex;gap:12px;margin:20px 0}.convert-button[data-v-7188eab6]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.convert-button[data-v-7188eab6]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.convert-button[data-v-7188eab6]:disabled{opacity:.7;cursor:not-allowed}.convert-button.reverse[data-v-7188eab6]{flex-direction:row-reverse}.output-section[data-v-7188eab6]{margin-top:24px;padding:16px;background:#f8fafc;border-radius:8px;border:2px solid #e2e8f0}[data-theme=dark] .output-section[data-v-7188eab6]{background:#0f172a;border-color:#334155}.output-header[data-v-7188eab6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.output-title[data-v-7188eab6]{font-size:1rem;font-weight:600;color:#1e293b;margin:0}[data-theme=dark] .output-title[data-v-7188eab6]{color:#f1f5f9}.output-buttons[data-v-7188eab6]{display:flex;gap:8px}.output-action[data-v-7188eab6]{display:flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;font-size:.75rem;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.output-action[data-v-7188eab6]:hover{opacity:.9;transform:translateY(-1px)}.output-action svg[data-v-7188eab6]{width:12px;height:12px}.output-content[data-v-7188eab6]{background:#fff;border-radius:6px;padding:12px;max-height:200px;overflow-y:auto}[data-theme=dark] .output-content[data-v-7188eab6]{background:#1e293b}.output-text[data-v-7188eab6]{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-7188eab6]{color:#cbd5e1}.loading-spinner[data-v-7188eab6]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-7188eab6 1s ease-in-out infinite;margin-right:8px}@keyframes spin-7188eab6{to{transform:rotate(360deg)}}.error-message[data-v-7188eab6]{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-7188eab6]{background:#7f1d1d;color:#fecaca;border-left-color:#ef4444}.transpiler-grid[data-v-7188eab6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:48px}@media(max-width:768px){.transpiler-grid[data-v-7188eab6]{grid-template-columns:1fr}}.transpiler-card[data-v-7188eab6]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d}[data-theme=dark] .transpiler-card[data-v-7188eab6]{background:#1e293b}.transpiler-header[data-v-7188eab6]{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.language-icons[data-v-7188eab6]{display:flex;align-items:center;gap:12px}.language-icon[data-v-7188eab6]{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;color:#fff}.language-icon.sql[data-v-7188eab6]{background:linear-gradient(135deg,#f59e0b,#d97706)}.language-icon.mongodb[data-v-7188eab6]{background:linear-gradient(135deg,#10b981,#059669)}.language-icon.java[data-v-7188eab6]{background:linear-gradient(135deg,#f59e0b,#d97706)}.language-icon.csharp[data-v-7188eab6]{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.language-icon.python[data-v-7188eab6]{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.language-icon.javascript[data-v-7188eab6]{background:linear-gradient(135deg,#f59e0b,#d97706)}.language-icons svg[data-v-7188eab6]{width:20px;height:20px;color:#64748b}.transpiler-title[data-v-7188eab6]{font-size:1.2rem;font-weight:600;color:#1e293b;margin:0}[data-theme=dark] .transpiler-title[data-v-7188eab6]{color:#f1f5f9}.transpiler-actions[data-v-7188eab6]{margin:20px 0}.transpile-button[data-v-7188eab6]{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.transpile-button[data-v-7188eab6]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.transpile-button[data-v-7188eab6]:disabled{opacity:.7;cursor:not-allowed}.transpile-button svg[data-v-7188eab6]{width:18px;height:18px}.api-tools[data-v-7188eab6]{margin-bottom:48px}.api-card[data-v-7188eab6]{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #0000000d}[data-theme=dark] .api-card[data-v-7188eab6]{background:#1e293b}.api-header[data-v-7188eab6]{margin-bottom:32px}.api-title[data-v-7188eab6]{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 8px}[data-theme=dark] .api-title[data-v-7188eab6]{color:#f1f5f9}.api-description[data-v-7188eab6]{font-size:1rem;color:#64748b;margin:0}[data-theme=dark] .api-description[data-v-7188eab6]{color:#94a3b8}.conversion-options[data-v-7188eab6]{margin:20px 0}.option-group[data-v-7188eab6]{display:flex;align-items:center;gap:16px}.option-label[data-v-7188eab6]{font-size:.95rem;font-weight:500;color:#475569;white-space:nowrap}[data-theme=dark] .option-label[data-v-7188eab6]{color:#cbd5e1}.option-buttons[data-v-7188eab6]{display:flex;gap:8px;flex-wrap:wrap}.option-button[data-v-7188eab6]{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-7188eab6]{background:#334155;border-color:#475569;color:#94a3b8}.option-button[data-v-7188eab6]:hover{border-color:#c7d2fe;color:#4f46e5}.option-button.active[data-v-7188eab6]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.convert-api-button[data-v-7188eab6]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;margin:20px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.convert-api-button[data-v-7188eab6]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.editor-action[data-v-7188eab6]{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-7188eab6]:disabled{opacity:.7;cursor:not-allowed}.convert-api-button svg[data-v-7188eab6]{width:20px;height:20px}.features-grid[data-v-7188eab6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:60px}.feature-card[data-v-7188eab6]{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-7188eab6]{background:#1e293b}.feature-card[data-v-7188eab6]:hover{transform:translateY(-4px);box-shadow:0 20px 40px #667eea1a}.feature-icon[data-v-7188eab6]{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.feature-icon svg[data-v-7188eab6]{width:28px;height:28px;color:#fff}.feature-title[data-v-7188eab6]{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 12px}[data-theme=dark] .feature-title[data-v-7188eab6]{color:#f1f5f9}.feature-description[data-v-7188eab6]{font-size:.9rem;color:#64748b;margin:0;line-height:1.5}[data-theme=dark] .feature-description[data-v-7188eab6]{color:#94a3b8}@media(max-width:768px){.header-content[data-v-7188eab6]{align-items:flex-start}.page-title[data-v-7188eab6]{font-size:1.5rem}.tool-categories[data-v-7188eab6]{padding:0 16px}.converter-card[data-v-7188eab6],.transpiler-card[data-v-7188eab6],.api-card[data-v-7188eab6]{padding:20px}.features-grid[data-v-7188eab6]{grid-template-columns:1fr}.conversion-controls[data-v-7188eab6]{flex-direction:column}.input-header[data-v-7188eab6]{flex-direction:column;align-items:flex-start;gap:8px}.input-buttons[data-v-7188eab6]{width:100%;justify-content:flex-start}.option-group[data-v-7188eab6]{flex-direction:column;align-items:flex-start;gap:8px}.option-buttons[data-v-7188eab6]{width:100%}.option-button[data-v-7188eab6]{flex:1;text-align:center}}@media(max-width:480px){.code-editor[data-v-7188eab6]{width:90%}}.educational-section[data-v-1e623a1b]{padding:0 20px;margin-block-start:10px}.content-block[data-v-1e623a1b]{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-1e623a1b]{font-size:1.5rem;color:#2c3e50;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #ee6c4d;display:flex;align-items:center;gap:10px}.content-block h3 .icon[data-v-1e623a1b]{font-size:1.3em}.benefits-grid[data-v-1e623a1b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:15px}.benefit-card[data-v-1e623a1b]{padding:20px;background:#f8f9fa;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease}.benefit-icon[data-v-1e623a1b]{font-size:2rem;flex-shrink:0;background:linear-gradient(135deg,#ee6c4d,#ff8c6b);color:#fff;width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center}.benefit-content h4[data-v-1e623a1b]{font-size:1.1rem;color:#2c3e50;margin-bottom:8px}.benefit-content p[data-v-1e623a1b]{font-size:.95rem;color:#666;line-height:1.5;margin:0}.practices-content[data-v-1e623a1b]{display:flex;flex-direction:column;gap:20px;margin-top:15px}.practice-item[data-v-1e623a1b]{padding:15px;background:#f8f9fa;border-radius:12px;border-left:2px solid #ee6c4d}.practice-step[data-v-1e623a1b]{flex-shrink:0;width:40px;height:40px;background:#ee6c4d;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-1e623a1b]{font-size:1.1rem;color:#2c3e50;margin-bottom:8px;margin-top:8px}.practice-text p[data-v-1e623a1b]{font-size:.95rem;color:#666;line-height:1.5;margin:0}.usecases-grid[data-v-1e623a1b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:15px}.usecase-card[data-v-1e623a1b]{padding:15px;background:#f8f9fa;border-radius:12px;border-top:2px solid #ee6c4d}.usecase-header[data-v-1e623a1b]{display:flex;align-items:center;gap:15px;margin-bottom:15px}.usecase-icon[data-v-1e623a1b]{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-1e623a1b]{font-size:1.1rem;color:#2c3e50;margin:0}.usecase-list[data-v-1e623a1b]{list-style:none;padding:0;margin:0}.usecase-list li[data-v-1e623a1b]{padding:8px 0;font-size:.95rem;color:#666;border-bottom:1px solid #e9ecef}.usecase-list li[data-v-1e623a1b]:last-child{border-bottom:none}.usecase-list li[data-v-1e623a1b]:before{content:"✓";color:#ee6c4d;margin-right:10px;font-weight:700}.faq-list[data-v-1e623a1b]{margin-top:15px}.faq-item[data-v-1e623a1b]{margin-bottom:15px;border:1px solid #e9ecef;border-radius:12px;overflow:hidden;background:#fff}.faq-item summary[data-v-1e623a1b]{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-1e623a1b]:hover{background:#e9ecef}.faq-item summary[data-v-1e623a1b]::-webkit-details-marker{display:none}.faq-item summary[data-v-1e623a1b]:after{content:"▼";position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:transform .3s ease;font-size:.9em;color:#ee6c4d}.faq-item[open] summary[data-v-1e623a1b]:after{transform:translateY(-50%) rotate(180deg)}.faq-answer[data-v-1e623a1b]{padding:20px;border-top:1px solid #e9ecef}.faq-answer p[data-v-1e623a1b]{font-size:.95rem;color:#666;line-height:1.6;margin-bottom:15px}.faq-answer p strong[data-v-1e623a1b]{color:#2c3e50}.faq-answer .note[data-v-1e623a1b]{font-style:italic;color:#999;font-size:.9rem;padding:10px;background:#f8f9fa;border-radius:8px;margin-top:15px}.faq-answer ul[data-v-1e623a1b],.faq-answer ol[data-v-1e623a1b]{padding-left:20px;margin:15px 0}.faq-answer li[data-v-1e623a1b]{font-size:.95rem;color:#666;line-height:1.5;margin-bottom:8px}.faq-answer ol li[data-v-1e623a1b]{list-style-type:decimal}.tips-content[data-v-1e623a1b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:15px}.tip-card[data-v-1e623a1b]{padding:25px;background:linear-gradient(135deg,#fef6f4,#fff);border-radius:12px;border:1px solid #ffe5d9}.tip-header[data-v-1e623a1b]{display:flex;align-items:center;gap:15px;margin-bottom:15px}.tip-icon[data-v-1e623a1b]{font-size:1.8rem;background:#ff8c6b;color:#fff;width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center}.tip-header h4[data-v-1e623a1b]{font-size:1.1rem;color:#2c3e50;margin:0}.tip-card p[data-v-1e623a1b]{font-size:.95rem;color:#666;line-height:1.6;margin:0}@media(max-width:768px){.educational-section[data-v-1e623a1b]{padding:0}.content-block[data-v-1e623a1b]{padding:20px;margin-bottom:20px}.content-block h3[data-v-1e623a1b]{font-size:1.3rem}.benefits-grid[data-v-1e623a1b],.usecases-grid[data-v-1e623a1b],.tips-content[data-v-1e623a1b]{grid-template-columns:1fr;gap:20px}.benefit-card[data-v-1e623a1b],.practice-item[data-v-1e623a1b]{flex-direction:column;gap:15px}.benefit-icon[data-v-1e623a1b]{width:50px;height:50px;font-size:1.5rem}.practice-step[data-v-1e623a1b]{width:35px;height:35px;font-size:1rem}.usecase-card[data-v-1e623a1b],.tip-card[data-v-1e623a1b]{padding:20px}.faq-item summary[data-v-1e623a1b]{font-weight:300;font-size:.8rem}.faq-answer[data-v-1e623a1b]{padding:15px}}@media(max-width:480px){.content-block h3[data-v-1e623a1b]{font-size:1.2rem}.benefit-content h4[data-v-1e623a1b],.practice-text h4[data-v-1e623a1b],.usecase-header h4[data-v-1e623a1b],.tip-header h4[data-v-1e623a1b]{font-size:1rem}.benefit-content p[data-v-1e623a1b],.practice-text p[data-v-1e623a1b],.usecase-list li[data-v-1e623a1b],.tip-card p[data-v-1e623a1b],.faq-answer p[data-v-1e623a1b],.faq-answer li[data-v-1e623a1b]{font-size:.9rem}}.signature-page[data-v-1e623a1b]{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px}.header-section[data-v-1e623a1b]{text-align:center;margin-bottom:40px}.header-content[data-v-1e623a1b]{max-width:800px;margin:0 auto}.header-content h1[data-v-1e623a1b]{font-size:2rem;color:#2c3e50;display:flex;align-items:center;justify-content:center;gap:12px}.header-icon[data-v-1e623a1b]{font-size:2rem;color:#ee6c4d}.subtitle[data-v-1e623a1b]{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.main-content[data-v-1e623a1b]{max-width:1400px;margin:0 auto}.content-grid[data-v-1e623a1b]{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.drawing-card[data-v-1e623a1b],.preview-card[data-v-1e623a1b],.export-card[data-v-1e623a1b]{background:#fff;border-radius:16px;padding:18px;box-shadow:0 10px 30px #0000001a;margin-bottom:24px}.card-header[data-v-1e623a1b]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f4ff}.card-header h2[data-v-1e623a1b]{font-size:1.1rem;color:#2c3e50;margin:0;padding-block-end:10px}.drawing-stats[data-v-1e623a1b]{display:flex;gap:20px;font-size:.9rem;color:#666}.drawing-area[data-v-1e623a1b]{margin-bottom:20px}.canvas-container[data-v-1e623a1b]{position:relative;background:#fff;border:2px solid #e9ecef;border-radius:12px;overflow:hidden;margin-bottom:20px}.canvas-guides[data-v-1e623a1b]{position:absolute;inset:0;pointer-events:none}.guide-line.center-x[data-v-1e623a1b]{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}.guide-line.center-y[data-v-1e623a1b]{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}.guide-label[data-v-1e623a1b]{position:absolute;font-size:12px;color:#0000004d;padding:4px 8px;background:#fffc;border-radius:4px}.guide-label.top-left[data-v-1e623a1b]{top:10px;left:10px}.guide-label.top-right[data-v-1e623a1b]{top:10px;right:10px}.signature-canvas[data-v-1e623a1b]{width:100%;height:300px;display:block;cursor:crosshair;background:#fff;border-radius:10px}.clear-canvas-btn[data-v-1e623a1b]{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-1e623a1b]:hover:not(:disabled){background:#dc3545;transform:translateY(-2px)}.clear-canvas-btn[data-v-1e623a1b]:disabled{opacity:.5;cursor:not-allowed}.drawing-controls[data-v-1e623a1b]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.control-group[data-v-1e623a1b]{display:flex;flex-direction:column;gap:8px}.control-label[data-v-1e623a1b]{font-size:.9rem;color:#2c3e50;font-weight:500}.slider-container[data-v-1e623a1b]{display:flex;align-items:center;gap:12px}.size-slider[data-v-1e623a1b]{flex:1;height:6px;border-radius:3px;background:#e9ecef;outline:none;-webkit-appearance:none}.size-slider[data-v-1e623a1b]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#ee6c4d;cursor:pointer}.slider-value[data-v-1e623a1b]{font-size:.9rem;color:#666;min-width:45px}.color-picker[data-v-1e623a1b]{display:flex;gap:8px;flex-wrap:wrap}.color-option[data-v-1e623a1b]{width:30px;height:30px;border-radius:50%;border:2px solid #e9ecef;cursor:pointer;transition:all .3s ease}.color-option[data-v-1e623a1b]:hover{transform:scale(1.1)}.color-option.active[data-v-1e623a1b]{border-color:#2c3e50;transform:scale(1.1);box-shadow:0 0 0 2px #ee6c4d4d}.background-buttons[data-v-1e623a1b]{display:flex;gap:8px}.bg-btn[data-v-1e623a1b]{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-1e623a1b]:hover{border-color:#adb5bd}.bg-btn.active[data-v-1e623a1b]{background:#ee6c4d;border-color:#ee6c4d;color:#fff}.action-buttons[data-v-1e623a1b]{display:flex;gap:12px}.action-btn[data-v-1e623a1b]{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-1e623a1b]:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.action-btn[data-v-1e623a1b]:disabled{opacity:.5;cursor:not-allowed}.undo-btn[data-v-1e623a1b]:hover:not(:disabled){background:#fff3cd;border-color:#ffc107}.redo-btn[data-v-1e623a1b]:hover:not(:disabled){background:#d4edda;border-color:#28a745}.reset-btn[data-v-1e623a1b]:hover:not(:disabled){background:#f8d7da;border-color:#dc3545}.preview-actions[data-v-1e623a1b]{display:flex;gap:8px}.preview-btn[data-v-1e623a1b]{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-1e623a1b]:hover{background:#e9ecef;border-color:#adb5bd}.preview-area[data-v-1e623a1b]{margin-bottom:20px}.preview-container[data-v-1e623a1b]{position:relative;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;overflow:hidden;margin-bottom:20px;min-height:200px}.preview-canvas[data-v-1e623a1b]{max-width:100%;max-height:100%;object-fit:contain}.watermark[data-v-1e623a1b]{position:absolute;bottom:10px;right:10px;color:#0000001a;font-size:12px;pointer-events:none}.no-signature[data-v-1e623a1b]{text-align:center;padding:40px 20px;color:#999}.placeholder-icon[data-v-1e623a1b]{font-size:3rem;margin-bottom:16px;opacity:.5}.no-signature h3[data-v-1e623a1b]{font-size:1.2rem;color:#ccc;margin-bottom:8px}.no-signature p[data-v-1e623a1b]{max-width:300px;margin:0 auto;line-height:1.6}.preview-controls[data-v-1e623a1b]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.size-buttons[data-v-1e623a1b]{display:flex;gap:8px}.size-btn[data-v-1e623a1b]{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-1e623a1b]:hover{border-color:#adb5bd}.size-btn.active[data-v-1e623a1b]{background:#ee6c4d;border-color:#ee6c4d;color:#fff}.checkbox[data-v-1e623a1b]{margin-right:8px;vertical-align:middle}.preview-bg-buttons[data-v-1e623a1b]{display:flex;gap:8px}.preview-bg-btn[data-v-1e623a1b]{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-1e623a1b]:hover{border-color:#adb5bd}.preview-bg-btn.active[data-v-1e623a1b]{background:#2c3e50;border-color:#2c3e50;color:#fff}.export-info[data-v-1e623a1b]{font-size:.9rem;color:#28a745;font-weight:500}.format-section[data-v-1e623a1b]{margin-bottom:24px}.format-section h3[data-v-1e623a1b]{font-size:1rem;color:#2c3e50}.format-grid[data-v-1e623a1b]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.format-btn[data-v-1e623a1b]{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-1e623a1b]:hover:not(.disabled){border-color:#adb5bd;transform:translateY(-2px)}.format-btn.active[data-v-1e623a1b]{background:#fff5f5;border-color:#ee6c4d}.format-btn.disabled[data-v-1e623a1b]{opacity:.5;cursor:not-allowed}.format-icon[data-v-1e623a1b]{font-size:1.4rem}.format-name[data-v-1e623a1b]{font-size:.9rem;color:#2c3e50}.format-ext[data-v-1e623a1b]{font-size:.8rem;color:#666;font-family:monospace}.format-info[data-v-1e623a1b]{background:#f8f9fa;border-radius:10px;padding:16px;border-left:4px solid #ee6c4d}.info-header[data-v-1e623a1b]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.info-icon[data-v-1e623a1b]{font-size:1.5rem}.info-header h4[data-v-1e623a1b]{margin:0;font-size:1.1rem;color:#2c3e50}.info-description[data-v-1e623a1b]{margin:0 0 12px;font-size:.9rem;color:#666;line-height:1.5}.info-stats[data-v-1e623a1b]{display:flex;gap:20px;font-size:.85rem}.info-stat[data-v-1e623a1b]{display:flex;flex-direction:column;gap:4px}.stat-label[data-v-1e623a1b]{color:#999;font-weight:500}.stat-value[data-v-1e623a1b]{color:#2c3e50;font-weight:600}.export-settings[data-v-1e623a1b]{margin-bottom:24px}.export-settings h3[data-v-1e623a1b]{font-size:1rem;color:#2c3e50;margin-bottom:16px;font-weight:600}.setting-group[data-v-1e623a1b]{margin-bottom:20px}.setting-label[data-v-1e623a1b]{display:block;font-size:.9rem;color:#2c3e50;margin-bottom:12px;font-weight:500}.hint[data-v-1e623a1b]{color:#999;font-size:.8rem;margin-left:4px}.resolution-buttons[data-v-1e623a1b]{display:flex;gap:8px;flex-wrap:wrap}.resolution-btn[data-v-1e623a1b]{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-1e623a1b]:hover{border-color:#adb5bd}.resolution-btn.active[data-v-1e623a1b]{background:#ee6c4d;border-color:#ee6c4d;color:#fff}.size-inputs[data-v-1e623a1b]{display:flex;gap:12px;align-items:flex-end}.input-group[data-v-1e623a1b]{flex:1;display:flex;flex-direction:column;gap:6px}.input-group label[data-v-1e623a1b]{font-size:.8rem;color:#666}.size-input[data-v-1e623a1b]{padding:8px 12px;border:2px solid #dee2e6;border-radius:6px;font-size:.9rem;color:#2c3e50;width:95%}.size-input[data-v-1e623a1b]:focus{outline:none;border-color:#ee6c4d}.unit[data-v-1e623a1b]{font-size:.9rem;color:#666;margin-left:8px}.aspect-btn[data-v-1e623a1b]{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-1e623a1b]:hover{border-color:#adb5bd}.aspect-btn.active[data-v-1e623a1b]{background:#ee6c4d;border-color:#ee6c4d;color:#fff}.quality-slider[data-v-1e623a1b],.padding-slider[data-v-1e623a1b]{width:100%;height:6px;border-radius:3px;background:#e9ecef;outline:none;-webkit-appearance:none}.quality-slider[data-v-1e623a1b]::-webkit-slider-thumb,.padding-slider[data-v-1e623a1b]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#ee6c4d;cursor:pointer}.export-bg-buttons[data-v-1e623a1b]{display:flex;gap:8px}.export-bg-btn[data-v-1e623a1b]{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-1e623a1b]:hover{border-color:#adb5bd}.export-bg-btn.active[data-v-1e623a1b]{background:#ee6c4d;border-color:#ee6c4d;color:#fff}.color-picker-popup[data-v-1e623a1b]{margin-top:12px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.color-input[data-v-1e623a1b]{width:100%;height:40px;border:2px solid #dee2e6;border-radius:6px;cursor:pointer;margin-bottom:12px}.custom-colors[data-v-1e623a1b]{display:flex;gap:8px}.custom-color[data-v-1e623a1b]{width:30px;height:30px;border-radius:6px;border:2px solid #dee2e6;cursor:pointer;transition:all .3s ease}.custom-color[data-v-1e623a1b]:hover{transform:scale(1.1);border-color:#adb5bd}.export-btn[data-v-1e623a1b]{width:100%;padding:10px;background:linear-gradient(135deg,#ee6c4d,#d64545);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-1e623a1b]:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.export-btn.loading[data-v-1e623a1b]{opacity:.8}.spinner[data-v-1e623a1b]{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-1e623a1b 1s ease-in-out infinite}@keyframes spin-1e623a1b{to{transform:rotate(360deg)}}.recent-exports h3[data-v-1e623a1b]{font-size:1rem;color:#2c3e50;margin-bottom:16px;font-weight:600}.exports-list[data-v-1e623a1b]{display:flex;flex-direction:column;gap:12px}.export-item[data-v-1e623a1b]{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.export-icon[data-v-1e623a1b]{font-size:1.2rem}.export-details[data-v-1e623a1b]{flex:1;display:flex;flex-direction:column;gap:4px}.export-name[data-v-1e623a1b]{font-size:.9rem;color:#2c3e50;font-weight:500;word-break:break-all}.export-time[data-v-1e623a1b]{font-size:.8rem;color:#666}.export-action[data-v-1e623a1b]{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-1e623a1b]:hover{background:#dee2e6;border-color:#adb5bd}@media(max-width:1200px){.content-grid[data-v-1e623a1b]{grid-template-columns:1fr}.drawing-controls[data-v-1e623a1b],.preview-controls[data-v-1e623a1b],.format-grid[data-v-1e623a1b]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.header-content h1[data-v-1e623a1b]{font-size:1.5rem}.content-grid[data-v-1e623a1b]{gap:0}.signature-page[data-v-1e623a1b]{padding:0}.drawing-controls[data-v-1e623a1b],.preview-controls[data-v-1e623a1b]{grid-template-columns:1fr}.format-grid[data-v-1e623a1b]{grid-template-columns:repeat(3,1fr)}.action-buttons[data-v-1e623a1b]{flex-direction:column}.size-inputs[data-v-1e623a1b]{flex-direction:column;align-items:stretch}.resolution-buttons[data-v-1e623a1b],.export-bg-buttons[data-v-1e623a1b]{flex-direction:column}.info-stats[data-v-1e623a1b]{flex-direction:column;gap:12px}}.educational-section[data-v-501e93c3]{max-width:1200px;margin:30px auto 40px;padding:0 20px}.content-block[data-v-501e93c3]{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-501e93c3]{font-size:1.6rem;color:#2c3e50;margin-bottom:20px;display:flex;align-items:center;gap:10px}.content-icon[data-v-501e93c3]{font-size:1.8rem}.content-intro[data-v-501e93c3]{font-size:1.1rem;color:#666;line-height:1.6;margin-bottom:30px;max-width:800px}.benefits-grid[data-v-501e93c3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:25px}.benefit-card[data-v-501e93c3]{text-align:center;padding:25px;background:#f8f9fa;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease}.benefit-card[data-v-501e93c3]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.benefit-icon[data-v-501e93c3]{font-size:2.5rem;margin-bottom:15px}.benefit-card h4[data-v-501e93c3]{font-size:1.2rem;color:#2c3e50;margin-bottom:12px}.benefit-card p[data-v-501e93c3]{font-size:.95rem;color:#666;line-height:1.5}.guide-steps[data-v-501e93c3]{display:flex;flex-direction:column;gap:20px;margin-top:25px}.step-item[data-v-501e93c3]{display:flex;gap:20px;padding:25px;background:#f8f9fa;border-radius:12px;border-left:4px solid #ee6c4d}.step-number[data-v-501e93c3]{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;background:#ee6c4d;color:#fff;border-radius:50%;font-size:1.2rem;font-weight:700}.step-content h4[data-v-501e93c3]{font-size:1.2rem;color:#2c3e50;margin-bottom:10px}.step-content p[data-v-501e93c3]{font-size:.95rem;color:#666;line-height:1.6}.tips-grid[data-v-501e93c3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:25px}.tip-card[data-v-501e93c3]{padding:25px;background:linear-gradient(135deg,#f0f4ff,#f8f9fa);border-radius:12px;border:2px solid #e9ecef}.tip-header[data-v-501e93c3]{display:flex;align-items:center;gap:12px;margin-bottom:15px}.tip-icon[data-v-501e93c3]{font-size:1.8rem}.tip-card h4[data-v-501e93c3]{font-size:1.1rem;color:#2c3e50;margin:0}.tip-card p[data-v-501e93c3]{font-size:.95rem;color:#666;line-height:1.6;margin:0}.use-cases[data-v-501e93c3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:25px}.use-case[data-v-501e93c3]{padding:25px;background:#f8f9fa;border-radius:12px}.use-case h4[data-v-501e93c3]{font-size:1.2rem;color:#2c3e50;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #ee6c4d}.use-case ul[data-v-501e93c3]{list-style:none;padding:0;margin:0}.use-case li[data-v-501e93c3]{font-size:.95rem;color:#666;padding:8px 0 8px 24px;position:relative;line-height:1.5}.use-case li[data-v-501e93c3]:before{content:"✓";position:absolute;left:0;color:#ee6c4d;font-weight:700}.faq-section[data-v-501e93c3]{margin:40px auto;padding:0 20px}.faq-grid[data-v-501e93c3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(1fr));gap:20px;margin-top:25px}.faq-item[data-v-501e93c3]{background:#f8f9fa;border-radius:12px;overflow:hidden;border:1px solid #e9ecef}.faq-item summary[data-v-501e93c3]{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-501e93c3]:hover{background:#e9ecef}.faq-item summary[data-v-501e93c3]::-webkit-details-marker{display:none}.faq-item summary[data-v-501e93c3]:after{content:"▶";position:absolute;right:25px;top:50%;transform:translateY(-50%);transition:transform .3s ease;color:#ee6c4d}.faq-item[open] summary[data-v-501e93c3]:after{transform:translateY(-50%) rotate(90deg)}.faq-item[open] summary[data-v-501e93c3]{background:#e9ecef;border-bottom:1px solid #dee2e6}.faq-item p[data-v-501e93c3]{padding:25px;margin:0;font-size:.95rem;color:#666;line-height:1.6;background:#fff}@media(max-width:1024px){.educational-section[data-v-501e93c3],.faq-section[data-v-501e93c3]{padding:0}.content-block[data-v-501e93c3]{padding:25px}.benefits-grid[data-v-501e93c3],.tips-grid[data-v-501e93c3],.use-cases[data-v-501e93c3],.faq-grid[data-v-501e93c3]{grid-template-columns:1fr}}@media(max-width:768px){.educational-section[data-v-501e93c3]{margin:20px auto 30px}.content-block[data-v-501e93c3]{padding:20px}.content-block h3[data-v-501e93c3]{font-size:1.4rem}.step-item[data-v-501e93c3]{flex-direction:column;gap:15px;padding:20px}.step-number[data-v-501e93c3]{align-self:flex-start}.faq-item summary[data-v-501e93c3]{padding:10px;font-size:.9rem}.faq-item p[data-v-501e93c3]{padding:20px}}@media(max-width:480px){.educational-section[data-v-501e93c3]{padding:0 10px}.content-block[data-v-501e93c3]{padding:15px}.benefit-card[data-v-501e93c3],.tip-card[data-v-501e93c3],.use-case[data-v-501e93c3]{padding:20px}}.screenshot-page[data-v-501e93c3]{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px}.header-section[data-v-501e93c3]{text-align:center;margin-bottom:40px}.header-content[data-v-501e93c3]{max-width:800px;margin:0 auto}.header-content h1[data-v-501e93c3]{font-size:1.8rem;color:#2c3e50;display:flex;align-items:center;justify-content:center;gap:12px}.header-icon[data-v-501e93c3]{font-size:2.8rem;color:#ee6c4d}.subtitle[data-v-501e93c3]{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.main-content[data-v-501e93c3]{max-width:1400px;margin:0 auto}.content-grid[data-v-501e93c3]{display:grid;grid-template-columns:400px 1fr;gap:30px;align-items:start}.left-column[data-v-501e93c3]{position:sticky;top:20px}.control-card[data-v-501e93c3]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0000001a}.card-header[data-v-501e93c3]{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-501e93c3]{font-size:1.4rem;color:#2c3e50;margin:0;font-weight:300}.status-badge[data-v-501e93c3]{background:linear-gradient(135deg,#ee6c4d,#d64545);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-501e93c3]{font-weight:700}.input-section[data-v-501e93c3]{margin-bottom:24px}.input-section h3[data-v-501e93c3]{font-size:1rem;color:#2c3e50;margin-bottom:12px;font-weight:600}.url-input-container[data-v-501e93c3]{display:flex;flex-direction:column;gap:8px}.input-with-icon[data-v-501e93c3]{position:relative;display:flex;align-items:center}.input-icon[data-v-501e93c3]{position:absolute;left:15px;font-size:1.2rem;color:#666}.url-input[data-v-501e93c3]{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-501e93c3]:focus{outline:none;border-color:#ee6c4d;background:#fff;box-shadow:0 0 0 3px #ee6c4d1a}.url-examples small[data-v-501e93c3]{color:#666;font-size:.85rem}.options-section[data-v-501e93c3]{margin-bottom:24px}.options-section h3[data-v-501e93c3]{font-size:1rem;color:#2c3e50;margin-bottom:16px;font-weight:600}.options-grid[data-v-501e93c3]{display:flex;flex-direction:column;gap:16px}.option-card[data-v-501e93c3]{background:#f8f9fa;border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:12px;transition:all .3s ease}.option-card[data-v-501e93c3]:hover{background:#e9ecef;transform:translateY(-2px)}.option-icon[data-v-501e93c3]{font-size:1.2rem;color:#ee6c4d;margin-top:2px}.option-content[data-v-501e93c3]{flex:1}.option-label[data-v-501e93c3]{font-size:.9rem;color:#2c3e50;margin-bottom:8px;font-weight:500}.option-select[data-v-501e93c3]{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-501e93c3]{display:flex;align-items:center;gap:8px}.size-input[data-v-501e93c3]{flex:1;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;text-align:center}.size-separator[data-v-501e93c3]{color:#666;font-weight:700}.delay-controls[data-v-501e93c3]{display:flex;align-items:center;gap:12px}.delay-slider[data-v-501e93c3]{flex:1;height:6px;-webkit-appearance:none;background:#dee2e6;border-radius:3px;outline:none}.delay-slider[data-v-501e93c3]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#ee6c4d;border-radius:50%;cursor:pointer}.delay-value[data-v-501e93c3]{font-size:.9rem;color:#2c3e50;font-weight:500;min-width:60px}.option-hint[data-v-501e93c3]{display:block;margin-top:4px;font-size:.8rem;color:#666}.format-buttons[data-v-501e93c3]{display:flex;gap:8px}.format-btn[data-v-501e93c3]{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-501e93c3]{background:#ee6c4d;border-color:#ee6c4d;color:#fff}.quality-section[data-v-501e93c3]{margin-bottom:24px}.quality-section h3[data-v-501e93c3]{font-size:1rem;color:#2c3e50;margin-bottom:12px;font-weight:600}.quality-controls[data-v-501e93c3]{display:flex;flex-direction:column;gap:8px}.quality-slider[data-v-501e93c3]{width:100%;height:6px;-webkit-appearance:none;background:linear-gradient(to right,#ff6b6b,#ffd166,#06d6a0);border-radius:3px;outline:none}.quality-slider[data-v-501e93c3]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#2c3e50;border-radius:50%;cursor:pointer}.quality-info[data-v-501e93c3]{display:flex;justify-content:space-between;align-items:center}.quality-value[data-v-501e93c3]{font-size:.9rem;font-weight:600;color:#2c3e50}.quality-hint[data-v-501e93c3]{font-size:.8rem;color:#666}.capture-btn[data-v-501e93c3]{width:100%;padding:10px;background:linear-gradient(135deg,#ee6c4d,#d64545);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-501e93c3]:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.capture-btn.loading[data-v-501e93c3]{opacity:.8}.spinner[data-v-501e93c3]{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-501e93c3 1s ease-in-out infinite}@keyframes spin-501e93c3{to{transform:rotate(360deg)}}.recent-section[data-v-501e93c3]{margin-bottom:24px}.recent-section h3[data-v-501e93c3]{font-size:1rem;color:#2c3e50;margin-bottom:12px;font-weight:600}.recent-list[data-v-501e93c3]{display:flex;flex-direction:column;gap:8px}.recent-item[data-v-501e93c3]{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .3s ease}.recent-item[data-v-501e93c3]:hover{background:#e9ecef;transform:translate(4px)}.recent-icon[data-v-501e93c3]{font-size:1rem;color:#ee6c4d}.recent-url[data-v-501e93c3]{flex:1;font-size:.9rem;color:#2c3e50;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-time[data-v-501e93c3]{font-size:.8rem;color:#666}.stats-section[data-v-501e93c3]{padding-top:20px;border-top:2px solid #e2e8f0}.stats-section h3[data-v-501e93c3]{font-size:1rem;color:#2c3e50;margin-bottom:16px;font-weight:600}.stats-grid[data-v-501e93c3]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card[data-v-501e93c3]{background:#f7fafc;border-radius:10px;padding:12px;display:flex;align-items:center;gap:12px;transition:transform .2s ease}.stat-card[data-v-501e93c3]:hover{transform:translateY(-2px)}.stat-icon[data-v-501e93c3]{font-size:1.2rem;color:#ee6c4d}.stat-content[data-v-501e93c3]{flex:1}.stat-label[data-v-501e93c3]{font-size:.8rem;color:#718096;margin-bottom:4px}.stat-value[data-v-501e93c3]{font-size:1rem;font-weight:600;color:#2c3e50}.right-column[data-v-501e93c3]{display:flex;flex-direction:column;gap:24px}.preview-card[data-v-501e93c3]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000001a;min-height:600px;padding:20px}.preview-card.has-screenshot[data-v-501e93c3]{border:2px solid #ee6c4d}.preview-info[data-v-501e93c3]{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#666}.preview-size[data-v-501e93c3]{background:#f0f4ff;color:#ee6c4d;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600;border:1px solid #ee6c4d}.preview-format[data-v-501e93c3]{background:#fff5f5;color:#d64545;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600;border:1px solid #fed7d7}.capturing-state[data-v-501e93c3]{padding:60px 20px;text-align:center}.capturing-animation[data-v-501e93c3]{margin-bottom:30px}.camera-icon[data-v-501e93c3]{font-size:4rem;margin-bottom:20px;animation:pulse-501e93c3 2s infinite}@keyframes pulse-501e93c3{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.capturing-dots[data-v-501e93c3]{display:flex;justify-content:center;gap:8px}.dot[data-v-501e93c3]{width:10px;height:10px;background:#ee6c4d;border-radius:50%;animation:bounce-501e93c3 1.4s infinite ease-in-out both}.dot[data-v-501e93c3]:nth-child(1){animation-delay:-.32s}.dot[data-v-501e93c3]:nth-child(2){animation-delay:-.16s}@keyframes bounce-501e93c3{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.capturing-state h3[data-v-501e93c3]{font-size:1.4rem;color:#2c3e50;margin-bottom:12px}.capturing-state p[data-v-501e93c3]{color:#666;margin-bottom:30px}.progress-container[data-v-501e93c3]{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:30px}.progress-bar[data-v-501e93c3]{height:100%;background:linear-gradient(90deg,#ee6c4d,#d64545);border-radius:4px;transition:width .3s ease;position:relative}.progress-text[data-v-501e93c3]{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.7rem;color:#fff;font-weight:600}.capturing-steps[data-v-501e93c3]{display:flex;justify-content:center;gap:40px}.step[data-v-501e93c3]{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5;transition:all .3s ease}.step.active[data-v-501e93c3]{opacity:1}.step-icon[data-v-501e93c3]{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-501e93c3]{background:#ee6c4d;color:#fff}.step-label[data-v-501e93c3]{font-size:.9rem;color:#666}.step.active .step-label[data-v-501e93c3]{color:#2c3e50;font-weight:500}.screenshot-preview[data-v-501e93c3]{padding:20px}.preview-container[data-v-501e93c3]{position:relative;border-radius:12px;overflow:hidden;border:1px solid #e9ecef;margin-bottom:20px;max-height:500px;overflow:auto}.screenshot-image[data-v-501e93c3]{width:100%;height:auto;display:block;transition:transform .3s ease}.preview-overlay[data-v-501e93c3]{position:absolute;top:0;left:0;right:0;padding:12px;background:#000000b3;color:#fff;text-align:center;font-size:.9rem}.zoom-controls[data-v-501e93c3]{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px;padding:12px;background:#f8f9fa;border-radius:10px}.zoom-btn[data-v-501e93c3]{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-501e93c3]:hover:not(:disabled){border-color:#ee6c4d;color:#ee6c4d}.zoom-btn[data-v-501e93c3]:disabled{opacity:.5;cursor:not-allowed}.zoom-btn.reset[data-v-501e93c3]{width:auto;padding:0 15px;margin-left:20px}.zoom-display[data-v-501e93c3]{min-width:60px;text-align:center;font-weight:600;color:#2c3e50}.image-info[data-v-501e93c3]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:10px}.info-item[data-v-501e93c3]{display:flex;justify-content:space-between;align-items:center}.info-label[data-v-501e93c3]{font-size:.9rem;color:#666}.info-value[data-v-501e93c3]{font-size:.9rem;font-weight:500;color:#2c3e50}.action-buttons[data-v-501e93c3]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.action-btn[data-v-501e93c3]{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-501e93c3]{background:linear-gradient(135deg,#ee6c4d,#d64545);color:#fff}.action-btn.secondary[data-v-501e93c3]{background:#f8f9fa;border:2px solid #dee2e6;color:#2c3e50}.action-btn[data-v-501e93c3]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.empty-state[data-v-501e93c3]{padding:30px 10px;text-align:center;color:#999}.empty-icon[data-v-501e93c3]{margin-bottom:30px;opacity:.5}.empty-state h3[data-v-501e93c3]{font-size:1.4rem;color:#ccc;margin-bottom:12px}.empty-state p[data-v-501e93c3]{max-width:400px;margin:0 auto 30px;line-height:1.6}.tips-section h4[data-v-501e93c3]{font-size:1rem;color:#2c3e50;margin-bottom:12px;font-weight:600}.tips-list[data-v-501e93c3]{display:flex;flex-direction:column;gap:8px;max-width:400px;margin:0 auto}.tip[data-v-501e93c3]{font-size:.9rem;color:#666;text-align:left;padding:8px 12px;background:#f8f9fa;border-radius:6px}.history-card[data-v-501e93c3]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0000001a}.history-card .card-header[data-v-501e93c3]{margin-bottom:10px;border-bottom:2px solid #f0f4ff}.clear-history[data-v-501e93c3]{background:#fff5f5;color:#d64545;border:1px solid #fed7d7;padding:6px 12px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .3s ease}.clear-history[data-v-501e93c3]:hover{background:#fed7d7}.history-list[data-v-501e93c3]{display:flex;flex-direction:column;gap:12px}.history-item[data-v-501e93c3]{display:flex;align-items:center;gap:16px;padding:12px;background:#f8f9fa;border-radius:10px;cursor:pointer;transition:all .3s ease}.history-item[data-v-501e93c3]:hover{background:#e9ecef;transform:translate(4px)}.history-thumbnail[data-v-501e93c3]{width:60px;height:60px;border-radius:8px;overflow:hidden;border:2px solid #dee2e6}.history-thumbnail img[data-v-501e93c3]{width:100%;height:100%;object-fit:cover}.history-info[data-v-501e93c3]{flex:1}.history-url[data-v-501e93c3]{font-size:.95rem;color:#2c3e50;font-weight:500;margin-bottom:4px}.history-details[data-v-501e93c3]{display:flex;gap:12px;font-size:.8rem;color:#666}.history-action[data-v-501e93c3]{background:transparent;border:none;color:#666;cursor:pointer;padding:6px;border-radius:6px;transition:all .3s ease}.history-action[data-v-501e93c3]:hover{background:#fff5f5;color:#d64545}@media(max-width:1024px){.content-grid[data-v-501e93c3]{grid-template-columns:1fr}.left-column[data-v-501e93c3]{position:static}.action-buttons[data-v-501e93c3]{grid-template-columns:repeat(2,1fr)}.image-info[data-v-501e93c3]{grid-template-columns:1fr}}@media(max-width:768px){.header-content h1[data-v-501e93c3]{font-size:1.8rem}.screenshot-page[data-v-501e93c3]{padding:0}.faq-section[data-v-501e93c3]{margin-top:20px}.stats-grid[data-v-501e93c3]{grid-template-columns:repeat(2,1fr)}.capturing-steps[data-v-501e93c3]{flex-direction:column;gap:20px}.action-buttons[data-v-501e93c3]{grid-template-columns:1fr}.zoom-controls[data-v-501e93c3]{flex-wrap:wrap}}body{background-color:#dfe0e7;padding-top:10px;padding-bottom:0;margin:0;font-family:Mona Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.upload-box{display:block;text-align:center;border:2px dashed #aaa;border-radius:12px;padding:50px 60px;cursor:pointer;background:#f9f9f9;transition:all .3s ease;margin-bottom:20px}.converter{max-width:1000px;margin:0 auto;padding:10px}.converter h2{font-size:20px;margin-bottom:15px;color:#2c3e50;margin-top:40px}.subtitle{font-size:14px;color:#666}.file-icon{font-size:17px;margin-right:8px}.header-content h1{font-size:2.5rem;color:#2c3e50;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px}