/* =====================================================
   IMAGE EDITOR MODAL
===================================================== */

.editor-backdrop{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  z-index:4000;
}

.editor-modal{
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:92%;
  max-width:520px;
  background:#0b0f18;
  color:#fff;
  border-radius:18px;
  padding:16px;
  z-index:4001;
  box-shadow:0 30px 80px rgba(0,0,0,.6);
}

.editor-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:12px;
}

.editor-header h3{
  font-size:15px;
}

.editor-close{
  background:none;
  border:none;
  color:#fff;
  font-size:18px;
  cursor:pointer;
}

.editor-preview{
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:14px;
}

.editor-preview img{
  max-width:100%;
  max-height:60vh;
  border-radius:14px;
}