model-viewer{width:100%;height:100%;min-height:400px;background-color:#f0f0f0;border-radius:.5rem}model-viewer::part(default-progress-bar){background-color:#8B5CF6;height:4px;border-radius:2px}model-viewer::part(default-progress-mask){background:rgba(0,0,0,.1)}model-viewer::part(default-ar-button){display:none}model-viewer .interaction-prompt{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.7);color:white;padding:8px 16px;border-radius:20px;font-size:12px;display:flex;align-items:center;gap:8px;pointer-events:none;z-index:10}model-viewer .hotspot{display:block;width:20px;height:20px;border-radius:50%;background:rgba(139,92,246,.8);border:2px solid white;box-shadow:0 2px 4px rgba(0,0,0,.25);transition:all .3s ease}model-viewer .hotspot:hover{background:rgba(139,92,246,1);transform:scale(1.2)}model-viewer[loading=eager]{opacity:1;transition:opacity .3s ease-in-out}model-viewer[loading=lazy]{opacity:0}model-viewer[loading=lazy][loaded]{opacity:1}@media (max-width:768px){model-viewer{min-height:300px}}@media (min-width:1024px){model-viewer{min-height:500px}}