.full-monitor-grid[data-v-21f7fdb8]{width:100%;height:90%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:4px;padding:4px}.monitor-item[data-v-21f7fdb8]{position:relative;border-radius:4px;overflow:hidden;background:rgba(49,130,206,.2);animation:fadeIn-21f7fdb8 .5s ease-out forwards;opacity:0}.monitor-image[data-v-21f7fdb8],.monitor-video[data-v-21f7fdb8]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.monitor-info[data-v-21f7fdb8]{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-21f7fdb8]{font-size:14px;color:#e2e8f0}.status-dot[data-v-21f7fdb8]{width:10px;height:10px;border-radius:50%;background:#48bb78}.status-dot.active[data-v-21f7fdb8]{animation:pulse-21f7fdb8 2s infinite}@keyframes fadeIn-21f7fdb8{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-21f7fdb8{0%,to{opacity:1}50%{opacity:.5}}.video-page[data-v-3f2cbfba]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0a1628}.loading-spinner[data-v-3f2cbfba]{width:50px;height:50px;border:3px solid rgba(99,179,237,.3);border-top-color:#63b3ed;border-radius:50%;animation:spin-3f2cbfba 1s linear infinite}@keyframes spin-3f2cbfba{to{transform:rotate(1turn)}}