.ct-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}
.ct-card {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    padding: 8px 4px; border-radius: 12px; cursor: pointer;
    border: 2px solid transparent; transition: border-color .18s;
    font-size: 11px; color: var(--muted); text-align: center;
}
.ct-card:hover { border-color: var(--border); }
.ct-card-sel { border-color: #8b5cf6 !important; color: var(--text); }
.ct-preview {
    width: 48px; height: 32px; border-radius: 8px;
    flex-shrink: 0;
}