.color-preview-small[data-v-3c5db0f8]{width:100px;height:40px;border-radius:8px;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center}.preview-label[data-v-3c5db0f8]{font-size:.75rem;font-weight:600;font-family:Fira Code,monospace}.nearest-grid[data-v-3c5db0f8],.color-grid[data-v-3c5db0f8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.color-card[data-v-3c5db0f8]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;height:80px;border-radius:8px;border:2px solid var(--color-border, #e0e0e0);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none;padding:.25rem}.color-card[data-v-3c5db0f8]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.color-card[data-v-3c5db0f8]:active{transform:translateY(0)}.card-name[data-v-3c5db0f8]{font-size:.7rem;font-weight:600;text-align:center;line-height:1.2}.card-hex[data-v-3c5db0f8]{font-family:Fira Code,monospace;font-size:.7rem;font-weight:500}@media(max-width:600px){.nearest-grid[data-v-3c5db0f8],.color-grid[data-v-3c5db0f8]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.color-card[data-v-3c5db0f8]{height:70px}}