/* ───────────────  My Clips library (clip grid across all jobs)  ─────────────── */
.library-head { margin-bottom: var(--sp-6); }
.library-head__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-4); }
.library-head__title { display: flex; align-items: center; gap: var(--sp-3); }
.library-head h1 { font-family: var(--font-display); font-weight: 700; font-size: 26px; letter-spacing: -0.02em; }
.library-head p { color: var(--text-secondary); font-size: 14px; margin-top: var(--sp-2); }

.library-controls { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-3); }
.library-controls .search-field .input { width: 220px; max-width: 60vw; }

.library-sort { display: flex; align-items: center; gap: var(--sp-2); }
.library-sort label { font-size: 13px; color: var(--text-muted); }
.library-sort .select { min-height: 44px; width: auto; }

@media (min-width: 769px) {
  .library-head h1 { font-size: 28px; }
}