.loading-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 99999 !important;
  pointer-events: auto !important;
}

/* Tablets and small desktop screens up to 1024px */
@media (min-width: 728px)  {
  body {
    max-width: 800px; /* allow full app width */
    margin: 0 auto;
    background-position: center;
  }
  

  
  /* Top bar and logo adjustments */
  .logo { width: 300px; height: auto; }

  /* Main title sizes */
  .title { font-size: 34px; }
  .subtitle { font-size: 16px; }

  /* Make conspect list area more spacious */


  /* Modal sizing */
  .conspect-modal { max-width: 900px; }

  /* Floating upload button: move to bottom-right and keep visible */


  /* Layout helpers for lists — keep existing list behaviour but allow grid where safe */
  .conspect-list.grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }
}

@media (min-width: 528px)  {
  body {
    max-width: 800px; /* allow full app width */
    margin: 0 auto;
    background-position: center;
  }
}