.canvas-write[data-v-57aea9f3]{font-size:.28rem;overflow:auto;-webkit-overflow-scrolling:touch}.canvas-write .operator-box .input-box[data-v-57aea9f3]{width:2.3rem;display:inline-block}.canvas-write .operator-box .input-bo input[data-v-57aea9f3]{display:inline;line-height:.2rem;border-radius:.1rem;border:1px solid #dcdfe6;padding:0 .05rem;margin:0 .05rem;max-width:.6rem}.canvas-write .operator-box .input-bo .pencil-size[data-v-57aea9f3]{width:.3rem}.canvas-write .operator-box button[data-v-57aea9f3]{width:.4rem;height:.2rem;padding:0;border-radius:.1rem;color:#2d72f1;margin-left:.05rem;border:1px solid #2d72f1;outline:none;background:#fff}.canvas-write .operator-box button[data-v-57aea9f3]:active{background:#2d72f1;opacity:.7;color:#fff}.canvas-box[data-v-57aea9f3]{width:calc(100% - 200px);height:1.2rem;border:1px solid #2d72f1;border-radius:.1rem;margin:.1rem;-webkit-box-sizing:border-box;box-sizing:border-box}.canvas-box img[data-v-57aea9f3],canvas[data-v-57aea9f3]{width:100%;height:100%}.horizontal[data-v-57aea9f3]{width:100%;height:100%;position:absolute;top:0;left:0;z-index:99;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse;flex-flow:row-reverse;overflow:hidden}.horizontal .canvas-box[data-v-57aea9f3]{width:calc(100% - 100px);height:90vh}.horizontal .operator-box[data-v-57aea9f3],.horizontal .title-box[data-v-57aea9f3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.horizontal .operator-box[data-v-57aea9f3]{width:.8rem;height:4rem;margin-top:7.1rem}.horizontal .title-box[data-v-57aea9f3]{font-size:.32rem;width:.2rem;height:100vh;background-color:#2d72f1;color:#fff;padding:0 .3rem;margin-left:.1rem}.horizontal .operator-box button[data-v-57aea9f3]{-webkit-transform:rotate(90deg);transform:rotate(90deg);margin:1rem -.25rem .1rem;width:1.5rem;height:.7rem}.horizontal .operator-box .btn-do[data-v-57aea9f3]{background-color:#2d72f1;color:#fff}.horizontal .operator-box .input-box[data-v-57aea9f3]{margin:.15rem 0 2.27rem 0}.horizontal .operator-box .input-box[data-v-57aea9f3],.horizontal .title-box .title[data-v-57aea9f3]{-webkit-transform-origin:0 .3rem;transform-origin:0 .3rem;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.horizontal .title-box .title[data-v-57aea9f3]{width:10rem;margin:5rem 0 2.27rem 0}.canvas-write[data-v-d36648b4]{overflow:auto;-webkit-overflow-scrolling:touch}