.car-360-viewer-container{position:relative;background:#f5f5f5;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px rgb(0 0 0 / .1);user-select:none;-webkit-user-select:none;-moz-user-select:none;cursor:grab}.car-360-viewer-container:active{cursor:grabbing}.car-360-viewer-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;color:#666;z-index:10}.car-360-viewer-canvas{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.car-360-viewer-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;pointer-events:none;display:block!important;opacity:1!important;visibility:visible!important}.car-360-viewer-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgb(0 0 0 / .7),transparent);padding:20px;opacity:1;transition:opacity 0.3s ease}.car-360-viewer-container:hover .car-360-viewer-controls{opacity:1}.car-360-viewer-instruction{text-align:center;color:#fff;font-size:14px;margin-bottom:10px;text-shadow:0 1px 3px rgb(0 0 0 / .5)}.car-360-viewer-progress{width:100%;height:4px;background:rgb(255 255 255 / .3);border-radius:2px;overflow:hidden}.car-360-viewer-progress-bar{height:100%;background:#4CAF50;border-radius:2px;transition:width 0.1s ease}.car-360-viewer-images{display:none}@media (max-width:768px){.car-360-viewer-instruction{font-size:12px}.car-360-viewer-controls{padding:15px}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.car-360-viewer-container.loading .car-360-viewer-loader::after{content:'';display:block;width:40px;height:40px;margin:10px auto 0;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}