:root{--bg-color:#f7f8fa;--text-color:#111827;--primary:#31a6c9;--primary-hover:#288caa;--secondary:#fff;--border:#e5e7eb;--muted:#6b7280;--font-family-standard:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-dyslexic:"OpenDyslexic", "Comic Sans MS", sans-serif;--font-family:var(--font-family-standard);--line-height:1.6;--font-size:16px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}[data-theme=dark]{--bg-color:#0f172a;--text-color:#f8fafc;--secondary:#1e293b;--border:#334155;--primary:#31a6c9;--primary-hover:#46b4d7;--muted:#94a3b8}[data-theme=sepia]{--bg-color:#fbf5df;--text-color:#5c4b37;--secondary:#f0ead2;--border:#d4cbb3;--muted:#7c6a54}[data-theme=high-contrast]{--bg-color:#000;--text-color:#0f0;--primary:#0f0;--primary-hover:#0c0;--secondary:#111;--border:#ff0;--muted:#afa}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);letter-spacing:-.025em;font-weight:700;line-height:1.2}p{color:var(--text-color)}a{color:inherit}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;width:100%;padding:2rem 1.5rem;display:flex}.hero{text-align:center;max-width:780px;margin:3rem auto 5rem}.hero-badge{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#fef2f2,#fecaca);border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:700;display:inline-flex}.hero h1{background:linear-gradient(135deg, var(--text-color) 0%, #6b7280 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.25rem;font-size:clamp(2.5rem,6vw,4rem)}.hero p{color:var(--muted);max-width:600px;margin:0 auto;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:400}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;background-color:var(--secondary);cursor:pointer;width:100%;max-width:680px;margin:0 auto;padding:4rem 2rem;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.upload-zone:hover{border-color:var(--primary);background-color:#fef2f2;transform:translateY(-2px);box-shadow:0 12px 24px #ef44441a}.upload-zone .icon{color:var(--primary);transition:transform .3s}.upload-zone:hover .icon{transform:scale(1.1)translateY(-2px)}.upload-zone h3{margin-top:1rem;font-size:1.1rem}.upload-zone p{color:var(--muted);margin-top:.4rem;font-size:.9rem}.sample-btn{color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);text-underline-offset:3px;font-size:.875rem;font-weight:500;font-family:var(--font-family);background:0 0;border:none;align-items:center;gap:.35rem;padding:.5rem .75rem;text-decoration:underline;transition:all .15s;display:inline-flex}.sample-btn:hover{color:var(--primary);background:#fef2f2}.btn{background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-family);border:none;align-items:center;gap:.5rem;padding:.75rem 1.75rem;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #ef44444d}.btn:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #ef444466}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--secondary);color:var(--text-color);border:1px solid var(--border);box-shadow:0 1px 3px #0000000f}.btn-secondary:hover{background-color:var(--bg-color);border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-top:1rem;display:grid}.tool-card{background-color:var(--secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;color:inherit;flex-direction:column;gap:.875rem;padding:1.75rem 1.5rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000000f}.tool-card:hover{border-color:#fca5a5;transform:translateY(-5px);box-shadow:0 16px 32px #00000014}.tool-card-icon{width:52px;height:52px;color:var(--primary);border-radius:var(--radius-sm);background:linear-gradient(135deg,#fef2f2,#fecaca);justify-content:center;align-items:center;padding:.7rem;display:flex}.tool-card h3{letter-spacing:-.01em;font-size:1rem;font-weight:600}.tool-card p{color:var(--muted);font-size:.875rem;line-height:1.5}.tool-workspace{flex-direction:column;align-items:center;width:100%;animation:.3s ease-out fadeSlideIn;display:flex}.tool-header{text-align:center;margin-bottom:2.5rem}.tool-header h2{letter-spacing:-.02em;margin-bottom:.75rem;font-size:clamp(1.75rem,5vw,2.5rem)}.tool-header p{color:var(--muted);font-size:1.1rem;line-height:1.6}.seo-section{border-top:1px solid var(--border);width:100%;max-width:860px;margin-top:5rem;padding-top:5rem}.seo-card{background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2.5rem}.seo-card h3{align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:1.5rem;display:flex}.seo-card p,.seo-card li{color:var(--muted);margin-bottom:1rem;font-size:1rem;line-height:1.8}.seo-card ul{margin-bottom:1.5rem;padding-left:1.5rem}.file-row{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--secondary);justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1.25rem;transition:background .15s;display:flex}.file-row:hover{background-color:var(--bg-color)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tool-preview-desktop{background-color:var(--bg-color);z-index:50;flex-direction:row;display:flex;position:fixed;inset:68px 0 0;overflow:hidden}.tool-preview-mobile{background-color:var(--bg-color);z-index:50;flex-direction:column;display:none;position:fixed;inset:68px 0 0;overflow:hidden}@media (max-width:768px){.main-content{padding:1.25rem 1rem}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.tool-card{padding:1.25rem 1rem}.upload-zone{padding:3rem 1.25rem}nav a{display:none}nav a:first-child{display:flex}.desktop-search{display:none!important}.tool-preview-mobile{display:flex}.tool-preview-desktop{display:none}}@media (max-width:480px){.tools-grid{grid-template-columns:1fr 1fr}}.hidden{display:none!important}code{background:var(--secondary);border:1px solid var(--border);border-radius:4px;padding:.1em .4em;font-family:Fira Code,Courier New,monospace;font-size:.875em}.blog-card:hover{transform:translateY(-8px);border-color:var(--primary)!important;box-shadow:0 25px 50px -12px #00000014!important}.blog-content h2{margin:3rem 0 1.5rem;font-size:2rem}.blog-content h3{margin:2.5rem 0 1.25rem;font-size:1.5rem}.blog-content p{margin-bottom:1.5rem}.blog-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.blog-content li{margin-bottom:.75rem}.blog-content strong{color:var(--text-color);font-weight:800}.nav-link{color:#374151;white-space:nowrap;align-items:center;height:100%;padding:0 1rem;font-size:.85rem;text-decoration:none;transition:all .2s;display:flex}.nav-link.core-tool{font-weight:800}.nav-link.secondary-tool{font-weight:500}.nav-link:hover,.nav-link.active{color:var(--primary)}.dropdown-item:hover{color:var(--primary)!important;background-color:#fef2f2!important}.dropdown-item:hover .icon-box{box-shadow:0 4px 8px #ef44441a;background-color:#fff!important}.search-bar-container:focus-within{box-shadow:0 0 0 4px #ef444414;border-color:var(--primary)!important;background-color:#fff!important}@keyframes slideUpDropdown{0%{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeInScale{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.nav-link{display:none!important}.mobile-menu-btn{display:block!important}.search-bar-container{width:180px!important}}.back-link:hover{color:var(--primary)!important}