html.design-loading{overflow:hidden;background:#101216}
html.design-loading body>*:not(#designLoadingScreen){visibility:hidden!important}
#designLoadingScreen{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100%;max-height:none;padding:24px;border:0;background:#101216;color:#f5f7fa;font:16px/1.5 Inter,system-ui,sans-serif}
#designLoadingScreen[open]{display:flex;align-items:center;justify-content:center}
#designLoadingScreen::backdrop{background:#101216}
.design-loading-content{max-width:430px;text-align:center}
.design-loading-logo{width:64px;height:64px;object-fit:contain;margin-bottom:22px;border-radius:10px}
.design-loading-content h1{font-size:26px;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px}
.design-loading-content p{margin:0;color:#a3acba}
.design-loading-spinner{width:34px;height:34px;margin:26px auto 0;border:3px solid #303640;border-top-color:#ee2034;border-radius:50%;animation:design-loading-spin 1s linear infinite}
.design-loading-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.design-loading-actions[hidden],.design-loading-spinner[hidden]{display:none}
.design-loading-actions a{padding:12px 18px;border-radius:8px;background:#ee2034;color:#fff;text-decoration:none;font-size:14px;font-weight:600}
.design-loading-actions a:last-child{background:#202630}
.design-loading-actions a:focus-visible{outline:3px solid #ff6675;outline-offset:4px}
@keyframes design-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.design-loading-spinner{animation:none}}