@media (max-width: 1320px) {
  .prototype-layout { grid-template-columns: minmax(0, 1fr); }
  .review-notes { position: static; max-height: none; }
  body[data-stage-mode="studio"] .prototype-layout { padding-inline: 8px; }
}

@media (max-width: 1120px) {
  .review-toolbar { align-items: flex-start; flex-direction: column; }
  .review-controls { width: 100%; flex-wrap: wrap; }
  .review-controls label { flex: 1; }
  .review-controls select { width: 100%; }
  .workflow-studio { grid-template-columns: 175px minmax(350px, 1fr) 240px; }
  .studio-palette { padding-inline: 8px; }
  .studio-inspector { padding-inline: 13px; }
  .settings-frame { grid-template-columns: 150px minmax(0, 1fr); }
  .settings-main { padding: 24px 22px 38px; }
  .recipe-grid { grid-template-columns: 1fr 1fr; }
  .config-layout, .config-layout.wide { grid-template-columns: minmax(0, 1fr); }
  .recipe-summary-panel { position: static; }
  .action-catalog { grid-template-columns: 200px 1fr; }
  .action-catalog > div { grid-row: span 4; }
}

@media (max-width: 1000px) {
  .workflow-studio { grid-template-columns: 175px minmax(0, 1fr); grid-template-rows: 58px 650px auto; }
  .studio-topbar { grid-column: 1 / -1; }
  .studio-palette { grid-column: 1; grid-row: 2; }
  .studio-canvas { grid-column: 2; grid-row: 2; }
  .studio-inspector { grid-column: 1 / -1; grid-row: 3; border-top: 1px solid #ded9e3; border-left: 0; }
  .flow-graph { zoom: .78; }
}

@media (max-width: 860px) {
  .prototype-layout { padding: 8px; }
  .prototype-stage { border-radius: 15px; }
  .odia-app-frame { grid-template-columns: 58px minmax(0, 1fr); }
  .app-sidebar { padding-inline: 6px; }
  .app-sidebar nav button span { display: none; }
  .settings-frame { grid-template-columns: 120px minmax(0, 1fr); padding: 8px; }
  .settings-main { padding: 20px 16px 30px; }
  .settings-nav { padding-inline: 7px; }
  .recipe-hero { grid-template-columns: minmax(0, 1fr); }
  .featured-recipes { grid-template-columns: minmax(0, 1fr); }
  .catalog-browser { grid-template-columns: 150px minmax(0, 1fr); }
  .catalog-columns { grid-template-columns: minmax(0, 1fr); }
  .section-help { min-height: 0; }
  .field-checklist { grid-template-columns: 1fr; }
  .workflow-studio { grid-template-columns: 145px minmax(0, 1fr); }
  .studio-title p { display: none; }
  .studio-actions .badge { display: none; }
  .palette-item .entity-mark { width: 25px; height: 25px; }
  .canvas-minimap { display: none; }
  .assumption-grid { grid-template-columns: minmax(0, 1fr); }
  .assumption-grid span + span { border-top: 1px solid var(--border); border-left: 0; }
}