[data-v-7186b648]::-webkit-scrollbar{display:none}.el-message .el-message__content[data-v-7186b648]{font-size:.42667rem}[data-dpr="2"].el-message .el-message__content[data-v-7186b648]{font-size:.85333rem}[data-dpr="3"].el-message .el-message__content[data-v-7186b648]{font-size:1.28rem}.copyTips[data-v-7186b648]{top:1.46667rem!important;min-width:5.33333rem!important;height:.98667rem!important;padding:0;background-color:rgba(0,0,0,.8)}.copyTips .el-message__icon[data-v-7186b648]{display:none}.copyTips .el-message__content[data-v-7186b648]{font-size:.4rem;line-height:.56rem;color:#fff}.canvas-container[data-v-7186b648]{position:relative;width:100%;height:100%;overflow:hidden;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.header-bar[data-v-7186b648]{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:.26667rem .4rem;background-color:#fff;box-shadow:0 .05333rem .10667rem rgba(0,0,0,.1);z-index:10}.back-button[data-v-7186b648],.clear-button[data-v-7186b648],.header-bar[data-v-7186b648]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.back-button[data-v-7186b648],.clear-button[data-v-7186b648]{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:.21333rem;cursor:pointer}.page-title[data-v-7186b648]{font-size:.48rem;font-weight:600;margin:0;text-align:center}.canvas-wrapper[data-v-7186b648]{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;width:100%;overflow:hidden}canvas[data-v-7186b648]{cursor:crosshair;z-index:2}.base-image[data-v-7186b648],canvas[data-v-7186b648]{position:absolute;top:0;left:0;width:100%;height:100%}.base-image[data-v-7186b648]{display:none;object-fit:contain;z-index:1}.toolbar[data-v-7186b648]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff;padding:.26667rem;box-shadow:0 -.05333rem .10667rem rgba(0,0,0,.1);z-index:10}.left-tools[data-v-7186b648]{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:.13333rem}.tool-button[data-v-7186b648]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:.21333rem;cursor:pointer;border-radius:.21333rem;background-color:#f5f5f5;min-width:1.6rem;border:.02667rem solid #e0e0e0}.tool-button.active[data-v-7186b648]{color:var(--primary-color,#3a7afe);background-color:#e6f0ff;border-color:#b8d4fe}.tool-icon[data-v-7186b648]{width:.64rem;height:.64rem;margin-bottom:.10667rem;background-position:50%;background-repeat:no-repeat;background-size:contain}.tool-label[data-v-7186b648]{font-size:.32rem;font-weight:500}.brush-size-control[data-v-7186b648]{-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0 .4rem;padding:.21333rem .32rem;background-color:#f5f5f5;border-radius:.21333rem}.slider-label[data-v-7186b648]{font-size:.32rem;margin-bottom:.21333rem;color:#666;font-weight:500;text-align:center}.size-slider[data-v-7186b648]{width:100%;height:.42667rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e0e0e0;outline:none;border-radius:.21333rem}.size-slider[data-v-7186b648]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.48rem;height:.48rem;border-radius:50%;background:var(--primary-color,#3a7afe);cursor:pointer;box-shadow:0 .05333rem .10667rem rgba(0,0,0,.2)}.right-tools[data-v-7186b648]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:.21333rem;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.erase-all-button[data-v-7186b648]{background-color:#f5f5f5;border:.02667rem solid #e0e0e0}.finish-button[data-v-7186b648]{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:var(--primary-color,#3a7afe);color:#fff;padding:.21333rem .42667rem;border-radius:.21333rem;font-size:.37333rem;font-weight:600;cursor:pointer;transition:background .2s;box-shadow:0 .05333rem .10667rem rgba(58,122,254,.3)}.finish-button[data-v-7186b648]:active{-webkit-transform:translateY(.02667rem);-ms-transform:translateY(.02667rem);transform:translateY(.02667rem);box-shadow:0 .02667rem .05333rem rgba(58,122,254,.3)}@media (max-width:480px){.toolbar[data-v-7186b648]{padding:.21333rem}.tool-button[data-v-7186b648]{padding:.16rem;min-width:1.33333rem}.tool-icon[data-v-7186b648]{width:.53333rem;height:.53333rem}.tool-label[data-v-7186b648]{font-size:.26667rem}.brush-size-control[data-v-7186b648]{margin:0 .21333rem;padding:.16rem .21333rem}.slider-label[data-v-7186b648]{font-size:.26667rem;margin-bottom:.10667rem}.finish-button[data-v-7186b648]{padding:.16rem .32rem;font-size:.32rem}}.tool-button.disabled[data-v-7186b648]{opacity:.5;cursor:not-allowed}