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