.Basic-video-container .room{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.Basic-video-container .call-layout{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.Basic-video-container .local-video{position:relative;width:100%;height:100%;background-color:#000}.Basic-video-container .remote-video{position:absolute;bottom:20px;right:20px;width:200px;height:120px;background-color:#000;border:2px solid #fff;border-radius:8px;overflow:hidden}.Basic-video-container .join-room input{margin:10px 0;padding:8px;width:100%}.Basic-video-container .join-btn{padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:5px}.Basic-video-container .controls{position:absolute;bottom:20px;display:flex;justify-content:center;gap:10px}.Basic-video-container .control-btn{padding:10px;background-color:#2196f3;color:#fff;border:none;border-radius:5px}.Basic-video-container .control-btn:hover{background-color:#0b7dda}.room-wrapper .users-list h4{margin:0;padding-bottom:5px}.room-wrapper .user{display:flex;justify-content:space-between;align-items:center;padding:5px 0}.room-wrapper .user-name{font-weight:700}.room-wrapper .status{color:#888}.room-wrapper .status.muted{color:red}.room-wrapper .controls{display:flex;justify-content:center;align-items:center;padding:2px}.room-wrapper .controls .btn{background:#fff;border:none;color:#007bff;cursor:pointer;font-size:16px;display:flex;align-items:center;padding:8px 16px;border-radius:4px;transition:background-color .3s}.room-wrapper .controls .btn:hover{background-color:#007bff1a}.room-wrapper .controls .btn.active{font-weight:700;color:#28a745}.ant-drawer-body{padding:0}.ant-drawer-header{background-color:#f0f0f0}.ant-drawer-title{font-size:16px;font-weight:700}.golive .local-user video{height:90vh!important}.golive .remote-user video{height:90vh!important}.main-screen{height:84vh!important;text-align:center!important;background-color:#505050!important}.main-screen>div:nth-child(1){background-color:#505050!important}.main-screen video{height:84vh!important;width:100%!important;object-fit:contain!important;background-color:#505050!important;position:unset;transform:rotateY(360deg)!important}.full-screen video{height:89vh!important}.main-screen .agora_video_player{position:unset!important;background-color:#505050!important}.audience-screen{width:250px;height:150px;position:relative}@media only screen and (max-width: 750px){.main-screen video{width:97vw!important}}.main-screen .user-name{z-index:2;position:absolute}.audience-container{position:absolute;right:0;bottom:0;max-height:80vh;width:250px;z-index:44!important}.pin-button{position:absolute;left:0;top:20px;margin:0;padding:0}.audience-local-user{position:absolute;right:0;bottom:0;width:250px;z-index:3}.audience-remote-container{position:absolute;right:0;bottom:155px;max-height:80vh;width:250px;overflow-y:auto}.agora-share-screen video{object-fit:contain!important}.background-controls{display:flex;gap:8px;z-index:10}.background-btn{padding:8px 16px;border-radius:4px;background:#0009;color:#fff;border:none;cursor:pointer;transition:background-color .2s}.background-btn:hover{background:#000c}.background-btn.active{background:#007bff}.ant-modal .ant-modal-close{top:2px!important;right:2px!important}