.color-card[data-v-69ac608b]{border:2px solid #0000;border-radius:12px;transition:all .3s;overflow:hidden}.color-card[data-v-69ac608b]:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0003}.color-card:hover .color-card-overlay[data-v-69ac608b]{opacity:1}.color-card-selected[data-v-69ac608b]{border-color:#d0bcff;box-shadow:0 0 16px #d0bcff80}.color-card-image-container[data-v-69ac608b]{background-color:#f5f5f5;width:100%;position:relative;overflow:hidden}.color-card-image[data-v-69ac608b]{object-fit:cover;width:100%;height:100%}.color-card-overlay[data-v-69ac608b]{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.color-card-actions[data-v-69ac608b]{z-index:1}.color-card-badge[data-v-69ac608b]{z-index:1;background:#ffffffe6;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;position:absolute;top:8px;right:8px}@media (max-width:767px){.color-card[data-v-69ac608b]{border-radius:8px}.color-card-overlay[data-v-69ac608b]{opacity:1;background:#0000004d}}.color-grid[data-v-8c5dc66f]{width:100%}.empty-state[data-v-8c5dc66f]{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 16px;display:flex}@media (max-width:599px){[data-v-8c5dc66f] .col-6{padding:6px}}