.ScaleView{height:100%;width:100%;overflow:hidden;user-select:none;background-color:#888;position:relative}.ScaleView-scaler{position:absolute;top:50%;left:50%;transform:translate(0);height:0;width:0}.ScaleView-tools{position:absolute;top:50%;left:50%}.ScaleView .line{position:absolute;width:2000px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%);background:#f0f;opacity:.5;pointer-events:none}.ScaleView .line2{width:2px;height:2000px}canvas{width:100%;height:100%;display:block}.ScaleView{position:fixed;top:0;left:0;background:none}.ScaleView .line{display:none}.BezierPoint{position:absolute;bottom:0;left:0;height:10px;width:10px;background:#f0f;cursor:pointer;margin:-5px}.BezierPoint:before{content:"";display:block;height:30px;width:30px;margin:-10px}.BezierPoint:hover{background:#f60;outline:2px solid #f608}.tools{position:fixed;left:0;top:0;bottom:0;width:220px;background:rgba(255,255,255,.3);padding:12px}.tools pre{height:32px;margin:4px;color:#fff;white-space:pre-line}.tools button,.tools input{height:32px;margin:4px}.tools textarea{margin:4px;resize:vertical;min-height:6em;padding:8px}.tools textarea::-webkit-scrollbar{width:8px}