*{box-sizing:border-box}.button{line-height:24px;background:#4d535b;border-radius:4px;padding:0 10px;transition:all .3s;cursor:pointer}.button:hover{color:#fff;background-color:#006eff}.text{width:5rem;line-height:24px}.container{margin:0;padding:0;font-size:12px;color:#9fa4b5;background:#15171b}.container .view{width:100%;height:70vh;display:flex}.container .view-item{width:20%;height:100%;padding:5px}.container .view-item .content{width:100%;height:100%;border-radius:4px;background-color:#282c31;padding:5px 0}.container .view-item .settingPanel{display:flex}.container .view-item .settingPanel .settingtype{height:100%}.container .view-item .settingPanel .settingtype .wareroom{background-color:#282c31;cursor:pointer}.container .view-item .settingPanel .settingtype .wareroom:nth-child(2n){background-color:#4d535b}.container .view-item .settingPanel .settingtype .wareroom:hover{color:#fff;background-color:#006eff}.container .view-item .settingPanel .setting{width:100%;height:100%}.container .view .center{width:60%;padding:5px 0;overflow:hidden}.container .view .center .content{padding:0}.container .operate{width:100%;height:30vh;padding:5px;border-radius:4px;display:flex;flex-direction:column}.container .operate-type{width:100%;display:flex;border-radius:4px 4px 0 0;background-color:#4d535b}.container .operate-type .type{line-height:3;border-radius:0;border-right:1px solid #15171b}.container .operate-type .type:first-child{border-radius:4px 0 0 0}.container .operate-content{width:100%;height:calc(100% - 36px);background-color:#282c31}.container .active{color:#fff!important;background-color:#006eff!important}.animation{position:absolute;left:0;background:#303030;bottom:0;width:100vw;height:220px}.animation .menu .button,.animation .menu .button2{-webkit-user-select:none;-moz-user-select:none;user-select:none}.animation .menu .button2{margin-left:20px}.animation .time{display:flex;width:100vw}.animation .time .left{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100px}.animation .time .left .c{height:20px}.animation .time .right{width:calc(100vw - 100px);overflow-x:scroll}.animation .time .right .time_c{display:flex;height:20px;position:relative}.animation .time .right .time_c .lattice{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAKCAYAAAD2Fg1xAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADTSURBVHja3FRRDoIwFGsLkXN4/0PpNfDj1R9GpkGpkQ9jk2VkK3193QAA3I9hGAzAkh7WJZmkAayzpJXX722922t/M17541L8SrJsyzYaSPbPVVWapuk2z/MJG2h7ksq22vqzZl+rr7GFxtn1t3R0tX1+JyjpAgBVdQiP5GUxeghvbN0iQJ/GXoJ7eD61N41E/kbbSASTJj7hVpVSrcSfWjpJMglPUqUnkgaTcEeSUTppMmnSVaWk4dSf0judcD7hkjz0m4v/Wr8O4U9wBwAA//8DAMRHuhz9MAkvAAAAAElFTkSuQmCC);font-size:3px}.animation .time .right .time_c .lattice,.animation .time .right .time_c .lattice2{background-size:100% 100%;width:50px;height:9px;flex:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.animation .time .right .time_c .lattice2{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAKCAYAAAD2Fg1xAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADfSURBVHja3FXBbQMxDKOoeJAi+4/UJHvciewnPgR+xC4QoLjqKVCUTBFyRIRtP2x/4cRB28hM4eTBzERVcQaMiHtE3D+JIznFkVziY1WhtbYvEC5vbQXbWtttT7lsL80XmemqerwoBdsgKUkkKdscm47DSuKgOCJCktg5ey4ztW3b5TfWaa3tVcU+S+c8+gEwydvz9ewqkFREHLYbCye2ObBdkLG+51c3/IodxQaAC0lI4uxqPT2tqrq+w2Xm91/wUdKSpzNzSUFJXLmCn+YLAAZw/n8E/yR+AAAA//8DANErsyuk4LnwAAAAAElFTkSuQmCC);display:flex;position:relative}.animation .time .right .time_c .lattice2 .key{width:10px;height:20px;background:#0b0;position:absolute}.animation .time .right .gunzi{width:10px;height:20px;background:red;position:relative;top:-160px;z-index:2}.animation .time .right .gunzi .xian{width:2px;height:160px;background:red;margin-left:4px}.animation .time .right .tingzhi{width:2px;height:2px;background:red;position:relative;top:-160px;z-index:1}.animation .time .right .tingzhi .xian2{width:2px;height:140px;background:red}.animationtexture{position:absolute;left:0;background:#303030;bottom:0;width:100vw;height:110px}.animationtexture .menu .button,.animationtexture .menu .button2{-webkit-user-select:none;-moz-user-select:none;user-select:none}.animationtexture .menu .button2{margin-left:20px}.animationtexture .time{display:flex;width:100vw}.animationtexture .time .left{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100px}.animationtexture .time .left .c{height:20px}.animationtexture .time .right{width:calc(100vw - 100px);overflow-x:scroll}.animationtexture .time .right .time_c{display:flex;height:20px;position:relative}.animationtexture .time .right .time_c .lattice{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAKCAYAAAD2Fg1xAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADTSURBVHja3FRRDoIwFGsLkXN4/0PpNfDj1R9GpkGpkQ9jk2VkK3193QAA3I9hGAzAkh7WJZmkAayzpJXX722922t/M17541L8SrJsyzYaSPbPVVWapuk2z/MJG2h7ksq22vqzZl+rr7GFxtn1t3R0tX1+JyjpAgBVdQiP5GUxeghvbN0iQJ/GXoJ7eD61N41E/kbbSASTJj7hVpVSrcSfWjpJMglPUqUnkgaTcEeSUTppMmnSVaWk4dSf0judcD7hkjz0m4v/Wr8O4U9wBwAA//8DAMRHuhz9MAkvAAAAAElFTkSuQmCC);font-size:3px}.animationtexture .time .right .time_c .lattice,.animationtexture .time .right .time_c .lattice2{background-size:100% 100%;width:50px;height:9px;flex:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.animationtexture .time .right .time_c .lattice2{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAKCAYAAAD2Fg1xAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADfSURBVHja3FXBbQMxDKOoeJAi+4/UJHvciewnPgR+xC4QoLjqKVCUTBFyRIRtP2x/4cRB28hM4eTBzERVcQaMiHtE3D+JIznFkVziY1WhtbYvEC5vbQXbWtttT7lsL80XmemqerwoBdsgKUkkKdscm47DSuKgOCJCktg5ey4ztW3b5TfWaa3tVcU+S+c8+gEwydvz9ewqkFREHLYbCye2ObBdkLG+51c3/IodxQaAC0lI4uxqPT2tqrq+w2Xm91/wUdKSpzNzSUFJXLmCn+YLAAZw/n8E/yR+AAAA//8DANErsyuk4LnwAAAAAElFTkSuQmCC);display:flex;position:relative}.animationtexture .time .right .time_c .lattice2 .key{width:10px;height:20px;background:#0b0;position:absolute}.animationtexture .time .right .gunzi{width:10px;height:20px;background:red;position:relative;top:-40px;z-index:2}.animationtexture .time .right .gunzi .xian{width:2px;height:40px;background:red;margin-left:4px}.animationtexture .time .right .tingzhi{width:2px;height:2px;background:red;position:relative;top:-160px;z-index:1}.animationtexture .time .right .tingzhi .xian2{width:2px;height:140px;background:red}.AnimationFrame{width:200px;height:400px;position:absolute;background:#faebd7;bottom:0;right:300px}.AnimationFrame .exit{height:20px;width:inherit;text-align:center;background:#1b1b1b;color:#fff}.AnimationFrame .times{overflow-y:scroll;height:380px}.AnimationFrame .times .time{background:#1b1b1b;color:#fff;height:20px;margin:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Bujian_mianban{width:calc(100vw - 300px);height:200px;background:#f1f1f1;position:absolute;bottom:0;left:0}.Bujian_mianban .top{width:inherit;height:20px;background:#1b1b1b;display:flex}.Bujian_mianban .top .top_bt{margin-right:10px}.Bujian_mianban .wjlb{width:inherit;height:160px;background:#bdbdbd;color:#1b1b1b;z-index:1;overflow-y:scroll}.Bujian_mianban .wjlb .wj{width:144px;height:80px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.TextureEdit{width:400px;height:200px;position:absolute;background:#faebd7;bottom:0;right:300px;display:flex}.TextureEdit .left{width:100px;background:#fff;height:inherit}.TextureEdit .left button{width:inherit;height:40px;background:#5a5a5a;font-size:1rem}.TextureEdit .right{width:300px;height:inherit;background:#f1f1f1}.TextureEdit .right .title{width:inherit;height:50px;text-align:center;line-height:50px;color:#1b1b1b;font-size:1rem;background:#c2c2c2}.TextureEdit .right .input{background-color:#fff;width:inherit;height:50px;text-align:center}.TextureEdit .right .generate{width:inherit;height:100px;font-size:2rem;background:#000}.TextureEdit .right .generate_mini{width:24%;height:22px;font-size:10px;background:#000;margin:1px}:root{color-scheme:light dark}body{font-family:Helvetica,Arial,sans-serif;font-size:14px;margin:0;overflow:hidden}hr{border:0;border-top:1px solid #ccc}button{position:relative}input{vertical-align:middle}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}textarea{-moz-tab-size:4;-o-tab-size:4;tab-size:4;white-space:pre;word-wrap:normal}textarea.success{border-color:#8b8!important}textarea.fail{border-color:red!important;background-color:rgba(255,0,0,.05)}input,textarea{outline:none}.Panel,.TabbedPanel{-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}.TabbedPanel{min-width:260px}.TabbedPanel,.TabbedPanel .Tabs{position:relative;display:block;width:100%}.TabbedPanel .Tabs .Tab{padding:6px;text-transform:uppercase}.TabbedPanel .Panels{position:relative;display:block;width:100%}.Listbox{padding:0;width:100%;min-height:140px;font-size:12px;cursor:default;overflow:auto}.Listbox .ListboxItem{padding:6px;color:#666;white-space:nowrap}.Listbox .ListboxItem.active{background-color:rgba(0,0,0,.04)}.CodeMirror{position:absolute!important;top:37px;width:100%!important;height:calc(100% - 37px)!important}.CodeMirror .errorLine{background:rgba(255,0,0,.25)}.CodeMirror .esprima-error{color:red;text-align:right;padding:0 20px}#outliner .opener{display:inline-block;width:14px;height:14px;margin:0 4px;vertical-align:top;text-align:center}#outliner .opener.open:after{content:"−"}#outliner .opener.closed:after{content:"+"}#outliner .option{border:1px solid transparent}#outliner .option.drag{border:1px dashed #999}#outliner .option.dragTop{border-top:1px dashed #999}#outliner .option.dragBottom{border-bottom:1px dashed #999}#outliner .type{display:inline-block;width:14px;height:14px;color:#ddd;text-align:center}#outliner .type:after{content:"●"}#outliner .Scene{color:#88d}#outliner .Camera{color:#d88}#outliner .Light{color:#dd8}#outliner .Object3D{color:#aae}#outliner .Mesh{color:#88e}#outliner .Line,#outliner .LineSegments{color:#8e8}#outliner .Points{color:#e88}#outliner .Geometry{color:#aea}#outliner .Material{color:#eae}#outliner .Script:after{content:"◎"}button{color:#555;background-color:#ddd;border:0;margin:0;padding:5px 8px;font-size:12px;text-transform:uppercase;cursor:pointer;outline:none}button.selected,button:hover{background-color:#fff}input,textarea{border:1px solid transparent;color:#444}input.Number{color:#08f!important;font-size:12px;border:0;padding:2px}select{color:#666;background-color:#ddd;border:0;text-transform:uppercase;cursor:pointer;outline:none}select:hover{background-color:#fff}#resizer{right:295px;width:5px;cursor:col-resize}#resizer,#viewport{position:absolute;top:32px;bottom:0}#viewport{left:0;right:300px}#viewport #info{text-shadow:1px 1px 0 rgba(0,0,0,.25);pointer-events:none}#script{opacity:.9}#player,#script{position:absolute;top:32px;left:0;right:300px;bottom:0}#menubar{position:absolute;width:100%;height:32px;background:#eee;padding:0;margin:0;right:0;top:0}#menubar .menu{float:left;cursor:pointer;padding-right:8px}#menubar .menu.right{float:right;cursor:auto;padding-right:0;text-align:right}#menubar .menu .title{display:inline-block;color:#888;margin:0;padding:8px;line-height:16px}#menubar .menu .options{position:fixed;display:none;padding:5px 0;background:#eee;width:150px;max-height:calc(100% - 80px);overflow:auto}#menubar .menu:hover .options{display:block}#menubar .menu:hover .options2{display:-webkit-box}#menubar .menu .options hr{border-color:#ddd}#menubar .menu .options .option{color:#666;background-color:transparent;padding:5px 10px;margin:0!important}#menubar .menu .options .option:hover{color:#fff;background-color:#08f}#menubar .menu .options .option:active{color:#666;background:transparent}#menubar .menu .options .inactive{color:#bbb;background-color:transparent;padding:5px 10px;margin:0!important}#sidebar{position:absolute;right:0;top:32px;bottom:0;width:300px;background:#eee;overflow:auto}#sidebar .Panel{color:#888;padding:10px;border-top:1px solid #ccc}#sidebar .Panel.collapsed{margin-bottom:0}#sidebar .Row{display:flex;align-items:center;min-height:24px;margin-bottom:10px}#tabs{background-color:#ddd;border-top:1px solid #ccc}#tabs span{color:#aaa;border-right:1px solid #ccc;padding:10px}#tabs span.selected{color:#888;background-color:#eee}#toolbar{position:absolute;left:10px;top:42px;width:32px;background:#eee;text-align:center}#toolbar button,#toolbar input{height:32px}#toolbar button img{width:16px;opacity:.5}.Outliner{color:#444;background-color:#fff;padding:0;width:100%;height:140px;font-size:12px;cursor:default;overflow:auto;resize:vertical;outline:none!important}.Outliner .option{padding:4px;color:#666;white-space:nowrap}.Outliner .option:hover{background-color:rgba(0,0,0,.02)}.Outliner .option.active{background-color:rgba(0,0,0,.04)}.TabbedPanel .Tabs{background-color:#ddd;border-top:1px solid #ccc}.TabbedPanel .Tab{color:#aaa;border-right:1px solid #ccc}.TabbedPanel .Tab.selected{color:#888;background-color:#eee}.Listbox{color:#444;background-color:#fff}.Panel{color:#888}@media (max-width:600px){#resizer{display:none}#menubar .menu .options{max-height:calc(100% - 372px)}#menubar .menu.right{display:none}#player,#script,#viewport{left:0;right:0;top:32px;height:calc(100% - 352px)}#sidebar{left:0;width:100%;top:calc(100% - 320px);bottom:0}}@media (prefers-color-scheme:dark){button{color:#aaa;background-color:#222}button:hover{color:#ccc;background-color:#444}button.selected{color:#fff;background-color:#08f}input,textarea{background-color:#222;border:1px solid transparent;color:#888}select{color:#aaa;background-color:#222}select:hover{color:#ccc;background-color:#444}#menubar,#menubar .menu .options{background:#111}#menubar .menu .options hr{border-color:#222}#menubar .menu .options .option{color:#888}#menubar .menu .options .inactive{color:#444}#sidebar{background-color:#111}#sidebar .Panel{border-top:1px solid #222}#sidebar .Panel.Material canvas{border:1px solid #5a5a5a}#tabs{background-color:#1b1b1b;border-top:1px solid #222}#tabs span{color:#555;border-right:1px solid #222}#tabs span.selected,#toolbar{background-color:#111}#toolbar img{filter:invert(1)}.Outliner{color:#888;background:#222}.Outliner .option:hover{background-color:rgba(21,60,94,.5)}.Outliner .option.active{background-color:#153c5e}.TabbedPanel .Tabs{background-color:#1b1b1b;border-top:1px solid #222}.TabbedPanel .Tab{color:#555;border-right:1px solid #222}.TabbedPanel .Tab.selected{color:#888;background-color:#111}.Listbox{color:#888;background:#222}.Listbox .ListboxItem:hover{background-color:rgba(21,60,94,.5)}.Listbox .ListboxItem.active{background-color:#153c5e}}[draggable=true]{transform:translate(0);z-index:0}.files_name{width:230px;overflow-x:hidden;display:inline-block}#youjiancaidan div:hover{background:#696969}.lil-gui{right:300px!important;top:auto!important;bottom:120px!important}