@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--bg-primary:#fff;--bg-secondary:#f7f5f2;--bg-card:#fff;--bg-card-hover:#fafafa;--bg-hero:#f3f0ec;--border:#e8e5e0;--border-hover:#d0cdc8;--text-primary:#1a1a2e;--text-secondary:#5a5a72;--text-muted:#9a9ab0;--brand:#e5322d;--brand-dark:#c4201c;--brand-light:#ff6b6b;--brand-glow:#e5322d14;--merge-color:#f05b3c;--merge-bg:#fef0ec;--compress-color:#27ae60;--compress-bg:#eafaf1;--split-color:#f39c12;--split-bg:#fef9e7;--jpg-pdf-color:#3498db;--jpg-pdf-bg:#eaf2f8;--pdf-jpg-color:#8e44ad;--pdf-jpg-bg:#f4ecf7;--delete-color:#e74c3c;--delete-bg:#fdedec;--rotate-color:#1abc9c;--rotate-bg:#e8f8f5;--lock-color:#2c3e50;--lock-bg:#ebedef;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-card:0 2px 8px #0000000a;--shadow-card-hover:0 8px 24px #0000001a;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer;font-family:inherit}.container{width:100%;max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:var(--space-md) 0;background:#fffffff2;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:var(--space-sm);letter-spacing:-.02em;color:var(--text-primary);font-size:1.4rem;font-weight:800;display:flex}.logo-icon{background:var(--brand);border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:900;display:flex}.logo-text span{color:var(--brand)}.nav-links{align-items:center;gap:var(--space-xl);list-style:none;display:flex}.nav-links a{color:var(--text-secondary);transition:var(--transition-fast);text-transform:uppercase;letter-spacing:.03em;font-size:.85rem;font-weight:600}.nav-links a:hover{color:var(--brand)}.hamburger{cursor:pointer;z-index:200;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.hamburger span{background:var(--text-primary);width:22px;height:2px;transition:var(--transition-fast);border-radius:2px;display:block}.hamburger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.nav-overlay{z-index:90;background:#0000004d;display:none;position:fixed;inset:0}.hero{background:var(--bg-hero);padding:var(--space-4xl) 0 var(--space-3xl);text-align:center}.hero-badge{align-items:center;gap:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);margin-bottom:var(--space-xl);box-shadow:var(--shadow-sm);background:#fff;padding:6px 18px;font-size:.8rem;font-weight:500;animation:.5s both fadeInUp;display:inline-flex}.hero-badge .dot{background:#27ae60;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}.hero h1{letter-spacing:-.03em;margin-bottom:var(--space-lg);color:var(--text-primary);font-size:clamp(2rem,5vw,3.2rem);font-weight:900;line-height:1.15;animation:.5s 50ms both fadeInUp}.hero h1 .gradient{color:var(--brand)}.hero-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto var(--space-xl);font-size:clamp(.95rem,2vw,1.15rem);animation:.5s .1s both fadeInUp}.hero-features{justify-content:center;gap:var(--space-xl);flex-wrap:wrap;animation:.5s .15s both fadeInUp;display:flex}.hero-feature{color:var(--text-secondary);align-items:center;gap:6px;font-size:.85rem;font-weight:500;display:flex}.hero-feature svg{color:#27ae60}.trust-bar{justify-content:center;gap:var(--space-2xl);padding:var(--space-xl) 0;border-bottom:1px solid var(--border);background:#fff;flex-wrap:wrap;display:flex}.trust-item{align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.82rem;font-weight:500;display:flex}.tools-section{padding:var(--space-3xl) 0;background:var(--bg-primary)}.section-header{text-align:center;margin-bottom:var(--space-2xl)}.section-header h2{letter-spacing:-.02em;color:var(--text-primary);font-size:1.8rem;font-weight:800}.section-header p{color:var(--text-secondary);margin-top:var(--space-sm);font-size:1rem}.tools-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.tool-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);transition:var(--transition-base);text-align:center;align-items:center;gap:var(--space-md);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;text-decoration:none;display:flex}.tool-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-hover);transform:translateY(-6px)}.tool-card-icon{border-radius:var(--radius-md);background:var(--card-bg);width:56px;height:56px;transition:var(--transition-base);justify-content:center;align-items:center;font-size:1.6rem;display:flex}.tool-card:hover .tool-card-icon{transform:scale(1.1)}.tool-card h3{color:var(--text-primary);font-size:1rem;font-weight:700}.tool-card p{color:var(--text-secondary);font-size:.82rem;line-height:1.5}.tool-card-arrow{color:var(--card-color,var(--brand));opacity:0;transition:var(--transition-fast);font-size:.82rem;font-weight:600}.tool-card:hover .tool-card-arrow{opacity:1}.dropzone{border:2px dashed var(--border);border-radius:var(--radius-xl);padding:var(--space-4xl) var(--space-xl);text-align:center;transition:var(--transition-base);cursor:pointer;background:var(--bg-secondary);max-width:700px;margin:0 auto}.dropzone:hover,.dropzone.active{border-color:var(--brand);background:var(--brand-glow)}.dropzone-icon{margin-bottom:var(--space-md);font-size:3.5rem}.dropzone h3{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.2rem;font-weight:700}.dropzone p{color:var(--text-muted);font-size:.9rem}.dropzone-btn{align-items:center;gap:var(--space-sm);margin-top:var(--space-xl);background:var(--brand);color:#fff;border-radius:var(--radius-full);transition:var(--transition-base);border:none;padding:14px 36px;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #e5322d4d}.dropzone-btn:hover{background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 6px 20px #e5322d66}.file-list{gap:var(--space-sm);margin:var(--space-xl) auto;flex-direction:column;max-width:700px;display:flex}.file-item{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;animation:.3s slideIn;display:flex}.file-item-icon{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--merge-color);background:#fef0ec;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.file-item-info{flex:1;min-width:0}.file-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.file-item-size{color:var(--text-muted);font-size:.75rem}.file-item-remove{color:var(--text-muted);padding:var(--space-xs);transition:var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;font-size:1.1rem}.file-item-remove:hover{color:var(--brand);background:var(--brand-glow)}.action-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;max-width:400px;margin:var(--space-xl) auto;background:var(--brand);color:#fff;border-radius:var(--radius-full);transition:var(--transition-base);border:none;padding:16px 32px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 4px 14px #e5322d4d}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn:not(:disabled):hover{background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 6px 20px #e5322d66}.progress-wrapper{width:100%;max-width:400px;margin:var(--space-lg) auto}.progress-bar{background:var(--bg-secondary);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:var(--brand);height:100%;transition:width .3s}.progress-text{text-align:center;color:var(--text-secondary);margin-top:var(--space-sm);font-size:.85rem}.seo-content{max-width:780px;padding:var(--space-3xl) var(--space-lg);margin:0 auto}.seo-content h2{margin:var(--space-2xl) 0 var(--space-md);color:var(--text-primary);font-size:1.4rem;font-weight:700}.seo-content p{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:.95rem}.seo-content ul,.seo-content ol{color:var(--text-secondary);padding-left:var(--space-lg);margin-bottom:var(--space-md)}.seo-content li{margin-bottom:var(--space-sm)}.faq-section{padding:var(--space-2xl) 0 var(--space-3xl);background:var(--bg-secondary)}.faq-item{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);background:#fff;overflow:hidden}.faq-question{width:100%;padding:var(--space-lg);color:var(--text-primary);text-align:left;transition:var(--transition-fast);background:#fff;border:none;justify-content:space-between;align-items:center;font-size:.95rem;font-weight:600;display:flex}.faq-question:hover{background:var(--bg-secondary)}.faq-answer{padding:0 var(--space-lg) var(--space-lg);color:var(--text-secondary);font-size:.9rem;line-height:1.7}.related-tools{padding:var(--space-3xl) 0}.related-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.breadcrumb{align-items:center;gap:var(--space-sm);padding:var(--space-md) 0;color:var(--text-muted);font-size:.82rem;display:flex}.breadcrumb a{color:var(--text-secondary);transition:var(--transition-fast)}.breadcrumb a:hover{color:var(--brand)}.breadcrumb-sep{opacity:.3}.footer{padding:var(--space-2xl) 0 var(--space-xl);border-top:1px solid var(--border);background:var(--bg-secondary);text-align:center}.footer-links{justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.footer-links a{color:var(--text-secondary);transition:var(--transition-fast);font-size:.85rem}.footer-links a:hover{color:var(--brand)}.footer-copy{color:var(--text-muted);font-size:.78rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:1024px){.tools-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.hamburger{display:flex}.nav-overlay{opacity:0;pointer-events:none;transition:var(--transition-base);display:block}.nav-links{width:280px;height:100vh;padding:80px var(--space-xl) var(--space-xl);gap:var(--space-lg);z-index:150;background:#fff;flex-direction:column;align-items:flex-start;transition:right .3s;position:fixed;top:0;right:-280px;box-shadow:-4px 0 20px #0000001a}.nav-links.open{right:0}.nav-links.open~.nav-overlay{opacity:1;pointer-events:auto}.nav-links a{font-size:1rem}.tools-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.hero{padding:var(--space-2xl) 0}.hero h1{font-size:1.8rem}.trust-bar{gap:var(--space-md)}.dropzone{padding:var(--space-2xl) var(--space-md)}.footer-links{gap:var(--space-md);flex-direction:column;align-items:center}}@media (max-width:480px){.tools-grid{grid-template-columns:1fr}.hero-features{flex-direction:column;align-items:center}}