.picker {
  border: 2px solid #ccc;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.palette {
  position: fixed;
  top: 76px;
  left: 12px;
  display: grid;
  grid-template-columns: repeat(4, 28px);
  gap: 8px;
  padding: 8px;
  background: #222C;
  border: 1px solid #9997;
  box-shadow: 0 4px 10px rgba(0,0,0,.08);
  border-radius: 6px;
  z-index: 10;
}
.swatch {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.25);
}
.hidden { display: none; }