/* streamusic Studio CSS Styling */

/* Custom Clean Scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #08090d;
}

::-webkit-scrollbar-thumb {
  background: #1f2538;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #2f3750;
}

/* Glassmorphism accents */
.glass-panel {
  background: rgba(16, 19, 29, 0.75);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Active tab button */
.studio-tab-btn.active {
  border-color: #8b5cf6;
  color: #ffffff;
}

/* Pulsing Live Dots */
@keyframes livePulse {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
  70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(239, 68, 68, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}

.pulse-red {
  animation: livePulse 2s infinite;
}

/* Range input styling */
input[type="range"] {
  -webkit-appearance: none;
  background: #1a1f2e;
  border-radius: 9999px;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #8b5cf6;
  cursor: pointer;
  box-shadow: 0 0 8px rgba(139, 92, 246, 0.5);
  transition: transform 0.1s ease;
}

input[type="range"]::-webkit-slider-thumb:hover {
  transform: scale(1.2);
}