.tools-page{padding:2rem 1rem;margin-top:2rem;max-width:1200px;margin-left:auto;margin-right:auto}.tools-header{text-align:center;margin-bottom:3rem;padding-top:1rem}.tools-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem;line-height:1.3;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.tools-description{font-size:1.125rem;color:var(--tool-text-muted);max-width:600px;margin:0 auto 2rem}.tools-search-wrapper{position:relative;max-width:480px;margin:0 auto}.tools-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--tool-text-muted);pointer-events:none}.tools-search-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;font-size:1rem;border:2px solid var(--tool-border);border-radius:999px;background:var(--tool-input-bg,var(--tool-card-bg));color:var(--tool-text);outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.tools-search-input::placeholder{color:var(--tool-text-muted)}.tools-search-input:focus{border-color:var(--tool-accent);box-shadow:0 0 0 3px rgba(102,126,234,.15)}.tools-category{margin-bottom:3rem}.tools-category-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--tool-border)}.tools-category-title{font-size:1.5rem;font-weight:700;color:var(--tool-text);margin:0;padding-left:.75rem;border-left:4px solid var(--cat-color)}.tools-category-count{font-size:.8rem;font-weight:600;padding:.2rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--cat-color) 12%,transparent);color:var(--cat-color)}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.tool-tile{text-decoration:none;text-align:center;padding:1.5rem 1rem;background:var(--tool-card-bg);border:1px solid var(--tool-border);border-radius:12px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,4%);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;animation:fadeSlideUp .5s ease both}.tool-tile:hover{transform:translateY(-4px);box-shadow:0 12px 24px color-mix(in srgb,var(--cat-color) 18%,transparent);border-color:var(--cat-color)}.tool-tile-icon{width:48px;height:48px;margin-bottom:.75rem;color:var(--cat-color)}.tool-tile-icon svg,.tool-tile-icon .icon{width:100%;height:100%}.tool-tile-name{font-size:.95rem;font-weight:600;color:var(--tool-text);line-height:1.3}.tools-search-results{margin-top:1rem}.tools-search-status{font-size:.95rem;color:var(--tool-text-muted);margin-bottom:1.5rem}.no-tools{text-align:center;padding:3rem;color:var(--tool-text-muted);font-size:1.125rem}@keyframes fadeSlideUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.dark .tool-tile{background:var(--tool-card-bg);border-color:var(--tool-border);box-shadow:0 2px 8px rgba(0,0,0,.3)}.dark .tool-tile:hover{box-shadow:0 12px 24px color-mix(in srgb,var(--cat-color) 30%,transparent)}@media(max-width:1024px){.tools-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.tools-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.tools-title{font-size:2rem}.tools-category-header{flex-wrap:wrap}}@media(max-width:480px){.tools-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.tool-tile{padding:1rem .75rem}}