html,body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background:#000}#app{width:100%;height:100%;margin:0 auto}#viewport{position:absolute;top:0;left:0;width:100%;height:100%}canvas{width:100%!important;height:100%!important}.panel-toggle{position:fixed;top:20px;left:20px;z-index:10;background:#3c3c3ce6;border:none;border-radius:8px;padding:12px;cursor:pointer;backdrop-filter:blur(10px);transition:all .3s ease;display:none}@media (max-width: 768px){.panel-toggle.panel-open{left:300px}}.panel-toggle:hover{background:#505050e6;transform:scale(1.05)}.panel-toggle:active{transform:scale(.95)}.hamburger{width:20px;height:16px;position:relative;display:block}.hamburger span{display:block;position:absolute;height:2px;width:100%;background:#fff;border-radius:1px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:7px}.hamburger span:nth-child(3){top:14px}.hamburger.open span:nth-child(1){top:7px;transform:rotate(135deg)}.hamburger.open span:nth-child(2){opacity:0;left:-60px}.hamburger.open span:nth-child(3){top:7px;transform:rotate(-135deg)}#left-panel{position:absolute;box-sizing:border-box;height:calc(100vh - 20px);top:10px;left:10px;width:300px;background-color:#3c3c3c80;box-shadow:0 0 5px #0003;backdrop-filter:blur(10px);border-radius:5px;z-index:3;overflow-y:auto;font-family:sans-serif;font-size:12px;color:#fff;transition:transform .3s ease}@media (max-width: 768px){.panel-toggle{display:block}#left-panel{position:fixed;top:0;left:0;height:100vh;width:280px;margin:0;border-radius:0 8px 8px 0;transform:translate(-100%);z-index:5;box-shadow:2px 0 10px #0000004d}#left-panel.open{transform:translate(0)}}@media (min-width: 769px){#left-panel{position:absolute;transform:none}.panel-toggle{display:none}}#viewport{width:100vw;height:100vh;position:fixed;top:0;left:0}h2{font-size:12px}#tree-view{color:#fff;padding:10px;max-height:50%;overflow:auto}.tree-node{margin-left:10px;padding:2px 5px;border-left:1px solid #ccc}.tree-node.selected{outline:1px solid red}.leaf-node{position:relative;padding-left:20px;cursor:pointer;height:25px;display:flex;align-items:center}.leaf-node:hover{background-color:#ffffff1a}.leaf-node:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:15px;height:1px;background-color:#ccc}.operation-node .node-details{display:flex;gap:10px;cursor:pointer;height:25px;align-items:center;padding-left:5px}.operation-node .node-details span:first-child{font-weight:700}.operation-node .node-details:hover{background-color:#ffffff1a}.operation-type{font-style:italic;color:#aaa}.settings-row{display:flex;flex-direction:row;justify-content:space-between;padding:4px 16px}