.viewer360{position:relative;width:100%;overflow:hidden;background:#0a0a0a;border-radius:8px;user-select:none;-webkit-user-select:none}.viewer360-canvas{position:relative;width:100%;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;overflow:hidden}.viewer360-fullscreen .viewer360-canvas{aspect-ratio:auto;height:100%}.viewer360-pseudo-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;z-index:9999;border-radius:0}.viewer360-image{width:100%;height:100%;object-fit:contain;pointer-events:none}.viewer360-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a0a;z-index:10;transition:opacity .3s ease}.viewer360-loading-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.viewer360-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.15);border-top-color:#3b82f6;border-radius:50%;animation:viewer360-spin .8s linear infinite}@keyframes viewer360-spin{to{transform:rotate(360deg)}}.viewer360-progress{width:200px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.viewer360-progress-bar{height:100%;background:#3b82f6;border-radius:2px;width:0%;transition:width .2s ease}.viewer360-progress-text{color:#ffffff80;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.viewer360-controls{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 12px;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:24px;z-index:5}.viewer360-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#ffffffb3;cursor:pointer;border-radius:50%;padding:0;transition:all .15s ease}.viewer360-btn:hover{color:#fff;background:#ffffff1a}.viewer360-btn.active{color:#3b82f6}.viewer360-btn svg{width:18px;height:18px}.viewer360-frame-indicator{color:#ffffff80;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-width:50px;text-align:center}.viewer360-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .3s ease}.viewer360-hint span{padding:8px 20px;background:#0009;color:#fffc;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;border-radius:20px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}