.cl[data-v-f0b7ae10]{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.cl__main[data-v-f0b7ae10]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.cl__swatch[data-v-f0b7ae10]{width:64px;height:64px;border-radius:10px;border:1px solid var(--tk-line)}.cl__values[data-v-f0b7ae10]{display:flex;flex-direction:column;gap:8px;width:100%}.cl__kv[data-v-f0b7ae10]{display:flex;align-items:center;gap:12px}.cl__name[data-v-f0b7ae10]{width:56px;font-size:13px;color:var(--tk-muted-2);flex-shrink:0}.cl__code[data-v-f0b7ae10]{min-width:200px;font-family:ui-monospace,monospace;color:var(--tk-accent)}.cl__section[data-v-f0b7ae10]{width:100%;display:flex;flex-direction:column;gap:8px}.cl__label[data-v-f0b7ae10]{font-size:13px;font-weight:600;color:var(--tk-muted-2)}.cl__palette[data-v-f0b7ae10]{display:flex;gap:6px;flex-wrap:wrap}.cl__cell[data-v-f0b7ae10]{width:30px;height:30px;border-radius:6px;border:1px solid var(--tk-line);cursor:pointer;transition:transform .12s}.cl__cell[data-v-f0b7ae10]:hover{transform:scale(1.1)}.cl__preview[data-v-f0b7ae10]{padding:24px;border-radius:10px;border:1px solid var(--tk-line);font-size:16px;font-weight:600}