.tools-page-container{max-width:1200px;margin:0 auto;padding:3rem 1.5rem;min-height:100vh;font-family:Inter,sans-serif}@media(max-width:768px){.tools-page-container{padding:2rem 1rem}}.tools-page-container .page-header{text-align:center;margin-bottom:4rem;display:flex;flex-direction:column;align-items:center}.tools-page-container .page-header .page-title{font-size:3rem;font-weight:800;color:#1a1a1a;margin-bottom:2rem;letter-spacing:-.02em;line-height:1.1}@media(max-width:768px){.tools-page-container .page-header .page-title{font-size:2.25rem}}.tools-page-container .page-header .page-title .gradient-text{background:linear-gradient(135deg,#666666,rgb(63.75,63.75,63.75));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;color:rgba(0,0,0,0)}html.dark .tools-page-container .page-header .page-title{color:#f8f8f2}.tools-page-container .page-header .search-bar-wrapper{position:relative;width:100%;max-width:500px;margin-bottom:2.5rem;transition:transform .2s ease}.tools-page-container .page-header .search-bar-wrapper:focus-within{transform:scale(1.02)}.tools-page-container .page-header .search-bar-wrapper .search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.tools-page-container .page-header .search-bar-wrapper .search-input{width:100%;padding:1rem 1rem 1rem 3.5rem;border-radius:100px;border:1px solid rgba(0,0,0,.08);background:#fff;font-size:1.05rem;color:#1a1a1a;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);outline:none;transition:all .2s ease}.tools-page-container .page-header .search-bar-wrapper .search-input::placeholder{color:#9ca3af}.tools-page-container .page-header .search-bar-wrapper .search-input:focus{border-color:#666;box-shadow:0 10px 15px -3px hsla(0,0%,40%,.15),0 4px 6px -2px hsla(0,0%,40%,.1)}html.dark .tools-page-container .page-header .search-bar-wrapper .search-input{background:#1f2937;border-color:#374151;color:#fff}html.dark .tools-page-container .page-header .search-bar-wrapper .search-input::placeholder{color:#6b7280}html.dark .tools-page-container .page-header .search-bar-wrapper .search-input:focus{border-color:#666}.tools-page-container .page-header .category-nav-scroll{display:flex;gap:.75rem;overflow-x:auto;width:100%;max-width:900px;padding:.5rem .5rem 1.5rem;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tools-page-container .page-header .category-nav-scroll::-webkit-scrollbar{display:none}@media(min-width:1024px){.tools-page-container .page-header .category-nav-scroll{justify-content:center;flex-wrap:wrap}}@media(min-width:768px){.tools-page-container .page-header .category-nav-scroll{flex-wrap:wrap;justify-content:center}}.tools-page-container .page-header .category-nav-scroll .category-pill{white-space:nowrap;padding:.6rem 1.4rem;border-radius:100px;font-size:.95rem;font-weight:500;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:#eff6ff;color:#4b5563;transition:all .2s ease;user-select:none}.tools-page-container .page-header .category-nav-scroll .category-pill:hover{background-color:#dbeafe;color:#666}.tools-page-container .page-header .category-nav-scroll .category-pill.active{background-color:#666;color:#fff;box-shadow:0 4px 6px -1px hsla(0,0%,40%,.3)}html.dark .tools-page-container .page-header .category-nav-scroll .category-pill{background-color:#1f2937;color:#d1d5db}html.dark .tools-page-container .page-header .category-nav-scroll .category-pill:hover{background-color:#374151;color:#666}html.dark .tools-page-container .page-header .category-nav-scroll .category-pill.active{background-color:#666;color:#fff}.tools-page-container .category-group{margin-bottom:3.5rem}.tools-page-container .category-group .category-group-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}.tools-page-container .category-group .category-group-title .category-icon-inline{color:#666;display:flex;align-items:center}.tools-page-container .category-group .category-group-title .category-icon-inline svg{width:24px;height:24px}html.dark .tools-page-container .category-group .category-group-title{color:#f8f8f2}.tools-page-container .tools-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;padding-bottom:4rem}@media(max-width:640px){.tools-page-container .tools-grid{gap:.75rem}}@media(min-width:640px){.tools-page-container .tools-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.tools-page-container .tools-grid{grid-template-columns:repeat(3,1fr)}}.tools-page-container .tools-grid .tool-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}@media(max-width:640px){.tools-page-container .tools-grid .tool-card{padding:.75rem 1rem;align-items:center;border-radius:.75rem}.tools-page-container .tools-grid .tool-card .card-icon-wrapper{width:2.5rem;height:2.5rem;border-radius:.5rem}.tools-page-container .tools-grid .tool-card .card-icon-wrapper svg{width:18px;height:18px}.tools-page-container .tools-grid .tool-card .card-content .tool-title{font-size:1rem;margin-bottom:0}.tools-page-container .tools-grid .tool-card .card-content .tool-desc{display:none}}html.dark .tools-page-container .tools-grid .tool-card{background:#1f2937;border-color:#374151}.tools-page-container .tools-grid .tool-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);border-color:hsla(0,0%,40%,.3)}@media(max-width:640px){.tools-page-container .tools-grid .tool-card:hover{transform:none}}html.dark .tools-page-container .tools-grid .tool-card:hover{box-shadow:0 10px 25px -5px rgba(0,0,0,.5);border-color:hsla(0,0%,40%,.5)}.tools-page-container .tools-grid .tool-card .card-icon-wrapper{flex-shrink:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#666;border-radius:.75rem;transition:background .2s ease,color .2s ease}html.dark .tools-page-container .tools-grid .tool-card .card-icon-wrapper{background:hsla(0,0%,40%,.15);color:hsl(0,0%,50%)}.tools-page-container .tools-grid .tool-card .card-content{display:flex;flex-direction:column;gap:.25rem}.tools-page-container .tools-grid .tool-card .card-content .tool-title{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin:0;line-height:1.3}html.dark .tools-page-container .tools-grid .tool-card .card-content .tool-title{color:#f8f8f2}.tools-page-container .tools-grid .tool-card .card-content .tool-desc{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}html.dark .tools-page-container .tools-grid .tool-card .card-content .tool-desc{color:#9ca3af}.tools-page-container .no-results-state{text-align:center;padding:4rem 1rem;color:#6b7280}.tools-page-container .no-results-state p{font-size:1.1rem;margin-bottom:1.5rem}.tools-page-container .no-results-state .clear-filter-btn{padding:.75rem 2rem;background:#666;color:#fff;border:none;border-radius:100px;font-weight:600;cursor:pointer;transition:background .2s}.tools-page-container .no-results-state .clear-filter-btn:hover{background:hsl(0,0%,30%)}.tools-page-container .ad-placeholder{margin-top:auto;background-color:#f3f4f6;border:1px dashed #d1d5db;border-radius:.5rem;padding:1rem;text-align:center;font-size:.85rem;color:#9ca3af}html.dark .tools-page-container .ad-placeholder{background-color:#1f2937;border-color:#374151;color:#6b7280}