*{margin:0;padding:0;border:0}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}html,body{height:100%;width:100%;overflow:hidden;font-size:100%;line-height:1;font-size:14px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit}input::-ms-clear-{display:none}button{cursor:pointer}button-moz-focus-inner{padding:0;border:0}a,a:visited{text-decoration:none;color:inherit}a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}input,select{color:#7a7a7a;border:1px solid #3a3a3a;background:transparent}fieldset{padding:.5em;margin-bottom:.5em}fieldset:has(select){display:flex;justify-content:space-between;flex-direction:row}.fieldset__display{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em}textarea{width:100%;height:100%;resize:none;padding:.5em;border-radius:8px;color:#7a7a7a;background:transparent}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:.5em;border-radius:5px;background:#3a3a3a;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1em;height:1em;border-radius:50%;background:#7a7a7a;cursor:pointer;transition:background .3s ease}input[type=range]::-webkit-slider-thumb:hover{background:#9a9a9a}input[type=range]::-moz-range-thumb{width:1em;height:1em;border-radius:50%;background:#7a7a7a;cursor:pointer;transition:background .3s ease}input[type=range]::-moz-range-thumb:hover{background:#9a9a9a}input[type=checkbox]{width:1em;height:1em;cursor:pointer;background:transparent;border-radius:3px;border:1px solid #7a7a7a;appearance:none;-webkit-appearance:none;display:inline-block;position:relative}input[type=checkbox]:checked:after{content:url(/icons/check.svg);position:absolute;left:-.1em;top:-.1em}button.menu__button{padding:.3em;border-radius:8px;background:#5a5a5a;cursor:pointer;transition:.2s ease}button.menu__button img{width:2em;height:2em;pointer-events:none}button.menu__button:hover{transform:scale(1.1)}*{scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-thumb{background-color:#3a3a3a;border-radius:4px}*::-webkit-scrollbar-thumb:hover{background-color:#7a7a7a}#overlay img:hover{cursor:pointer;filter:brightness(1.2);transform:scale(1.1)}#leftPanel{position:fixed;top:0;left:0;height:100%;width:5em;display:flex;flex-direction:column-reverse;align-items:center;gap:1.5em;padding:3em 1.5em;box-sizing:border-box;pointer-events:none;overflow:hidden}#leftPanel img{width:3em;height:3em;padding:.7em;object-fit:contain;pointer-events:all;cursor:pointer;transition:filter .3s ease;background-image:radial-gradient(#000 35%,#0000);border-radius:50%;box-shadow:0 4px 8px #000c}#leftPanel img:hover{filter:brightness(2) hue-rotate(300deg)}#playback{position:fixed;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:1em;width:fit-content;padding:1em;border-radius:8px;background:#000000b3;pointer-events:all}.frame{display:none;position:absolute;top:10px;right:10px;width:300px;max-height:90vh;overflow-y:auto;color:#7a7a7a;border-radius:8px;font-family:Arial,sans-serif;font-size:14px;box-shadow:0 4px 8px #0003;pointer-events:auto;-webkit-user-select:none;user-select:none}.frame.active{display:block}.frame__transparent .frame__body{background:transparent}.frame__transparent .frame__header{background:#000000b3}.frame__minimized .frame__body,.frame__minimized .drag-resize-container{height:fit-content}.frame__minimized .frame__content{height:0;padding:0;overflow:hidden}.frame__body{width:100%;height:100%;background:#000000b3;cursor:default;overflow:auto}.frame__controls{display:flex;gap:.5em}.frame__content{width:100%;height:100%;padding:.7em .3em}.frame__header{display:flex;justify-content:space-between;align-items:center;padding:.7em;border-bottom:1px solid #3a3a3a;-webkit-user-select:none;user-select:none}.frame__controls img{pointer-events:none}.frame__controls:hover{cursor:pointer;filter:brightness(1.2)}.frame__control[data-action=minimize]{transform:translateY(50%)}.drag-resize-container{width:100%;height:100%;cursor:grabbing;border:.5em solid #3a3a3a8f;position:relative}.drag-resize-container:after{content:"";position:absolute;right:0;bottom:0;width:20px;height:20px;border-right:.25em solid #006faf;border-bottom:.25em solid #006faf;border-radius:0 0 .3em .3em;pointer-events:none;background:transparent}.increment{color:#4caf50}.decrement{color:#e53935}canvas{width:100%;height:100%;display:block}#GUI,#menus,#frames,#pop-ups{position:fixed;inset:0;pointer-events:none;background:transparent}.menu__input input{margin-bottom:.75em}