html,body{width:100%;height:100%;margin:0;padding:0}#app{display:flex;width:100%;height:100%}#sidebar{width:600px;min-width:400px;height:100%;background:#1e3b61}#canvasContainer{flex:1;height:100%;display:flex;position:relative;align-items:center;justify-content:center;overflow:hidden}#renderCanvas{display:block}#scene-explorer-host,#inspector-host{position:fixed!important;z-index:100}#node-info-panel{position:absolute;left:24px;bottom:24px;max-width:min(420px,calc(100% - 48px));padding:16px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#0d1c2ce6;color:#fff;box-shadow:0 12px 30px #0000004d;line-height:1.45;z-index:20;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease}#node-info-panel.visible{opacity:1;transform:translateY(0)}.node-info-panel-body{margin:0}@media(max-width:800px){#node-info-panel{left:12px;right:12px;bottom:12px;max-width:none;font-size:14px}}.tree-item-button{position:relative;margin-left:-25px;font-size:larger;background-color:#0000;border:none;color:#fff;padding:10px;text-align:left}ul{list-style:none}#loadingOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;z-index:50}#loadingOverlay.fade-out{animation:fadeOut .5s ease forwards}.loading-logo-wrapper{position:relative;width:600px;height:600px;display:flex;align-items:center;justify-content:center}.loading-logo{width:300px;height:300px;object-fit:contain}.loading-spinner-ring{position:absolute;width:100%;height:100%;border-radius:50%;background:conic-gradient(from 0deg,#003a70,#9ea1a2 18%,#abaeae 32%,#bbbebe 45%,#d3d4d5 56%,#f0f1f1 68%,#fefefe,#eee 76%,#b4b7b8 92%,#003a70);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeOut{to{opacity:0}}