.draft-loading{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(18px,5vw,48px);background:radial-gradient(ellipse at 50% 20%,#34434bea,#08111afc 70%);color:#f8f3e6;text-align:center;backdrop-filter:blur(12px)}
.draft-loading[hidden],.draft-loading button[hidden]{display:none}
.draft-loading h3{font-size:clamp(20px,2vw,30px);margin:12px 0 30px;font-weight:500;letter-spacing:-.5px}
.draft-loading .eyebrow{font-size:9px;letter-spacing:3px;color:#e0bc6e}
.loading-progress-heading{width:100%;max-width:360px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;line-height:1.6;text-align:left}
.loading-progress-heading strong{font-size:22px;font-variant-numeric:tabular-nums;color:#f4cd7e}
.draft-loading progress{appearance:none;width:100%;max-width:360px;height:5px;margin:14px 0 18px;border:0;border-radius:8px;overflow:hidden;background:#ffffff1a;accent-color:#e0bc6e}
.draft-loading progress::-webkit-progress-bar{background:#ffffff1a;border-radius:8px}
.draft-loading progress::-webkit-progress-value{background:linear-gradient(90deg,#967240,#f4cd7e);border-radius:8px;transition:width .2s ease}
.draft-loading progress::-moz-progress-bar{background:#e0bc6e;border-radius:8px}
.draft-loading p{font-size:10px;line-height:1.7;margin:0;max-width:340px;color:#d6dde2}
.draft-loading .loading-note{margin:15px 0 25px;color:#98aab8}
.loading-card-fan{height:112px;width:115px;position:relative;margin:0 0 26px}
.loading-card-fan i{position:absolute;top:5px;left:24px;width:68px;height:99px;border:1px solid #c9a65b;border-radius:4px;background:repeating-radial-gradient(ellipse at center,#caa45322 0 3px,#101c28 4px 9px);box-shadow:0 10px 35px #0005;transform-origin:50% 110%;animation:card-glow 2s ease-in-out infinite}
.loading-card-fan i:first-child{transform:rotate(-18deg);animation-delay:-.6s}
.loading-card-fan i:last-child{transform:rotate(18deg);animation-delay:-1.2s}
.draft-loading.failed .loading-card-fan i{animation:none;border-color:#e7987b}
.draft-loading.failed #loading-detail{color:#ffc1a9}
@keyframes card-glow{0%,100%{filter:brightness(.8)}50%{filter:brightness(1.6)}}
@media(prefers-reduced-motion:reduce){.loading-card-fan i{animation:none}.draft-loading progress::-webkit-progress-value{transition:none}}
@media(max-width:640px){.loading-card-fan{height:82px;margin-bottom:12px;transform:scale(.75);transform-origin:top center}.draft-loading h3{margin:8px 0 16px}.draft-loading .loading-note{margin:10px 0 15px}}