/* ============ ZERO-SCROLL RESPONSIVE LADDER (spec §10) ============ */
    /* <=1180px: hardware mirror folds away, canvas goes full-width */
    @media (max-width: 1180px) {
      .workspace-grid { grid-template-columns: 64px minmax(0, 1fr); }
      aside.hardware-mirror { display: none; }
      .master-dsp-drawer, .ai-story-drawer { right: 0; left: 64px; }
    }
    /* <=720px: rail becomes a bottom icon strip inside workspace, single column */
    @media (max-width: 720px) {
      .workspace-grid {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(0, 1fr) 64px;
      }
      aside.module-rail {
        grid-row: 2;
        grid-template-rows: none;
        grid-auto-flow: column;
        grid-auto-columns: 1fr;
        border-right: 0;
        border-top: 1px solid var(--line-subtle);
      }
      .rail-btn { min-height: 48px; }
      .rail-btn .name { display: none; }
      .master-dsp-drawer, .ai-story-drawer { left: 0; }
      .param-knob-matrix { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    }
    /* Landscape iPad height crunch: clamp mirror internals, tighten paddings */
    @media (orientation: landscape) and (max-height: 820px) {
      main.module-workspace { padding: 6px 10px; gap: 6px; }
      .knob-rotary-dial { width: 46px; height: 46px; }
      .knob-card { min-height: 84px; }
    }