.shell {
  width: min(98vw, 1720px);
}

@media (min-width: 1180px) {
  .workspace {
    gap: 22px;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  }
}

@media (min-width: 1500px) {
  .shell {
    width: min(98.5vw, 1780px);
  }
  .workspace {
    gap: 24px;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  }
}

@media (min-width: 1800px) {
  .shell {
    width: min(99vw, 1920px);
  }
  .domains {
    grid-template-columns: repeat(4, minmax(220px, 1fr));
  }
  .control-strip {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .workspace {
    gap: 26px;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  }
  .result-panel,
  .panel {
    padding: 28px;
  }
}