.canvas-loading{z-index:10;background:radial-gradient(circle at 50% 42%, var(--bl-accent-wash), transparent 18rem), var(--bl-bg);min-width:0;color:var(--bl-text);text-align:center;place-content:center;justify-items:center;gap:10px;padding:24px;display:grid;position:absolute;inset:0}.canvas-loading.failed{color:var(--bl-error)}.canvas-loading-spinner{border:4px solid var(--bl-border-control);border-top-color:var(--bl-accent);border-radius:50%;width:42px;height:42px;animation:.9s linear infinite canvas-loading-spin}.canvas-loading-detail{max-width:34rem;color:var(--bl-text-soft);font-size:var(--bl-text-sm);line-height:1.5}.canvas-loading-meter{background:var(--bl-border-muted);border-radius:999px;width:min(240px,70vw);height:4px;position:relative;overflow:hidden}.canvas-loading-meter>span{border-radius:inherit;background:var(--bl-accent);width:42%;animation:1.2s ease-in-out infinite canvas-loading-progress;position:absolute;inset-block:0}.canvas-loading-meter.determinate>span{width:0;transition:width .16s ease-out;animation:none;transform:none}@keyframes canvas-loading-spin{to{transform:rotate(360deg)}}@keyframes canvas-loading-progress{0%{transform:translate(-110%)}to{transform:translate(350%)}}@media (prefers-reduced-motion:reduce){.canvas-loading-spinner,.canvas-loading-meter>span{animation-duration:3s}}