/* Full-bleed states shown over the canvas while graph.json is loading,
   or in place of it if the fetch fails. */

#loading, #loadError {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  flex-direction: column; gap: 8px; color: var(--text-secondary); font-size: 13px; text-align: center; padding: 20px;
}
#loadError { display: none; }
#loadError code {
  background: var(--gridline); padding: 2px 6px; border-radius: 4px; font-size: 12px;
}