.image-mask-editor[data-v-5435c706]{background:#181622;color:#b7a6d7;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:70vh;width:100%}.modal-footer[data-v-5435c706]{display:flex;gap:8px;justify-content:flex-end}[data-v-5435c706] .ant-modal-content{background:#181622!important;border:1px solid #3d2a74!important;border-radius:8px!important;box-shadow:0 8px 32px #6b24ea4d!important}[data-v-5435c706] .ant-modal-header{background:#181622!important;border-bottom:1px solid #3d2a74!important;border-radius:8px 8px 0 0!important}[data-v-5435c706] .ant-modal-title{color:#b7a6d7!important;font-weight:500}[data-v-5435c706] .ant-modal-close{color:#b7a6d7!important}[data-v-5435c706] .ant-modal-close:hover{background:#8167cf1a!important;color:#e5d9ff!important}[data-v-5435c706] .ant-modal-body{background:#181622!important;color:#b7a6d7!important;padding:0!important}[data-v-5435c706] .ant-modal-footer{background:#181622!important;border-radius:0 0 8px 8px!important;border-top:1px solid #3d2a74!important}.toolbar[data-v-5435c706]{background:#28272e;border-bottom:1px solid #3d2a74;box-shadow:0 2px 4px #6b24ea33;flex-wrap:wrap;gap:1rem;min-height:60px;padding:1rem}.toolbar[data-v-5435c706],.toolbar-section[data-v-5435c706]{align-items:center;display:flex}.toolbar-section[data-v-5435c706]{border-right:1px solid #3d2a74;gap:.5rem;padding:0 .5rem}.toolbar-section[data-v-5435c706]:last-child{border-right:none}.toolbar .ant-btn[data-v-5435c706]{background-color:#3d2a74!important;border-color:#3d2a74!important;border-radius:4px!important;color:#b7a6d7!important;font-size:12px!important;height:28px!important;padding:0 12px!important;transition:all .2s ease!important}.toolbar .ant-btn[data-v-5435c706]:hover:not(:disabled){background-color:#4a3285!important;border-color:#4a3285!important;color:#b7a6d7!important}.toolbar .ant-btn[data-v-5435c706]:disabled{cursor:not-allowed!important;opacity:.5!important}.toolbar .ant-btn[data-v-5435c706]:active{background-color:#8167cf!important;border-color:#8167cf!important;color:#fff!important}.toolbar .ant-btn[title*=导出][data-v-5435c706]{background:linear-gradient(45deg,#1890ff,#722ed1)!important;border:none!important;box-shadow:0 2px 8px #1890ff4d!important;color:#fff!important}.toolbar .ant-btn[title*=导出][data-v-5435c706]:hover:not(:disabled){background:linear-gradient(90deg,#7c3aed,#2563eb)!important;box-shadow:0 4px 12px #1890ff66!important}.toolbar .ant-btn[title*=清空][data-v-5435c706]{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.toolbar .ant-btn[title*=清空][data-v-5435c706]:hover:not(:disabled){background:#dc2626!important;border-color:#dc2626!important}.file-input-label[data-v-5435c706]{cursor:pointer}.file-input-label input[type=file][data-v-5435c706]{display:none}.brush-size-label[data-v-5435c706]{align-items:center;color:#b7a6d7;display:flex;font-size:.875rem;gap:.5rem}.brush-size-slider[data-v-5435c706]{background:#3d2a74;border-radius:3px;cursor:pointer;height:6px;outline:none;width:120px}.brush-size-slider[data-v-5435c706]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#8167cf;border-radius:50%;box-shadow:0 2px 4px #6b24ea4d;cursor:pointer;height:18px;width:18px}.brush-size-slider[data-v-5435c706]::-moz-range-thumb{background:#8167cf;border:none;border-radius:50%;box-shadow:0 2px 4px #6b24ea4d;cursor:pointer;height:18px;width:18px}.zoom-display[data-v-5435c706]{color:#b7a6d7;font-size:.875rem;font-weight:500;min-width:50px;text-align:center}.canvas-container[data-v-5435c706]{align-items:center;background:#181622;display:flex;flex:1;justify-content:center;overflow:auto;position:relative}.canvas-wrapper[data-v-5435c706]{transform-origin:center;transition:transform .2s ease}.canvas-group[data-v-5435c706]{background:#28272e;border:2px solid #3d2a74;border-radius:8px;box-shadow:0 4px 12px #6b24ea4d;display:inline-block;min-height:200px;min-width:200px;overflow:hidden;position:relative}.draw-canvas[data-v-5435c706],.mask-canvas[data-v-5435c706],.origin-canvas[data-v-5435c706]{display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.draw-canvas[data-v-5435c706]{cursor:crosshair;opacity:.6;pointer-events:auto;z-index:2}.mask-canvas[data-v-5435c706]{z-index:1}.empty-state[data-v-5435c706]{align-items:center;color:#b7a6d7;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:3rem;text-align:center}.empty-icon[data-v-5435c706]{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state p[data-v-5435c706]{font-size:1.1rem;margin:.5rem 0}.empty-hint[data-v-5435c706]{font-size:.9rem!important;opacity:.7}.tips[data-v-5435c706]{background:#28272e;border-top:1px solid #3d2a74;color:#b7a6d7;font-size:.8rem;padding:.5rem 1rem}.tips p[data-v-5435c706]{margin:0 0 .25rem}.tips ul[data-v-5435c706]{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding-left:0}.tips li[data-v-5435c706]{margin:0;padding-left:.8rem;position:relative}.tips li[data-v-5435c706]:before{color:#8167cf;content:"•";left:0;position:absolute}@media (max-width:768px){.toolbar[data-v-5435c706]{gap:.5rem;padding:.5rem}.toolbar-section[data-v-5435c706]{padding:0 .25rem}.btn[data-v-5435c706]{font-size:.8rem;padding:.375rem .75rem}.brush-size-slider[data-v-5435c706]{width:80px}.tips[data-v-5435c706]{font-size:.75rem;padding:.375rem .75rem}.tips ul[data-v-5435c706]{gap:.375rem}.tips li[data-v-5435c706]{padding-left:.6rem}}.canvas-container[data-v-5435c706]::-webkit-scrollbar{height:8px;width:8px}.canvas-container[data-v-5435c706]::-webkit-scrollbar-track{background:#3d2a74}.canvas-container[data-v-5435c706]::-webkit-scrollbar-thumb{background:#8167cf;border-radius:4px}.canvas-container[data-v-5435c706]::-webkit-scrollbar-thumb:hover{background:#9980e5}.confirm-btn[data-v-5435c706]{align-items:center!important;background:#8167cf!important;border:none!important;border-radius:6px!important;box-shadow:0 2px 8px #8167cf4d!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-5435c706]:hover{background:#9980e5!important;border:none!important;box-shadow:0 4px 12px #8167cf66!important;color:#fff!important;transform:translateY(-1px)!important}.confirm-btn[data-v-5435c706]:active{background:#6b5b95!important;transform:translateY(0)!important}.confirm-btn[data-v-5435c706]:disabled{background:#6b5b95!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-5435c706]{background:#8167cf!important;color:#fff!important}.cancel-btn[data-v-5435c706]{align-items:center!important;background:#3d2a74!important;border:1px solid #8167cf!important;border-radius:6px!important;color:#b7a6d7!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-5435c706]:hover{background:#4a3285!important;border-color:#9980e5!important;box-shadow:0 2px 8px #8167cf33!important;color:#e5d9ff!important;transform:translateY(-1px)!important}.cancel-btn[data-v-5435c706]:active{background:#8167cf!important;color:#fff!important;transform:translateY(0)!important}