/* Model controls live below the wooden reference toolbar. */
#easel-controls-dock {
  position: relative;
  z-index: 6;
  width: 100%;
  margin-top: 16px;
}

#easel-controls-dock[hidden],
#easel-controls-dock > .head-camera-controls[hidden] { display: none !important; }

#easel-controls-dock > .head-camera-controls {
  position: static;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

#easel-controls-dock > .head-camera-controls > summary[hidden] { display: none !important; }

#easel-controls-dock .head-control-fields {
  position: static;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 6px 10px 7px;
  border: 1px solid #ac9570a6;
  border-radius: 8px;
  background: #211e1bcc;
  box-shadow: 0 2px 8px #0005;
  color: #e9d8b7;
  direction: ltr;
  backdrop-filter: blur(5px);
}

#easel-controls-dock .head-control-fields[hidden] { display: none !important; }

@media (max-width: 759px) {
  #easel-controls-dock .head-control-fields { gap: 5px; padding-inline: 6px; }
}

@media (max-width: 359px) {
  #easel-controls-dock .head-control-fields { gap: 4px; padding-inline: 5px; }
}