.msm-viewer {
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: relative;
    background: #111;
}

.msm-viewer img {
    user-select: none;
    pointer-events: auto;
}

function msmOpenLightbox(src) {

    let lb = document.createElement('div');
    lb.style.position = 'fixed';
    lb.style.top = 0;
    lb.style.left = 0;
    lb.style.width = '100%';
    lb.style.height = '100%';
    lb.style.background = 'rgba(0,0,0,0.9)';
    lb.style.display = 'flex';
    lb.style.alignItems = 'center';
    lb.style.justifyContent = 'center';
    lb.style.zIndex = 9999;

    let img = document.createElement('img');
    img.src = src;
    img.style.maxWidth = '90%';
    img.style.maxHeight = '90%';

    lb.appendChild(img);

    lb.onclick = () => lb.remove();

    document.body.appendChild(lb);
}

.msm-viewer {
    width: 100%;
    height: 600px; /* adjust if needed */
    overflow: hidden;
    position: relative;
    cursor: grab;
    user-select: none;
}

.msm-viewer canvas {
    width: 100%;
    height: 100%;
    display: block;
}