.loading-overlay{box-sizing:border-box;border:1px solid var(--line,#d8dfda);border-radius:16px;padding:30px;width:min(380px,calc(100vw - 32px));color:var(--ink,#15251e);background:#fff;text-align:center;font-family:system-ui,sans-serif;line-height:1.5;box-shadow:0 18px 60px #102f2333;cursor:wait}
.loading-overlay::backdrop{background:rgba(16,47,35,.35);cursor:wait}
.loading-overlay:focus{outline:none}
.loading-overlay h2{font:700 1.3rem system-ui,sans-serif;margin:16px 0 8px}
.loading-overlay p{margin:0;color:var(--muted,#607069);font-size:.95rem}
.loading-spinner{display:block;width:42px;height:42px;margin:0 auto;border:4px solid #dceae3;border-top-color:var(--blue,#2458d3);border-radius:50%;animation:konnections-loading-spin .8s linear infinite}
@keyframes konnections-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none}}
@media print{.loading-overlay{display:none!important}}

.loading-error{color:var(--danger,#a12626);padding:12px;border:1px solid currentColor;border-radius:8px}