.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}.viewer--editor{margin-left:320px}.editor-sidebar{position:fixed;top:0;left:0;width:320px;height:100vh;background:#1a1a2e;color:#e0e0e0;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;z-index:100;overflow:hidden}.editor-tab-bar{display:flex;background:#16162a;border-bottom:1px solid #2a2a4a;flex-shrink:0}.editor-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:12px 0;background:none;border:none;border-bottom:2px solid transparent;color:#88a;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.editor-tab-btn:hover{color:#c0c0e0;background:#ffffff08}.editor-tab-btn:focus-visible{outline:2px solid #7b8cff;outline-offset:-2px}.editor-tab-btn.active{color:#7b8cff;border-bottom-color:#7b8cff;background:#7b8cff0d}.editor-tab-content{flex:1;overflow-y:auto;padding:16px}.editor-tab-content::-webkit-scrollbar{width:6px}.editor-tab-content::-webkit-scrollbar-track{background:transparent}.editor-tab-content::-webkit-scrollbar-thumb{background:#3a3a5a;border-radius:3px}.editor-footer{padding:12px 16px;border-top:1px solid #2a2a4a;flex-shrink:0}.editor-control{margin-bottom:12px}.editor-control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.editor-control-label{font-size:12px;color:#a0a0c0;text-transform:uppercase;letter-spacing:.04em;font-weight:500}.editor-control-value{font-size:12px;color:#7b8cff;font-variant-numeric:tabular-nums}.editor-control-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.editor-slider-input{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:#2a2a4a;border-radius:2px;outline:none}.editor-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#7b8cff;border-radius:50%;cursor:pointer;border:2px solid #1a1a2e}.editor-slider-input::-moz-range-thumb{width:14px;height:14px;background:#7b8cff;border-radius:50%;cursor:pointer;border:2px solid #1a1a2e}.editor-color-input{width:32px;height:24px;padding:0;border:1px solid #3a3a5a;border-radius:4px;background:transparent;cursor:pointer}.editor-color-input::-webkit-color-swatch-wrapper{padding:2px}.editor-color-input::-webkit-color-swatch{border:none;border-radius:2px}.editor-toggle-switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.editor-toggle-switch input{opacity:0;width:0;height:0}.editor-toggle-slider{position:absolute;cursor:pointer;inset:0;background:#2a2a4a;border-radius:20px;transition:background .2s}.editor-toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;bottom:2px;background:#666;border-radius:50%;transition:transform .2s,background .2s}.editor-toggle-switch input:checked+.editor-toggle-slider{background:#7b8cff}.editor-toggle-switch input:checked+.editor-toggle-slider:before{transform:translate(16px);background:#fff}.editor-dropdown-select{width:100%;padding:6px 8px;background:#2a2a4a;color:#e0e0e0;border:1px solid #3a3a5a;border-radius:4px;font-size:13px;cursor:pointer;outline:none;margin-top:4px}.editor-dropdown-select:focus{border-color:#7b8cff}.editor-number-input{width:70px;padding:4px 6px;background:#2a2a4a;color:#e0e0e0;border:1px solid #3a3a5a;border-radius:4px;font-size:13px;outline:none;font-variant-numeric:tabular-nums}.editor-number-input:focus{border-color:#7b8cff}.editor-vec3-row{display:flex;gap:6px;margin-top:4px}.editor-vec3-group{flex:1;display:flex;align-items:center;gap:4px}.editor-vec3-label{font-size:11px;color:#88a;font-weight:600;min-width:12px}.editor-vec3-input{width:100%!important}.editor-section{margin-bottom:16px}.editor-section-header{display:flex;align-items:center;gap:8px;width:100%;padding:8px 0;background:none;border:none;border-bottom:1px solid #2a2a4a;color:#c0c0e0;font-size:13px;font-weight:600;cursor:pointer;text-align:left}.editor-section-header:hover{color:#fff}.editor-section-header:focus-visible{outline:2px solid #7b8cff;outline-offset:-2px}.editor-section-arrow{font-size:10px;color:#7b8cff;width:12px;text-align:center}.editor-section-content{padding:12px 0 0}.editor-btn-primary{width:100%;padding:8px 12px;background:#7b8cff;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;margin-top:8px}.editor-btn-primary:hover{background:#6b7cef}.editor-btn-primary:focus-visible{outline:2px solid #fff;outline-offset:2px}.editor-btn-secondary{padding:8px 12px;background:#2a2a4a;color:#c0c0e0;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:background .15s}.editor-btn-secondary:hover{background:#3a3a5a}.editor-btn-secondary:focus-visible{outline:2px solid #7b8cff;outline-offset:2px}.editor-btn-danger{width:100%;padding:6px 10px;background:none;color:#ff6b6b;border:1px solid #ff6b6b33;border-radius:6px;font-size:12px;cursor:pointer;transition:background .15s,border-color .15s;margin-top:8px}.editor-btn-danger:hover{background:#ff6b6b1a;border-color:#ff6b6b}.editor-btn-danger:focus-visible{outline:2px solid #ff6b6b;outline-offset:2px}.editor-filename{display:block;margin-top:4px;font-size:11px;color:#8a8f98;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-btn-embed{width:100%;padding:10px 12px;background:linear-gradient(135deg,#7b8cff,#6b5ce7);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.editor-btn-embed:hover{opacity:.9}.editor-btn-embed:focus-visible{outline:2px solid #fff;outline-offset:2px}.editor-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.editor-modal{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:12px;padding:24px;width:560px;max-width:90vw;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.editor-modal-title{margin:0 0 16px;font-size:16px;font-weight:600}.editor-modal-code{width:100%;padding:12px;background:#0f0f1a;color:#7b8cff;border:1px solid #2a2a4a;border-radius:6px;font-family:Cascadia Code,Fira Code,monospace;font-size:12px;resize:vertical;outline:none;box-sizing:border-box}.editor-modal-code:focus{border-color:#7b8cff}.editor-modal-actions{display:flex;gap:8px;margin-top:16px;justify-content:flex-end}.editor-preset-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.editor-preset-btn{padding:5px 10px;background:#2a2a4a;color:#c0c0e0;border:1px solid #3a3a5a;border-radius:4px;font-size:11px;cursor:pointer;transition:background .15s,border-color .15s}.editor-preset-btn:hover{background:#3a3a5a;border-color:#7b8cff;color:#fff}.editor-preset-btn:focus-visible{outline:2px solid #7b8cff;outline-offset:2px}.editor-empty-state{text-align:center;color:#88a;font-size:13px;padding:24px 16px;line-height:1.4}.annotation-list{margin-top:12px;display:flex;flex-direction:column;gap:6px}.annotation-list-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff08;border:1px solid #2a2a4a;border-radius:6px;transition:background .15s}.annotation-list-item:hover{background:#ffffff0f}.annotation-list-badge{width:22px;height:22px;background:#7b8cff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.annotation-list-title{flex:1;font-size:13px;color:#c0c0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annotation-list-actions{display:flex;gap:4px;flex-shrink:0}.annotation-edit-form{margin-top:12px}.editor-inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.editor-inspector-btn{padding:10px 8px;background:#2a2a4a;color:#c0c0e0;border:1px solid #3a3a5a;border-radius:6px;font-size:12px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;text-align:center}.editor-inspector-btn:hover{background:#3a3a5a;border-color:#7b8cff}.editor-inspector-btn:focus-visible{outline:2px solid #7b8cff;outline-offset:2px}.editor-inspector-btn.active{background:#7b8cff;color:#fff;border-color:#7b8cff}