/* Audio Cutter Tool - Minimal CSS (Tailwind handles most styling) */

/* Timeline specific styles */
.timeline-wrapper {
  position: relative;
}

.timeline-bar {
  position: relative;
  cursor: pointer;
}

.timeline-progress {
  transition: width 0.1s linear;
  pointer-events: none;
}

.timeline-marker {
  transition: transform 0.1s ease-out;
  user-select: none;
}

.timeline-marker:active {
  transform: scale(1.15);
}

.timeline-marker.dragging {
  box-shadow: 0 0 0 6px rgba(99, 102, 241, 0.2);
}

.cut-zone-start,
.cut-zone-end {
  transition: opacity 0.2s ease;
}

/* Preview section animation */
.preview-section {
  animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

/* Audio player styling */
#previewAudio {
  width: 100%;
  max-width: 100%;
}

#previewAudio::-webkit-media-controls-panel {
  background-color: #f3f4f6;
}

/* Remove old custom styles */
.audio-cutter-container {
  /* Tailwind handles this */
}

.audio-cutter-header {
  /* Tailwind handles this */
}

.audio-cutter-info {
  /* Tailwind handles this */
}

.time-inputs {
  /* Tailwind handles this */
}

.action-buttons {
  /* Tailwind handles this */
}