.loading-overlay { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 24px; background: #f8f7fc; color: #111322; font-family: Arial, sans-serif; overflow: auto; }
.loading-overlay[hidden], [hidden] { display: none !important; }
.loading-panel { width: min(100%, 430px); text-align: center; margin: auto; }
.loading-logo { position: relative; overflow: hidden; width: 64px; aspect-ratio: 882 / 914; margin: 0 auto 28px; }
.loading-logo img { position: absolute; width: calc(1254 / 882 * 100%); max-width: none; height: auto; left: calc(-189 / 882 * 100%); top: calc(-206 / 914 * 100%); }
.loading-title { font-size: 23px; font-weight: 600; line-height: 1.4; margin: 0 0 15px; }
.loading-detail { color: #66658b; font-size: 15px; line-height: 1.6; margin: 15px 0; }
.loading-progress { display: block; appearance: none; width: 100%; height: 7px; margin-top: 24px; border: 0; border-radius: 8px; overflow: hidden; background: #e7e1f7; accent-color: #5032ee; }
.loading-progress::-webkit-progress-bar { background: #e7e1f7; border-radius: 8px; }
.loading-progress::-webkit-progress-value { background: #5032ee; border-radius: 8px; }
.loading-progress::-moz-progress-bar { background: #5032ee; border-radius: 8px; }
.loading-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; margin-top: 24px; }
.loading-actions a, .loading-actions button { padding: 12px 18px; border: 1px solid #5032ee; border-radius: 9px; color: #5032ee; background: transparent; font: inherit; cursor: pointer; text-decoration: none; }
.loading-actions button { background: #5032ee; color: white; }
.loading-actions :focus-visible { outline: 3px solid #241076; outline-offset: 4px; }
.loading-error-detail { text-align: left; overflow-wrap: anywhere; font-size: 13px; line-height: 1.5; color: #66658b; }