.gjs-field-wrapper { margin-top: .5rem; }

.hm-grid { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: .75rem; align-items: start; }
.hm-grid--focus {
  grid-auto-flow: row;
  grid-auto-columns: auto;
  width: 50%;
  max-width: 50%;
  margin-inline: auto;
}
.hm-col { min-width: 0; }
.hm-viewport { position: relative; overflow: hidden; }
.hm-stage { position: relative; transform-origin: top left; }
.hm-frame { position: absolute; inset: 0; border: 0; display: block; pointer-events: none; }
.hm-canvas { position: absolute; inset: 0; pointer-events: none; }

@media (max-width: 900px) {
  .hm-grid { grid-auto-flow: row; grid-auto-columns: auto; }
  .hm-grid--focus { width: 100%; max-width: 100%; }
}