.full-monitor-grid[data-v-7b90ddf2]{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-7b90ddf2]{position:relative;border-radius:4px;overflow:hidden;background:rgba(49,130,206,.2);animation:fadeIn-7b90ddf2 .5s ease-out forwards;opacity:0}.monitor-image[data-v-7b90ddf2],.monitor-video[data-v-7b90ddf2]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.nodata[data-v-7b90ddf2]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px}.monitor-info[data-v-7b90ddf2]{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-7b90ddf2]{font-size:14px;color:#e2e8f0}.status-dot[data-v-7b90ddf2]{width:10px;height:10px;border-radius:50%;background:#48bb78}.status-dot.active[data-v-7b90ddf2]{animation:pulse-7b90ddf2 2s infinite}.status-dot.offline[data-v-7b90ddf2]{background:#e94560;animation:none}@keyframes fadeIn-7b90ddf2{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-7b90ddf2{0%,to{opacity:1}50%{opacity:.5}}