*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{width:100vw;height:100vh;overflow:hidden;display:flex}.split-pane{display:flex;width:100%;height:100%}.left-pane,.right-pane{height:100%;position:relative;overflow:hidden}.right-pane{background-color:#000}.divider{width:5px;height:100%;background-color:#333;cursor:col-resize;flex-shrink:0}.divider:hover{background-color:#555}.controls-box{position:absolute;top:10px;right:10px;background-color:#000000b3;padding:10px;margin:10px;border:.5px solid rgba(255,255,255,.5);border-radius:10px;min-width:200px;color:#fff;z-index:10}.control-group{margin-bottom:15px}.control-group label{display:block;margin-bottom:5px;font-size:14px}.control-group input[type=range]{width:100%}.radio-group{display:flex;gap:15px}.radio-group label{display:flex;align-items:center;gap:5px;cursor:pointer}.radio-group input[type=radio]{cursor:pointer}[data-test-id=button-primary],[data-test-id=button-back],[data-test-id=button-skip]{border-radius:5px!important;padding:8px 15px!important;cursor:pointer!important;font-size:inherit!important}[data-test-id=button-primary]{background-color:#000!important;color:#ccc!important;border:1px solid #CCCCCC!important;font-weight:400!important;letter-spacing:.5px!important}[data-test-id=button-primary]:hover{background-color:#333!important;color:#fff!important;border-color:#fff!important;font-weight:700!important;letter-spacing:0px!important}[data-test-id=button-back],[data-test-id=button-skip]{background-color:transparent!important;border:none!important;color:#ccc!important;font-weight:400!important;letter-spacing:.5px!important}[data-test-id=button-back]:hover,[data-test-id=button-skip]:hover{color:#fff!important;font-weight:700!important;letter-spacing:0px!important}.graph-editor{position:relative;width:100%;height:100%;background-color:#000}.graph-editor-canvas{width:100%;height:100%;display:block;cursor:crosshair}.toolbar{position:absolute;top:10px;left:10px;display:flex;gap:2px;background-color:#f0f0f0;border:1px solid rgb(200,200,200);border-radius:3px;padding:5px}.toolbar-btn{background-color:transparent;border:none;border-radius:3px;min-width:24px;min-height:24px;padding:4px 8px;cursor:pointer;font-size:16px;transition:background-color .2s}.toolbar-btn:hover{background-color:#c8dcf0}.toolbar-btn.mode-btn.active{background-color:#bed2e6;border:1px solid rgb(150,170,200)}.toolbar-btn.mode-btn.active:hover{background-color:#c8dcf0;border:1px solid rgb(150,170,200)}.toolbar-btn img{width:20px;height:20px;display:block;pointer-events:none}.graph-3d-viewer{width:100%;height:100%;background-color:#000;cursor:grab}.graph-3d-viewer:active{cursor:grabbing}.legend{display:flex;flex-direction:column;gap:5px}.legend-item{display:flex;align-items:center;gap:10px}.legend-color-square{width:20px;height:20px;border:1px solid white;flex-shrink:0}.legend-label{font-size:12px;color:#fff}