.viewer-container{width:100%;height:100%;position:relative;overflow:hidden;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.viewer-container canvas{display:block;width:100%;height:100%}.viewer-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f5f5f5;z-index:10}.viewer-loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.viewer-spinner{width:36px;height:36px;border:3px solid #e0e0e0;border-top-color:#333;border-radius:50%;animation:viewer-spin .8s linear infinite}@keyframes viewer-spin{to{transform:rotate(360deg)}}.viewer-loading-text{font-size:14px;color:#666;letter-spacing:.02em}.viewer-progress-track{width:180px;height:3px;background:#e0e0e0;border-radius:2px;overflow:hidden}.viewer-progress-bar{height:100%;width:0%;background:#333;border-radius:2px;transition:width .2s ease}.viewer-controls{position:absolute;bottom:16px;right:16px;display:flex;gap:6px;z-index:5}.viewer-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:#ffffffe6;color:#444;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 1px 4px #0000001a;transition:background .15s,color .15s,transform .1s}.viewer-btn:hover{background:#fff;color:#111;transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.viewer-btn:active{transform:translateY(0)}.viewer-btn:focus-visible{outline:2px solid #7b8cff;outline-offset:2px}.viewer-btn.active{background:#333;color:#fff}.viewer-btn.active:hover{background:#111;color:#fff}.viewer-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f5f5f5;z-index:10}.viewer-error-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:#999}.viewer-error-text{font-size:14px;color:#888;max-width:280px;text-align:center;line-height:1.4}.annotation-marker{width:28px;height:28px;background:#7b8cff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:transform .15s,background .15s;user-select:none}.annotation-marker:hover{transform:scale(1.2);background:#6b5ce7}.annotation-marker--dot{background:#7b8cff}.annotation-marker--custom{background-size:contain;background-repeat:no-repeat;background-position:center;background-color:transparent;box-shadow:none}.viewer-poster{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.viewer-poster-play{background:#00000080;border:none;border-radius:50%;padding:16px;cursor:pointer;color:#fff;transition:background .2s,transform .2s}.viewer-poster-play:hover{background:#000000b3;transform:scale(1.1)}.annotation-tooltip{position:absolute;bottom:60px;left:50%;transform:translate(-50%);background:#1a1a2ef2;color:#e0e0e0;border-radius:10px;padding:12px 16px;max-width:300px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;z-index:20;backdrop-filter:blur(8px);box-shadow:0 4px 16px #0000004d}.annotation-tooltip-title{font-weight:600;font-size:14px;margin-bottom:4px}.annotation-tooltip-desc{color:#a0a0c0;line-height:1.4}.annotation-tooltip-close{position:absolute;top:6px;right:10px;background:none;border:none;color:#88a;font-size:18px;cursor:pointer;padding:0;line-height:1}.annotation-tooltip-close:hover{color:#fff}.animation-controls{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#1a1a2ed9;backdrop-filter:blur(8px);border-radius:24px;padding:6px 14px;z-index:15;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#e0e0e0}.animation-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffff1a;color:#e0e0e0;cursor:pointer;transition:background .15s;flex-shrink:0}.animation-btn:hover{background:#fff3}.animation-btn:focus-visible{outline:2px solid #7b8cff;outline-offset:2px}.animation-btn svg{width:14px;height:14px}.animation-scrubber{width:120px;height:4px;-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none}.animation-scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#7b8cff;border-radius:50%;cursor:pointer}.animation-scrubber::-moz-range-thumb{width:12px;height:12px;background:#7b8cff;border-radius:50%;cursor:pointer;border:none}.animation-time{font-size:11px;font-variant-numeric:tabular-nums;color:#a0a0c0;white-space:nowrap;min-width:70px;text-align:center}.animation-speed{background:#ffffff1a;color:#e0e0e0;border:none;border-radius:4px;font-size:11px;padding:2px 4px;cursor:pointer;outline:none}.viewer-container:fullscreen{background:#f5f5f5}