/* 按钮行来自 assets/common.css，这里只补本页特有的东西 */
.option-container {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 24px;
  margin: 12px 0;
}

.option-item {
  display: flex;
  align-items: center;
}

.option-item select {
  margin-left: 6px;
}

.option-block {
  margin: 12px 0;
}

.option-block > label {
  display: block;
  margin-bottom: 6px;
}

/* 目标语言多选：勾选框太多时自动换行 */
.checkbox-group {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
}

.checkbox-group label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
  color: #4f586b;
  cursor: pointer;
}

.input-line {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 12px 0;
}

.input-line label {
  flex: 0 0 auto;
  white-space: nowrap;
}

.short-input {
  width: 12rem;
  font-size: 0.8rem;
  color: #4f586b;
  border-radius: 8px;
  border: 1px solid #ced4da;
  padding: 6px;
}

.status-line {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0 0;
  font-size: 0.85rem;
  color: #4f586b;
}

.status-dot {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #b6bbc6;
}

.status-line.running .status-dot {
  background-color: #52c41a;
}

.status-line.running #transcriber-status-text {
  color: #237804;
}

/* 转录结果：固定高度内部滚动，页面本身不长高 */
.transcript-panel {
  max-height: 320px;
  overflow-y: auto;
  padding: 4px 0;
}

.transcript-empty {
  padding: 12px 0;
  color: #8a93a5;
  font-size: 0.85rem;
}

.transcript-item {
  padding: 8px 10px;
  border-left: 3px solid #d7dce6;
  margin-bottom: 8px;
  background-color: #f7f9fc;
  border-radius: 0 8px 8px 0;
}

/* 中间结果底色更浅，一眼能看出还在变 */
.transcript-item.completed {
  background-color: #ffffff;
  border-left-color: #1c66e5;
}

.transcript-speaker {
  font-size: 0.78rem;
  color: #5d6b82;
  margin-bottom: 4px;
}

.transcript-source {
  font-size: 0.9rem;
  color: #243043;
  line-height: 1.5;
  word-break: break-word;
}

.transcript-translations {
  margin-top: 4px;
}

.translation-row {
  font-size: 0.82rem;
  color: #5d6b82;
  line-height: 1.6;
  word-break: break-word;
}