.video-page[data-v-ec5d2f5c]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0a1628}.loading-spinner[data-v-ec5d2f5c]{width:50px;height:50px;border:3px solid rgba(99,179,237,.3);border-top-color:#63b3ed;border-radius:50%;animation:spin-ec5d2f5c 1s linear infinite}.full-monitor-grid[data-v-ec5d2f5c]{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:4px;padding:4px}.full-monitor-grid .monitor-item[data-v-ec5d2f5c]:first-child{grid-area:1/1/2/2}.full-monitor-grid .monitor-item[data-v-ec5d2f5c]:nth-child(2){grid-area:1/2/2/3}.full-monitor-grid .monitor-item[data-v-ec5d2f5c]:nth-child(3){grid-area:2/1/3/2}.full-monitor-grid .monitor-item[data-v-ec5d2f5c]:nth-child(4){grid-area:2/2/3/3}.monitor-item[data-v-ec5d2f5c]{position:relative;border-radius:4px;overflow:hidden;background:rgba(49,130,206,.2)}.monitor-image[data-v-ec5d2f5c],.monitor-video[data-v-ec5d2f5c]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.monitor-info[data-v-ec5d2f5c]{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:linear-gradient(transparent,rgba(0,0,0,.7))}.monitor-name[data-v-ec5d2f5c]{font-size:14px;color:#e2e8f0}.status-dot[data-v-ec5d2f5c]{width:10px;height:10px;border-radius:50%;background:#48bb78;animation:pulse-ec5d2f5c 2s infinite}@keyframes spin-ec5d2f5c{to{transform:rotate(1turn)}}@keyframes pulse-ec5d2f5c{0%,to{opacity:1}50%{opacity:.5}}