/* Compact HEX→RGB (RapidTables density) */
.hex-rt { max-width: 460px; }
.hex-rt-row {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
.hex-rt-swatch {
  width: 72px;
  height: 72px;
  border: 1px solid #888;
  border-radius: 2px;
  background: #4040ff;
}
.hex-rt-fields { display: grid; gap: 8px; }
.hex-rt-fields .form-row {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 140px) !important;
  gap: 8px !important;
  margin: 0 !important;
  align-items: center;
}
.hex-rt-fields label { margin: 0; font-size: 13px; font-weight: 700; }
.hex-rt-fields input {
  width: 100%;
  border: 1px solid #bbb;
  border-radius: 3px;
  padding: 5px 7px;
  font-size: 13px;
}
.hex-rt-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
@media (max-width: 480px) {
  .hex-rt-row { grid-template-columns: 1fr; }
}