/* Balanced desktop instruments; independent scroll bodies keep actions visible. */
.editor-scroll { min-width: 0; }
@media (min-width: 951px) {
  .workbench {
    --panel-height: clamp(660px, 76vh, 820px);
    --panel-gap: 20px;
    gap: var(--panel-gap);
    align-items: stretch;
  }
  .editor-pane, .results-pane {
    position: relative;
    top: auto;
    height: var(--panel-height);
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .editor-pane > .panel-title,
  .run-bar, .editor-note,
  .results-heading, .run-status, #timing, .readout-foot {
    flex: 0 0 auto;
  }
  .editor-scroll, #results {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #6f644f transparent;
    scrollbar-gutter: stable;
    padding-right: 5px;
  }
  .editor-scroll { margin-top: 14px; }
  .editor-scroll:focus-visible { outline-offset: -2px; }
  .editor-scroll .state-input, .editor-scroll .context-list { margin-top: 0; }
  .editor-scroll .question-list,
  .editor-scroll .context-list { max-height: none; overflow: visible; }
  .editor-scroll .question-list { padding-bottom: 4px; }
  .run-bar { margin-top: 14px; padding-top: 14px; }
  .editor-note { margin-top: 10px; }
  .results-pane #results { padding-bottom: 2px; }
  .results-pane .empty-results { min-height: 100%; }
  .result-table-scroll { overflow-x: auto; }
  .model-lane {
    position: relative;
    top: auto;
    margin: 0;
    height: var(--panel-height);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .model-card { width: 100%; }
  .model-card::before, .model-card::after { display: none; }
  .model-lane::before, .model-lane::after {
    content: '';
    position: absolute;
    top: 50%;
    height: 1px;
    width: var(--panel-gap);
    background: linear-gradient(90deg, #ba98608c, #ba986030);
    pointer-events: none;
  }
  .model-lane::before { right: 100%; }
  .model-lane::after { left: 100%; transform: rotate(180deg); }
  .example-list { flex: 1; }
}
@media (min-width: 951px) and (max-width: 1180px) {
  .workbench { --panel-gap: 15px; }
}
@media (max-width: 950px) {
  .editor-scroll { overflow: visible; }
}