.preview-area-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.preview-canvas {
  box-sizing: border-box;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.preview-canvas * {
  box-sizing: border-box;
}

/* Ensure images and videos don't have default margins */
.preview-canvas img,
.preview-canvas video {
  margin: 0;
  padding: 0;
  display: block;
}

/* Smooth transitions for elements */
.preview-canvas > div {
  transition: opacity 0.1s ease-in-out;
}