:root{--orange: #FFA500}*{padding:0;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}section{height:100%;width:100%;display:block}canvas{display:block;width:100vw;height:100vh}::-webkit-scrollbar{width:1px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#d3d3d3;border-radius:3px}#file-explorer-wrapper{position:absolute;top:0;background:linear-gradient(180deg,#1c1a22f0,#282531f0 20.83%,#3f3a4ff0);width:320px;height:100%;overflow-y:auto;overflow-x:hidden;transition:transform .3s ease}#file-explorer-wrapper #file-explorer .back-button,#file-explorer-wrapper #file-explorer .root{position:absolute;top:8px;font-size:12px;text-align:left;padding:4px 0 4px 4px;width:96px;max-width:96px;margin:0 8px;background:#4c4854;border-radius:3px;border:none;cursor:pointer;color:#fff}#file-explorer-wrapper #file-explorer .root{width:92px;max-width:92px}#file-explorer-wrapper #file-explorer .back-button:hover{background:var(--orange)}#file-explorer-wrapper #file-explorer .view-container{color:#fff;width:320px;display:flex;flex-wrap:wrap;flex-direction:row;gap:8px;margin:40px 8px 8px;padding-bottom:48px}#file-explorer-wrapper #file-explorer .view-container h2{width:100%;font-size:22px}#file-explorer-wrapper #file-explorer .view-container img{width:304px;height:auto;image-rendering:pixelated}#file-explorer-wrapper #file-explorer .view-container ul{list-style:none}#file-explorer-wrapper #file-explorer .view-container li{font-size:10px;margin:4px 0;width:300px;border-bottom:1px #4c4854 solid}#file-explorer-wrapper #file-explorer .view-container .folder-button{position:relative;color:#fff;font-size:10px;width:96px;height:96px}#file-explorer-wrapper #file-explorer .view-container .folder-button:before{content:"🗀";width:96px;height:96px;position:absolute;align-content:center;top:-8px;left:0;font-size:8em}#file-explorer-wrapper #file-explorer .view-container .item{position:relative;overflow:hidden;width:96px;height:96px;background:#4c4854;border-radius:3px;display:flex;justify-content:center;align-items:center}#file-explorer-wrapper #file-explorer .view-container .item img{width:96px;margin:0 16px}#file-explorer-wrapper #file-explorer .view-container .item p{color:#fff;position:absolute;bottom:0;left:0;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;padding:0 8px;font-size:9px}#file-explorer-wrapper #file-explorer .view-container .item:hover{background:#55515d;cursor:pointer}#file-explorer-wrapper #stats-wrapper{position:fixed;bottom:0;left:0;height:48px;width:320px;background:#fff}.instance-list{font-size:9px;position:relative;width:304px;padding-top:12px;margin-top:12px;border-top:1px #4c4854 solid}.instance-item{position:relative;display:flex;justify-content:left;flex-wrap:wrap;height:98px;border-bottom:1px #4c4854 solid;margin-bottom:8px}.instance-item .input-group{height:32px;width:152px;display:flex;align-items:center;justify-content:left;flex-wrap:wrap}.instance-item .input-group p{width:304px;height:16px}.delete-btn{position:absolute;top:0;right:0;padding:0;width:14px;height:14px;font-size:10px}.instance-item .input-group input{box-sizing:border-box;margin-left:2px;margin-right:2px;width:32px;background:#4c4854;border-radius:3px;border:none;cursor:pointer;color:#fff;padding:2px;font-size:12px}.instance-item .input-group input::-webkit-outer-spin-button,.instance-item .input-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button{background:#4c4854;transition:transform 15ms ease;border-radius:3px;border:none;cursor:pointer;color:#fff;padding:6px 12px;box-shadow:0 2px 2px #1f1c271a,0 2px 4px #0003}button:hover{background:var(--orange);transform:translateY(-2px)}button:active{transform:translateY(0)}#add-instance-btn{width:304px}.toggled{transform:translate(-320px)}#toolbar{position:fixed;left:320px;top:0;width:24px;height:fit-content;display:none;flex-direction:column;flex-wrap:nowrap;justify-content:normal;align-items:normal;align-content:normal;gap:8px;margin:8px;transition:transform .3s ease}#toolbar button,#user-toolbar button{position:relative;padding:0;width:24px;height:24px}.toolbar-divider{height:1px;width:100%;margin:4px 0}#user-toolbar{position:fixed;right:0;top:0;width:24px;height:fit-content;display:inline-flex;flex-direction:column;flex-wrap:nowrap;justify-content:normal;align-items:normal;align-content:normal;gap:8px;margin:8px;transition:transform .3s ease}.ball-distance{color:#fff;text-shadow:0px 0px 4px rgba(0,0,0,.342);font-size:12px;width:200px;line-height:.5em;margin-bottom:2px;font-weight:400}#user-input{position:fixed;box-sizing:border-box;padding:8px;bottom:0;left:50%;transform:translate(-50%);width:800px;height:72px;background:#ffffff5d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-weight:600;font-size:14px;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:center;gap:24px}#simulationButton{background:#fff;color:#000;font-weight:500;position:absolute;top:-50px;margin-left:auto;margin-right:auto;left:0;right:0;border-radius:12px;width:120px;padding:12px}#simulationButton:hover{background:#ebebeb}#user-input .canvas-container{width:200px;margin-bottom:16px;position:relative}.x-value{position:absolute;top:-29px!important;right:-6px!important;border-radius:6px}#user-input input{background:#ffffff56;border:none;cursor:pointer;color:#fff;padding:2px;color:#000;border:#ffffff83 2px solid;width:45px;position:absolute;top:0;right:0}.controls{position:relative;width:inherit;height:inherit;margin-top:8px}#user-input input[type=range]{position:absolute;bottom:4px;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#e6e5ec6e;overflow:hidden;cursor:col-resize;height:16px;width:200px;border-radius:6px;margin-right:20px}#user-input input[type=range]:after,#user-input input[type=range]:before{position:absolute;z-index:2;color:#13131360;font-size:17px}#user-input input[type=range]:after{content:"+";right:6px;top:-3px}#user-input input[type=range]:before{content:"-";left:6px;top:-3.5px}#user-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;box-shadow:-200px 0 0 200px #fff;width:.001px;height:100px}#user-input input[type=range]::-moz-range-thumb{background:none;box-shadow:-200px 0 0 200px #fff;width:.001px;height:100px}#DistanceResults{position:absolute;bottom:0;right:0;width:160px;height:400px;list-style:none;background:#ffffff56;border:none;color:#fff;padding:16px;color:#000;font-size:14px;font-weight:600;border-radius:16px 0 0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#DistanceResults li{border-bottom:2px solid rgba(255,255,255,.329)}#DistanceResults h4{text-shadow:0px 0px 4px rgba(255,255,255,.342);font-size:18px;position:absolute;top:-26px;left:68px}