*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}html,body{overscroll-behavior:none;touch-action:none;overflow:hidden}.tools{position:absolute;top:0;left:50%;translate:-50% 0}.tools ul{display:flex;list-style:none;width:100%;justify-content:center;background-color:#ccc;padding:.5rem .25rem}.tool-icon{border:none;padding:10px;cursor:pointer;border-radius:3px;margin:2px 5px;position:relative;background-color:transparent}.tool-icon .tool-num{content:attr(--toolNum);position:absolute;width:.8rem;aspect-ratio:1;color:#000;bottom:0;right:0}.tool-icon img{width:1.25rem;aspect-ratio:1}.tool-icon:hover{background:#efefef}.tool-icon.selected{background:#aeaeae;box-shadow:-2px 0 7px #8c8c8c80}#videoPlayer{position:absolute;right:0;bottom:0}.properties-panel{display:flex;flex-direction:column;position:absolute;max-width:300px;top:5rem;left:1rem;background:#eee;border-radius:.25rem;box-shadow:0 0 10px #bdbdbd}.properties-panel h1{padding:1.25rem 1rem;text-transform:uppercase}.color-icon{background:var(--icon-clr);aspect-ratio:1;border-radius:4px;border:1px solid black}.zoom-tool{position:absolute;bottom:1rem;left:.25rem;padding:1rem 1.2rem;color:#fff;background:#535353;border-radius:.4rem;cursor:pointer}.stroke-width-btn{background:#fff;padding:1rem;border:1px solid black;width:3rem;display:flex;justify-content:center;align-items:center;aspect-ratio:1;border-radius:3px}.stroke-width-btn>span{width:15px;height:var(--stroke-width);background-color:#000;display:block}