.overlay-canvas {
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.overlay-canvas img {
  width: 100%;
  height: auto;
  display: block;
}
.box {
  position: absolute;
  border: 2px dashed #0d6efd;
  background: rgba(13,110,253,0.08);
  cursor: move;
  overflow: hidden;
}
.box .label {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 10px;
  background: rgba(13,110,253,0.85);
  color: #fff;
  padding: 2px 4px;
}
.preview-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.preview-text {
  position: absolute;
  white-space: pre-wrap;
  word-break: break-word;
  overflow: hidden;
  box-sizing: border-box;
  padding: 2px;
}

.navbar-brand small { font-size: .7rem; color: #9aa0a6 }
.template-thumb { max-height: 120px; object-fit: contain; }
@media (max-width: 576px) {
  .box { border-width: 1px; }
}