body { 
  font-family: 'Inter', sans-serif; 
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; 
  appearance: none;
  width: 20px; 
  height: 20px;
  background: #6366f1; 
  cursor: pointer; 
  border-radius: 50%;
}

input[type="range"]::-moz-range-thumb {
  width: 20px; 
  height: 20px;
  background: #6366f1; 
  cursor: pointer; 
  border-radius: 50%;
}

.loader-spinner {
  border: 3px solid #334155; 
  border-top: 3px solid #6366f1;
  border-radius: 50%; 
  width: 36px; 
  height: 36px;
  animation: spin 0.8s linear infinite;
}

@keyframes spin { 
  0% { transform: rotate(0deg); } 
  100% { transform: rotate(360deg); } 
}

.selection-box {
  position: absolute; 
  background-color: rgba(99, 102, 241, 0.15);
  border: 2px dashed #6366f1; 
  pointer-events: none; 
  display: none; 
  z-index: 10;
}

.rtl-text { 
  direction: rtl; 
  text-align: right; 
}