body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  min-height: 100vh;
}

.extra-small {
  font-size: 0.75rem;
}

/* サムネイル・分割ピースカード */
.split-piece-card {
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.split-piece-card:hover {
  transform: translateY(-3px);
  border-color: rgba(13, 202, 240, 0.7) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5) !important;
}

/* プレビューエリア */
#splitPreviewCanvas {
  background-color: #000;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
  transition: transform 0.2s ease;
}

/* ドラッグ＆ドロップゾーン */
#splitDropZone {
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

#splitDropZone.border-info {
  background-color: rgba(13, 202, 240, 0.1) !important;
}

/* アニメーション */
.transition-transform {
  transition: transform 0.2s ease;
}