/* Main styling */
body {
  background-color: #f8f9fa;
}

/* Waveform container styling */
#waveformContainer {
  position: relative;
  background: #f1f3f4;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 10px;
}

#waveform {
  background: #f1f3f4;
  border-radius: 4px;
  overflow: hidden;
  min-height: 100px;
  width: 100%;
}

#waveformTimeline {
  margin-top: 5px;
  border-top: 1px solid #ddd;
  padding-top: 5px;
}

/* Region styling for cut areas */
.wavesurfer-region {
  background-color: rgba(0, 123, 255, 0.2) !important;
  border-left: 1px solid rgba(0, 123, 255, 0.8);
  border-right: 1px solid rgba(0, 123, 255, 0.8);
}

/* Time display */
#currentTime, #totalDuration {
  font-family: monospace;
  font-size: 0.9rem;
}

/* Status messages */
#uploadStatus, #exportStatus {
  font-weight: 500;
  font-size: 0.8rem;
}

.success-message {
  color: #28a745;
}

.error-message {
  color: #dc3545;
}

/* Card styling */
.card {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
}

.card-header {
  padding: 0.5rem 1rem;
}

.card-body {
  padding: 0.75rem;
}

/* Button hover effects */
.btn {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.btn:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Compact form controls */
.form-control-sm, .btn-sm, .input-group-sm {
  font-size: 0.85rem;
}

/* Make sure the waveform is visible */
wave {
  overflow: hidden;
  display: block !important;
}
/*# sourceMappingURL=audio_tool.css.map */