/* Best-effort mobile layout untuk flyer studio (desain aslinya desktop grid).
   Di HP: semua kolom jadi stack vertikal & bisa di-scroll. Preview tetap
   full-size supaya hasil generate image/video tidak berubah. */
@media (max-width: 860px){
  html, body{ overflow:auto !important; height:auto !important; }
  .app{
    display:block !important;
    height:auto !important;
    overflow:visible !important;
    padding:6px !important;
  }
  .app > *{
    height:auto !important;
    max-height:none !important;
    margin-bottom:8px !important;
    overflow:visible !important;
  }
  .preview-area{ overflow-x:auto !important; }
  .row2{ grid-template-columns:1fr 1fr !important; }
}

/* static-flight (layout body flex 2 panel) */
@media (max-width: 860px){
  body{ display:block !important; }
  #editor-panel{ width:auto !important; max-width:none !important; height:auto !important; }
}