@font-face{font-family: 'Inter';font-style: normal;font-weight: 300 700;font-display: swap;src: url('../assets/fonts/inter-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Plus Jakarta Sans';font-style: normal;font-weight: 500 800;font-display: swap;src: url('../assets/fonts/plus-jakarta-sans-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary: #4F46E5;--primary-hover: #4338CA;--primary-light: rgba(79,70,229,0.08);--primary-glow: rgba(79,70,229,0.28);--secondary: #EC4899;--secondary-hover: #DB2777;--secondary-light: rgba(236,72,153,0.1);--accent: #0EA5E9;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--bg-page: #F8FAFC;--bg-surface: #FFFFFF;--bg-surface-elevated: #FFFFFF;--bg-subtle: #F1F5F9;--text-main: #0F172A;--text-muted: #64748B;--text-inverse: #FFFFFF;--border-color: #E2E8F0;--border-subtle: #EDF2F7;--shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md: 0 4px 6px -1px rgba(15,23,42,0.08),0 2px 4px -2px rgba(15,23,42,0.06);--shadow-lg: 0 10px 15px -3px rgba(15,23,42,0.08),0 4px 6px -4px rgba(15,23,42,0.05);--shadow-xl: 0 20px 25px -5px rgba(15,23,42,0.1),0 8px 10px -6px rgba(15,23,42,0.05);--shadow-glow: 0 0 25px var(--primary-glow);--grad-primary: linear-gradient(135deg,#4F46E5 0%,#7C3AED 50%,#EC4899 100%);--grad-hero: radial-gradient(circle at 50% 0%,rgba(79,70,229,0.12) 0%,rgba(236,72,153,0.05) 50%,transparent 70%);--grad-card-hover: linear-gradient(180deg,rgba(79,70,229,0.03) 0%,transparent 100%);--header-height: 72px;--max-width: 1200px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--transition: all 0.25s cubic-bezier(0.4,0,0.2,1)}[data-theme="dark"]{--bg-page: #0B0F19;--bg-surface: #111827;--bg-surface-elevated: #1F2937;--bg-subtle: #1E293B;--text-main: #F8FAFC;--text-muted: #94A3B8;--text-inverse: #0F172A;--border-color: #1E293B;--border-subtle: #162032;--primary: #A5B4FC;--primary-light: rgba(225,29,72,0.15);--secondary-light: rgba(79,70,229,0.15);--shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.4);--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.5);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.6);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.7);--shadow-glow: 0 0 35px rgba(225,29,72,0.35);--grad-hero: radial-gradient(circle at 50% 0%,rgba(225,29,72,0.15) 0%,transparent 70%)}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{scroll-behavior: smooth;font-size: 16px}body{font-family: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background-color: var(--bg-page);color: var(--text-main);line-height: 1.6;min-height: 100vh;display: flex;flex-direction: column;transition: background-color 0.3s ease,color 0.3s ease;overflow-x: hidden}h1,h2,h3,h4,h5,h6{font-family: 'Plus Jakarta Sans',sans-serif;color: var(--text-main);font-weight: 700;line-height: 1.25}a{color: inherit;text-decoration: none;transition: var(--transition)}button,input,select,textarea{font-family: inherit;color: inherit}.container{width: 100%;max-width: var(--max-width);margin: 0 auto;padding: 0 1.5rem}.site-header{position: sticky;top: 0;z-index: 100;height: var(--header-height);background: rgba(255,255,255,0.85);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-bottom: 1px solid var(--border-color);transition: var(--transition)}[data-theme="dark"] .site-header{background: rgba(17,24,39,0.85)}.header-container{display: flex;align-items: center;justify-content: space-between;height: 100%}.brand-logo{display: flex;align-items: center;gap: 0.75rem;font-family: 'Plus Jakarta Sans',sans-serif;font-weight: 800;font-size: 1.35rem;letter-spacing: -0.03em;color: var(--text-main);transition: var(--transition)}.brand-logo:hover{transform: translateY(-1px)}.brand-logo-img{width: 36px;height: 36px;filter: drop-shadow(0 4px 8px var(--primary-glow));transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1)}.brand-logo:hover .brand-logo-img{transform: scale(1.1) rotate(-4deg)}.brand-name{display: flex;align-items: center;gap: 0.15rem;font-size: 1.35rem;font-weight: 800;letter-spacing: -0.03em;color: var(--text-main)}.brand-name-accent{background: linear-gradient(135deg,#6366F1 0%,#A855F7 50%,#EC4899 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 800}.nav-menu{display: flex;align-items: center;gap: 1rem;list-style: none}.nav-link{font-weight: 600;font-size: 0.95rem;color: var(--text-muted);padding: 0.5rem 0.85rem;border-radius: var(--radius-sm);display: flex;align-items: center;gap: 0.45rem;background: transparent;border: none;cursor: pointer;white-space: nowrap;transition: var(--transition)}.nav-link:hover,.nav-link.active{color: var(--primary);background: var(--primary-light)}.nav-item-dropdown{position: relative}.dropdown-toggle{display: inline-flex;align-items: center;gap: 0.4rem}.dropdown-chevron{transition: transform 0.25s ease}.nav-item-dropdown:hover .dropdown-chevron,.nav-item-dropdown.open .dropdown-chevron{transform: rotate(180deg)}.dropdown-megamenu{position: absolute;top: 100%;left: 50%;transform: translateX(-50%) translateY(12px);width: 580px;background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--radius-lg);box-shadow: var(--shadow-xl),0 20px 35px -10px var(--primary-glow);padding: 1.5rem;opacity: 0;visibility: hidden;pointer-events: none;transition: all 0.25s cubic-bezier(0.16,1,0.3,1);z-index: 1000}.nav-item-dropdown:hover .dropdown-megamenu,.nav-item-dropdown.open .dropdown-megamenu{opacity: 1;visibility: visible;pointer-events: auto;transform: translateX(-50%) translateY(6px)}.dropdown-megamenu::before{content: '';position: absolute;top: -16px;left: 0;right: 0;height: 16px}.megamenu-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 1.5rem}.megamenu-category{font-size: 0.72rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.08em;color: var(--text-muted);margin-bottom: 0.75rem;padding-left: 0.5rem}.megamenu-col{display: flex;flex-direction: column;gap: 0.35rem}.megamenu-item{display: flex;align-items: center;gap: 0.85rem;padding: 0.6rem 0.75rem;border-radius: var(--radius-md);text-decoration: none;transition: var(--transition)}.megamenu-item:hover{background: var(--bg-subtle);transform: translateX(3px)}.megamenu-icon{width: 36px;height: 36px;border-radius: var(--radius-sm);display: flex;align-items: center;justify-content: center;flex-shrink: 0;transition: transform 0.2s ease}.megamenu-item:hover .megamenu-icon{transform: scale(1.1)}.megamenu-icon svg{width: 18px;height: 18px}.icon-merge{background: rgba(79,70,229,0.12);color: #4F46E5}.icon-split{background: rgba(14,165,233,0.12);color: #0EA5E9}.icon-compress{background: rgba(16,185,129,0.12);color: #10B981}.icon-rotate{background: rgba(245,158,11,0.12);color: #F59E0B}.icon-pdf2img{background: rgba(168,85,247,0.12);color: #A855F7}.icon-img2pdf{background: rgba(236,72,153,0.12);color: #EC4899}.icon-extract{background: rgba(99,102,241,0.12);color: #6366F1}.icon-protect{background: rgba(100,116,139,0.15);color: #475569}[data-theme="dark"] .icon-protect{color: #94A3B8}.megamenu-info{display: flex;flex-direction: column}.megamenu-title{font-size: 0.88rem;font-weight: 700;color: var(--text-main);line-height: 1.25}.megamenu-desc{font-size: 0.75rem;color: var(--text-muted);line-height: 1.3}.nav-actions{display: flex;align-items: center;gap: 0.75rem}.lang-switch{position: relative}.lang-current{display: flex;align-items: center;gap: 0.35rem;background: var(--bg-subtle);border: 1px solid var(--border-color);border-radius: var(--radius-full);padding: 0.35rem 0.65rem;font-size: 0.8rem;font-weight: 700;color: #475569;cursor: pointer;transition: var(--transition)}[data-theme="dark"] .lang-current{color: var(--text-muted)}.lang-current:hover,.lang-current[aria-expanded="true"]{color: var(--text-main);border-color: var(--primary)}.lang-chevron{transition: transform 0.2s ease}.lang-current[aria-expanded="true"] .lang-chevron{transform: rotate(180deg)}.lang-menu{position: absolute;top: calc(100% + 0.4rem);right: 0;z-index: 60;min-width: 10rem;list-style: none;margin: 0;padding: 0.35rem;background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--radius-md);box-shadow: var(--shadow-xl)}.lang-flag{display: inline-flex;flex-shrink: 0;width: 18px;height: 18px;border-radius: 50%;overflow: hidden;box-shadow: 0 0 0 1px rgba(15,23,42,0.18)}.lang-flag svg{display: block;width: 100%;height: 100%}.lang-menu a{display: flex;align-items: center;gap: 0.6rem;padding: 0.5rem 0.75rem;border-radius: var(--radius-sm);font-size: 0.9rem;font-weight: 500;color: var(--text-main);text-decoration: none}.lang-menu a:hover,.lang-menu a:focus-visible{background: var(--bg-subtle);outline: none}.lang-menu a.active{color: var(--primary);font-weight: 700;background: var(--primary-light)}.btn-icon{background: var(--bg-subtle);border: 1px solid var(--border-color);color: var(--text-main);width: 40px;height: 40px;border-radius: var(--radius-full);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: var(--transition)}.btn-icon:hover{background: var(--border-color);transform: translateY(-1px)}.mobile-toggle{display: none}.hero{position: relative;padding: 5rem 0 3.5rem;background: var(--grad-hero);text-align: center;overflow: hidden}.hero::before{content: '';position: absolute;top: -80px;left: 50%;transform: translateX(-50%);width: 700px;height: 380px;background: radial-gradient(circle,rgba(225,29,72,0.16) 0%,rgba(124,58,237,0.1) 45%,transparent 70%);filter: blur(50px);pointer-events: none;z-index: 0}.hero .container{position: relative;z-index: 1}.badge-tag{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.35rem 1rem;background: var(--primary-light);color: var(--primary);border-radius: var(--radius-full);font-size: 0.85rem;font-weight: 600;margin-bottom: 1.5rem;box-shadow: var(--shadow-sm);border: 1px solid rgba(225,29,72,0.2);backdrop-filter: blur(8px)}.hero-title{font-size: clamp(2.2rem,5vw,3.5rem);font-weight: 800;letter-spacing: -0.03em;margin-bottom: 1.25rem;max-width: 850px;margin-left: auto;margin-right: auto}.text-gradient{background: var(--grad-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent}.hero-subtitle{font-size: 1.15rem;color: var(--text-muted);max-width: 650px;margin: 0 auto 2.5rem}.privacy-badge{display: inline-flex;align-items: center;gap: 0.5rem;color: var(--success);font-weight: 600;font-size: 0.95rem;background: rgba(16,185,129,0.1);padding: 0.4rem 1.2rem;border-radius: var(--radius-full);border: 1px solid rgba(16,185,129,0.25)}.tools-section{padding: 3rem 0 5rem}.section-header{text-align: center;margin-bottom: 3rem}.section-title{font-size: 2rem;margin-bottom: 0.75rem}.section-subtitle{color: var(--text-muted);font-size: 1.05rem}.tools-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 1.5rem}.tool-card{background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: 1.85rem;display: flex;flex-direction: column;position: relative;transition: all 0.3s cubic-bezier(0.16,1,0.3,1);text-decoration: none;overflow: hidden}.tool-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: var(--grad-primary);opacity: 0;transition: opacity 0.3s ease}.tool-card:hover{transform: translateY(-6px);box-shadow: 0 16px 30px -10px rgba(225,29,72,0.12),var(--shadow-xl);border-color: rgba(225,29,72,0.45)}.tool-card:hover::before{opacity: 1}.tool-icon-wrapper{width: 52px;height: 52px;border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;margin-bottom: 1.25rem;transition: var(--transition)}.tool-icon-wrapper svg{width: 26px;height: 26px}.icon-red{background: #FFE4E6;color: #E11D48}.icon-indigo{background: #EEF2FF;color: #4F46E5}.icon-blue{background: #E0F2FE;color: #0284C7}.icon-emerald{background: #D1FAE5;color: #059669}.icon-amber{background: #FEF3C7;color: #D97706}.icon-purple{background: #F3E8FF;color: #9333EA}[data-theme="dark"] .icon-red{background: rgba(225,29,72,0.2);color: #FB7185}[data-theme="dark"] .icon-indigo{background: rgba(79,70,229,0.2);color: #818CF8}[data-theme="dark"] .icon-blue{background: rgba(2,132,199,0.2);color: #38BDF8}[data-theme="dark"] .icon-emerald{background: rgba(5,150,105,0.2);color: #34D399}[data-theme="dark"] .icon-amber{background: rgba(217,119,6,0.2);color: #FBBF24}[data-theme="dark"] .icon-purple{background: rgba(147,51,234,0.2);color: #C084FC}.tool-card:hover .tool-icon-wrapper{transform: scale(1.1)}.tool-title{font-size: 1.2rem;font-weight: 700;margin-bottom: 0.5rem;color: var(--text-main)}.tool-desc{font-size: 0.9rem;color: var(--text-muted);margin-bottom: 1.25rem;flex-grow: 1}.tool-badge{align-self: flex-start;font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;padding: 0.25rem 0.65rem;border-radius: var(--radius-sm);background: var(--bg-subtle);color: var(--text-muted)}.ad-slot{display: flex;flex-direction: column;align-items: center;justify-content: center;margin: 2.5rem auto;width: 100%;max-width: 970px;min-height: 90px;background: var(--bg-subtle);border: 1px dashed var(--border-color);border-radius: var(--radius-md);padding: 0.5rem;position: relative;text-align: center;overflow: hidden}.ad-label{font-size: 0.68rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.1em;color: var(--text-muted);margin-bottom: 0.35rem}.ad-placeholder-text{font-size: 0.85rem;color: var(--text-muted);font-style: italic}.ad-slot-sidebar{min-height: 250px;max-width: 300px}.ad-slot-content{margin: 2rem auto 2.5rem;max-width: 728px}.ad-rail{display: none}@media (min-width: 1600px){.ad-rail{position: fixed;top: calc(var(--header-height) + 1.5rem);right: calc((100vw - var(--max-width)) / 2 - 160px - 2rem);width: 160px;min-height: 600px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: 0.75rem;background: var(--bg-subtle);border: 1px dashed var(--border-color);border-radius: var(--radius-md);z-index: 5;transition: opacity 0.25s ease}.ad-rail.ad-rail-hidden{opacity: 0;pointer-events: none}}[data-ad-position]:not(.ad-active){display: none !important}.features-section{padding: 4rem 0;background: var(--bg-surface);border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color)}.features-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: 2rem}.feature-box{display: flex;gap: 1.25rem;align-items: flex-start}.feature-icon{width: 44px;height: 44px;background: var(--primary-light);color: var(--primary);border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;flex-shrink: 0}.feature-icon svg{width: 22px;height: 22px}.feature-box h4{font-size: 1.05rem;margin-bottom: 0.35rem}.feature-box p{font-size: 0.88rem;color: var(--text-muted)}.seo-section{padding: 4rem 0}.seo-card{background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--radius-xl);padding: 3rem;box-shadow: var(--shadow-sm)}.text-section-title{font-size: 1.17rem;margin-bottom: 0.5rem}.seo-content h2{font-size: 1.85rem;margin-bottom: 1rem}.seo-content p{color: var(--text-muted);margin-bottom: 1.25rem;font-size: 1rem}.faq-list{margin-top: 2.5rem;display: flex;flex-direction: column;gap: 1rem}.faq-item{border: 1px solid var(--border-color);border-radius: var(--radius-md);overflow: hidden;background: var(--bg-page);transition: var(--transition)}.faq-question{width: 100%;padding: 1.25rem;background: none;border: none;text-align: left;display: flex;align-items: center;justify-content: space-between;font-size: 1.05rem;font-weight: 600;cursor: pointer;color: var(--text-main)}.faq-question svg{width: 20px;height: 20px;transition: transform 0.3s ease;color: var(--text-muted)}.faq-item.active .faq-question svg{transform: rotate(180deg);color: var(--primary)}.faq-answer{max-height: 0;overflow: hidden;transition: max-height 0.3s ease-out;padding: 0 1.25rem;color: var(--text-muted);font-size: 0.95rem}.faq-item.active .faq-answer{padding-bottom: 1.25rem}.site-footer{background: var(--bg-surface);border-top: 1px solid var(--border-color);padding: 4rem 0 2rem;margin-top: auto}.footer-grid{display: grid;grid-template-columns: 2fr repeat(3,1fr);gap: 3rem;margin-bottom: 3rem}.footer-brand p{color: var(--text-muted);font-size: 0.9rem;margin: 1rem 0 1.5rem;max-width: 320px}.footer-col h2{font-size: 0.95rem;font-weight: 700;margin-bottom: 1.25rem;text-transform: uppercase;letter-spacing: 0.05em;color: var(--text-main)}.footer-links{list-style: none;display: flex;flex-direction: column;gap: 0.75rem}.footer-links a{font-size: 0.9rem;color: var(--text-muted)}.footer-links a:hover{color: var(--primary);padding-left: 4px}.footer-bottom{border-top: 1px solid var(--border-color);padding-top: 2rem;display: flex;align-items: center;justify-content: space-between;font-size: 0.85rem;color: var(--text-muted);flex-wrap: wrap;gap: 1rem}.cookie-banner{position: fixed;bottom: 1.5rem;left: 1.5rem;right: 1.5rem;max-width: 480px;background: var(--bg-surface-elevated);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: 1.5rem;box-shadow: var(--shadow-xl);z-index: 1000;display: none;animation: slideUp 0.4s ease}@keyframes slideUp{from{transform: translateY(100%);opacity: 0}to{transform: translateY(0);opacity: 1}}.cookie-content h4{font-size: 1.1rem;margin-bottom: 0.5rem}.cookie-content p{font-size: 0.85rem;color: var(--text-muted);margin-bottom: 1.25rem}.cookie-actions{display: flex;gap: 0.75rem}.btn-primary{background: var(--grad-primary);color: white;border: none;border-radius: var(--radius-sm);padding: 0.65rem 1.25rem;font-weight: 600;font-size: 0.9rem;cursor: pointer;transition: var(--transition)}.btn-primary:hover{box-shadow: 0 4px 15px var(--primary-glow);transform: translateY(-1px)}.btn-secondary{background: var(--bg-subtle);border: 1px solid var(--border-color);color: var(--text-main);border-radius: var(--radius-sm);padding: 0.65rem 1.25rem;font-weight: 600;font-size: 0.9rem;cursor: pointer;transition: var(--transition)}.btn-secondary:hover{background: var(--border-color)}@media (max-width: 900px){.footer-grid{grid-template-columns: 1fr 1fr;gap: 2rem}}@media (min-width: 821px) and (max-width: 1100px){.nav-menu{gap: 0.15rem}.nav-link{font-size: 0.88rem;padding: 0.45rem 0.55rem}.nav-actions{gap: 0.4rem}}@media (max-width: 820px){.nav-menu{display: none;position: absolute;top: var(--header-height);left: 0;right: 0;background: var(--bg-surface);border-bottom: 1px solid var(--border-color);flex-direction: column;padding: 1.25rem 1.5rem;gap: 0.5rem;box-shadow: var(--shadow-xl);max-height: calc(100vh - var(--header-height));overflow-y: auto}.nav-menu.nav-mobile-open{display: flex}.mobile-toggle{display: flex}.nav-item-dropdown{width: 100%}.dropdown-toggle{width: 100%;justify-content: space-between}.dropdown-megamenu{position: static;transform: none !important;width: 100%;opacity: 1;visibility: visible;pointer-events: auto;box-shadow: none;border: none;padding: 0.5rem 0 0.5rem 0.5rem;display: none;background: transparent}.nav-item-dropdown.open .dropdown-megamenu{display: block}.megamenu-grid{grid-template-columns: 1fr;gap: 1rem}.footer-grid{grid-template-columns: 1fr}.hero{padding: 3rem 0 2rem}}@media (max-width: 480px){.nav-actions{gap: 0.3rem}.lang-current{padding: 0.3rem 0.5rem}.lang-chevron{display: none}.lang-current{gap: 0.3rem;padding: 0.3rem 0.45rem}.nav-actions .btn-icon{width: 36px;height: 36px}.brand-name{font-size: 1.2rem}.brand-logo{gap: 0.45rem;margin-right: 0.5rem}.seo-card{padding: 1.75rem 1.25rem}.footer-bottom{gap: 1rem}.footer-bottom>div{flex-wrap: wrap;column-gap: 1rem !important;row-gap: 0.5rem}}.tool-workspace{padding: 2.5rem 0 4rem;min-height: calc(100vh - var(--header-height) - 300px)}.tool-header{text-align: center;max-width: 750px;margin: 0 auto 2.5rem}.tool-breadcrumb{display: inline-flex;align-items: center;gap: 0.5rem;font-size: 0.85rem;color: var(--text-muted);margin-bottom: 1rem}.tool-breadcrumb a:hover{color: var(--primary)}.tool-page-title{font-size: clamp(2rem,4vw,2.75rem);margin-bottom: 0.75rem}.tool-page-desc{font-size: 1.05rem;color: var(--text-muted)}.dropzone-container{max-width: 820px;margin: 0 auto}.upload-dropzone{background: var(--bg-surface);border: 2px dashed var(--border-color);border-radius: var(--radius-xl);padding: 4rem 2rem;text-align: center;cursor: pointer;transition: var(--transition);position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;box-shadow: var(--shadow-sm)}.upload-dropzone:hover,.upload-dropzone.dragover{border-color: var(--primary);background: var(--primary-light);transform: scale(1.01);box-shadow: var(--shadow-lg)}.dropzone-icon{width: 76px;height: 76px;background: var(--primary-light);color: var(--primary);border-radius: var(--radius-full);display: flex;align-items: center;justify-content: center;margin-bottom: 1.5rem;transition: var(--transition)}.upload-dropzone:hover .dropzone-icon,.upload-dropzone.dragover .dropzone-icon{transform: translateY(-4px) scale(1.05)}.dropzone-icon svg{width: 38px;height: 38px}.dropzone-title{font-size: 1.35rem;font-weight: 700;margin-bottom: 0.5rem}.dropzone-subtitle{color: var(--text-muted);font-size: 0.95rem;margin-bottom: 1.5rem}.btn-upload{background: var(--grad-primary);color: white;padding: 0.85rem 2rem;font-size: 1.05rem;font-weight: 600;border-radius: var(--radius-full);border: none;cursor: pointer;box-shadow: 0 4px 15px var(--primary-glow);display: inline-flex;align-items: center;gap: 0.5rem;transition: var(--transition)}.btn-upload:hover{transform: translateY(-2px);box-shadow: 0 6px 20px var(--primary-glow)}.privacy-notice{display: flex;align-items: center;justify-content: center;gap: 0.5rem;margin-top: 1.5rem;font-size: 0.82rem;color: var(--text-muted)}.privacy-notice svg{width: 16px;height: 16px;color: var(--success)}.file-input-hidden{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer}.work-area{display: none;background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--radius-xl);padding: 2rem;box-shadow: var(--shadow-md);margin-bottom: 2rem}.work-area-header{display: flex;align-items: center;justify-content: space-between;padding-bottom: 1.25rem;border-bottom: 1px solid var(--border-color);margin-bottom: 1.75rem;flex-wrap: wrap;gap: 1rem}.work-area-title{display: flex;align-items: center;flex-wrap: wrap;gap: 0.75rem;font-size: 1.25rem}.notfound-code{font-size: 5rem;font-weight: 800;line-height: 1;margin-bottom: 1rem;color: var(--primary)}.legal-text a{color: var(--primary);text-decoration: underline}.legal-owner-list{list-style: none;margin-top: 0.75rem;display: flex;flex-direction: column;gap: 0.35rem}.legal-pending{color: var(--danger,#DC2626);font-style: italic}.contact-honeypot{position: absolute;left: -9999px;width: 1px;height: 1px;opacity: 0}.contact-privacy{font-size: 0.82rem;color: var(--text-muted);text-align: center}.contact-privacy a{color: var(--primary);text-decoration: underline}.contact-status{text-align: center;font-weight: 600;font-size: 0.92rem;min-height: 1.4em}.contact-status-success{color: var(--success,#10B981)}.contact-status-error{color: var(--danger,#DC2626)}.btn-back{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.45rem 0.9rem;font-size: 0.88rem;font-weight: 600;color: var(--text-main);background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--radius-full);cursor: pointer;transition: var(--transition)}.btn-back:hover{border-color: var(--primary);color: var(--primary);background: var(--primary-light)}.file-count-badge{background: var(--primary-light);color: var(--primary);font-size: 0.85rem;padding: 0.2rem 0.65rem;border-radius: var(--radius-full);font-weight: 700}.work-actions{display: flex;gap: 0.75rem}.files-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(210px,1fr));gap: 1.25rem;margin-bottom: 2rem}.file-card{background: var(--bg-page);border: 1px solid var(--border-color);border-radius: var(--radius-md);padding: 1rem;display: flex;flex-direction: column;position: relative;transition: var(--transition)}.file-card:hover{border-color: var(--primary);box-shadow: var(--shadow-md)}.file-thumb-box{width: 100%;height: 160px;background: var(--bg-surface);border-radius: var(--radius-sm);display: flex;align-items: center;justify-content: center;margin-bottom: 0.85rem;overflow: hidden;position: relative;border: 1px solid var(--border-subtle)}.file-thumb-box canvas,.file-thumb-box img{max-width: 100%;max-height: 100%;object-fit: contain}.file-thumb-fallback{color: var(--primary)}.file-thumb-fallback svg{width: 48px;height: 48px}.file-meta{flex-grow: 1}.file-name{font-size: 0.88rem;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 0.25rem;color: var(--text-main)}.file-details{font-size: 0.75rem;color: var(--text-muted)}.file-card-actions{display: flex;justify-content: space-between;align-items: center;margin-top: 0.75rem;padding-top: 0.5rem;border-top: 1px solid var(--border-subtle)}.btn-card-action{background: none;border: none;color: var(--text-muted);cursor: pointer;padding: 0.35rem;border-radius: var(--radius-sm);display: flex;align-items: center;justify-content: center;transition: var(--transition)}.btn-card-action:hover{color: var(--primary);background: var(--primary-light)}.btn-card-delete:hover{color: var(--danger);background: rgba(239,68,68,0.1)}.btn-card-action svg{width: 16px;height: 16px}.add-more-card{border: 2px dashed var(--border-color);background: transparent;display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 240px;border-radius: var(--radius-md);cursor: pointer;transition: var(--transition);color: var(--text-muted);gap: 0.75rem}.add-more-card:hover{border-color: var(--primary);color: var(--primary);background: var(--primary-light)}.add-more-card svg{width: 32px;height: 32px}.tool-options-panel{background: var(--bg-page);border: 1px solid var(--border-color);border-radius: var(--radius-md);padding: 1.5rem;margin-bottom: 2rem}.options-title{font-size: 1.05rem;font-weight: 700;margin-bottom: 1.25rem;display: flex;align-items: center;gap: 0.5rem}.form-group{margin-bottom: 1.25rem}.form-group:last-child{margin-bottom: 0}.form-label{display: block;font-size: 0.88rem;font-weight: 600;margin-bottom: 0.5rem;color: var(--text-main)}.form-input{width: 100%;padding: 0.75rem 1rem;background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--radius-sm);color: var(--text-main);font-size: 0.95rem;transition: var(--transition)}.form-input:focus{outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px var(--primary-light)}.radio-cards-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(180px,1fr));gap: 0.75rem}.radio-card{border: 1px solid var(--border-color);border-radius: var(--radius-sm);padding: 1rem;background: var(--bg-surface);cursor: pointer;transition: var(--transition);display: flex;flex-direction: column;gap: 0.25rem}.radio-card input{display: none}.radio-card:hover{border-color: var(--primary)}.radio-card.active{border-color: var(--primary);background: var(--primary-light);color: var(--primary)}.radio-card-title{font-weight: 700;font-size: 0.95rem}.radio-card-desc{font-size: 0.78rem;color: var(--text-muted)}.radio-card-estimate{margin-top: 0.35rem;font-size: 0.85rem;color: var(--text-muted)}.radio-card-estimate strong{color: var(--primary);font-weight: 800}.compress-slider{margin-top: 1.5rem;padding-top: 1.25rem;border-top: 1px solid var(--border-color)}.compress-slider-header{display: flex;justify-content: space-between;align-items: baseline;flex-wrap: wrap;gap: 0.5rem}.compress-slider-value{color: var(--primary);font-weight: 800;font-size: 1.1rem}.compress-slider input[type="range"]{width: 100%;margin: 0.75rem 0 0.4rem;accent-color: var(--primary);cursor: pointer}.compress-slider input[type="range"]:disabled{cursor: wait;opacity: 0.5}.compress-slider-scale{display: flex;justify-content: space-between;gap: 0.5rem;font-size: 0.78rem;color: var(--text-muted)}.compress-slider-scale #sliderQuality{font-weight: 600;color: var(--text-main)}.compress-slider-note{margin-top: 0.75rem;font-size: 0.78rem;color: var(--text-muted)}.tool-action-bar{display: flex;align-items: center;justify-content: flex-end;gap: 1rem;padding-top: 1.5rem;border-top: 1px solid var(--border-color)}.btn-execute{background: var(--grad-primary);color: white;padding: 0.9rem 2.5rem;font-size: 1.1rem;font-weight: 700;border-radius: var(--radius-full);border: none;cursor: pointer;box-shadow: 0 4px 15px var(--primary-glow);display: inline-flex;align-items: center;gap: 0.65rem;transition: var(--transition)}.btn-execute:hover:not(:disabled){transform: translateY(-2px);box-shadow: 0 8px 25px var(--primary-glow)}.btn-execute:disabled{opacity: 0.6;cursor: not-allowed}.processing-overlay{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(11,15,25,0.7);backdrop-filter: blur(8px);z-index: 200;align-items: center;justify-content: center}.processing-box{background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--radius-xl);padding: 3rem 2.5rem;text-align: center;max-width: 440px;width: 90%;box-shadow: var(--shadow-xl);animation: popIn 0.3s ease}@keyframes popIn{from{transform: scale(0.9);opacity: 0}to{transform: scale(1);opacity: 1}}.spinner{width: 56px;height: 56px;border: 4px solid var(--border-color);border-top-color: var(--primary);border-radius: var(--radius-full);animation: spin 0.8s linear infinite;margin: 0 auto 1.5rem}@keyframes spin{to{transform: rotate(360deg)}}.processing-title{font-size: 1.25rem;margin-bottom: 0.5rem}.processing-desc{font-size: 0.9rem;color: var(--text-muted)}.result-view{display: none;text-align: center;padding: 3.5rem 1.5rem;background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--radius-xl);max-width: 650px;margin: 0 auto;box-shadow: var(--shadow-lg)}.result-icon-check{width: 80px;height: 80px;background: rgba(16,185,129,0.12);color: var(--success);border-radius: var(--radius-full);display: flex;align-items: center;justify-content: center;margin: 0 auto 1.5rem}.result-icon-check svg{width: 44px;height: 44px}.result-title{font-size: 1.85rem;margin-bottom: 0.5rem}.result-subtitle{color: var(--text-muted);font-size: 1rem;margin-bottom: 2rem}.result-download-btn{background: var(--grad-primary);color: white;padding: 1rem 3rem;font-size: 1.15rem;font-weight: 700;border-radius: var(--radius-full);border: none;cursor: pointer;box-shadow: 0 4px 20px var(--primary-glow);display: inline-flex;align-items: center;gap: 0.65rem;transition: var(--transition);text-decoration: none;margin-bottom: 1.5rem}.result-download-btn:hover{transform: translateY(-2px);box-shadow: 0 8px 30px var(--primary-glow)}.result-actions{display: flex;justify-content: center;gap: 1rem}.toast-container{position: fixed;bottom: 2rem;right: 2rem;z-index: 1000;display: flex;flex-direction: column;gap: 0.75rem}.toast{background: var(--bg-surface-elevated);color: var(--text-main);border: 1px solid var(--border-color);border-radius: var(--radius-md);padding: 1rem 1.5rem;box-shadow: var(--shadow-lg);font-size: 0.9rem;display: flex;align-items: center;gap: 0.75rem;animation: slideLeft 0.3s ease}@keyframes slideLeft{from{transform: translateX(100%);opacity: 0}to{transform: translateX(0);opacity: 1}}.toast-error{border-left: 4px solid var(--danger)}.toast-success{border-left: 4px solid var(--success)}.file-card-drag-handle{display: flex;align-items: center;justify-content: center;gap: 0.35rem;padding: 0.4rem 0.6rem;margin-bottom: 0.65rem;background: var(--bg-surface);border: 1px dashed var(--border-color);border-radius: var(--radius-sm);color: var(--text-muted);font-size: 0.75rem;font-weight: 600;cursor: grab;user-select: none;transition: var(--transition)}.file-card-drag-handle:hover{background: var(--primary-light);border-color: var(--primary);color: var(--primary)}.file-card-drag-handle:active{cursor: grabbing}.file-card.dragging{opacity: 0.4;transform: scale(0.96);border-color: var(--primary);box-shadow: 0 10px 25px rgba(79,70,229,0.2)}.file-card.drag-over{border: 2px dashed var(--primary);background: var(--primary-light)}.btn-card-delete-only{background: rgba(239,68,68,0.08);border: 1px solid rgba(239,68,68,0.2);color: #EF4444;border-radius: var(--radius-sm);padding: 0.45rem 0.85rem;font-size: 0.8rem;font-weight: 600;display: inline-flex;align-items: center;gap: 0.35rem;cursor: pointer;transition: var(--transition);margin-left: auto}.btn-card-delete-only:hover{background: #EF4444;color: #FFFFFF;border-color: #EF4444;box-shadow: 0 4px 12px rgba(239,68,68,0.3);transform: translateY(-1px)}.work-summary-bar{display: flex;align-items: center;justify-content: space-between;background: var(--bg-page);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: 1rem 1.5rem;margin-bottom: 1.5rem;flex-wrap: wrap;gap: 1rem}.summary-pill{display: flex;align-items: center;gap: 0.5rem;font-size: 0.9rem;color: var(--text-muted)}.summary-value{color: var(--primary);font-weight: 800;font-size: 1.05rem}[hidden]{display: none !important}.split-summary{font-size: 0.88rem;font-weight: 600;color: var(--primary)}.split-summary.is-error{color: var(--danger,#DC2626)}.page-part-badge{font-size: 0.72rem;font-weight: 700;padding: 0.1rem 0.5rem;border-radius: var(--radius-full);background: #4F46E5;color: white}.page-preview-card.excluded{opacity: 0.4}.page-preview-card.excluded .page-part-badge{background: var(--text-muted)}.split-files-list{max-width: 560px;margin: 0 auto 1rem;display: flex;flex-direction: column;gap: 0.5rem;text-align: left}.split-file-row{display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding: 0.65rem 1rem;border: 1px solid var(--border-color);border-radius: var(--radius-sm);background: var(--bg-surface)}.split-file-name{font-weight: 600;font-size: 0.9rem;word-break: break-all}.split-file-meta{font-size: 0.78rem;color: var(--text-muted)}.split-file-row .btn-secondary{flex-shrink: 0}.result-info-bar{justify-content: center;gap: 1rem 2.5rem;max-width: 560px;margin: 0 auto 2rem}.next-actions-container{margin-top: 2.5rem;padding-top: 2rem;border-top: 1px solid var(--border-color);text-align: left}.next-actions-title{font-size: 1.25rem;font-weight: 800;margin-bottom: 0.4rem;color: var(--text-main);text-align: center}.next-actions-desc{font-size: 0.9rem;color: var(--text-muted);text-align: center;margin-bottom: 1.5rem}.next-actions-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(180px,1fr));gap: 1rem}.next-action-card{display: flex;flex-direction: column;align-items: center;text-align: center;gap: 0.75rem;padding: 1.25rem 1rem;background: var(--bg-page);border: 1px solid var(--border-color);border-radius: var(--radius-lg);text-decoration: none;color: var(--text-main);transition: var(--transition);cursor: pointer}.next-action-card:hover{border-color: var(--primary);background: var(--bg-surface);transform: translateY(-3px);box-shadow: var(--shadow-md)}.next-action-icon{width: 44px;height: 44px;border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;color: white}.next-action-label{font-size: 0.92rem;font-weight: 700}.stats-counter-section{margin: 1.5rem auto 2.5rem;max-width: 900px}.stats-counter-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: 1.25rem}.stats-card{background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--radius-xl);padding: 1.5rem;text-align: center;box-shadow: var(--shadow-sm);position: relative;overflow: hidden;transition: var(--transition)}.stats-card:hover{transform: translateY(-3px);box-shadow: var(--shadow-md);border-color: var(--primary)}.stats-card-number{font-size: 2.25rem;font-weight: 900;letter-spacing: -0.03em;background: var(--grad-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 1.1;margin-bottom: 0.35rem;font-variant-numeric: tabular-nums}.stats-card-label{font-size: 0.88rem;font-weight: 600;color: var(--text-muted)}.guide-meta{display: inline-flex;align-items: center;gap: 0.5rem;margin-top: 1rem;font-size: 0.8rem;color: var(--text-muted)}.guide-meta span:first-child{background: var(--primary-light);color: var(--primary);font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;padding: 0.2rem 0.65rem;border-radius: var(--radius-full)}.guide-body{max-width: 820px;margin: 0 auto;display: flex;flex-direction: column;gap: 1.25rem;line-height: 1.65}.guide-body h2{font-size: 1.15rem;margin-bottom: 0.6rem}.guide-body p,.guide-body li,.tool-info p,.tool-info li{color: var(--text-muted)}.guide-body strong,.tool-info strong{color: var(--text-main)}.guide-body a:not(.btn-primary),.tool-info a,.related-guide a{color: var(--primary);font-weight: 600;text-decoration: underline;text-underline-offset: 2px}.guide-steps{list-style: none;counter-reset: guide-step;display: flex;flex-direction: column;gap: 1rem}.guide-step,.guide-card{background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);padding: 1.5rem 1.75rem}.guide-step{counter-increment: guide-step;display: grid;grid-template-columns: 2.5rem 1fr;gap: 1.25rem;align-items: start}.guide-step::before{content: counter(guide-step);width: 2.5rem;height: 2.5rem;border-radius: 50%;background: var(--grad-primary);color: #fff;font-family: 'Plus Jakarta Sans',sans-serif;font-weight: 800;font-size: 1.1rem;display: flex;align-items: center;justify-content: center}.guide-step-body{padding-top: 0.35rem}.guide-substeps,.guide-bullets{margin-left: 1.25rem;display: flex;flex-direction: column;gap: 0.5rem}.guide-substeps li::marker,.guide-bullets li::marker{color: var(--primary);font-weight: 700}.guide-cards{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 1rem}.guide-card-wide{grid-column: 1 / -1}.guide-privacy{padding: 1rem 1.25rem;background: var(--primary-light);border-left: 4px solid var(--primary);border-radius: var(--radius-md);font-size: 0.95rem}.guide-body .guide-privacy{color: var(--text-main)}.guide-cta{margin-top: 0.75rem;text-align: center}.guide-cta .btn-primary{display: inline-block;font-size: 1rem;padding: 0.85rem 1.75rem;text-decoration: none}.tool-info{max-width: 900px;margin: 4rem auto 0;display: flex;flex-direction: column;gap: 3rem;line-height: 1.65}.tool-info-block>h2{font-size: clamp(1.4rem,3vw,1.75rem);text-align: center;margin-bottom: 1.25rem}.tool-info-intro{text-align: center;max-width: 720px;margin: -0.5rem auto 1.5rem;font-size: 1.02rem}.tool-info .guide-step-body p{margin: 0}.tool-info .guide-card h3{font-size: 1.05rem;margin-bottom: 0.4rem}.tool-info .guide-card p{font-size: 0.95rem;margin: 0}.tool-info-why .guide-card{border-top: 3px solid var(--primary)}.tool-info .guide-cards:not(.tool-info-why){grid-template-columns: repeat(auto-fit,minmax(300px,1fr))}.tool-info .faq-list{margin-top: 0}.tool-info .ad-slot-content{margin: 0 auto}.related-guide{margin: 2.5rem auto 0;max-width: 860px;padding: 1.1rem 1.4rem;background: var(--bg-surface);border: 1px solid var(--border-color);border-left: 4px solid var(--primary);border-radius: var(--radius-md);font-size: 0.95rem;color: var(--text-main)}.related-guide-title{display: block;font-size: 0.75rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--primary);margin-bottom: 0.35rem}.related-guide p + p{margin-top: 0.35rem}.guide-link-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(260px,1fr));gap: 1rem}.guides-hub-grid{max-width: 1000px;margin: 0 auto 2rem}.guide-link-card{display: flex;flex-direction: column;gap: 0.4rem;background: var(--bg-surface);border: 1px solid var(--border-color);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);padding: 1.35rem 1.5rem;color: var(--text-main);text-decoration: none;transition: var(--transition)}.guide-link-card:hover,.guide-link-card:focus-visible{border-color: var(--primary);box-shadow: var(--shadow-md);transform: translateY(-2px)}.guide-link-label{align-self: flex-start;background: var(--primary-light);color: var(--primary);font-size: 0.7rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;padding: 0.15rem 0.6rem;border-radius: var(--radius-full)}.guide-link-title{font-family: 'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-size: 1.05rem;font-weight: 700;line-height: 1.35}.guide-link-desc{color: var(--text-muted);font-size: 0.9rem;line-height: 1.55}.guide-more{max-width: 1000px;margin: 3.5rem auto 0}.guide-more>h2{font-size: 1.35rem;text-align: center;margin-bottom: 1.25rem}.guide-more-all{text-align: center;margin-top: 1.25rem}.guide-more-all a{color: var(--primary);font-weight: 600;text-decoration: underline}.guides-home-section{padding: 1rem 0 3rem}.share-box{max-width: 640px;margin: 1.75rem auto 0;padding: 1.25rem 1.5rem;text-align: center;background: var(--primary-light);border: 1px solid var(--border-color);border-radius: var(--radius-lg);animation: share-in 0.35s ease}@keyframes share-in{from{opacity: 0;transform: translateY(6px)}to{opacity: 1;transform: none}}.share-box-title{font-family: 'Plus Jakarta Sans','Inter',system-ui,sans-serif;font-weight: 700;font-size: 1.05rem;color: var(--text-main);margin-bottom: 0.25rem}.share-box-text{color: var(--text-muted);font-size: 0.92rem;margin-bottom: 1rem}.share-box-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.6rem}.share-btn{display: inline-flex;align-items: center;gap: 0.45rem;padding: 0.55rem 1rem;border-radius: var(--radius-full);border: 1px solid var(--border-color);background: var(--bg-surface);color: var(--text-main);font-weight: 600;font-size: 0.9rem;text-decoration: none;cursor: pointer;transition: var(--transition)}.share-btn:hover{border-color: var(--primary);transform: translateY(-1px)}.share-btn-native{background: var(--grad-primary);border-color: transparent;color: #fff}.share-btn-whatsapp svg{color: #16A34A}@media (max-width: 600px){.guide-step,.guide-card{padding: 1.25rem}.guide-step{grid-template-columns: 2rem 1fr;gap: 0.9rem}.guide-step::before{width: 2rem;height: 2rem;font-size: 0.95rem}.guide-step-body{padding-top: 0.15rem}}