.mediaTabs { display:flex; justify-content:center; gap:var(--size4); padding-bottom:var(--size8); flex:none; }
.mediaTabs button { display:inline-flex; align-items:center; justify-content:center; gap:var(--size4); padding:var(--size6) var(--size12); border:var(--stroke) solid transparent; border-radius:var(--size8); background:transparent; color:var(--muted); font:inherit; font-size:var(--size13); cursor:pointer; }
.mediaTabs button[aria-pressed=true] { background:var(--soft); color:var(--ink); border-color:var(--line); }
.mediaTabs svg { width:var(--size16); height:var(--size16); fill:currentColor; }
[data-media-panel][hidden] { display:none !important; }
.motionPlayer { display:flex; flex-direction:column; align-items:center; gap:var(--size8); min-height:0; min-width:0; }
.motionPlayer video { display:block; width:100%; height:auto; min-height:0; object-fit:contain; border-radius:var(--size12); background:var(--soft); }
.motionTools { display:flex; align-items:center; justify-content:center; gap:var(--size8); flex-wrap:wrap; flex:none; }
.motionTools button, .motionTools select, .motionTools a { width:auto; margin:0; padding:var(--size6) var(--size8); background:var(--card); color:var(--ink); border:var(--stroke) solid var(--line); border-radius:var(--size8); font:inherit; font-size:var(--size12); line-height:1.4; text-decoration:none; cursor:pointer; }
.motionTools button[aria-pressed=true] { color:var(--actionInk); background:var(--action); border-color:var(--action); }
.motionError { color:var(--stop); font-size:var(--size12); }
.videoSlide .motionPlayer { height:100%; }
.videoSlide .motionPlayer video { flex:1; min-height:0; }
.studioStage:has(.motionPlayer) { flex-direction:column; }
.studioStage .motionPlayer { height:100%; width:100%; }
.studioStage .motionPlayer video { flex:1; }
.studioStage:has(.motionPlayer) .imageArrow { top:40%; }