body{position:relative;margin:0;width:100%;height:100svh}#root,.canvas-3d{position:absolute;width:100%;height:100%;top:0;left:0}.canvas-3d-bg{position:absolute;width:100%;height:100%;top:0;left:0;background-image:linear-gradient(to top,#09203f,#537895)}.logo{position:absolute;top:20px;left:20px;width:140px}.logo>img{width:100%}.sel-colors{height:100svh;position:absolute;right:10px;top:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px}.color{position:relative;width:36px;height:36px;border-radius:20px;overflow:hidden;cursor:pointer}.color>img{position:absolute;width:100%;height:100%;top:0;left:0}canvas{display:block;margin:0;padding:0;width:100%;height:100vh}