.monitor-container{font-family:Arial,sans-serif;text-align:center}#video-wrapper{position:relative!important;width:100%!important;max-width:800px!important;margin:10px auto!important;border:2px solid black!important;padding:0!important;box-sizing:border-box!important}#video-wrapper::before{content:""!important;display:block!important;padding-top:56.25%!important}#main-video{display:none}#drawing-canvas{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;border:none!important;cursor:crosshair;background:#000}#controls{margin:20px 0}#controls button{font-size:16px;padding:10px 15px;margin:5px;cursor:pointer;border:none;border-radius:5px;color:#fff}#controls button:disabled{background-color:#ccc;cursor:not-allowed}#instruction-text{color:#d32f2f;font-size:1.2em;min-height:1.5em}.btn-primary{background-color:#1976D2}.btn-success{background-color:#4CAF50}.btn-danger{background-color:#F44336}#student-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;max-width:1200px;margin:20px auto}.student-box{border:3px solid #ccc;border-radius:8px;background-color:#f0f0f0;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all 0.3s ease}.student-box.current-setup{border-color:#1976D2;background-color:#bbdefb}.student-box.defined{border-color:#4CAF50;background-color:#c8e6c9}.student-box.inattentive{border-color:#F44336;background-color:#ffcdd2;animation:pulse-red 1s infinite}@keyframes pulse-red{0%{box-shadow:0 0 0 0 rgb(244 67 54 / .7)}70%{box-shadow:0 0 0 10px #fff0}100%{box-shadow:0 0 0 0 #fff0}}