.tools-page[data-v-b7b96298]{padding:40px 0}.container[data-v-b7b96298]{max-width:1200px;margin:0 auto;padding:0 24px}.page-header[data-v-b7b96298]{text-align:center;margin-bottom:40px}.page-title[data-v-b7b96298]{font-size:36px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.page-subtitle[data-v-b7b96298]{font-size:16px;color:var(--text-muted);margin:0}.search-bar[data-v-b7b96298]{max-width:500px;margin:0 auto 32px}.category-tabs[data-v-b7b96298]{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:32px}.category-btn[data-v-b7b96298]{border-radius:50px;padding:8px 16px;color:var(--text-secondary)}.category-btn.active[data-v-b7b96298]{background:linear-gradient(135deg,#667eea,#f093fb);color:#fff}.tools-grid[data-v-b7b96298]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.tool-card[data-v-b7b96298]{position:relative;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;cursor:pointer;transition:all .3s ease}.tool-card[data-v-b7b96298]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.tool-badge[data-v-b7b96298]{position:absolute;top:16px;right:16px;font-size:11px}.tool-icon[data-v-b7b96298]{font-size:40px;margin-bottom:12px}.tool-name[data-v-b7b96298]{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.tool-desc[data-v-b7b96298]{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0 0 16px}.tool-meta[data-v-b7b96298]{display:flex;gap:16px;font-size:13px;color:var(--text-secondary);margin-bottom:12px}.tool-usage[data-v-b7b96298],.tool-rating[data-v-b7b96298]{display:flex;align-items:center;gap:4px}.tool-tags[data-v-b7b96298]{display:flex;gap:6px;flex-wrap:wrap}.empty-state[data-v-b7b96298]{display:flex;flex-direction:column;align-items:center;padding:60px 20px;color:var(--text-muted)}.gradient-text[data-v-b7b96298]{background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}