.tool-marketplace[data-v-8a6cabd5]{padding:24px}.page-header[data-v-8a6cabd5]{margin-bottom:32px}.header-content[data-v-8a6cabd5]{display:flex;justify-content:space-between;align-items:flex-start}.header-text h1[data-v-8a6cabd5]{margin:0 0 8px;font-size:28px;font-weight:700;color:#1a1a1a}.header-text p[data-v-8a6cabd5]{margin:0;color:#666;font-size:16px}.search-container[data-v-8a6cabd5]{display:flex;justify-content:center;margin-bottom:32px}.tools-section[data-v-8a6cabd5]{margin-bottom:32px}.tools-header[data-v-8a6cabd5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.sort-controls[data-v-8a6cabd5]{display:flex;align-items:center;gap:12px}.pagination-container[data-v-8a6cabd5]{display:flex;justify-content:center;margin-top:32px;padding:20px 0}.search-bar[data-v-8a6cabd5]{display:flex;gap:16px;align-items:center;max-width:600px;width:100%;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.search-input[data-v-8a6cabd5]{flex:1;min-width:0}.search-button[data-v-8a6cabd5]{border-radius:12px;font-weight:600;padding:0 24px}.tools-grid[data-v-8a6cabd5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.tool-card[data-v-8a6cabd5]{border:1px solid #e5e7eb;border-radius:16px;background:#fff;overflow:hidden;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.tool-card[data-v-8a6cabd5]:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:#d1d5db}.tool-image[data-v-8a6cabd5]{position:relative;width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);cursor:pointer;transition:opacity .2s ease}.tool-image[data-v-8a6cabd5]:hover{opacity:.9}.tool-image img[data-v-8a6cabd5]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.tool-card:hover .tool-image img[data-v-8a6cabd5]{transform:scale(1.05)}.tool-image-placeholder[data-v-8a6cabd5]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#9ca3af;background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.tool-image-placeholder.show[data-v-8a6cabd5]{display:flex}.tool-content[data-v-8a6cabd5]{padding:20px}.tool-header[data-v-8a6cabd5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tool-title-section[data-v-8a6cabd5]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:1;min-width:0;margin-right:12px}.tool-title-section h3[data-v-8a6cabd5]{margin:0;font-size:18px;font-weight:600;color:#1f2937;line-height:1.2;flex:1;min-width:0}.clickable-title[data-v-8a6cabd5]{cursor:pointer;transition:color .2s ease}.clickable-title[data-v-8a6cabd5]:hover{color:#10b981}.tool-name[data-v-8a6cabd5]{color:#6b7280;font-size:10px;font-weight:500;font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,monospace;background:transparent;border:1px solid #d1d5db;border-radius:12px;padding:4px 10px;text-align:center;min-width:70px;letter-spacing:.3px;transition:all .2s ease;flex-shrink:0}.tool-name[data-v-8a6cabd5]:hover{border-color:#9ca3af;color:#374151;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.tool-description[data-v-8a6cabd5]{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:12px}.tool-meta[data-v-8a6cabd5]{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.tool-actions[data-v-8a6cabd5]{padding:0 20px 20px;display:flex;gap:12px}.tool-actions .n-button[data-v-8a6cabd5]{flex:1}.loading[data-v-8a6cabd5],.empty[data-v-8a6cabd5]{display:flex;justify-content:center;align-items:center;min-height:300px}@media(max-width:768px){.tools-grid[data-v-8a6cabd5]{grid-template-columns:1fr;gap:16px}}
