*{box-sizing:border-box}html,body,#root{background-color:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.recording-container{background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.video-element{object-fit:contain;width:100%;height:100%}.teacher-screen{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.teacher-screen video{object-fit:contain;width:100%;height:100%}.multi-camera-grid{grid-auto-rows:1fr;gap:4px;width:100vw;height:100vh;padding:4px;display:grid}.multi-camera-grid[data-count="1"]{grid-template-columns:1fr}.multi-camera-grid[data-count="2"],.multi-camera-grid[data-count="3"],.multi-camera-grid[data-count="4"]{grid-template-columns:1fr 1fr}.multi-camera-grid[data-count="5"],.multi-camera-grid[data-count="6"],.multi-camera-grid[data-count="7"],.multi-camera-grid[data-count="8"],.multi-camera-grid[data-count="9"]{grid-template-columns:repeat(3,1fr)}.multi-camera-grid video{object-fit:cover;width:100%;height:100%}