/* HealingMart light video editor - video-only post process */
.videoEditOnly{display:none!important}
body.editing.is-video .videoEditOnly{display:block!important}

#editCanvas{
  position:absolute;inset:0;z-index:4;width:100%;height:100%;display:none;
  background:transparent;pointer-events:none;image-rendering:auto;
}
body.editing.is-video #editCanvas{display:block}
body.editing.is-video #glCanvas{opacity:0}
body.editing.is-video .previewFrame.eye-mode #editCanvas{display:none!important}
body.editing.is-video .previewFrame.eye-mode #glCanvas,
body.editing.is-video .eye-mode #glCanvas{opacity:1!important}

body.editing.is-video .previewActions{
  grid-template-columns:auto auto auto minmax(110px,1fr) auto auto auto!important;
}
body.editing.is-video #mp4Btn{
  display:inline-flex!important;align-items:center;justify-content:center;
  border-color:#4b5560;background:#20262c;color:#e8edf1;
}

#videoEditGroup{border-top:1px solid rgba(255,255,255,.06);padding-top:12px}
.veSection{padding:10px 0;border-top:1px solid rgba(255,255,255,.055)}
.veSection:first-of-type{border-top:0;padding-top:2px}
.veLabel{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
.veLabel b{font-size:10px;color:#dfe6eb}
.veLabel span{font-size:8px;color:#78858f}
.veLabel button{height:24px;border:1px solid #38434c;background:#1b2228;color:#9da9b1;border-radius:5px;padding:0 8px;font-size:8px;cursor:pointer}
.veAspect{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.veAspect button,.veActionRow button{
  min-width:0;height:28px;border:1px solid #343e47;border-radius:5px;background:#171d22;color:#939fa7;font-size:8px;font-weight:800;cursor:pointer
}
.veAspect button.active,.veActionRow button.active{border-color:#35b878;background:rgba(53,184,120,.13);color:#79d9aa}
.veTwo{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}
.veTwo label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;color:#85919a;font-size:8px}
.veTwo select{
  width:100%;height:28px;border:1px solid #343e47;border-radius:5px;background:#171d22;color:#d5dce1;padding:0 6px;font-size:8px
}
.veActionRow{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px}
.veOutputHint{margin-top:7px;color:#71808a;font-size:8px;line-height:1.45}

@media(max-width:900px){
  body.editing.is-video .previewActions{
    grid-template-columns:1fr auto 1fr!important;
  }
  body.editing.is-video #playBtn{grid-column:1!important;grid-row:1!important}
  body.editing.is-video #muteBtn{grid-column:2!important;grid-row:1!important}
  body.editing.is-video #restartBtn{grid-column:3!important;grid-row:1!important}
  body.editing.is-video .previewActions .timeline{grid-column:1/-1!important;grid-row:2!important}
  body.editing.is-video #applyKeyBtn{grid-column:1!important;grid-row:3!important}
  body.editing.is-video #snapBtn{grid-column:2!important;grid-row:3!important}
  body.editing.is-video #mp4Btn{grid-column:3!important;grid-row:3!important}
  body.editing.is-video .exportState{grid-column:1/-1!important}
  .veAspect{grid-template-columns:repeat(5,minmax(0,1fr))}
  .veTwo{grid-template-columns:1fr}
}