:root {
  --field: var(--panel);
  --mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --rule-strong: var(--ink);
  --video-accent: var(--ink);
}
.new-draft { padding: 28px 0; margin: 36px 0; border-top: 1px solid var(--rule); }
.new-draft h3 { font-size: 25px; font-weight: 500; letter-spacing: -.025em; line-height: 1.25; }
.new-draft .kicker { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
.new-draft .timecode, .new-draft .review-note { font-size: 13px; color: var(--muted); }
.comparison-controls label { display: flex; gap: 6px; align-items: center; margin: 0; }
.comparison-controls input[type=checkbox] { display: inline-block; width: auto; margin: 0; padding: 0; appearance: auto; }
.comparison .frame-slider { margin-top: 16px; }
.comparison .frame-slider input { width: 100%; padding: 0; border: 0; margin: 8px 0; }
.new-draft .artifact-links { display: flex; gap: 12px 20px; flex-wrap: wrap; font-size: 13px; }
.new-draft .artifact-links span { color: var(--muted); }
.native-player[data-enhanced=true] .comparison-controls,
.native-player[data-enhanced=true] .frame-slider { display: flex; }
.native-player[data-enhanced=true] .frame-readout { display: block; }
.native-player .frame-slider { flex-direction: column; }
.native-player.native-scale video { width: var(--native-width); max-width: none; }
.native-player .comparison-controls { margin-top: 10px; }
.native-duration { display: block; margin-top: 4px; font-family: var(--mono); font-size: 11px; }
@media(max-width:650px) {
  .new-draft h3 { font-size: 22px; }
}