.tools-page[data-v-0f894ad0]{background:var(--page-bg);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.tools-main[data-v-0f894ad0]{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:5rem 1rem 2.5rem}@media (width>=640px){.tools-main[data-v-0f894ad0]{padding:5.5rem 1.5rem 3rem}}@media (width>=1024px){.tools-main[data-v-0f894ad0]{padding:5.5rem 2rem 3rem}}.tools-header[data-v-0f894ad0]{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.25rem;display:flex}.header-text h1[data-v-0f894ad0]{margin:0 0 .375rem;font-size:1.5rem;line-height:1.3}.header-text p[data-v-0f894ad0]{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}@media (width<=767px){.tools-header[data-v-0f894ad0]{flex-direction:column;align-items:stretch;gap:.75rem}}.search-bar[data-v-0f894ad0]{border:1px solid var(--border-color);background:var(--bg-surface);border-radius:.75rem;flex-shrink:0;align-items:center;gap:.5rem;width:clamp(320px,40vw,620px);padding:.5rem .75rem;transition:border-color .15s;display:flex}.search-bar[data-v-0f894ad0]:focus-within{border-color:var(--brand-500)}@media (width<=767px){.search-bar[data-v-0f894ad0]{width:100%}}.search-icon[data-v-0f894ad0]{color:var(--text-secondary);flex-shrink:0}.search-input[data-v-0f894ad0]{min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;flex:1;font-family:inherit;font-size:.875rem}.search-input[data-v-0f894ad0]::placeholder{color:var(--text-muted)}.search-clear[data-v-0f894ad0]{width:1.5rem;height:1.5rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-clear[data-v-0f894ad0]:hover{color:var(--text-primary);background:var(--bg-elevated)}.category-tabs[data-v-0f894ad0]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.75rem;gap:.25rem;margin-bottom:1rem;padding:.25rem;display:flex}.category-tabs button[data-v-0f894ad0]{min-height:2.25rem;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:.5rem;align-items:center;gap:.375rem;padding:0 .875rem;font-size:.875rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.category-tabs button[data-v-0f894ad0]:hover{color:var(--text-primary)}.category-tabs button.active[data-v-0f894ad0]{background:var(--brand-500);color:#fff}.tab-count[data-v-0f894ad0]{background:color-mix(in srgb, currentColor 12%, transparent);border-radius:999px;padding:.0625rem .375rem;font-size:.875rem;font-weight:700}.tools-grid[data-v-0f894ad0]{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.tools-grid[data-v-0f894ad0]{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.tools-grid[data-v-0f894ad0]{grid-template-columns:repeat(3,1fr)}}.tool-card[data-v-0f894ad0]{border:1px solid var(--border-color);background:var(--bg-surface);min-height:140px;color:inherit;border-radius:1rem;flex-direction:column;gap:.5rem;padding:1.25rem;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.tool-card[data-v-0f894ad0]:hover{color:inherit;border-color:var(--brand-500);transform:translateY(-2px);box-shadow:0 8px 24px #0f172a0f}.card-arrow[data-v-0f894ad0]{color:var(--text-muted);opacity:0;transition:opacity .15s,transform .15s;position:absolute;top:1.25rem;right:1.25rem}.tool-card:hover .card-arrow[data-v-0f894ad0]{opacity:1;transform:translate(2px,-2px)}.card-head[data-v-0f894ad0]{align-items:center;gap:.625rem;display:flex}.tool-icon[data-v-0f894ad0]{border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.card-head h2[data-v-0f894ad0]{margin:0;font-size:1rem}.card-desc[data-v-0f894ad0]{color:var(--text-secondary);flex:1;margin:0;font-size:.875rem;line-height:1.5}.tool-tags[data-v-0f894ad0]{flex-wrap:wrap;align-items:center;gap:.375rem;margin-top:auto;display:flex}.io-badge[data-v-0f894ad0]{background:var(--badge-bg);color:var(--badge-text);border-radius:.25rem;align-items:center;gap:.125rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:600;display:inline-flex}.empty-tip[data-v-0f894ad0]{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:.5rem;padding:3rem 1rem;font-size:.875rem;display:flex}.empty-tip p[data-v-0f894ad0]{margin:0}.clear-filter[data-v-0f894ad0]{background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;border:0;border-radius:.375rem;padding:.25rem .75rem;font-size:.875rem}.clear-filter[data-v-0f894ad0]:hover{color:var(--brand-500)}.tools-footer-tip[data-v-0f894ad0]{text-align:center;color:var(--text-muted);padding:2.5rem 0 1rem;font-size:.8125rem}