/* Lumetra V14 Core Recovery
   Stability overrides on top of the verified V12 editor core. */

/* Media panel order is fixed: Media/Projects/+New -> Search -> open sessions -> imported media. */
#proEditor .proMediaPanel{
  display:grid!important;
  grid-template-rows:30px 34px 24px minmax(0,1fr) auto auto!important;
  min-height:0!important;
  overflow:hidden!important;
  align-content:stretch!important;
}
#proEditor .proMediaPanel>.proPanelTabs{grid-row:1!important;min-height:30px!important}
#proEditor .proMediaPanel>.proOpenProjectStrip{grid-row:3!important;min-height:24px!important;max-height:24px!important;margin:0!important}
#proEditor .proMediaPanel>.proMediaSearch{
  grid-row:2!important;position:relative!important;inset:auto!important;z-index:5!important;
  min-height:34px!important;height:34px!important;margin:0!important;padding:4px 5px!important;
  background:#080d14!important;border-bottom:1px solid #182231!important;
}
#proEditor .proMediaPanel>.proMediaSearch input{height:26px!important;min-height:26px!important;margin:0!important;padding:4px 7px!important}
#proEditor .proMediaPanel>#proMediaBin{grid-row:4!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;margin:0!important;padding:4px 5px 8px!important}
#proEditor .proMediaPanel>.proMediaActions{grid-row:5!important}
#proEditor .proMediaPanel>.proProxyControls{grid-row:6!important}

/* Real human reference in Effects and Looks cards using the existing local Lumetra hero asset. */
#proEditor .proGalleryThumb .proFxDemoPerson{
  left:0!important;top:0!important;width:100%!important;height:100%!important;border-radius:0!important;
  background:url('/media/lumetra-hero-clean-484.jpg') center 28%/cover no-repeat!important;
  opacity:.96!important;box-shadow:none!important;transform:scale(1.02);transform-origin:center!important;
  transition:transform .25s ease,filter .25s ease,opacity .25s ease!important;
}
#proEditor .proGalleryThumb .proFxDemoPerson:before{display:none!important}
#proEditor .proGalleryThumb .proFxDemoLayer{z-index:3!important}
#proEditor .proGalleryThumb:after{z-index:4!important;pointer-events:none!important}
#proEditor .proGalleryTier,#proEditor .proGalleryStar,#proEditor .proGalleryLabel,#proEditor .proGalleryLive{z-index:7!important}
#proEditor .proGalleryCard:hover .proFxDemoPerson,#proEditor .proGalleryCard.previewing .proFxDemoPerson{transform:scale(1.08)}
#proEditor .proGalleryCard[data-lib-kind="looks"] .proFxDemoPerson{filter:saturate(.92) contrast(1.04)}

/* Transition cards use two human frames; existing transition hover transforms still animate them. */
#proEditor .proGalleryCard[data-lib-kind="transitions"] .proGalleryThumb{display:flex!important;background:#080c12!important}
#proEditor .proGalleryCard[data-lib-kind="transitions"] .proGalleryThumb u:first-child{
  background:url('/media/lumetra-hero-clean-484.jpg') 58% 26%/cover no-repeat!important;
}
#proEditor .proGalleryCard[data-lib-kind="transitions"] .proGalleryThumb u:last-child{
  background:url('/media/lumetra-hero-clean-484.jpg') 70% 34%/cover no-repeat!important;
  filter:hue-rotate(18deg) saturate(1.12) brightness(1.08);
}

/* Lightweight visual demonstrations while hovering; no extra video decoders. */
@keyframes v139PreviewShake{0%,100%{transform:scale(1.08) translate(0)}25%{transform:scale(1.1) translate(-2px,1px)}50%{transform:scale(1.1) translate(2px,-1px)}75%{transform:scale(1.1) translate(-1px,-1px)}}
@keyframes v139PreviewPulse{from{transform:scale(1.02)}to{transform:scale(1.14)}}
@keyframes v139PreviewGlitch{0%,100%{clip-path:inset(0);transform:scale(1.08)}25%{clip-path:inset(8% 0 61% 0);transform:scale(1.1) translateX(-3px)}50%{clip-path:inset(43% 0 20% 0);transform:scale(1.1) translateX(3px)}75%{clip-path:inset(70% 0 5% 0);transform:scale(1.1) translateX(-2px)}}
@keyframes v139PreviewWarp{from{transform:scale(1.06) skewX(-1deg)}to{transform:scale(1.13) skewX(4deg)}}
#proEditor .proGalleryCard[data-preview-family="shake"]:hover .proFxDemoPerson{animation:v139PreviewShake .42s linear infinite}
#proEditor .proGalleryCard[data-preview-family="pulse"]:hover .proFxDemoPerson{animation:v139PreviewPulse .7s ease-in-out infinite alternate}
#proEditor .proGalleryCard[data-preview-family="glitch"]:hover .proFxDemoPerson,
#proEditor .proGalleryCard[data-preview-family="scan"]:hover .proFxDemoPerson,
#proEditor .proGalleryCard[data-preview-family="pixel"]:hover .proFxDemoPerson{animation:v139PreviewGlitch .65s steps(1,end) infinite}
#proEditor .proGalleryCard[data-preview-family="warp"]:hover .proFxDemoPerson{animation:v139PreviewWarp .8s ease-in-out infinite alternate}

/* Landing rails remain swipe/trackpad-scrollable without visible horizontal scrollbar chrome. */
.l526PricingSlider [data-credit-track],.l526PricingSlider .l47CreditGrid.l511CreditPacks,
.landing47 .landingCommunityCarousel,.landing47 .l46CommunityRail,
.l484HeroSlider,.l47Slider,.landingSlider{
  scrollbar-width:none!important;-ms-overflow-style:none!important;
}
.l526PricingSlider [data-credit-track]::-webkit-scrollbar,.l526PricingSlider .l47CreditGrid.l511CreditPacks::-webkit-scrollbar,
.landing47 .landingCommunityCarousel::-webkit-scrollbar,.landing47 .l46CommunityRail::-webkit-scrollbar,
.l484HeroSlider::-webkit-scrollbar,.l47Slider::-webkit-scrollbar,.landingSlider::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

@media(max-width:620px){
  #proEditor .proMediaPanel{grid-template-rows:30px 32px 22px minmax(0,1fr) auto auto!important}
  #proEditor .proMediaPanel>.proOpenProjectStrip{min-height:22px!important;max-height:22px!important}
  #proEditor .proMediaPanel>.proMediaSearch{height:32px!important;min-height:32px!important;padding:3px 5px!important}
}
@media(prefers-reduced-motion:reduce){#proEditor .proGalleryCard .proFxDemoPerson{animation:none!important;transition:none!important}}

/* V14.1 media stack authority.
   Higher specificity intentionally beats the lazy-loaded legacy desktop/mobile grid rules.
   Exact order: tabs -> sessions -> search -> uploaded media, with no spacer row. */
html body #proEditor.proEditor.proEditor .proMediaPanel{
  display:flex!important;flex-direction:column!important;gap:0!important;min-height:0!important;overflow:hidden!important
}
html body #proEditor.proEditor.proEditor .proMediaPanel>.proPanelTabs{
  order:1!important;flex:0 0 30px!important;min-height:30px!important;height:30px!important;margin:0!important
}
html body #proEditor.proEditor.proEditor .proMediaPanel>.proOpenProjectStrip{
  order:2!important;flex:0 0 25px!important;min-height:25px!important;max-height:25px!important;height:25px!important;margin:0!important;padding:0!important
}
html body #proEditor.proEditor.proEditor .proMediaPanel>.proOpenProjectStrip .proOpenProjectTabs{
  min-height:25px!important;height:25px!important;margin:0!important;padding:2px 5px!important;align-items:center!important
}
html body #proEditor.proEditor.proEditor .proMediaPanel>.proMediaSearch,
html body #proEditor.proEditor.proEditor .proMediaPanel.mobileOpen>.proMediaSearch{
  order:3!important;position:relative!important;inset:auto!important;top:auto!important;flex:0 0 34px!important;min-height:34px!important;height:34px!important;margin:0!important;padding:4px 5px!important;z-index:6!important;box-shadow:none!important
}
html body #proEditor.proEditor.proEditor .proMediaPanel>.proMediaSearch input{
  display:block!important;width:100%!important;height:26px!important;min-height:26px!important;margin:0!important;padding:4px 7px!important
}
html body #proEditor.proEditor.proEditor .proMediaPanel>#proMediaBin,
html body #proEditor.proEditor.proEditor .proMediaPanel.mobileOpen>#proMediaBin{
  order:4!important;flex:1 1 0!important;min-height:0!important;margin:0!important;padding:0 5px 8px!important;overflow-y:auto!important;overflow-x:hidden!important;align-content:start!important
}
html body #proEditor.proEditor.proEditor .proMediaPanel>#proMediaBin>.proMediaItem:first-child,
html body #proEditor.proEditor.proEditor .proMediaPanel>#proMediaBin>.proEmpty:first-child{margin-top:0!important}
html body #proEditor.proEditor.proEditor .proMediaPanel>.proMediaActions{order:5!important;flex:0 0 auto!important;margin:0!important}
html body #proEditor.proEditor.proEditor .proMediaPanel>.proProxyControls{order:6!important;flex:0 0 auto!important;margin:0!important}
@media(max-width:620px){
  html body #proEditor.proEditor.proEditor .proMediaPanel>.proOpenProjectStrip{flex-basis:23px!important;min-height:23px!important;max-height:23px!important;height:23px!important}
  html body #proEditor.proEditor.proEditor .proMediaPanel>.proOpenProjectStrip .proOpenProjectTabs{min-height:23px!important;height:23px!important;padding:1px 5px!important}
  html body #proEditor.proEditor.proEditor .proMediaPanel>.proMediaSearch,
  html body #proEditor.proEditor.proEditor .proMediaPanel.mobileOpen>.proMediaSearch{flex-basis:32px!important;min-height:32px!important;height:32px!important;padding:3px 5px!important}
}