/* Requested Motion Design collection only: the established Fashion session selector. */
#filmDialog[data-motion-collection] #fullFilm{padding:0;border:0;aspect-ratio:16/9;object-fit:contain;object-position:50% 50%;vertical-align:top}
#filmDialog[data-motion-collection]>#filmVersions{display:flex;position:absolute;left:24px;top:76px;bottom:auto;right:auto;width:180px;max-height:calc(100% - 280px);flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px;margin:0;padding:0;overflow:auto;scrollbar-width:thin;direction:ltr}
#filmDialog[data-motion-collection]>#filmVersions button{position:relative;appearance:none;border:0;border-radius:0;background:none;box-shadow:none;color:#999;font-family:inherit;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.06em;text-align:left;justify-content:flex-start;gap:0;padding:10px 0 10px 10px;min-height:44px;white-space:normal;cursor:pointer;transition:color .2s ease}
#filmDialog[data-motion-collection]>#filmVersions button::before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:2px;background:var(--red);opacity:0;transition:opacity .2s ease}
#filmDialog[data-motion-collection]>#filmVersions button[aria-pressed=true],#filmDialog[data-motion-collection]>#filmVersions button:hover{color:#fff}
#filmDialog[data-motion-collection]>#filmVersions button[aria-pressed=true]::before{opacity:1}
#filmDialog[data-motion-collection]>#filmVersions button:focus-visible{outline:1px solid var(--red);outline-offset:3px}
#filmDialog[data-motion-collection].expanded-player>#filmVersions{display:none}
.motion-choices{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 16px}
.motion-choices button{font:inherit;color:inherit;background:transparent;border:1px solid #444;border-radius:10px;padding:10px 14px;cursor:pointer}
.motion-choices button[aria-pressed=true]{border-color:#f33449;color:#f33449}
.motion-choices button:focus-visible{outline:2px solid #f33449;outline-offset:3px}
.motion-choices~.video-wrap{aspect-ratio:16/9}
@media(max-width:999px){
 #filmDialog[data-motion-collection]:not(.expanded-player)[open]{grid-template-rows:44px minmax(0,1fr) auto 44px 44px}
 #filmDialog[data-motion-collection]>#filmVersions{position:static;grid-row:3;grid-column:1;flex-direction:row;flex-wrap:wrap;width:100%;max-height:110px;gap:4px 16px;overflow:auto}
 #filmDialog[data-motion-collection]>#filmVersions button{font-size:12px;letter-spacing:.025em;flex:1 1 150px}
 #filmDialog[data-motion-collection]:not(.expanded-player) .film-bottom{grid-row:4;min-height:44px}
 #filmDialog[data-motion-collection]:not(.expanded-player)>#projectMenuToggle{grid-row:5}
}
@media(prefers-reduced-motion:reduce){#filmDialog[data-motion-collection]>#filmVersions button,#filmDialog[data-motion-collection]>#filmVersions button::before{transition:none}}

/* The transparent stage must never intercept collection chooser clicks. */
#filmDialog[data-motion-collection]>#filmVersions{z-index:4}

/* Collection labels share the actions rail's text inset. Old format tabs
   centered short labels and supplied an unwanted active underline. */
#filmDialog[data-motion-collection]>#filmVersions button::after{content:none}
@media(min-width:1000px){
 #filmDialog:not(.photo-gallery):not(.expanded-player) #filmMeta{box-sizing:border-box;padding-left:10px}
}