/* Replace Dash's stock top-left "Loading..." pre-hydration placeholder with a centered ML-PEG loader matching the in-app page spinner. Assets CSS loads in before the app entry point, so this applies during the cold-start window. The ml-peg-spin keyframe is defined in loading.css. */ ._dash-loading { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; background: #ffffff; z-index: 1400; /* Hide the literal "Loading..." text node. */ font-size: 0; } ._dash-loading::before { content: ""; width: 52px; height: 52px; border: 5px solid #d0ebff; border-top-color: #119dff; border-radius: 50%; box-sizing: border-box; animation: ml-peg-spin 0.8s linear infinite; } ._dash-loading::after { content: "Loading ML-PEG…"; font-size: 16px; font-weight: 600; color: #212529; font-family: sans-serif; }