[data-viewer-loading]{position:relative}.viewer-loading{position:absolute;inset:0;z-index:20;display:grid;place-items:center;overflow:hidden;background:#090909;opacity:1;transition:opacity .35s ease;pointer-events:auto}.viewer-loading.is-ready{opacity:0;pointer-events:none}.viewer-loading{color:#f5f5f2}.viewer-loading .brand-intro-center img{max-width:55%;max-height:45%;}.viewer-loading .brand-intro-center p{margin:22px 0 18px}.viewer-booting canvas{pointer-events:none}.viewer-booting .fleet-world-label,.viewer-booting .pyrolytic-label{visibility:hidden}@media(prefers-reduced-motion:reduce){.viewer-loading,.viewer-loading .brand-intro-center img,.viewer-loading .brand-intro-line{animation:none;transition:none}}

.teleop-screen{position:relative;overflow:hidden;container-type:inline-size}.teleop-screen canvas{display:block;width:100%}.teleop-screen .viewer-loading .brand-intro-center{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.teleop-screen .viewer-loading .brand-intro-center img{width:clamp(40px,28cqw,128px);height:auto;min-width:0;max-height:52%;object-fit:contain}.teleop-screen .viewer-loading .brand-intro-center p{font-size:clamp(6px,1.7cqw,10px);letter-spacing:.18em;margin:8px 0}.teleop-screen .viewer-loading .brand-intro-line{width:32%;max-width:140px}
/* The loading standard settles into an unobtrusive corner of each model view. */
.viewer-loading.is-ready{opacity:1;background:transparent;pointer-events:none}
.viewer-loading{transition:background .75s ease}
.viewer-loading.is-ready p,.viewer-loading.is-ready .brand-intro-line{opacity:0}
/* Compensate for the PNG's transparent right/bottom padding (28/71 of 500px),
   so the visible standard has the same inset from both frame edges. */
.viewer-brand{position:absolute;right:12px;bottom:12px;width:165px;height:165px;object-fit:contain;transform:translate(5.6%,14.2%);z-index:10;pointer-events:none;opacity:.35}
.viewer-brand[hidden]{display:none}
.teleop-screen .viewer-brand{right:8px;bottom:8px;width:clamp(45px,27.5cqw,90px);height:clamp(45px,27.5cqw,90px)}
@media(max-width:580px){.viewer-brand{width:115px;height:115px;right:8px;bottom:8px}}
@media(prefers-reduced-motion:reduce){.viewer-loading{transition:none}}


/* Complete the lion first; show an honest indeterminate bar until stages report progress. */
.viewer-loading .brand-intro-center img{animation:none;opacity:0}
.viewer-loading .brand-intro-line{width:160px;height:2px;background:#343434;animation:none;transform:none;opacity:0;overflow:hidden}
.viewer-loading.is-introduced .brand-intro-line{opacity:1}
.viewer-loading .brand-intro-line i{display:block;width:35%;height:100%;background:#f5f5f2;animation:viewer-progress-pending 1.2s ease-in-out infinite}
.viewer-loading .brand-intro-line[aria-valuenow] i{animation:none;transform:none;transition:width .18s ease}
.viewer-loading.is-ready .brand-intro-line{opacity:0}
@keyframes viewer-progress-pending{from{transform:translateX(-100%)}to{transform:translateX(390%)}}
@media(prefers-reduced-motion:reduce){.viewer-loading .brand-intro-line i{animation:none;transition:none}}