html{scroll-behavior:smooth}body{margin:0;color:#6f6;background-color:#000;font-family:Montserrat,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:14px;scrollbar-color:#66ff66 #33333322;scrollbar-width:thin}h3{font-family:Orbitron,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;margin-top:0;min-height:1em}h4{font-family:Orbitron,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;margin-top:10px;margin-bottom:0;font-size:14px}button{font-family:Montserrat,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}input{accent-color:#66ff66}select{width:20px}.hidden{display:none!important}.separator{padding-bottom:10px;display:block}.button,button{color:#6f6;background-color:#121;border-style:solid;border-color:#6f6;border-radius:5px;border-width:2px;display:inline-block;font-size:14px;font-weight:400;padding-block-end:1px;padding-block-start:1px;padding-inline-end:6px;padding-inline-start:6px;margin-bottom:2px}.splash{width:100%;text-align:center;padding-top:20vh;color:#6f6}.splash .logo{font-family:Orbitron,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:96px}.splash .logo .fra{color:#6f6}.splash .logo .red{color:#f16}.splash .slogan{font-family:Montserrat,serif;font-optical-sizing:auto;font-weight:100;font-style:normal;font-size:48px;margin-bottom:20px}.splash #start-app{color:#6f6;background-color:#111;font-size:24px;font-weight:100;padding:15px;border-style:solid;border-color:#6f6;border-radius:5px}#canvas{position:fixed;top:0;left:0;z-index:1;width:100vw;height:100vh}#ui{-webkit-user-select:none;-ms-user-select:none;user-select:none}.left-ui{position:fixed;top:0;left:0;text-align:left;z-index:2}.right-ui{position:fixed;top:0;right:0;text-align:right;z-index:2;max-width:340px}.bottom-ui{position:fixed;bottom:0;left:0;width:100%;text-align:left;z-index:2}.panel{background-color:#111c;margin-top:10px;padding:10px}.panel.left{border-radius:0 10px 10px 0}.panel.right{border-radius:10px 0 0 10px}.panel.bottom{border-radius:10px 0 0;height:100%}.layerListContainer{max-height:60vh;overflow:auto}.layerItem,.shaderItem,.modulatorItem{background-color:#1112;border-style:solid;border-width:1px;border-color:#6f66;padding:5px}.layerItem.active,.shaderItem.active,.modulatorItem.active{background-color:#fff2;color:#6f6;border-color:#6f6}.layerItem .title,.shaderItem .title,.modulatorItem .title{font-family:Orbitron,serif;display:inline-block;line-height:24px;float:left}.layerItem .icons,.shaderItem .icons,.modulatorItem .icons{display:inline-block;margin-left:5px}.fileLoader{display:inline-block}.fileLoader svg{height:14px;width:14px}.fileLoader .iconButton{padding-inline-end:2px;padding-inline-start:2px}#fileLoadInput{display:none}.helpTooltip{position:fixed;color:#6f6;bottom:0;right:0;z-index:3;font-family:Orbitron,serif;border-radius:10px 0 0}.helpFloat{font-family:Orbitron,serif;position:absolute;top:0;right:0;padding:10px 10px 0;z-index:10;margin-top:-17px;border-radius:10px 0 0}.hintPanel{font-family:Orbitron,serif;display:inline-block;margin:auto;height:100%;overflow:auto;white-space:nowrap;position:relative;width:100%}.hintPanel svg{margin-right:10px}.hintPanel button{margin-right:10px}.hintPanel button svg{margin-right:0}.hintPanel .spacer{height:10px}.hintPanel .tip{margin-right:20px;display:inline-block;vertical-align:top}.hintPanel .block{display:inline-block;height:100%;vertical-align:top;margin-right:40px;max-width:400px;white-space:normal}.hintPanel .extraLast{border-style:solid;border-width:1px;border-left:0;border-top:0;border-bottom:0;min-height:115px}.filePanel{max-height:60vw;overflow:auto}.historyRow{position:relative}.historyRow img{width:100px;border-style:solid;border-width:1px}.historyRow div{display:inline-block;position:absolute;padding-left:10px}.historyRow span{display:block}.ct-series-a .ct-line{stroke:#6f6;fill:none}.selected{color:#f6f}.modulatorsList{max-height:50vh;overflow:auto}.chartContainer{min-height:154px}