/* SandDance grid controls: group-by / sort chip rows above a unit-grid canvas. */
.sd-controls{
  max-width:var(--wide-w);
  margin:0 auto 12px;
  padding:0 24px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.sd-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.sd-row-label{
  font-family:var(--font-mono);
  font-size:.66rem;
  text-transform:uppercase;
  letter-spacing:.09em;
  color:var(--text-muted);
  min-width:64px;
}
.sd-row .chip{transition:background .18s ease,border-color .18s ease,color .18s ease}
@media (max-width:600px){
  .sd-row-label{min-width:100%;}
}