/* 레고 뮤직 빌더 - 커스텀 스타일 (Tailwind 유틸리티로 대부분 처리, 여긴 보조 스타일만) */

#timeline-track {
  min-height: 140px;
}

.lego-block {
  cursor: grab;
  user-select: none;
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.lego-block:active {
  cursor: grabbing;
}
.lego-block.dragging {
  opacity: 0.4;
}

.timeline-block {
  cursor: grab;
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.timeline-block.dragging {
  opacity: 0.35;
  transform: scale(0.98);
}
.timeline-block.drag-over {
  box-shadow: inset 3px 0 0 0 #22d3ee;
}

.section-intro { background: linear-gradient(135deg,#0ea5e9,#0369a1); }
.section-theme { background: linear-gradient(135deg,#22c55e,#15803d); }
.section-climax { background: linear-gradient(135deg,#ef4444,#b91c1c); }
.section-outro { background: linear-gradient(135deg,#a855f7,#7e22ce); }
.section-bridge { background: linear-gradient(135deg,#f59e0b,#b45309); }
.section-breakdown { background: linear-gradient(135deg,#64748b,#334155); }

::-webkit-scrollbar { height: 10px; width: 10px; }
::-webkit-scrollbar-thumb { background: #475569; border-radius: 6px; }
::-webkit-scrollbar-track { background: #1e293b; }

@keyframes pulse-ring {
  0% { box-shadow: 0 0 0 0 rgba(34,211,238,0.6); }
  100% { box-shadow: 0 0 0 12px rgba(34,211,238,0); }
}
.rendering-pulse { animation: pulse-ring 1.2s infinite; }
