#wc_modal{
    position:fixed !important;

    top:0 !important;
    left:0 !important;

    width:100vw !important;
    height:100vh !important;

    background:rgba(0,0,0,.7) !important;

    z-index:999999 !important;

    display:none !important;

    justify-content:center !important;
    align-items:center !important;

    padding:20px !important;
}

#wc_modal.active{
    display:flex !important;
}

.editor-box{
    width:420px !important;
    max-width:100% !important;

    background:#fff !important;

    border-radius:16px !important;

    padding:20px !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:center !important;

    gap:15px !important;
}

.canvas-wrapper{
    position:relative !important;

    width:400px !important;
    height:400px !important;

    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
}

#maskOverlay{
    position:absolute !important;
    inset:0 !important;

    pointer-events:none !important;
}

#zoomSlider{
    width:100% !important;
}

.controls{
    width:100% !important;

    display:flex !important;

    flex-wrap:wrap !important;

    justify-content:center !important;

    gap:8px !important;
}

.controls button{
    border:none !important;

    padding:10px 14px !important;

    background:#e24d7d !important;

    color:#fff !important;

    border-radius:8px !important;

    cursor:pointer !important;
}