.timeline-head {
  position: relative;
  min-height: 52px;
  height: auto;
  gap: 12px;
  padding: 7px 14px;
  justify-content: center;
}

.timeline-head .clip-actions {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex-wrap: wrap;
}

.timeline-head .clip-actions button {
  min-width: 82px;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.timeline-head .clip-actions button:disabled { cursor: wait; opacity: .48; }
.timeline-head .timeline-zoom { position: absolute; right: 14px; top: 9px; }
.timeline { height: calc(100% - 52px); }
.tracks { cursor: crosshair; }
.ruler { cursor: ew-resize; }
.clip { cursor: grab; }
.clip:active, .clip.dragging { cursor: grabbing; opacity: .72; }
.clip.drop-target { border-color: var(--lime); box-shadow: 0 0 0 2px rgba(184,255,69,.22); }
.playhead { width: 2px; box-shadow: 0 0 10px rgba(184,255,69,.7); }
.play-progress { width: min(35%, 320px); height: 16px; cursor: pointer; accent-color: var(--lime); }

@media (max-width: 1050px) {
  .timeline-head { align-items: center; }
  .timeline-head .clip-actions { justify-content: center; }
  .timeline-head .clip-actions button { min-width: 72px; padding-inline: 7px; }
  .timeline-head .timeline-zoom { display: none; }
}