/* Speech to Text Tool Styles */

.recording-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: var(--red, #ef4444);
  border-radius: 50%;
  margin-right: 8px;
  animation: pulse-dot 1.2s infinite;
  vertical-align: middle;
}

@keyframes pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(1.2); }
}

.btn-lg {
  font-size: 1.05rem;
  padding: 14px 28px;
}

.btn-recording {
  background: var(--red, #ef4444) !important;
  border-color: var(--red, #ef4444) !important;
}

.btn-recording:hover {
  background: #dc2626 !important;
}

#stt-output {
  min-height: 200px;
  font-size: .92rem;
  line-height: 1.7;
}

#stt-interim {
  font-size: .9rem;
  line-height: 1.5;
  min-height: 40px;
  transition: border-color .2s;
}

#stt-lang {
  min-width: 180px;
  padding: 8px 12px;
  background: var(--bg-input);
  border: 1px solid var(--border);
  border-radius: 6px;
  color: var(--text);
  font-size: .88rem;
  font-family: var(--font);
}

@media (max-width: 768px) {
  #stt-lang {
    width: 100%;
  }
}