#toolbar {
  display: flex;
  background: #2c2f33;
  border: 1px solid #ccc;
  padding: 4px;
}
#toolbar button {
  background: transparent;
  border: none;
  cursor: pointer;
  margin: 0 4px;
}
#toolbar button img {
  width: 60px;
  height: 20px;
}

.video-wrapper {
  position: relative;
  display: block;
  border: 2px solid #ccc;
  margin: 8px 0;
  contain: layout;
  width: 100%;
  max-width: 640px;
}
.video-wrapper iframe {
  width: 100%;
  height: auto;
  border: 0;
  display: block;
}

.video-wrapper iframe[src*="youtube.com"]:not(.yt-shorts) {
  aspect-ratio: 16 / 9 !important;
}

.video-wrapper.yt-shorts,
.video-wrapper iframe.yt-shorts {
  aspect-ratio: 9 / 16 !important;
  max-width: 360px !important;
}

.video-wrapper iframe[src*="bitchute.com"] {
  aspect-ratio: 4 / 3 !important;
}
.video-wrapper iframe[src*="rumble.com"] {
  aspect-ratio: 16 / 9 !important;
}

.video-resize-handle, .image-resize-handle {
  position: absolute;
  bottom: -12px;
  right: -12px;
  width: 20px;
  height: 20px;
  background: #666;
  border: 2px solid #000;
  cursor: se-resize;
  z-index: 20;
}
.video-delete-handle, .image-delete-handle {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 20px;
  height: 20px;
  background: #d33;
  border: 2px solid #000;
  color: white;
  text-align: center;
  font-weight: bold;
  line-height: 16px;
  cursor: pointer;
  z-index: 20;
}

.image-wrapper {
  position: relative;
  display: block;
  border: 2px solid #ccc;
  margin: 8px 0;
  max-width: 400px;
}
.image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
}

#editor {
    background: #E8C590;  /* Warm golden parchment - matches site theme */
    color: #3C2F2F;
}