/* Zoom-only image viewer (safe global styles via orm-zoom- prefix) */
.orm-zoom-viewer{
  display:flex;
  flex-direction:column;
  gap:8px;
  width:100%;
}
/* Zoom */
.orm-designer-zoom {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 6px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fff;
}

.orm-designer-zoomSlider {
    width: 160px;
}

.orm-designer-zoomLabel {
    font-size: 12px;
    color: #444;
    min-width: 44px;
    text-align: right;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}


.orm-zoom-toolbar{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}

.orm-zoom-btn{
  border:1px solid rgba(0,0,0,0.15);
  background:white;
  padding:4px 10px;
  border-radius:6px;
  cursor:pointer;
  user-select:none;
}

.orm-zoom-btn:hover{
  background:rgba(0,0,0,0.03);
}

.orm-zoom-label{
  min-width:64px;
  text-align:center;
  font-weight:600;
}

.orm-zoom-sep{
  width:1px;
  height:18px;
  background:rgba(0,0,0,0.15);
  margin:0 6px;
}

.orm-zoom-scroll{
  overflow:auto;
  border:1px solid rgba(0,0,0,0.15);
  border-radius:10px;
  padding:8px;
  max-height:75vh;
  background:white;
  position:relative;
}

.orm-zoom-img{
  display:block;
  user-select:none;
  -webkit-user-drag:none;
}

.orm-zoom-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:180px;
  color:rgba(0,0,0,0.55);
}