:root{ --primary-blue:#2563eb;--primary-blue-hover:#1d4ed8;--primary-blue-gradient:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);--accent-indigo:#4f46e5;--accent-indigo-hover:#4338ca;--accent-gradient:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%); --text-main:#1a1b2e; --text-body:#334155; --text-muted:#64748b; --text-light:#94a3b8; --text-white:#ffffff; --bg-page:#f8fafc; --bg-card:#ffffff; --bg-surface:#f1f5f9; --bg-input:#ffffff; --border-light:#e2e8f0; --border-subtle:#f1f5f9; --border-focus:#2563eb; --border-hover:#93c5fd;  --shadow-xs:0 1px 2px 0 rgba(15,23,42,0.04);--shadow-sm:0 1px 3px 0 rgba(15,23,42,0.06),0 1px 2px -1px rgba(15,23,42,0.06);--shadow-md:0 4px 6px -1px rgba(15,23,42,0.07),0 2px 4px -2px rgba(15,23,42,0.05);--shadow-lg:0 10px 15px -3px rgba(15,23,42,0.08),0 4px 6px -4px rgba(15,23,42,0.04);--shadow-xl:0 20px 25px -5px rgba(15,23,42,0.1),0 8px 10px -6px rgba(15,23,42,0.04);--shadow-glow:0 4px 20px -2px rgba(37,99,235,0.25); --radius-sm:0.375rem; --radius-md:0.5rem; --radius-lg:0.75rem; --radius-xl:1rem; --radius-2xl:1.25rem; --radius-3xl:1.5rem; --radius-full:9999px; --font-sans:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:'JetBrains Mono',monospace; --cat-pdf-bg:#eff6ff;--cat-pdf-text:#2563eb;--cat-pdf-border:#bfdbfe;--cat-image-bg:#f0fdf4;--cat-image-text:#16a34a;--cat-image-border:#bbf7d0;--cat-seo-bg:#eff6ff;--cat-seo-text:#2563eb;--cat-seo-border:#bfdbfe;--cat-dev-bg:#faf5ff;--cat-dev-text:#7c3aed;--cat-dev-border:#ddd6fe;--cat-util-bg:#eff6ff;--cat-util-text:#2563eb;--cat-util-border:#bfdbfe;--cat-writing-bg:#fdf2f8;--cat-writing-text:#db2777;--cat-writing-border:#fbcfe8;--cat-calc-bg:#ecfeff;--cat-calc-text:#0891b2;--cat-calc-border:#a5f3fc;--cat-default-bg:#eff6ff;--cat-default-text:#2563eb;--cat-default-border:#bfdbfe} [data-theme="dark"]{--text-main:#f8fafc;--text-body:#cbd5e1;--text-muted:#94a3b8;--text-light:#64748b;--bg-page:#0b0f19; --bg-card:#131a2a; --bg-surface:#1e293b; --bg-input:#131a2a;--border-light:#1e293b;--border-subtle:#192237;--border-hover:#3b82f6;--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.4);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.45);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5);--cat-pdf-bg:rgba(37,99,235,0.12);--cat-pdf-border:rgba(37,99,235,0.3);--cat-image-bg:rgba(22,163,74,0.12);--cat-image-border:rgba(22,163,74,0.3);--cat-seo-bg:rgba(37,99,235,0.12);--cat-seo-border:rgba(37,99,235,0.3);--cat-dev-bg:rgba(124,58,237,0.12);--cat-dev-border:rgba(124,58,237,0.3);--cat-util-bg:rgba(37,99,235,0.12);--cat-util-border:rgba(37,99,235,0.3);--cat-writing-bg:rgba(219,39,119,0.12);--cat-writing-border:rgba(219,39,119,0.3);--cat-calc-bg:rgba(8,145,178,0.12);--cat-calc-border:rgba(8,145,178,0.3);--cat-default-bg:rgba(37,99,235,0.12);--cat-default-border:rgba(37,99,235,0.3)} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-main);line-height:1.5;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-x:hidden}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;width:100%}::selection{background-color:var(--primary-blue);color:#ffffff}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none} .container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem} .site-header{position:sticky;top:0;z-index:50;background-color:rgba(255,255,255,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light); transition:background-color 0.2s ease,border-color 0.2s ease}[data-theme="dark"] .site-header{background-color:rgba(11,15,25,0.85)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:4.5rem}.brand-logo{display:flex;align-items:center;gap:0.75rem;font-weight:800;font-size:1.25rem;color:var(--text-main);letter-spacing:-0.025em;text-decoration:none}.brand-logo-img{width:2.375rem;height:2.375rem;min-width:2.375rem;min-height:2.375rem;max-width:2.375rem;max-height:2.375rem;aspect-ratio:1 / 1;object-fit:contain;flex-shrink:0;display:block;border-radius:var(--radius-md)}.main-nav{display:flex;align-items:center}.nav-links{display:flex;align-items:center;gap:1.5rem;list-style:none}.nav-link{display:inline-flex;align-items:center;gap:0.5rem;font-weight:600;font-size:0.9375rem;color:var(--text-muted);text-decoration:none;padding:0.4rem 0.75rem;border-radius:var(--radius-lg);transition:all 0.15s ease}.nav-link:hover,.nav-link.active{color:var(--primary-blue);background-color:var(--bg-surface)}.header-actions{display:flex;align-items:center;gap:0.625rem}.search-trigger-btn{display:flex;align-items:center;gap:0.625rem;padding:0.5rem 1rem;background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-muted);font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.search-trigger-btn:hover{border-color:var(--primary-blue);background-color:var(--bg-card);box-shadow:var(--shadow-sm)}.search-kbd{font-family:var(--font-mono);font-size:0.6875rem;background-color:var(--bg-card);padding:0.15rem 0.4rem;border-radius:var(--radius-sm);border:1px solid var(--border-light);color:var(--text-light);font-weight:600}.theme-toggle-btn{width:2.375rem;height:2.375rem;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-light);background-color:var(--bg-surface);color:var(--text-muted);cursor:pointer;transition:all 0.2s ease;flex-shrink:0}.theme-toggle-btn:hover{color:var(--primary-blue);border-color:var(--border-hover);background-color:var(--bg-card)}.mobile-menu-toggle{display:none;width:2.375rem;height:2.375rem;border-radius:var(--radius-xl);align-items:center;justify-content:center;border:1px solid var(--border-light);background-color:var(--bg-surface);color:var(--text-main);cursor:pointer;transition:all 0.2s ease;flex-shrink:0}.mobile-menu-toggle:hover{color:var(--primary-blue);border-color:var(--border-hover)}@media(max-width:768px){.mobile-menu-toggle{display:flex}.search-btn-text,.search-kbd{display:none}.search-trigger-btn{padding:0.5rem;border-radius:var(--radius-xl)}.main-nav{position:fixed;top:4.5rem;left:0;right:0;background-color:var(--bg-card);border-bottom:1px solid var(--border-light);padding:1.25rem 1.5rem;box-shadow:var(--shadow-lg);display:none;flex-direction:column;z-index:99}.main-nav.mobile-active{display:flex;animation:fadeIn 0.2s ease forwards}.nav-links{flex-direction:column;align-items:stretch;gap:0.5rem;width:100%}.nav-link{padding:0.75rem 1rem;font-size:1rem;width:100%;border-radius:var(--radius-lg)}}@media(max-width:380px){.brand-logo{font-size:1.125rem;gap:0.5rem}.brand-logo-img{width:1.875rem;height:1.875rem}.header-actions{gap:0.375rem}} .hero-section{padding:3.5rem 0 2.25rem 0;text-align:center;position:relative;overflow:hidden}.hero-badge{display:inline-flex;align-items:center;gap:0.45rem;padding:0.3rem 0.75rem;background-color:rgba(37,99,235,0.08);border:1px solid rgba(37,99,235,0.2);color:var(--primary-blue);border-radius:var(--radius-full);font-size:0.75rem;font-weight:700;letter-spacing:0.02em;margin-bottom:1.125rem;box-shadow:var(--shadow-xs)}[data-theme="dark"] .hero-badge{background-color:rgba(37,99,235,0.15);border-color:rgba(37,99,235,0.35)}.hero-title{font-size:clamp(1.5rem,2.6vw,2.125rem);font-weight:800;line-height:1.25;letter-spacing:-0.025em;color:var(--text-main);max-width:780px;margin:0 auto 0.875rem auto}.hero-title-accent{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:clamp(0.84375rem,1.1vw,0.9375rem);color:var(--text-muted);max-width:620px;margin:0 auto 1.5rem auto;line-height:1.5;font-weight:400} .hero-search-box{max-width:580px;margin:0 auto 1.125rem auto;position:relative}.hero-search-input-wrap{position:relative;display:flex;align-items:center}.hero-search-icon{position:absolute;left:1rem;color:var(--text-light);pointer-events:none}.hero-search-input{width:100%;height:3rem;padding-left:2.875rem;padding-right:6.75rem;background-color:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius-xl);font-size:0.875rem;font-weight:500;color:var(--text-main);box-shadow:var(--shadow-sm);transition:all 0.2s ease}.hero-search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(37,99,235,0.15)}.hero-search-btn{position:absolute;right:0.35rem;height:2.3rem;padding:0 1.125rem;background:var(--accent-gradient);color:#ffffff;font-weight:700;font-size:0.8125rem;border-radius:var(--radius-lg);box-shadow:0 2px 6px rgba(37,99,235,0.25);transition:all 0.2s ease}.hero-search-btn:hover{opacity:0.95;transform:translateY(-1px)} .quick-access-pills{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.4rem;margin-top:0.875rem}.quick-pill{padding:0.3rem 0.65rem;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:0.75rem;font-weight:600;color:var(--text-muted);box-shadow:var(--shadow-xs);transition:all 0.15s ease}.quick-pill:hover{color:var(--primary-blue);border-color:var(--border-hover);background-color:var(--bg-surface)} .section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.25rem}.section-title{font-size:1.1875rem;font-weight:800;letter-spacing:-0.015em;color:var(--text-main)}.section-desc{font-size:0.8125rem;color:var(--text-muted);margin-top:0.2rem}.slider-controls{display:flex;align-items:center;gap:0.5rem}.slider-arrow-btn{width:2.25rem;height:2.25rem;border-radius:var(--radius-xl);border:1px solid var(--border-light);background-color:var(--bg-card);color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;box-shadow:var(--shadow-sm)}.slider-arrow-btn:hover{color:var(--primary-blue);border-color:var(--border-hover);background-color:var(--bg-surface)} .slider-wrapper{position:relative;overflow:hidden;padding:0.5rem 0;margin:0 -0.5rem}.slider-track{display:flex;gap:1.125rem;will-change:transform;user-select:none;cursor:grab}.slider-track:active{cursor:grabbing} .category-card{flex:0 0 220px;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:1rem;display:flex;flex-direction:column;transition:all 0.25s ease;box-shadow:var(--shadow-sm)}.category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-hover)}.category-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.625rem}.category-icon-box{width:2.125rem;height:2.125rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;border:1px solid transparent}.category-count-badge{font-size:0.6875rem;font-weight:700;padding:0.175rem 0.45rem;border-radius:var(--radius-md);background-color:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-light)}.category-card-title{font-size:0.875rem;font-weight:700;color:var(--text-main);margin-bottom:0.2rem}.category-card-desc{font-size:0.75rem;color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%}.tool-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:0.95rem 1rem 0.8rem 1rem;display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:175px;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);box-shadow:0 1px 3px rgba(15,23,42,0.04);position:relative;overflow:hidden;box-sizing:border-box}.tool-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px -2px rgba(15,23,42,0.08);border-color:var(--border-hover)}.tool-card-header{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;margin-bottom:0.6rem} .tool-icon-container{width:2.125rem;height:2.125rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border-light);transition:transform 0.2s ease}.tool-icon-container svg{width:17px;height:17px}.tool-card:hover .tool-icon-container{transform:scale(1.05)} .tool-badge{font-size:0.6875rem;font-weight:700;padding:0.175rem 0.45rem;border-radius:var(--radius-md);border:1px solid transparent;white-space:nowrap;letter-spacing:0.01em}.tool-card-title{font-size:0.875rem;font-weight:700;color:var(--text-main);margin-bottom:0.3rem;line-height:1.3;letter-spacing:-0.01em;transition:color 0.15s ease}.tool-card-title a{color:inherit;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;height:2.35em}.tool-card:hover .tool-card-title{color:var(--primary-blue)}.tool-card-desc{font-size:0.775rem;color:var(--text-muted);line-height:1.45;margin-bottom:0.65rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.9em}.tool-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:0.55rem;border-top:1px solid var(--border-subtle);font-size:0.725rem;font-weight:600;color:var(--text-muted);margin-top:auto}.tool-action-btn{display:inline-flex;align-items:center;gap:0.25rem;color:var(--primary-blue);font-weight:700;font-size:0.725rem;text-decoration:none;transition:gap 0.2s ease}.tool-card:hover .tool-action-btn{gap:0.4rem} .theme-pdf{background-color:var(--cat-pdf-bg);color:var(--cat-pdf-text);border-color:var(--cat-pdf-border)}.theme-image{background-color:var(--cat-image-bg);color:var(--cat-image-text);border-color:var(--cat-image-border)}.theme-seo{background-color:var(--cat-seo-bg);color:var(--cat-seo-text);border-color:var(--cat-seo-border)}.theme-developer{background-color:var(--cat-dev-bg);color:var(--cat-dev-text);border-color:var(--cat-dev-border)}.theme-utility{background-color:var(--cat-util-bg);color:var(--cat-util-text);border-color:var(--cat-util-border)}.theme-writing{background-color:var(--cat-writing-bg);color:var(--cat-writing-text);border-color:var(--cat-writing-border)}.theme-calculators{background-color:var(--cat-calc-bg);color:var(--cat-calc-text);border-color:var(--cat-calc-border)}.theme-default{background-color:var(--cat-default-bg);color:var(--cat-default-text);border-color:var(--cat-default-border)} .tool-page-header{padding:3rem 0;background-color:var(--bg-card);border-bottom:1px solid var(--border-light);margin-bottom:3rem}.breadcrumb{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;font-weight:600;color:var(--text-muted);margin-bottom:1.25rem}.breadcrumb a:hover{color:var(--primary-blue)}.tool-workspace{display:grid;grid-template-columns:1fr 340px;gap:2rem;align-items:start}@media(max-width:992px){.tool-workspace{grid-template-columns:1fr}}.tool-editor-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:2.25rem;box-shadow:var(--shadow-sm)}.tool-editor-title{font-size:1.375rem;font-weight:800;margin-bottom:1.5rem;color:var(--text-main);display:flex;align-items:center;gap:0.75rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:0.875rem;font-weight:700;color:var(--text-main);margin-bottom:0.5rem}.form-input,.form-textarea,.form-select{width:100%;padding:0.625rem 0.875rem;background-color:var(--bg-input);border:1.5px solid var(--border-light);border-radius:var(--radius-lg);font-size:0.875rem;color:var(--text-main);transition:all 0.2s ease}.form-textarea{min-height:140px;resize:vertical;font-family:var(--font-mono)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(37,99,235,0.15)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;padding:0.625rem 1.35rem;background:var(--accent-gradient);color:#ffffff;font-weight:700;font-size:0.875rem;border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(37,99,235,0.25);transition:all 0.15s ease}.btn-primary:hover{opacity:0.95;transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,0.35)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;padding:0.625rem 1.25rem;background-color:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-main);font-weight:700;font-size:0.875rem;border-radius:var(--radius-lg);transition:all 0.15s ease}.btn-secondary:hover{background-color:var(--border-light)}.tool-output-box{margin-top:1.25rem;padding:1.125rem;background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);font-family:var(--font-mono);font-size:0.8125rem;white-space:pre-wrap;word-break:break-all;max-height:400px;overflow-y:auto} .file-dropzone{border:2px dashed var(--border-hover);background-color:rgba(37,99,235,0.04);border-radius:var(--radius-xl);padding:2.25rem 1.25rem;text-align:center;cursor:pointer;transition:all 0.2s ease}.file-dropzone:hover{border-color:var(--primary-blue);background-color:rgba(37,99,235,0.08)} .site-footer{background-color:var(--bg-card);border-top:1px solid var(--border-light);padding:3.5rem 0 2rem 0;margin-top:auto}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:2rem;margin-bottom:2.75rem}@media(max-width:768px){.footer-grid{grid-template-columns:1fr}}.footer-brand-title{font-weight:800;font-size:1.125rem;margin-bottom:0.65rem;color:var(--text-main)}.footer-brand-desc{color:var(--text-muted);font-size:0.8125rem;line-height:1.55;max-width:340px;margin-bottom:1rem}.footer-column-title{font-size:0.8125rem;font-weight:800;color:var(--text-main);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:1rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:0.625rem}.footer-link{color:var(--text-muted);font-size:0.8125rem;font-weight:500;transition:color 0.15s ease}.footer-link:hover{color:var(--primary-blue)}.footer-bottom{padding-top:2rem;border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;color:var(--text-light);font-size:0.875rem}@media(max-width:640px){.footer-bottom{flex-direction:column;gap:1rem;text-align:center}} .modal-overlay,.search-modal-overlay{position:fixed;inset:0;z-index:10050;background-color:rgba(15,23,42,0.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:4vh 1rem 1rem 1rem;opacity:0;pointer-events:none;transition:opacity 0.2s ease}.modal-overlay.active,.search-modal-overlay.active{opacity:1;pointer-events:auto}.search-modal{width:100%;max-width:740px;max-height:90vh;display:flex;flex-direction:column;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;transform:translateY(-10px);transition:transform 0.2s ease}.modal-overlay.active .search-modal,.search-modal-overlay.active .search-modal{transform:translateY(0)}.modal-header,.search-modal-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:0.75rem;flex-shrink:0;background-color:var(--bg-card)}.modal-search-input,.search-modal-input{width:100%;flex:1;min-width:0;border:none;background:transparent;font-size:1rem;font-weight:600;color:var(--text-main)}.modal-search-input:focus,.search-modal-input:focus{outline:none}.modal-body,.search-modal-results{flex:1;min-height:0;max-height:56vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0}.modal-results-list{display:flex;flex-direction:column;gap:0.5rem;padding:0.75rem 1rem 1rem 1rem}.modal-result-item{display:flex;align-items:center;justify-content:space-between;gap:0.875rem;padding:0.75rem 1rem;border-radius:var(--radius-lg);background-color:var(--bg-page);border:1px solid var(--border-light);text-decoration:none;transition:all 0.15s ease}.modal-result-item:hover{background-color:var(--bg-surface);border-color:var(--border-hover)} @keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn 0.3s ease forwards} .directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.category-tabs{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;overflow-x:auto;padding-bottom:0.5rem;scrollbar-width:thin}.category-tab-btn{display:inline-flex;align-items:center;gap:0.35rem;padding:0.375rem 0.85rem;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:0.8rem;font-weight:600;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all 0.2s ease}.category-tab-btn:hover{color:var(--primary-blue);border-color:var(--border-hover);background-color:var(--bg-surface)}.category-tab-btn.active{background:var(--accent-gradient);color:#ffffff;border-color:transparent;box-shadow:0 2px 8px rgba(37,99,235,0.25)}.directory-search-input{max-width:320px;width:100%;padding:0.45rem 0.875rem 0.45rem 2.125rem;background-color:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius-lg);font-size:0.8125rem;color:var(--text-main);transition:all 0.2s ease}.directory-search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(37,99,235,0.15)}.tools-count-badge{font-size:0.75rem;font-weight:700;padding:0.25rem 0.625rem;background-color:rgba(37,99,235,0.08);border:1px solid rgba(37,99,235,0.2);color:var(--primary-blue);border-radius:var(--radius-full)} .blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.blog-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:1.35rem;display:flex;flex-direction:column;justify-content:space-between;transition:all 0.25s ease;box-shadow:var(--shadow-sm);text-decoration:none}.blog-card:hover{transform:translateY(-3px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.blog-tag{display:inline-block;font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;padding:0.2rem 0.5rem;background-color:rgba(37,99,235,0.08);color:var(--primary-blue);border-radius:var(--radius-md);margin-bottom:0.75rem}.blog-title{font-size:1.0625rem;font-weight:800;color:var(--text-main);line-height:1.4;margin-bottom:0.4rem}.blog-excerpt{font-size:0.8125rem;color:var(--text-muted);line-height:1.5;margin-bottom:1rem}.blog-meta{font-size:0.75rem;color:var(--text-light);display:flex;align-items:center;gap:0.625rem} .faq-accordion{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:0.875rem}.faq-item{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xs);transition:border-color 0.2s ease}.faq-item:hover{border-color:var(--border-hover)}.faq-question{width:100%;padding:1.25rem 1.5rem;background:none;border:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:1.0625rem;font-weight:700;color:var(--text-main);cursor:pointer;text-align:left}.faq-icon{transition:transform 0.2s ease;flex-shrink:0;color:var(--primary-blue)}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{display:none;padding:0 1.5rem 1.25rem 1.5rem;font-size:0.9375rem;color:var(--text-muted);line-height:1.65}.faq-item.active .faq-answer{display:block} .mega-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(15,23,42,0.6);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;transition:all 0.25s ease}.mega-menu-overlay.active{opacity:1;visibility:visible}.mega-menu-content{position:fixed;top:0;right:0;width:100%;max-width:420px;height:100vh;background-color:var(--bg-card);border-left:1px solid var(--border-light);box-shadow:var(--shadow-xl);z-index:1001;overflow-y:auto; transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);padding:1.5rem}.mega-menu-overlay.active .mega-menu-content{transform:translateX(0)} body.tmh-search-modal-open,body.tmh-mega-menu-open{overflow:hidden}.mega-menu-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.25rem;border-bottom:1px solid var(--border-light);margin-bottom:1.5rem}.mega-menu-close{background:none;border:none;font-size:1.75rem;color:var(--text-muted);cursor:pointer;padding:0.25rem;line-height:1}.mega-menu-close:hover{color:var(--text-main)}.mega-menu-grid{display:flex;flex-direction:column;gap:1.5rem}.mega-menu-title{font-size:0.75rem;font-weight:800;color:var(--text-muted);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:0.875rem}.mega-menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.625rem}.mega-menu-list a{display:flex;align-items:center;gap:0.75rem;font-size:0.9375rem;font-weight:600;color:var(--text-main);text-decoration:none;padding:0.5rem 0.75rem;border-radius:var(--radius-lg);transition:all 0.2s ease}.drawer-quick-row{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-bottom:1.5rem}.drawer-quick-btn{display:flex;align-items:center;gap:0.5rem;padding:0.75rem;border-radius:0.75rem;font-size:0.875rem;font-weight:700;text-decoration:none}.drawer-quick-blue{background:#eff6ff;color:#1d4ed8}.drawer-quick-amber{background:#fef9c3;color:#92400e}.mega-menu-list.drawer-cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem 1rem}.drawer-cat-grid a{justify-content:space-between;padding:0.25rem 0}.drawer-cat-count{color:var(--text-muted);font-weight:500}.mega-menu-list a:hover{background-color:var(--bg-surface);color:var(--primary-blue)}.cat-count-pill{font-size:0.75rem;font-weight:700;padding:0.15rem 0.5rem;background-color:rgba(37,99,235,0.1);color:var(--primary-blue);border-radius:var(--radius-full)} .related-tools-section{margin-top:2.5rem;padding-top:1.75rem;border-top:1px solid var(--border-light)}.related-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}.related-tool-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:1rem;display:flex;align-items:flex-start;gap:0.75rem;text-decoration:none;transition:all 0.2s ease;cursor:pointer;box-shadow:0 1px 3px rgba(15,23,42,0.04)}.related-tool-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.related-tool-title{font-size:0.875rem;font-weight:700;color:var(--text-main);margin-bottom:0.2rem}.related-tool-desc{font-size:0.75rem;color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .tool-page-header{background:var(--bg-card);border-bottom:1px solid var(--border-light);padding:1.75rem 0}.tool-page-header h1{font-size:1.625rem!important;font-weight:800!important;color:var(--text-main)!important;letter-spacing:-0.02em!important;line-height:1.25!important}.tool-page-header p{font-size:0.875rem!important;color:var(--text-muted)!important;margin-top:0.35rem!important;line-height:1.5!important}  html,body{overflow-x:hidden;width:100%}img,video,canvas,svg{max-width:100%;height:auto} @media(min-width:1280px){.container{max-width:1280px}.tools-grid{grid-template-columns:repeat(4,1fr)!important;gap:1.125rem}.related-tools-grid{grid-template-columns:repeat(4,1fr)!important}} @media(min-width:1024px) and(max-width:1279px){.tools-grid{grid-template-columns:repeat(4,1fr)!important;gap:1rem}.related-tools-grid{grid-template-columns:repeat(4,1fr)!important}} @media(min-width:768px) and(max-width:1023px){.container{padding-left:1.25rem;padding-right:1.25rem}.tools-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem}.related-tools-grid{grid-template-columns:repeat(2,1fr)!important}.tool-workspace-grid{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:repeat(2,1fr)!important}} @media(max-width:767px){.container{padding-left:1rem;padding-right:1rem}.tools-grid{grid-template-columns:1fr!important;gap:0.875rem}.related-tools-grid{grid-template-columns:1fr!important;gap:0.875rem}.tool-card{padding:1rem;min-height:auto;border-radius:var(--radius-lg)}.tool-card-header{gap:0.5rem;margin-bottom:0.6rem}.tool-icon-container{width:2.25rem;height:2.25rem}.tool-card-title{font-size:0.9rem;margin-bottom:0.3rem}.tool-card-title a{height:auto}.tool-card-desc{font-size:0.775rem;height:auto;margin-bottom:0.75rem}.header-inner{padding-top:0.75rem;padding-bottom:0.75rem}.brand-logo-img{width:28px;height:28px}.brand-logo{font-size:1.125rem}.search-btn-text,.search-kbd{display:none}.search-trigger-btn{padding:0.5rem;border-radius:50%}.main-nav{display:none}.tool-workspace-grid{grid-template-columns:1fr!important;gap:1.25rem!important}.footer-grid{grid-template-columns:1fr!important;gap:1.75rem!important}} @media(max-width:640px){.header-inner{padding-top:0.75rem;padding-bottom:0.75rem}.brand-logo-img{width:28px;height:28px}.brand-logo{font-size:1.125rem}.search-btn-text,.search-kbd{display:none}.search-trigger-btn{padding:0.5rem;border-radius:50%}.main-nav{display:none}.tool-page-header h1{font-size:1.35rem!important}.tool-page-header p{font-size:0.8125rem!important}.tool-workspace-grid{grid-template-columns:1fr!important;gap:1.25rem!important}.blog-grid{grid-template-columns:1fr!important}.file-dropzone{padding:1.5rem 1rem!important}.footer-grid{grid-template-columns:1fr!important;gap:1.75rem!important}.footer-bottom{flex-direction:column;gap:0.75rem;text-align:center}.search-modal{max-width:94vw;margin:0 auto}.mega-menu-content{max-width:100vw}} .tmh-footer-5col-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:2rem;margin-bottom:3rem;align-items:start}@media(min-width:768px) and(max-width:1023px){.tmh-footer-5col-grid{grid-template-columns:repeat(2,1fr)!important;gap:2rem!important}.tmh-footer-5col-grid > div:first-child{grid-column:1 / -1}}@media(max-width:767px){.site-footer{padding:2.5rem 0 5.75rem 0!important}.tmh-footer-5col-grid{grid-template-columns:1fr!important;gap:1.85rem!important;margin-bottom:2rem!important}.tmh-footer-5col-grid > div{width:100%;min-width:0}.tmh-footer-5col-grid ul li a{display:inline-block;padding:0.15rem 0;font-size:0.925rem;line-height:1.45}.tmh-footer-bottom-bar{flex-direction:column!important;text-align:center!important;justify-content:center!important;gap:0.85rem!important}} .search-modal-categories,.search-modal-category-bar{display:flex;flex-wrap:wrap;align-items:center;gap:0.45rem;padding:0.85rem 1.15rem;background-color:var(--bg-page);border-bottom:1px solid var(--border-light);flex-shrink:0;max-height:150px;overflow-y:auto;-webkit-overflow-scrolling:touch}.search-cat-pill{display:inline-flex;align-items:center;justify-content:center;gap:0.375rem;padding:0.38rem 0.75rem;border-radius:var(--radius-full);border:1px solid var(--border-light);background-color:var(--bg-card);color:var(--text-body);font-size:0.75rem;font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer;transition:all 0.15s ease;flex-shrink:0;box-shadow:var(--shadow-xs)}.search-cat-pill:hover{border-color:var(--primary-blue);color:var(--primary-blue);background-color:var(--bg-surface)}.search-cat-pill .search-cat-count{display:inline-flex;align-items:center;justify-content:center;padding:0.1rem 0.42rem;border-radius:var(--radius-full);background-color:var(--bg-surface);color:var(--text-muted);font-size:0.6875rem;font-weight:700;line-height:1.1}.search-cat-pill.active{background:var(--accent-gradient);color:#ffffff;border-color:transparent;box-shadow:0 2px 6px rgba(37,99,235,0.25)}.search-cat-pill.active .search-cat-count{background-color:rgba(255,255,255,0.22);color:#ffffff}.search-results-meta,.search-results-meta-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.5rem;padding:0.65rem 1rem;font-size:0.8rem;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border-light);background-color:var(--bg-card);position:sticky;top:0;z-index:2}.search-result-title{font-weight:700;color:var(--text-main);font-size:0.925rem;line-height:1.3;margin-bottom:0.15rem;word-break:break-word}.search-result-desc{font-size:0.785rem;color:var(--text-muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.search-result-badge{font-size:0.68rem;font-weight:800;padding:0.22rem 0.55rem;border-radius:9999px;background:rgba(37,99,235,0.08);color:#2563eb;white-space:nowrap;flex-shrink:0} body.tmh-search-modal-open #tmh-support-dock,body.tmh-search-modal-open .tmh-support-dock{opacity:0!important;visibility:hidden!important;pointer-events:none!important}@media(max-width:640px){.modal-overlay,.search-modal-overlay{padding:0.625rem;align-items:flex-start}.search-modal{width:100%;max-width:100%;max-height:calc(100vh - 1.25rem);max-height:calc(100dvh - 1.25rem);border-radius:1rem;margin:0}.modal-header,.search-modal-header{padding:0.85rem 1rem;gap:0.625rem}.modal-search-input,.search-modal-input{font-size:0.95rem}.search-modal-categories,.search-modal-category-bar{padding:0.65rem 0.85rem;gap:0.4rem;max-height:132px;overflow-y:auto}.search-cat-pill{padding:0.34rem 0.65rem;font-size:0.725rem;gap:0.3rem}.search-cat-pill .search-cat-count{font-size:0.65rem;padding:0.08rem 0.36rem}.search-results-meta,.search-results-meta-bar{padding:0.6rem 0.85rem;font-size:0.775rem;flex-direction:column;align-items:flex-start;gap:0.3rem}.modal-body,.search-modal-results{max-height:calc(100vh - 230px);max-height:calc(100dvh - 230px)}.modal-results-list{padding:0.65rem 0.75rem 0.85rem 0.75rem;gap:0.5rem}.modal-result-item{padding:0.7rem 0.75rem;gap:0.625rem;align-items:flex-start}.search-result-title{font-size:0.875rem;white-space:normal}.search-result-badge{font-size:0.625rem;padding:0.18rem 0.45rem;margin-top:0.1rem}} .tmh-article{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:2.5rem;box-shadow:var(--shadow-sm);line-height:1.85;font-size:1.0625rem;color:var(--text-body)}.tmh-article p{margin:0 0 1.25rem}.tmh-article a{color:#48b395;font-weight:600;text-decoration:underline;text-underline-offset:2px}.tmh-article a:hover{text-decoration-thickness:2px}[data-theme="dark"] .tmh-article a{color:#7ddfc4} .tmh-article h2{font-size:1.65rem;font-weight:800;line-height:1.3;color:var(--text-main);margin:2.5rem 0 1rem;padding-left:0.85rem;border-left:4px solid #48b395} .tmh-article h3{font-size:1.2rem;font-weight:700;line-height:1.4;color:var(--text-main);margin:1.75rem 0 0.75rem;padding:0.75rem 1rem;background:var(--bg-surface);border:1px solid var(--border-light);border-left:4px solid #48b395;border-radius:0.75rem}.tmh-article h4{font-size:1.05rem;font-weight:700;color:var(--text-main);margin:1.5rem 0 0.5rem}.tmh-article ul,.tmh-article ol{margin:0 0 1.25rem;padding-left:1.5rem}.tmh-article li{margin-bottom:0.5rem;line-height:1.7}.tmh-article blockquote{margin:1.5rem 0;padding:1rem 1.25rem;background:var(--bg-surface);border-left:4px solid #48b395;border-radius:0 0.75rem 0.75rem 0;color:var(--text-muted);font-style:italic} .tmh-article img{display:block;width:100%;height:auto;max-width:100%;margin:1.5rem auto;border-radius:1rem;box-shadow:var(--shadow-md)} .tmh-toc{background:var(--bg-surface);border:1px solid var(--border-light);border-left:4px solid #48b395;border-radius:1rem;padding:1.25rem 1.5rem;margin:1.75rem 0}.tmh-toc h2{margin:0 0 0.75rem;padding-left:0;border-left:none;font-size:1.25rem}.tmh-toc ul{margin:0;padding-left:1.25rem}.tmh-toc li{margin-bottom:0.4rem} .tmh-article > h2 + ul{background:var(--bg-surface);border:1px solid var(--border-light);border-left:4px solid #48b395;border-radius:1rem;padding:1.25rem 1.5rem 1.25rem 2.75rem;margin:0 0 1.75rem} .tmh-article > h2:last-of-type{border-top:1px solid var(--border-light);padding-top:1.5rem} .tmh-article table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:0 0 1.5rem;font-size:0.95rem}.tmh-article th{background:rgba(72,179,149,0.14);color:var(--text-main);font-weight:700;text-align:left;padding:0.75rem 1rem;border-bottom:2px solid #48b395;white-space:nowrap}.tmh-article td{padding:0.7rem 1rem;border-bottom:1px solid var(--border-light);vertical-align:top}.tmh-article tbody tr:nth-child(even) td{background:var(--bg-surface)}@media(max-width:640px){.tmh-article{padding:1.25rem;font-size:1rem;line-height:1.8}.tmh-article h2{font-size:1.35rem;margin-top:2rem}.tmh-article h3{font-size:1.1rem}.tmh-toc{padding:1rem 1.25rem}.tmh-article > h2 + ul{padding:1rem 1.25rem 1rem 2.25rem}} @media(max-width:640px){.tool-editor-card{padding:1.25rem 1rem;max-width:100%;min-width:0;overflow-wrap:anywhere}.tool-editor-title{flex-wrap:wrap;row-gap:0.5rem}.tool-editor-title > span{min-width:0}.tool-editor-title > span:last-child{flex-shrink:0;white-space:nowrap}.tool-workspace,.tool-workspace > *{min-width:0}.file-dropzone{padding:1.5rem 1rem!important;max-width:100%;min-width:0}#dropzone-title,#dropzone-subtitle,#utw-office-drop-title,#utw-office-drop-sub,div[id*="drop-title"],div[id*="drop-sub"]{max-width:100%;overflow-wrap:anywhere;word-break:break-word}#php-universal-workspace-mount,#php-universal-workspace-mount > div{min-width:0;max-width:100%}#utw-office-dropzone,#utw-office-file-badge{min-width:0;max-width:100%}#utw-office-file-badge{gap:0.75rem;padding:0.875rem 1rem}#utw-office-file-badge > div{min-width:0}#utw-office-convert-btn{min-width:0!important;flex:1 1 100%}#utw-office-sample-btn{flex:1 1 100%} .tool-page-header + main.container{padding-bottom:6.5rem!important} .tmh-support-dock.pos-right{right:12px!important}.tmh-support-dock.pos-left{left:12px!important}.tmh-support-dock{bottom:12px!important}.tmh-support-btn{width:48px!important;height:48px!important}.tmh-chat-window{width:calc(100vw - 2rem)!important;max-width:370px;height:min(530px,calc(100dvh - 6rem))!important}}