.h3d-viewer-container{position:relative;overflow:hidden;border-radius:8px;min-height:300px;background:none}.h3d-viewer-container canvas{display:block;width:100%;height:100%}.h3d-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;padding:12px 24px;margin:8px 0;border-radius:4px;text-align:center;max-width:80%;z-index:2}.h3d-loading-text{position:absolute;top:60%;left:50%;transform:translateX(-50%);color:#666;font-size:14px;z-index:2}.h3d-viewer-container.loading::before{content:'';position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:h3d-spin 1s linear infinite;z-index:1}.h3d-viewer-container.loaded::before,.h3d-viewer-container.loaded .h3d-loading-text,.h3d-viewer-container.error::before,.h3d-viewer-container.error .h3d-loading-text{display:none}@keyframes h3d-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:768px){.h3d-viewer-container{min-height:300px}}.h3d-controls{position:absolute;bottom:10px;right:10px;display:flex;gap:8px;z-index:10}.h3d-control-button{background:rgb(255 255 255 / .9);border:none;border-radius:4px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;transition:all 0.2s ease;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.h3d-control-button:hover{background:#fff;transform:translateY(-1px);box-shadow:0 3px 6px rgb(0 0 0 / .15)}.h3d-control-button svg{width:20px;height:20px;fill:#333}