.image-mask-editor[data-v-53a676ad]{background:#171717;color:#d4d4d8;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:70vh;width:100%}.modal-footer[data-v-53a676ad]{display:flex;gap:8px;justify-content:flex-end}[data-v-53a676ad] .ant-modal-content{background:#171717!important;border:1px solid #181818!important;border-radius:8px!important;box-shadow:0 8px 32px #0000004d!important}[data-v-53a676ad] .ant-modal-header{background:#171717!important;border-bottom:1px solid #181818!important;border-radius:8px 8px 0 0!important}[data-v-53a676ad] .ant-modal-title{color:#d4d4d8!important;font-weight:500}[data-v-53a676ad] .ant-modal-close{color:#d4d4d8!important}[data-v-53a676ad] .ant-modal-close:hover{background:#ffffff14!important;color:#e5e5e5!important}[data-v-53a676ad] .ant-modal-body{background:#171717!important;color:#d4d4d8!important;padding:0!important}[data-v-53a676ad] .ant-modal-footer{background:#171717!important;border-radius:0 0 8px 8px!important;border-top:1px solid #181818!important}.toolbar[data-v-53a676ad]{background:#282828;border-bottom:1px solid #181818;box-shadow:0 2px 4px #0003;flex-wrap:wrap;gap:1rem;min-height:60px;padding:1rem}.toolbar[data-v-53a676ad],.toolbar-section[data-v-53a676ad]{align-items:center;display:flex}.toolbar-section[data-v-53a676ad]{border-right:1px solid #181818;gap:.5rem;padding:0 .5rem}.toolbar-section[data-v-53a676ad]:last-child{border-right:none}.toolbar .ant-btn[data-v-53a676ad]{background-color:#181818!important;border-color:#181818!important;border-radius:4px!important;color:#d4d4d8!important;font-size:12px!important;height:28px!important;padding:0 12px!important;transition:all .2s ease!important}.toolbar .ant-btn[data-v-53a676ad]:hover:not(:disabled){background-color:#3d3d3d!important;border-color:#3d3d3d!important;color:#d4d4d8!important}.toolbar .ant-btn[data-v-53a676ad]:disabled{cursor:not-allowed!important;opacity:.5!important}.toolbar .ant-btn[data-v-53a676ad]:active{background-color:#f5f5f7!important;border-color:#f5f5f7!important;color:#fff!important}.toolbar .ant-btn[title*=导出][data-v-53a676ad]{background:linear-gradient(45deg,#404040,#404040)!important;border:none!important;box-shadow:0 2px 8px #ffffff2e!important;color:#fff!important}.toolbar .ant-btn[title*=导出][data-v-53a676ad]:hover:not(:disabled){background:linear-gradient(90deg,#404040,#737373)!important;box-shadow:0 4px 12px #ffffff3d!important}.toolbar .ant-btn[title*=清空][data-v-53a676ad]{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.toolbar .ant-btn[title*=清空][data-v-53a676ad]:hover:not(:disabled){background:#dc2626!important;border-color:#dc2626!important}.file-input-label[data-v-53a676ad]{cursor:pointer}.file-input-label input[type=file][data-v-53a676ad]{display:none}.brush-size-label[data-v-53a676ad]{align-items:center;color:#d4d4d8;display:flex;font-size:.875rem;gap:.5rem}.brush-size-slider[data-v-53a676ad]{background:#181818;border-radius:3px;cursor:pointer;height:6px;outline:none;width:120px}.brush-size-slider[data-v-53a676ad]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f5f5f7;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:18px;width:18px}.brush-size-slider[data-v-53a676ad]::-moz-range-thumb{background:#f5f5f7;border:none;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:18px;width:18px}.zoom-display[data-v-53a676ad]{color:#d4d4d8;font-size:.875rem;font-weight:500;min-width:50px;text-align:center}.canvas-container[data-v-53a676ad]{align-items:center;background:#171717;display:flex;flex:1;justify-content:center;overflow:auto;position:relative}.canvas-wrapper[data-v-53a676ad]{transform-origin:center;transition:transform .2s ease}.canvas-group[data-v-53a676ad]{background:#282828;border:2px solid #181818;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:inline-block;min-height:200px;min-width:200px;overflow:hidden;position:relative}.draw-canvas[data-v-53a676ad],.mask-canvas[data-v-53a676ad],.origin-canvas[data-v-53a676ad]{display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.draw-canvas[data-v-53a676ad]{cursor:crosshair;opacity:.6;pointer-events:auto;z-index:2}.mask-canvas[data-v-53a676ad]{z-index:1}.empty-state[data-v-53a676ad]{align-items:center;color:#d4d4d8;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:3rem;text-align:center}.empty-icon[data-v-53a676ad]{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state p[data-v-53a676ad]{font-size:1.1rem;margin:.5rem 0}.empty-hint[data-v-53a676ad]{font-size:.9rem!important;opacity:.7}.tips[data-v-53a676ad]{background:#282828;border-top:1px solid #181818;color:#d4d4d8;font-size:.8rem;padding:.5rem 1rem}.tips p[data-v-53a676ad]{margin:0 0 .25rem}.tips ul[data-v-53a676ad]{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding-left:0}.tips li[data-v-53a676ad]{margin:0;padding-left:.8rem;position:relative}.tips li[data-v-53a676ad]:before{color:#f5f5f7;content:"•";left:0;position:absolute}@media (max-width:768px){.toolbar[data-v-53a676ad]{gap:.5rem;padding:.5rem}.toolbar-section[data-v-53a676ad]{padding:0 .25rem}.btn[data-v-53a676ad]{font-size:.8rem;padding:.375rem .75rem}.brush-size-slider[data-v-53a676ad]{width:80px}.tips[data-v-53a676ad]{font-size:.75rem;padding:.375rem .75rem}.tips ul[data-v-53a676ad]{gap:.375rem}.tips li[data-v-53a676ad]{padding-left:.6rem}}.canvas-container[data-v-53a676ad]::-webkit-scrollbar{height:8px;width:8px}.canvas-container[data-v-53a676ad]::-webkit-scrollbar-track{background:#181818}.canvas-container[data-v-53a676ad]::-webkit-scrollbar-thumb{background:#f5f5f7;border-radius:4px}.canvas-container[data-v-53a676ad]::-webkit-scrollbar-thumb:hover{background:#737373}.confirm-btn[data-v-53a676ad]{align-items:center!important;background:#f5f5f7!important;border:none!important;border-radius:6px!important;box-shadow:0 2px 8px #0000004d!important;color:#fff!important;display:flex!important;font-size:14px!important;font-weight:500!important;height:36px!important;justify-content:center!important;padding:8px 16px!important;transition:all .2s ease!important;white-space:nowrap!important}.confirm-btn[data-v-53a676ad]:hover{background:#737373!important;border:none!important;box-shadow:0 4px 12px #0006!important;color:#fff!important;transform:translateY(-1px)!important}.confirm-btn[data-v-53a676ad]:active{background:#52525b!important;transform:translateY(0)!important}.confirm-btn[data-v-53a676ad]:disabled{background:#52525b!important;box-shadow:none!important;color:#fff9!important;cursor:not-allowed!important;opacity:.6!important;transform:none!important}.confirm-btn.ant-btn-loading[data-v-53a676ad]{background:#f5f5f7!important;color:#fff!important}.cancel-btn[data-v-53a676ad]{align-items:center!important;background:#181818!important;border:1px solid #f5f5f7!important;border-radius:6px!important;color:#d4d4d8!important;display:flex!important;font-size:14px!important;font-weight:500!important;height:36px!important;justify-content:center!important;padding:8px 16px!important;transition:all .2s ease!important;white-space:nowrap!important}.cancel-btn[data-v-53a676ad]:hover{background:#3d3d3d!important;border-color:#737373!important;box-shadow:0 2px 8px #ffffff1f!important;color:#e5e5e5!important;transform:translateY(-1px)!important}.cancel-btn[data-v-53a676ad]:active{background:#f5f5f7!important;color:#fff!important;transform:translateY(0)!important}