*{margin:0;padding:0;box-sizing:border-box}body{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}canvas{position:absolute;inset:0}:root{--colors-gray100: #28292E;--colors-gray200: #37383D;--colors-gray300: #3E3F44;--colors-gray400: #44454b;--colors-gray500: #717379;--colors-gray600: #797A80;--colors-gray700: #909098;--colors-gray800: #A3A4AC;--colors-gray900: #A8A9B1;--fonts-mono: "Roboto Mono", "Source Code Pro", Menlo, Courier, monospace;--transition-duration: .25s;--background-transition: background-color var(--transition-duration);--default-background-color: var(--colors-gray200);--default-color: var(--colors-gray800);--default-border-radius: 2.5px;--default-inbetween: .25rem}.colors{transition-property:background-color;transition-duration:var(--transition-duration);color:var(--colors-gray800);background-color:var(--colors-gray200)}.colors:hover,.colors:focus{background-color:var(--colors-gray300)}.common{width:100%;border:none;outline:none;font-family:var(--fonts-mono);padding:var(--default-inbetween);border-radius:var(--default-border-radius)}.main{font-size:11px;font-family:var(--fonts-mono);background-color:var(--colors-gray100);color:var(--colors-gray600);position:absolute;top:.5rem;right:.5rem;width:200px;border-radius:var(--default-border-radius);z-index:1}.title{font-family:var(--fonts-mono);font-size:.75rem;width:100%;padding:var(--default-inbetween) .5rem;color:var(--colors-gray800);background-color:var(--colors-gray200);border-left:5px solid;border-left-color:var(--colors-gray400)}.title:first-child{border-radius:var(--default-border-radius) var(--default-border-radius) 0 0}.partition{padding:var(--default-inbetween)}.stats{display:flex;justify-content:space-between;align-items:center}.stats span:last-child{font-size:10px}label{font-family:var(--fonts-mono);margin-top:var(--default-inbetween);width:100%;display:flex;justify-content:space-between;align-items:center}label:first-child{margin-top:0}input{-webkit-user-select:none;user-select:none;margin-left:var(--default-inbetween)}input::selection{background-color:transparent}button{all:unset;box-sizing:border-box;text-align:center;cursor:pointer;background-color:var(--colors-gray700);color:var(--colors-gray200)}button:hover{background-color:var(--colors-gray900)}.asset-picker{--height: 100px;--delay: .15s}.asset-picker .item{display:flex;align-items:center;justify-content:space-evenly;cursor:pointer;padding:.25rem;min-height:var(--height);border-bottom:1px solid var(--colors-gray400)}.asset-picker .item.active{background-color:var(--colors-gray400)}.asset-picker .preview{width:100%;display:flex;justify-content:center;border-radius:2.5px;background-color:var(--colors-gray200);margin-top:.25rem;cursor:pointer;transition:height var(--delay),background-color var(--transition-duration)}.asset-picker .preview.closed{padding:0;height:0}.asset-picker .preview.open{transition:height var(--delay) ease var(--delay),background-color var(--transition-duration);padding:.25rem;height:var(--height)}.asset-picker .preview:hover{background-color:var(--colors-gray300)}.asset-picker .list{overflow:hidden;width:100%;border-radius:2.5px;height:0;transition-property:height;transition-duration:var(--delay)}.asset-picker .list.open{overflow-y:auto;height:calc(var(--height) * 2.5);transition-delay:var(--delay)}.asset-picker .preview.closed+.list.open{transition-delay:0ms}.asset-picker .asset{object-fit:scale-down;max-height:var(--height);max-width:var(--height)}.asset-picker button{margin-top:.25rem;padding:.25rem 0;width:100%;border-radius:var(--default-border-radius)}.checkbox{width:15px;height:15px;border-radius:1.5px;cursor:default}.checkbox svg{color:var(--default-color);display:none}.checkbox[data-checked=true] svg{display:block}.fire-container .slider,.fire-container .radio{margin-bottom:var(--default-inbetween)}.movement-step-manager{border-top:1px solid var(--colors-gray400);margin-top:var(--default-inbetween);padding-top:var(--default-inbetween)}.movement-step-manager .header{padding:var(--default-inbetween);width:100%}.movement-step-manager .header.active{background-color:var(--colors-gray400)}.movement-step-manager>button{margin:var(--default-inbetween) 0}.movement-step-manager>select{padding:var(--default-inbetween);background-color:var(--colors-gray400);color:var(--colors-gray800);font-family:var(--fonts-mono);border-radius:var(--default-border-radius);font-size:11px;width:100%;outline:none}.movement-container{padding:var(--default-inbetween) 0}.movement-container label.point{margin:0;padding:var(--default-inbetween) 0}.movement-container label.point.current{font-weight:700;filter:brightness(2)}.movement-container label.point input{height:1rem;max-width:3.5rem;text-align:right}.movement-container .toggle{margin-top:var(--default-inbetween)}.movement-container .slider.x-axis{margin-left:calc(var(--default-inbetween) + var(--size))}.movement-container .slider.speed{border-top:1px solid var(--colors-gray400);padding-top:var(--default-inbetween)}.movement-container .plot-container{display:flex;gap:var(--default-inbetween);margin-top:var(--default-inbetween)}.movement-container .plot{width:100%;aspect-ratio:1 / 1;border:1px solid var(--colors-gray600);cursor:crosshair}.movement-container .plot circle{fill:var(--colors-gray600);cursor:move}.movement-container .plot circle.current{fill:var(--colors-gray800);filter:brightness(2)}.movement-container .plot path{fill:none;stroke:var(--colors-gray900);stroke-width:.5}.movement-container .plot path.grid{stroke-width:1;stroke:var(--colors-gray200)}.movement-container .plot path.main{--trajectory-time: 1s;stroke-dasharray:5;animation:dash var(--trajectory-time) linear forwards infinite}.movement-container .plot path.handle{stroke:var(--colors-gray700)}@keyframes dash{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}.radio{display:flex;justify-content:space-evenly;border-radius:var(--default-boder-radius)}.radio .item{border-radius:0}.radio .item.active{background-color:var(--colors-gray400)}.slider{--border-radius: 1.5px;--size: 10px}.slider label{display:flex;justify-content:space-between;align-items:center}.slider input{height:1rem;max-width:2.5rem;text-align:right}.slider .container{-webkit-user-select:none;user-select:none;touch-action:none;display:flex;align-items:center;border-radius:var(--border-radius);background-color:var(--colors-gray200)}.slider.disabled{opacity:.25}.slider.disabled .track{cursor:not-allowed}.slider .container{width:100%;height:100%}.slider.horizontal .container{margin-top:var(--default-inbetween)}.slider.vertical .container{flex-direction:column;width:var(--size)}.slider .track{border-radius:var(--border-radius);position:relative}.slider.horizontal .track{height:var(--size);width:100%}.slider.vertical .track{width:var(--size);height:100%}.slider .thumb{--position: 0px;position:absolute;display:block;width:var(--size);height:var(--size);background-color:var(--colors-gray700);border-radius:var(--border-radius);transition:var(--background-transition)}.slider.horizontal .thumb{left:var(--position)}.slider.vertical .thumb{top:var(--position)}.slider .thumb:hover{background-color:var(--colors-gray900)}