*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;background-color:#000;overflow:hidden}.recording-container{display:flex;width:100vw;height:100vh;background-color:#000;justify-content:center;align-items:center;position:relative}.video-element{width:100%;height:100%;object-fit:contain}.teacher-screen{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.teacher-screen video{width:100%;height:100%;object-fit:contain}.multi-camera-grid{display:grid;width:100vw;height:100vh;gap:4px;padding:4px;grid-auto-rows:1fr}.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{width:100%;height:100%;object-fit:cover}