body{font-family:sans-serif;line-height:1.8}#senderControls,#receiverControls,#callControls{margin-bottom:15px}video{width:100%;height:100%;object-fit:cover;background-color:#000;border:1px solid #ccc}.video-container{display:flex;gap:10px;margin-top:5px}#localVideo1,#localVideo2{display:none;width:320px;height:180px}#remoteVideoContainer1,#remoteVideoContainer2{position:relative;display:none;width:640px;height:360px;background-color:#000}#resolutionDisplay1,#resolutionDisplay2{position:absolute;top:10px;left:10px;background-color:#0009;color:#fff;padding:4px 8px;border-radius:4px;font-size:14px;font-family:monospace;pointer-events:none;display:none;z-index:2}#fullscreenBtn1,#fullscreenBtn2{position:absolute;bottom:10px;right:10px;z-index:2;padding:6px 10px;background-color:#00000080;color:#fff;border:1px solid white;border-radius:4px;cursor:pointer;opacity:.7;transition:opacity .2s}#fullscreenBtn1:hover,#fullscreenBtn2:hover{opacity:1}#ptzTargetSelector{margin-bottom:10px}#statsControls{margin-top:20px;border-top:1px solid #eee;padding-top:15px}#statsDisplay{margin-top:10px;font-size:.9em;color:#555}.recording-controls{position:absolute;bottom:10px;left:10px;z-index:3;background-color:#00000080;padding:5px;border-radius:5px}.recording-controls button{font-size:12px}.recording-controls span{color:#fff;font-size:12px;margin-left:10px}.video-draggable{cursor:grab}.video-dragging{cursor:grabbing}