/* 复刻视频 V2 专属样式（rv- 命名空间；布局复用 video-creator.css 的 vc-*） */

/* 三步向导步骤条（1.23.0） */
.rv-steps { display: flex; gap: 8px; margin: 4px 0 14px; }
.rv-step {
  flex: 1; text-align: center; padding: 8px 10px; border-radius: 10px;
  border: 1px solid var(--line); background: #fff; font-size: 13px;
  color: var(--muted); cursor: default;
}
.rv-step.on { background: var(--brand-grad, var(--brand)); color: #fff; font-weight: 700; border-color: transparent; }
.rv-step.done { color: var(--brand); border-color: var(--brand); cursor: pointer; }
.rv-step.locked { opacity: 0.55; }

.rv-grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: start; }
@container (max-width: 1180px) { .rv-grid3 { grid-template-columns: 1fr; } }

.rv-drop {
  border: 1.5px dashed var(--line); border-radius: 10px; padding: 18px;
  text-align: center; cursor: pointer; color: var(--muted); font-size: 13px;
}
.rv-drop:hover { border-color: var(--brand); color: var(--ink-2); }

.rv-segs { display: flex; flex-direction: column; gap: 8px; margin: 10px 0; }
.rv-seg {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; background: #fff;
}
.rv-seg input {
  flex: 1; min-width: 180px; border: 1px solid var(--line); border-radius: 6px;
  padding: 6px 8px; font-size: 12.5px;
}
.rv-seg input:focus { outline: none; border-color: var(--brand); }