:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,button{color:#fff;font-weight:500}a{text-decoration:underline}a:hover{color:#aaa}html,canvas{height:100%}body{margin:0;display:flex;min-width:350px;min-height:100%;width:100vw;height:100%;overflow:hidden}h1{font-size:3.2em;line-height:1.1}#app{width:100%;height:100%;margin:0;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#bababd9a}.modal button:focus,.modal button:focus-visible{outline:1px solid #fdfdff9a;transition:border-color .25s}#overlay{position:absolute;top:0;left:0;color:#fff;margin:0;font-size:.75rem;padding:.5rem;line-height:.5rem;min-width:fit-content;text-wrap:nowrap}#overlay p{margin-top:0}#blur-background,.modal{display:none;position:absolute}.modal{z-index:9999;left:50%;top:50%;max-width:400px;width:75%;max-height:75%;transform:translate(-50%,-50%);overflow-y:auto;background-color:#000;border:1px solid #aaa;padding:1rem;text-transform:lowercase}.modal,.modal h1{font-size:1rem}blockquote{font-style:italic}.about-modal-header{text-align:center}.about-modal-header img,#quick-modal img{width:80%}#blur-background{top:0;left:0;width:100%;height:100%;background-color:#000a;z-index:9998}.button-holder{margin-top:1rem;display:flex;justify-content:space-between}kbd{background-color:#111;border-radius:3px;border:1px solid #535353;box-shadow:0 1px 1px #0003,0 1px #000000b3 inset;color:#eee;display:inline-block;font-size:.85em;font-weight:700;line-height:1;padding:2px 4px;white-space:nowrap}#keybinds-note,#mode-indicator{position:absolute;bottom:0;left:0;font-size:.75rem;padding:.5rem;line-height:.5rem;margin:0}#mode-indicator{bottom:1.5rem;display:flex}@media (pointer: coarse){#keybinds-note{display:none}#mode-indicator{bottom:0}}#mode-indicator a{text-decoration:none}#mode-indicator img{width:1em}span.edit-mode,span.viewing-mode{display:none;height:.75rem}body.edit .edit-mode,body.viewing .viewing-mode{display:flex;justify-content:center}table{width:90%;margin:auto}table tr td:nth-child(2){text-align:right}.float-right{float:right}ol li{margin-bottom:1rem}ol{margin-bottom:1.5rem}.no-margin-bottom{margin-bottom:0}.accent,.output-log .error{color:#d676ae}.accent-complement{color:#76d69e}#sidebar-container{width:250px;max-width:250px;position:absolute;top:0;left:0;height:100%;pointer-events:none}#sidebar{position:absolute;pointer-events:all;top:0;left:-100%;width:100%;height:calc(100% - 4rem);background:#1f1f1f;transition:left .3s ease;padding:1rem;text-align:center;overflow-y:hidden;overflow-x:hidden;box-sizing:border-box;font-size:.75rem;padding:0}#sidebar.hover{box-shadow:5px 0 5px #141414}#sidebar .texture-viewer-container .title:before,#sidebar.root>.title:before,.viewing #sidebar>*,body.viewing .flexbox-container .placeholder .lil-gui.root{display:none}.viewing #sidebar .texture-viewer-container{display:flex}#sidebar.root>.title{cursor:default;text-align:center}#sidebar .texture-viewer-container .title{pointer-events:none;text-align:center}#sidebar .title{text-align:left;border-bottom:1px solid #424242;flex-shrink:0}#sidebar .title:first{text-align:center}#sidebar .title:hover{opacity:1}#sidebar .content{padding:.5rem;text-align:left;line-height:1.5}#sidebar .texture-viewer-container{overflow-y:hidden;height:100%;max-height:100%}#sidebar .closed .content.texture-viewer{max-height:0;padding:0}#sidebar .content.texture-viewer{text-align:center;overflow-x:auto;overflow-y:auto;max-height:100%}#sidebar .lil-gui.root,#sidebar div.children{width:100%;margin-left:0;border-left:none;padding-left:0}#sidebar .filepicker{margin-top:.25rem}.output-log{overflow-y:auto;overflow-x:hidden;font-family:monospace}.output-log .info{color:#8990dc}.output-log .debug{color:#b881d9}.output-log .warn{color:#e7b7d7}.texture-image{width:90%;max-height:256px;border:2px dotted #fff;cursor:pointer;object-fit:contain;aspect-ratio:1;background-color:#000;margin-bottom:.5rem}#sidebar.hover{left:0}#sidebar .sidebar-buttons .controller.function{padding:0}#sidebar .children{padding-left:.125rem}#sidebar .bonemap-textarea{margin:.5rem;height:4rem}#sidebar .bonemap-textarea:focus{outline:0}#sidebar .bonemap-button{width:2rem;margin:.5rem;margin-top:0}.preview-modal img{max-height:512px;width:100%;max-width:100%;border:0;cursor:default;margin-bottom:0}.flexbox-container,footer{width:100vw;position:absolute;left:0}.flexbox-container{display:flex;height:100%;top:0}.flexbox-container>div{flex:0 1 250px}.flexbox-container .placeholder{display:flex;flex-direction:column;justify-content:flex-end;flex:1;max-height:100%;margin:0 .5rem}.lil-gui.root{pointer-events:all}.flexbox-container .placeholder .lil-gui.root{width:100%;height:200px;pointer-events:all;z-index:99}.flexbox-container .placeholder .lil-gui.root.closed{min-height:0;height:25px}#console,.flexbox-container .placeholder .lil-gui.root.closed .children{height:0}.flexbox-container .placeholder .lil-gui.root .children{display:flex;flex:1;flex-direction:column}.flexbox-container .placeholder .output-log{display:flex;flex:1;flex-direction:column;width:100%;height:100%;max-height:200px;padding:.5rem;transition:height .3s;background:#000;border-top:1px solid rgba(200,200,200,.5);border-left:1px solid rgba(200,200,200,.5);border-right:1px solid rgba(200,200,200,.5);user-select:text}body.viewing .flexbox-container .placeholder .output-log{height:0;padding:0}.pointer-events-none{pointer-events:none}.ui{pointer-events:all}#main-gui{max-width:250px;max-height:calc(100% - 4rem);float:right;box-shadow:5px 0 5px #141414}footer{height:3rem;padding-top:.5rem;bottom:0}.struct-visualizer .json-key{font-style:italic}div.struct-visualizer button.json-dropdown{all:unset;font-weight:700;position:relative}div.struct-visualizer button.json-dropdown.interactive{cursor:pointer}div.struct-visualizer button.json-dropdown.interactive:focus:before{content:"★";width:1rem;height:1rem;position:absolute;left:-1.25rem;top:0}.struct-visualizer p{margin:0}.struct-visualizer p.title{text-align:center;font-size:1.25rem}.struct-visualizer .json-literal{color:#d676ae}.struct-visualizer .json-content{margin-left:1.2rem;display:none}div.struct-visualizer{overflow-x:auto;overflow-y:auto;text-transform:none}.quick-access{visibility:hidden}.quick-access-toolbar{min-width:300px;width:90%;height:2.5rem;background:#1f1f1f;box-shadow:inset 0 0 .5px 1px #ffffff1a,0 0 0 1px #14151a13,0 .3px .4px #14151a05,0 .9px 1.5px #14151a0b,0 3.5px 6px #14151a17;gap:.5rem;margin-bottom:3rem;align-self:center;border-radius:1rem;overflow:hidden;container-type:inline-size;display:flex;justify-content:center;align-items:center;text-wrap:nowrap;font-size:1rem;font-style:italic}.lil-gui .controller.try-example-button{padding:0}.quick-access-toolbar img{width:1rem;margin-left:.25rem}.spinny-portait{animation:spinny-portrait 2.5s ease infinite}@keyframes spinny-portrait{0%{transform:rotate(-90deg)}30%{transform:rotate(-90deg) scale(1.2)}40%,60%{transform:rotate(5deg) scale(1.2)}50%{transform:rotate(0) scale(1.2)}70%{transform:rotate(-90deg) scale(1.2)}to{transform:rotate(-90deg) scale(1)}}.spinny-landscape{animation:spinny-landscape 2.5s ease infinite}@keyframes spinny-landscape{30%{transform:scale(1.2)}40%,60%{transform:rotate(100deg) scale(1.2)}50%{transform:rotate(90deg) scale(1.2)}70%{transform:rotate(0) scale(1.2)}to{transform:scale(1)}}.widen-landscape{animation:widen-landscape 3s ease infinite}@keyframes widen-landscape{0%{transform:scale(1)}40%,60%{transform:rotate(1deg) scaleX(1.4)}50%{transform:rotate(-1deg) scaleX(1.4)}to{transform:scale(1)}}.particle{position:absolute;font-size:1.2rem;pointer-events:none;opacity:.8;animation:pop 1s ease-out forwards}@keyframes pop{to{transform:translate(var(--dx),var(--dy)) scale(.5);opacity:0}}.anm-progress-bar{display:none;height:100%;width:.125rem;background-color:#d676ae;position:relative;text-wrap:nowrap}.hidden{display:none}.animated-hidden{animation:downward .25s forwards}@keyframes downward{to{display:none;transform:translateY(300%)}}@media all and (max-width: 700px){.flexbox-container .placeholder .lil-gui.root,footer{display:none}#main-gui.lil-gui.root{position:fixed;max-height:50%;max-width:80%;inset:auto auto 0 0;float:none}#sidebar-container{width:0;max-width:0;min-width:0;display:none}#sidebar-wrapper,#ui-container{width:0;flex:none}.quick-access-toolbar{max-width:70%;height:2.5rem}}@media all and (min-width: 700px){body.viewing #sidebar-wrapper{width:155px;flex:none}}html{visibility:visible;opacity:1}