.color-card-large[data-v-4d7b2d44]{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.swatch[data-v-4d7b2d44]{height:200px}.info[data-v-4d7b2d44]{padding:1.5rem}.info h2[data-v-4d7b2d44]{font-size:1.25rem;margin:0 0 1rem}.info p[data-v-4d7b2d44]{color:#555;margin:.5rem 0}.color-selector[data-v-3a55733e]{position:relative;width:100%}.search-wrapper[data-v-3a55733e]{align-items:center;display:flex;position:relative}input[data-v-3a55733e]{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:.75rem 2.5rem .75rem .75rem;transition:border-color .2s;width:100%}input[data-v-3a55733e]:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.spinner[data-v-3a55733e]{animation:spin-3a55733e 1s linear infinite;color:#666;position:absolute;right:.75rem}@keyframes spin-3a55733e{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.results[data-v-3a55733e]{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;list-style:none;margin-top:4px;max-height:300px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1000}.results li[data-v-3a55733e]{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:.75rem;padding:.75rem}.results li[data-v-3a55733e]:last-child{border-bottom:none}.results li.selected[data-v-3a55733e],.results li[data-v-3a55733e]:hover{background-color:#f0f7ff}.swatch[data-v-3a55733e]{border:1px solid #ddd;border-radius:4px;flex-shrink:0;height:24px;width:24px}.code[data-v-3a55733e]{color:#333;font-weight:600}.name[data-v-3a55733e]{color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-results[data-v-3a55733e]{background:#fff;border:1px solid #ddd;border-radius:8px;color:#999;left:0;padding:1rem;position:absolute;right:0;text-align:center;top:100%;z-index:1000}.color-grid-3x3[data-v-2e52b95d]{aspect-ratio:1/1;border-radius:8px;display:grid;gap:2px;grid-template-columns:repeat(3,1fr);margin:0 auto;overflow:hidden;padding:2rem;width:100%}.grid-cell[data-v-2e52b95d]{height:100%;transition:transform .2s;width:100%}.grid-cell[data-v-2e52b95d]:hover{transform:scale(1.05);z-index:1}.color-bars[data-v-4f544829]{display:flex;flex-direction:column;gap:0;margin:0 auto;max-width:300px;width:100%}.bar[data-v-4f544829]{border-radius:0;box-shadow:0 2px 8px #0000001a;height:60px}.middle[data-v-4f544829]{height:80px}.webgl-canvas[data-v-a4545a28]{display:block;height:100%;width:100%}