.canvas-container{background-color:#87ceeb;border:1px solid slateblue;overflow:hidden;position:relative;width:100%}.canvas-container canvas{position:absolute;transform-origin:center top}.backup-canvas{display:none}.eraser{cursor:cell}.colorPicker{cursor:crosshair}.move{cursor:move}.toolbar{padding:1rem;height:var(--toolbar-height);border:1px solid slateblue;display:flex;gap:1rem;margin:1rem}.tools{flex:0 0 10rem;border:1px solid slateblue;display:flex;justify-content:stretch;gap:1rem;flex-direction:column;overflow:auto}.operation-active{color:#0958d9;border-color:#0958d9;background:#fff}.tool-item{display:flex;gap:1rem;align-items:center}.picked-color{border:1px solid slateblue;width:2rem;height:1rem}.eraser-size{height:.3rem;width:1rem}body,html{height:100%;width:100%;margin:0;--toolbar-height: 3rem;--margin: 1rem}#root{height:100%;width:100%;display:flex;flex-direction:column}.workshop{max-height:calc(100% - var(--toolbar-height) - var(--margin) * 4);display:flex;flex-direction:row;justify-content:stretch;flex:1 1 auto;gap:1rem;margin:0 1rem 1rem}