/* ブロックエディター用のスタイル */

/* デスクトップ用（従来通り） */
@media (min-width: 640px) {
  .add-block-btn {
    left: -3.5rem !important; /* -left-14 */
  }
  
  .delete-block-btn {
    right: -3.5rem !important; /* -right-14 */
  }
}

/* スマホ用（エディタ内に配置） */
@media (max-width: 639px) {
  .add-block-btn {
    left: -2.5rem !important; /* さらに左側に */
    top: 0.5rem !important; /* top-2 */
    width: 2rem !important; /* w-8 */
    height: 2rem !important; /* h-8 */
  }
  
  .delete-block-btn {
    right: -2.5rem !important; /* さらに右側に */
    top: 0.5rem !important; /* top-2 */
    width: 2rem !important; /* w-8 */
    height: 2rem !important; /* h-8 */
  }
  
  .add-block-btn svg,
  .delete-block-btn svg {
    width: 1rem !important; /* w-4 */
    height: 1rem !important; /* h-4 */
  }
}

/* video-block用のスタイル */
.video-block {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
  max-width: 100%;
}