/* 语言与时长选择 */
.mini-select { height: 38px; padding: 0 11px; font-size: 12.5px; gap: 5px; background: #F4F5F7; border-radius: 8px; }
.mini-select .ms-label { font-size: 12.5px; color: #3F4550; }
.mini-select .icon { width: 13px; height: 13px; }
.lang-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.lang-opt {
  height: 50px; border: 0; border-radius: 9px; background: #F4F5F7;
  font-size: 13.5px; font-weight: 600; color: #555C67; transition: background .15s, color .15s;
}
.lang-opt:hover { background: #ECEEF2; }
.lang-opt.is-active { background: #E4E7EC; color: #15171B; }
.menu-divider { height: 1px; background: #F1F3F6; margin: 16px 2px; }
.dur-wrap { position: relative; padding-top: 26px; }
.dur-bubble {
  position: absolute; top: 0; transform: translateX(-50%);
  background: #F1F3F5; color: #3F4550; border-radius: 5px;
  padding: 2px 8px; font-size: 10.5px; font-weight: 600; white-space: nowrap;
  pointer-events: none;
}
.dur-bubble::after {
  content: ""; position: absolute; left: 50%; bottom: -3px; width: 6px; height: 6px;
  background: #F1F3F5; transform: translateX(-50%) rotate(45deg);
}
.dur-range {
  -webkit-appearance: none; appearance: none;
  width: 100%; height: 4px; border-radius: 4px; outline: none; cursor: pointer;
}
.dur-range::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none;
  width: 14px; height: 14px; border-radius: 50%; background: #15171B;
  border: 2px solid #fff; box-shadow: 0 1px 3px rgba(16, 24, 40, .3); cursor: pointer;
}
.dur-range::-moz-range-thumb {
  width: 12px; height: 12px; border-radius: 50%; background: #15171B; border: 2px solid #fff;
}