*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{margin:0;padding:0;box-sizing:border-box}button{background-color:transparent;border:none;cursor:pointer;padding:0;margin:0}.pixelify{font-family:Pixelify Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}h1{background-color:#818181;padding-inline:.5rem}body{background-color:#333;display:grid;place-items:center;height:100vh}.border-3d{border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #000;border-bottom:2px solid #000}.border-3d[hover]:hover{border-bottom:2px solid #fff;border-right:2px solid #fff;border-left:2px solid #000;border-top:2px solid #000}.border-3d[hover]:hover:active{background-color:#dadada}main{background-color:#818181;padding:1rem;display:grid;grid-template-areas:"paint-header-controls paint-header-controls paint-header-controls" "topbar topbar topbar" "paint-aside-utils canvas canvas" "paint-aside-utils canvas canvas"}.button{background-color:#818181;padding-inline:.5rem;font-size:1rem;cursor:pointer}.button[active]{background-color:#585858;border-bottom:2px solid #fff;border-right:2px solid #fff;border-left:2px solid #000;border-top:2px solid #000}.button:disabled{background-color:#313131;cursor:not-allowed;border-bottom:2px solid #fff;border-right:2px solid #fff;border-left:2px solid #000;border-top:2px solid #000}.topbar-options{grid-area:topbar;background-color:#c3c3c3;padding:.5rem;display:flex;gap:2rem;height:50px}.lineWidth-container{display:flex;gap:.5rem;align-items:center}.lineWidthLabel{width:20px;height:20px;display:flex;justify-content:center;align-items:center}.lineWidthDot{display:block;max-width:20px;max-height:20px;min-width:5px;min-height:5px;background-color:#000;border-radius:100%}.lineJoin-container{display:flex;gap:.5rem;align-items:center}.lineJoinBtn{width:30px;height:30px;margin:0;padding:0}.lineJoinBtn>input{display:none}.hidden{display:none}.paint-header-controls{grid-area:paint-header-controls;background-color:#02f;padding-block:.3rem;padding-inline:.8rem;margin-bottom:.5rem;display:flex;justify-content:space-between}.paint-header-controls>nav .button-x{background-color:red;color:#fff}.paint-aside-utils{grid-area:paint-aside-utils;background-color:#c3c3c3;padding:.8rem;display:flex;flex-direction:column;justify-content:space-between}.paint-aside-utils>nav{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.paint-aside-utils>nav>.button{height:30px;width:30px;padding:0;text-overflow:ellipsis;overflow:hidden}.canvas{grid-area:canvas}