.cp-layout[data-v-0a3766d7]{display:flex;flex-direction:column;margin-top:1.25rem;gap:1.25rem}.cp-canvas-wrap[data-v-0a3766d7]{overflow:auto;border:.0625rem solid var(--vs-border, rgba(255, 255, 255, .08));border-radius:.5rem}.cp-canvas[data-v-0a3766d7]{display:block;max-width:100%;cursor:crosshair}.cp-result[data-v-0a3766d7]{display:flex;gap:1rem;align-items:flex-start}.cp-swatch[data-v-0a3766d7]{flex-shrink:0;width:4rem;height:4rem;border:.125rem solid var(--vs-border, rgba(255, 255, 255, .18));border-radius:.5rem}.cp-values[data-v-0a3766d7]{display:flex;flex-direction:column;gap:.375rem}.cp-row[data-v-0a3766d7]{display:flex;align-items:center;gap:.5rem;font-size:.8125rem}.cp-label[data-v-0a3766d7]{min-width:2rem;color:var(--vs-color-primary);font-weight:600}.cp-val[data-v-0a3766d7]{font-family:monospace}.cp-history-list[data-v-0a3766d7]{display:flex;gap:.375rem;flex-wrap:wrap;margin-top:.5rem}.cp-history-item[data-v-0a3766d7]{width:2rem;height:2rem;transition:transform .15s;border:.125rem solid var(--vs-border, rgba(255, 255, 255, .18));border-radius:.375rem;cursor:pointer}.cp-history-item[data-v-0a3766d7]:hover{transform:scale(1.15)}