/* minimal styling */
.wcgt-modal {
    position: fixed;
    inset: 0;
    display:flex;
    align-items:center;
    justify-content:center;
    background: rgba(0,0,0,0.6);
    z-index: 99999;
}
.wcgt-modal .wcgt-panel {
    width: 920px;
    max-width: 95%;
    background:#fff;
    border-radius:8px;
    padding:12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
.wcgt-topbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.wcgt-canvas-wrapper { position:relative; width:100%; height:560px; background:#222; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.wcgt-video, .wcgt-canvas { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }
.wcgt-controls { margin-top:10px; display:flex; gap:8px; flex-wrap:wrap; }
.wcgt-small { font-size:13px; padding:6px 8px;margin-left: 10px !important; }
.wcgt-close { background:transparent; border:0; font-size:18px; cursor:pointer;margin-left: 10px !important; }
.wcgt-preview-img { max-width:120px; max-height:80px; border:1px solid #ddd; }

.slider-container {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    gap: 20px;
    margin-top: 10px;
}

.slider-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

.slider-item label {
    margin-bottom: 5px;
    font-weight: bold;
    text-align: center;
}

.slider-item input[type="range"] {
    width: 100%;
}