/* tools/snippets.css */

.snippet-card {
    transition: all 0.2s ease;
    overflow: hidden;
}
.snippet-card:hover { border-color: #6366f1; }
.snippet-card pre {
    background: #1e293b; color: #e2e8f0;
    padding: 0.75rem 1rem; border-radius: 0.5rem;
    overflow-x: auto; font-size: 0.8125rem; line-height: 1.6;
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
}
.cat-btn {
    padding: 0.3rem 0.75rem; border-radius: 9999px;
    font-size: 0.75rem; font-weight: 500;
    color: #64748b; background: #f1f5f9;
    border: 1px solid transparent;
    transition: all 0.2s ease; cursor: pointer;
}
.cat-btn:hover { color: #4f46e5; background: #eef2ff; }
.cat-btn.active { color: #fff; background: #6366f1; border-color: #6366f1; }
.copy-btn {
    font-size: 0.75rem; color: #6366f1;
    transition: color 0.2s; cursor: pointer;
}
.copy-btn:hover { color: #4338ca; }