.shell {
  width: min(92vw, 1450px);
}

@media (min-width: 1180px) {
  .workspace {
    gap: 16px;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  }
}

@media (min-width: 1500px) {
  .shell {
    width: min(92vw, 1500px);
  }
  .workspace {
    gap: 18px;
    grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
  }
}

@media (min-width: 1800px) {
  .shell {
    width: min(90vw, 1560px);
  }
  .domains {
    grid-template-columns: repeat(4, minmax(220px, 1fr));
  }
  .control-strip {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .workspace {
    gap: 18px;
    grid-template-columns: minmax(0, 0.93fr) minmax(0, 1.07fr);
  }
  .result-panel,
  .panel {
    padding: 20px;
  }
}