.tr-player{box-sizing:border-box;width:min(1200px,96vw);max-width:96vw;max-height:96dvh;overflow:auto}
.tr-player-frame{min-width:0}
.tr-slide-canvas{position:relative;width:100%;aspect-ratio:16/9;min-height:0}
.tr-slide-canvas img{display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain}
.tr-player-frame:fullscreen,.tr-player.is-expanded .tr-player-frame{box-sizing:border-box;width:100%;height:100%;padding:12px;background:#f3f7fc;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;color:#173f65}
.tr-player-frame:fullscreen .tr-slide,.tr-player.is-expanded .tr-slide{min-height:0!important;height:100%!important;width:100%;aspect-ratio:auto!important;margin:0!important;box-sizing:border-box}
.tr-player-frame:fullscreen .tr-slide-canvas,.tr-player.is-expanded .tr-slide-canvas{width:min(100%,calc((100dvh - 190px)*16/9));max-height:100%}
.tr-player.is-expanded{position:fixed;box-sizing:border-box;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;inset:0;margin:0;border-radius:0;padding:0}
.tr-player-frame header,.tr-player-frame footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.tr-player-frame:fullscreen details,.tr-player.is-expanded details{max-height:10vh;overflow:auto}