.clip-image-container[data-v-659ce379]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}.canvas-wrapper[data-v-659ce379]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;border:1px solid #e8eaec;background:#f5f5f5;overflow:hidden;text-align:center}.canvas-wrapper canvas[data-v-659ce379]{display:block;max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;cursor:default;margin:auto}.canvas-wrapper .preview-image[data-v-659ce379]{display:block;width:auto;max-height:433px;margin:auto;-o-object-fit:contain;object-fit:contain}.controls[data-v-659ce379]{padding:16px;background:#fff;border-top:1px solid #e8eaec}.mask-selector[data-v-659ce379]{margin-bottom:16px}.mask-selector .label[data-v-659ce379]{font-size:14px;color:#515a6e;margin-bottom:8px}.mask-selector .mask-list[data-v-659ce379]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-ms-flex-wrap:wrap;flex-wrap:wrap}.mask-selector .mask-item[data-v-659ce379]{width:60px;height:60px;border:2px solid #e8eaec;border-radius:4px;cursor:pointer;overflow:hidden;-webkit-transition:all .3s;transition:all .3s}.mask-selector .mask-item[data-v-659ce379]:hover{border-color:#2d8cf0}.mask-selector .mask-item.active[data-v-659ce379]{border-color:#2d8cf0;-webkit-box-shadow:0 0 0 2px rgba(45,140,240,.2);box-shadow:0 0 0 2px rgba(45,140,240,.2)}.mask-selector .mask-item img[data-v-659ce379]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.actions[data-v-659ce379]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}