.student-session-workspace,.student-watch-area{grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;display:grid}.student-session-workspace{flex-shrink:0}.student-session-list,.student-session-player{min-width:0;min-height:0;display:flex}.student-session-list>aside{width:100%;max-height:50dvh}.student-session-player>*{width:100%;min-width:0}.student-session-workspace .student-player-card>div>header,.student-session-workspace .student-player-context{flex-shrink:0}.student-session-context{flex-direction:column;gap:16px;min-width:0;min-height:0;display:flex}.student-session-context-rail{min-height:320px;max-height:min(80dvh,46rem)}@media (min-width:1024px){.student-watch-area{height:var(--student-watch-height,calc(100dvh - 24rem));grid-template-columns:260px minmax(0,1fr);min-height:320px}.student-session-list>aside{height:100%;min-height:0;max-height:none}.student-session-player>.student-player-card{flex-direction:column;min-height:0;padding:16px;display:flex}.student-session-player .student-player-card>div{gap:12px;height:100%;min-height:0}.student-session-player .student-player-media{flex:1;place-items:center;min-height:0;display:grid;container-type:size}.student-session-player .student-player-media>*{aspect-ratio:16/9;object-fit:contain;width:min(100cqw,177.778cqh);max-width:100%;height:min(100cqh,56.25cqw);max-height:100%}}@media (min-width:1280px){.student-watch-area{grid-template-columns:300px minmax(0,1fr)}}@media (min-width:1700px){.student-session-workspace[data-with-context=true]{grid-template-columns:minmax(0,1fr) 360px}.student-session-context{height:var(--student-watch-height,calc(100dvh - 24rem));overscroll-behavior:contain;min-height:320px;overflow-y:auto}.student-session-context-rail{flex:1 0 320px;max-height:none}.student-session-context>:not(.student-session-context-rail){flex-shrink:0}}
