/* OEM viewers keep one calm loading state until the first 3D frame is ready. */
body[data-page="oem"] [data-model-viewer],body[data-page="studio"] #product-viewer{position:relative}
.viewer-loading-card{display:none;position:absolute;inset:0;z-index:6;background:#f1f0e8;align-items:center;justify-content:center;flex-direction:column;padding:24px;text-align:center;pointer-events:none;color:#334733;font:13px/1.7 JingsSans,sans-serif}
.viewer-loading-card p{margin:14px 0 3px;font:inherit}.viewer-loading-card small{font-size:11px;color:#77816d;max-width:250px}.viewer-loading-orbit{width:28px;height:28px;border:1px solid #c9cfbf;border-top-color:#425e40;border-radius:50%;animation:jings-loader-r33 1.2s linear infinite}
:is(body[data-page="oem"] [data-model-viewer],body[data-page="studio"] #product-viewer):is([data-load-state="loading"],.viewer-loading):not(.viewer-unavailable) .viewer-loading-card{display:flex}
:is(body[data-page="oem"] [data-model-viewer],body[data-page="studio"] #product-viewer):is([data-load-state="loading"],.viewer-loading):not(.viewer-unavailable) .viewer-fallback{visibility:hidden!important;opacity:0!important}
body[data-page="studio"] #product-viewer .viewer-fallback{object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important;max-width:100%;position:absolute;inset:0}
body[data-page="studio"] #product-viewer:has(.viewer-loading-card):is([data-load-state="loading"],.viewer-loading)~#static-appearance-note{display:none}
body[data-page="studio"] #product-viewer.viewer-unavailable .viewer-fallback,body[data-page="studio"] #product-viewer.static-mode .viewer-fallback{opacity:1!important;visibility:visible!important}
@keyframes jings-loader-r33{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.viewer-loading-orbit{animation:none}}