/* ── cp-* ColorPicker ────────────────────────────────────────────────────────── */

.cp-swatch {
  appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.18);
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: transform 0.1s;
  vertical-align: middle;
}
.cp-swatch:hover { transform: scale(1.08); }
.cp-swatch::-webkit-color-swatch-wrapper { padding: 0; }
.cp-swatch::-webkit-color-swatch { border: none; border-radius: 50%; }
.cp-swatch::-moz-color-swatch { border: none; border-radius: 50%; }