body {
    font-size: 14px;
}
.table-sm input {
    font-size: 13px;
}


.photo-viewer{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.85);
  display: none;
  z-index: 2000;
}
.photo-viewer.is-open{ display:block; }

.photo-toolbar{
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 2;
}

.photo-stage{
  position: absolute;
  inset: 0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

#photoViewerImg{
  max-width: 92vw;
  max-height: 92vh;
  transform:
    translate(var(--tx, 0px), var(--ty, 0px))
    rotate(var(--deg, 0deg))
    scale(var(--scale, 1));
  cursor: grab;
  user-select: none;
  touch-action: none;
}
#photoViewerImg:active{ cursor: grabbing; }