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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{overflow:hidden;-webkit-user-select:none;user-select:none}.App{display:flex;width:100vw;height:100vh;justify-content:center;align-items:center;flex-direction:column;background:#4f4859;overflow:hidden}.stage{position:relative;overflow:hidden}.stage-transparent{position:absolute;top:0;right:0;left:0;bottom:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFyGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDMgNzkuMTY0NTI3LCAyMDIwLzEwLzE1LTE3OjQ4OjMyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIyLTA5LTAzVDIzOjM5OjI2KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTA5LTAzVDIzOjM5OjI2KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0wOS0wM1QyMzozOToyNiswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpiODVhMjQ0Mi01YTI0LTIxNDAtYjk4OC0xNzUwYWE2Yzc3MDIiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDozZTE0NWFhZC00OTI5LWY5NDItYjczMC00Y2UxZTYxOWMyNWMiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplNDllZThjNS02MDE4LThjNGEtOGU4MC0yOWFiZDgyOTA5MmIiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplNDllZThjNS02MDE4LThjNGEtOGU4MC0yOWFiZDgyOTA5MmIiIHN0RXZ0OndoZW49IjIwMjItMDktMDNUMjM6Mzk6MjYrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4xIChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6Yjg1YTI0NDItNWEyNC0yMTQwLWI5ODgtMTc1MGFhNmM3NzAyIiBzdEV2dDp3aGVuPSIyMDIyLTA5LTAzVDIzOjM5OjI2KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+hQ16yAAAAB1JREFUKBVj+I8DnMEBGEY10EQDLglcBo1qoIkGAITSsJ/w9kIxAAAAAElFTkSuQmCC);background-repeat:repeat}.stage-background{position:absolute;top:0;right:0;left:0;bottom:0;object-fit:cover;pointer-events:none}.stage-debug{position:absolute;top:0;left:0;color:#fff}.stage-bottom{height:calc(100vh - 800px)}.controls{position:absolute;overflow:hidden;bottom:0;left:0;right:0;background:#fff;border-radius:8px 8px 0 0;z-index:2}.controls-panel{padding:8px}.controls-panel-control{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start}.timedisplay{display:inline;cursor:ns-resize;font-size:20px;width:240px;text-align:left}.timedisplay .small{font-size:16px}.timeline{width:100%;display:flex;flex-direction:row}.timeline-L{width:240px;flex-shrink:0;flex-grow:0}.timeline-L-toolbar{height:32px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #aaa;padding-left:4px}.timeline-L-layer{position:relative;overflow:hidden;display:flex;flex-direction:column-reverse}.timeline-L-layer-item{width:100%;height:24px;line-height:24px;padding-left:4px;display:flex;flex-direction:row;justify-content:space-between}.timeline-L-layer-item-selected{background:#eee}.timeline-L-layer-item-options{font-size:16px;padding-right:4px;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#444}.timeline-R{flex:1}.timeline-R-time{height:32px;position:relative;border-bottom:1px solid #aaa}.timeline-R-time-arrow{height:0;width:0;border:8px solid transparent;border-top:8px solid #555;transform:translate(-50%) scaleX(.5);position:absolute;bottom:-8px}.timeline-R-time-mark{height:6px;width:0;border-left:1px solid #aaa;position:absolute;bottom:0;font-size:10px;line-height:0}.timeline-R-time-render-L{height:6px;width:2px;border-left:1px solid #555;border-top:1px solid #555;border-bottom:1px solid #555;position:absolute;bottom:-1px;font-size:10px;line-height:0}.timeline-R-time-render-R{height:6px;width:2px;border-right:1px solid #555;border-top:1px solid #555;border-bottom:1px solid #555;position:absolute;bottom:-1px;font-size:10px;line-height:0;transform:translate(-3px)}.timeline-R-time-time{position:absolute;bottom:10px;font-size:10px;line-height:1;transform:translate(-50%)}.timeline-R-content{position:relative;display:flex;flex-direction:column-reverse;overflow-x:hidden}.timeline-R-content-layer{position:relative;width:100%;height:24px}.timeline-R-content-layer-control{position:absolute;box-sizing:border-box;height:22px;min-width:3px;transform:translate(-1px);background:#eee;top:1px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:12px;color:#666;overflow:hidden}.timeline-R-content-layer-control-selected{outline:2px solid #ff5c5c;background:#fff!important;z-index:1}.timeline-R-content-layer-control-dragger{cursor:ew-resize;background:#666;width:3px;height:22px;flex-shrink:0}.timeline-R-content-layer-control-icon{color:inherit!important;font-size:inherit!important}.timeline-R-content-layer-block{box-sizing:border-box;position:absolute;height:24px;border:1px solid #888;background:#eee;border-radius:3px}.fps{color:#fff;position:absolute;top:0;right:0}.mouse{position:absolute;border-top:9px solid transparent;border-bottom:3px solid transparent;border-left:7px solid #FFF;opacity:.7;z-index:2}.App>.control-type{display:none}@media screen and (max-width:800px){.controls,.stage-bottom{display:none}.App>.control-type{margin-bottom:8px;background:#d3d3d3;display:block}}.miku{position:absolute}.miku *{position:absolute;left:0;top:0;pointer-events:none}.debug{position:absolute}