/* Hide everything (including placeholder) during font loading */
html.loading body {
  visibility: hidden;
  overflow: hidden;
}

/* Restore visibility after fonts are ready */
html.ready body {
  visibility: visible;
  overflow: auto;
}

/* Hide placeholder only while loading */
html.loading #fontTextInput::placeholder {
  color: #f1f1f1; /* Matches background, placeholder hidden */
}

/* Restore placeholder color once fonts are ready */
html.ready #fontTextInput::placeholder {
  color: #333; /* or any other readable color */
}