/* Điểm ngắt responsive chung. */
/* ---------- Responsive ---------- */
@media (max-width: 980px) {
  .editor { display: block; overflow-y: auto; }
  .topbar { flex-wrap: wrap; padding: 10px 14px; }
  #appbar, .editorbar { height: auto; min-height: 52px; }
  .layout { grid-template-columns: 1fr; }
  .center { order: -1; }
  .stage { height: 70vh; }
  .panel.left, .panel.right { border: 0; border-top: 1px solid var(--line); }
  .panel.left { padding: 0; }
}