.output-workbench {
  display: grid;
  grid-template-columns: minmax(310px, 360px) minmax(0, 1fr);
  align-items: start;
  gap: clamp(32px, 4vw, 66px);
}

.output-controls { min-width: 0; }

.output-controls > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
}

.output-controls > header h2 {
  margin: 0;
  font: 950 clamp(46px, 5vw, 75px)/.85 var(--sans);
  text-transform: uppercase;
}

.output-controls > header > p { max-width: 430px; }

@media (max-width: 1100px) {
  .output-workbench { grid-template-columns: minmax(260px, 300px) minmax(0, 1fr); }
  .output-controls > header { display: block; }
}

@media (max-width: 760px) {
  .output-workbench { grid-template-columns: 1fr; }
}