canvas[data-v-9efa6a5a]{border:1px solid #ccc}.pageArea[data-v-9efa6a5a]{width:100%;height:100%;background:#f5f8fb;position:relative;overflow:hidden;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.toolArea[data-v-9efa6a5a]{width:100%;height:50px;position:fixed;left:0;top:0;z-index:2;padding-left:150px}.toolArea[data-v-9efa6a5a],.toolItem[data-v-9efa6a5a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.toolItem[data-v-9efa6a5a]{min-width:40px;height:40px;margin-left:10px;border-radius:8px;cursor:pointer;color:#222529;font-size:14px;padding:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toolItem[data-v-9efa6a5a]:hover{background:#f2f2f2;color:#000;font-weight:500}.deleteTool[data-v-9efa6a5a]{color:red}.undoTool[data-v-9efa6a5a]{color:#fa8c16}.saveBtn[data-v-9efa6a5a]{background:#2b59f1;border-radius:6px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 15px;height:30px;cursor:pointer;font-size:14px;font-weight:500;margin-left:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.saveBtn[data-v-9efa6a5a]:hover{background:#204ee8}.contentWrapper[data-v-9efa6a5a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.controlsWrapper[data-v-9efa6a5a]{min-width:320px;position:relative;height:100%}.controlsContainer[data-v-9efa6a5a]{height:100%;width:320px;background:#fff;-webkit-box-shadow:10px 0 15px rgba(0,0,0,.04);box-shadow:10px 0 15px rgba(0,0,0,.04)}.cardHeader[data-v-9efa6a5a]{font-size:15px;color:#000;font-weight:600;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 22px;margin-bottom:5px}.btnTr[data-v-9efa6a5a]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:1px 15px;margin-bottom:30px}.addBtn[data-v-9efa6a5a],.btnTr[data-v-9efa6a5a]{display:-webkit-box;display:-ms-flexbox;display:flex}.addBtn[data-v-9efa6a5a]{background:#f1f2f4;-webkit-box-flex:1;-ms-flex:1;flex:1;height:74px;border-radius:8px;cursor:pointer;color:#4c535c;font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:15px;border:1px solid #f1f2f4}.addBtn[data-v-9efa6a5a]:last-child{margin-right:0}.addBtn[data-v-9efa6a5a]:hover{color:#409eff;background:#ecf5ff;border:1px solid #a0cfff}.icon[data-v-9efa6a5a]{font-size:18px;margin-bottom:6px}.fileInput[data-v-9efa6a5a]{display:none}.canvasWrapper[data-v-9efa6a5a]{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:420px;-webkit-box-flex:1;-ms-flex:1;flex:1}.layerWrapper[data-v-9efa6a5a]{height:100%;width:320px;background:#fff;-webkit-box-shadow:-10px 0 15px rgba(0,0,0,.04);box-shadow:-10px 0 15px rgba(0,0,0,.04);position:relative;overflow:hidden}.layerList[data-v-9efa6a5a]{height:calc(100% - 10px);overflow-y:auto;padding:10px}.layerItem[data-v-9efa6a5a]{width:calc(100% - 20px);margin:0 auto 10px;background:#f1f2f4;height:40px;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 15px;cursor:pointer;border-radius:8px;color:#222529;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.layerItem[data-v-9efa6a5a]:hover{background:#e8eaec}.layerItem.selected[data-v-9efa6a5a]{background:#ecf5ff;border:1px solid #a0cfff}.layerLabel[data-v-9efa6a5a]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layerButton[data-v-9efa6a5a]{color:#1989fa}.layerButton.delete[data-v-9efa6a5a]{color:red}.noLayers[data-v-9efa6a5a]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:150px 0;color:#999}