/* Previews */
.jfbmo-preview{
  display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.5rem;
}
.jfbmo-thumb{
  display:block; max-width:160px; height:auto;
  border:1px solid #e5e7eb; border-radius:8px; padding:2px; background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
}

/* Modal Cropper */
#omp-cropper-modal.omp-hidden { display:none; }
#omp-cropper-modal { position:fixed; inset:0; z-index:99999; }
#omp-cropper-modal .omp-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.6); }
#omp-cropper-modal .omp-cropper-dialog {
  position:relative; z-index:2; width:min(960px, 94vw); height:min(80vh, 720px);
  margin:5vh auto; background:#111; color:#fff; border-radius:14px; overflow:hidden; display:flex; flex-direction:column;
}
.omp-cropper-header { display:flex; align-items:center; justify-content:space-between; padding:12px 16px; background:#1b1b1f; }
.omp-close { background:none; border:0; color:#aaa; font-size:22px; cursor:pointer; }
.omp-cropper-body { display:flex; flex-direction:column; gap:12px; padding:12px; height:100%; }
.omp-canvas-wrap { flex:1; background:#000; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:10px; }
#omp-cropper-image { max-width:100%; max-height:100%; display:block; }
.omp-toolbar {
    display:flex;
    gap:8px; 
    align-items:center; 
}
.omp-btn { background:#2a2a30; border:1px solid #3a3a41; color:#fff; padding:8px 12px; border-radius:8px; cursor:pointer; }
.omp-btn.primary { background:#3d9be9; border-color:#3d9be9; color:#081018; font-weight:600; }
.omp-spacer { 
    /*flex:1; */
    display: block;
    width: 100%;
    height: 10px;
}
.omp-help { margin-top:6px; color:#c0c0c0; font-size:12px; }