.viewer-frame{border-radius:var(--radius-l);border:1px solid var(--line);background:radial-gradient(60% 55% at 50% 42%,#3fd0ff29,#0000 70%),radial-gradient(90% 70% at 50% 100%,#7c4ca04d,#0000 70%),#100e24;margin-block:20px 16px;position:relative;overflow:hidden}model-viewer{--progress-bar-color:transparent;--poster-color:transparent;background:0 0;width:100%;height:min(62svh,560px);min-height:340px;display:block}.mv-ar-button{white-space:nowrap;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.mv-ar-button:active{transform:translate(-50%)scale(.97)}.mv-progress{--p:0;background:#ffffff14;height:4px;transition:opacity .4s .2s;position:absolute;top:0;left:0;right:0}.mv-progress span{transform-origin:0;width:100%;height:100%;transform:scaleX(var(--p));background:linear-gradient(90deg, var(--fx-cyan), var(--hado-orange));transition:transform .2s;display:block}.mv-progress.is-done{opacity:0}.ar-fallback{text-align:center;gap:8px;margin-bottom:16px;display:grid}.ar-fallback[hidden]{display:none}.ar-fallback p{margin:0}.notice{border-color:#ffd40059;margin-bottom:16px}.notice[hidden]{display:none}.notice p{margin:0}.notice__title{margin-bottom:4px!important}.mv-loading{border-radius:var(--radius-pill);border:1px solid var(--line);color:var(--fg-muted);pointer-events:none;white-space:nowrap;background:#0b0a1abf;margin:0;padding:10px 18px;font-size:16px;font-weight:700;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mv-loading.is-done{opacity:0}.mv-loading.is-error{color:var(--fx-yellow);white-space:normal;text-align:center;width:max-content;max-width:80%}