/* Compact library header only; shared creation/detail header stays unchanged. */
.video-library-eyebrow, .video-library-header-art { display: none; }
.video-library-page .topbar { align-items: center; gap: 24px; isolation: isolate; min-height: 156px; padding: 12px 0 24px; position: relative; }
.video-library-page .topbar .title-row { align-items: center; flex: 1 1 480px; gap: 24px; min-width: 0; position: relative; }
.video-library-page .video-library-heading { min-width: 0; }
.video-library-page .topbar .title-icon {
  background: radial-gradient(ellipse at 0 0, color-mix(in srgb, var(--sia-sidebar-accent) 24%, transparent), transparent 50%), radial-gradient(ellipse at 100% 100%, color-mix(in srgb, var(--sia-sidebar-accent) 18%, transparent), transparent 50%), var(--library-control-fill) !important;
  border: 1px solid var(--sia-sidebar-active-line);
  border-radius: 22px;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--sia-sidebar-accent) 18%, transparent), 0 0 20px color-mix(in srgb, var(--sia-teal) 10%, transparent);
  flex: 0 0 80px;
  height: 80px;
  width: 80px;
}
.video-library-page .topbar .title-icon svg { height: 38px; stroke-width: 1.7; width: 38px; }
.video-library-page .video-library-eyebrow { align-items: center; background: var(--sia-surface-soft); border: 1px solid var(--library-control-edge); border-radius: 999px; color: var(--sia-muted); display: inline-flex; font-size: 12px; font-weight: 750; gap: 8px; letter-spacing: .12em; line-height: 1.4; margin-bottom: 8px; max-width: 100%; padding: 5px 10px; text-transform: uppercase; }
.video-library-page .video-library-eyebrow::before { background: var(--sia-sidebar-accent); border-radius: 50%; box-shadow: 0 0 8px color-mix(in srgb, var(--sia-teal) 25%, transparent); content: ""; flex: 0 0 6px; height: 6px; }
.video-library-page #pageTitle { color: var(--sia-heading); font-size: clamp(36px, 3.2vw, 48px); font-weight: 800; letter-spacing: -.025em; line-height: 1.1; }
.video-library-page #pageLead { font-size: 15px; line-height: 1.55; margin-top: 8px; }
.video-library-page .video-library-header-art { background: radial-gradient(ellipse at 75% 35%, color-mix(in srgb, var(--sia-teal) 14%, transparent), transparent 65%); color: var(--sia-sidebar-accent); display: block; height: 100%; inset: 0 0 auto auto; mask-image: linear-gradient(90deg, transparent, #000 24%, #000 58%, transparent 100%), linear-gradient(0deg, transparent, #000 25%, #000 80%, transparent); mask-composite: intersect; max-width: 780px; overflow: hidden; pointer-events: none; position: absolute; width: 65%; z-index: -1; }
.video-library-header-art svg { display: block; height: 100%; width: 100%; }
.video-library-page .topbar #newProjectButton { border-color: var(--sia-sidebar-active-line); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--sia-sidebar-accent) 15%, transparent), 0 0 20px color-mix(in srgb, var(--sia-teal) 14%, transparent); position: relative; }
.video-library-page .topbar #newProjectButton:focus-visible { outline: 2px solid var(--sia-sidebar-accent); outline-offset: 3px; }
@media (max-width: 600px) {
  .video-library-page .topbar { align-items: stretch; flex-direction: column; gap: 20px; min-height: 0; padding: 12px 0 24px; }
  .video-library-page .topbar .title-row { align-items: flex-start; flex: none; gap: 16px; width: 100%; }
  .video-library-page .topbar .title-icon { border-radius: 18px; flex-basis: 64px; height: 64px; width: 64px; }
  .video-library-page .topbar .title-icon svg { height: 32px; width: 32px; }
  .video-library-page .video-library-eyebrow { letter-spacing: .06em; }
  .video-library-page .video-library-header-art { opacity: .55; width: 100%; }
}