.video-tile[data-v-3c97e84c]{position:relative;min-width:96px;min-height:72px;padding:0;overflow:hidden;border:1px solid #243244;border-radius:4px;background:#020617;color:#94a3b8;cursor:pointer}.video-tile--active[data-v-3c97e84c]{color:#fff}.playerz[data-v-3c97e84c]{width:100%;height:100%;min-height:72px;background-color:#001529;background-image:url(https://gps3.tod-gps.com/logo/TODw.png);background-repeat:no-repeat;background-position:center center;background-size:min(46%,160px) auto}@media (hover: none){.playerz[data-v-3c97e84c]{touch-action:pan-y}.playerz[data-v-3c97e84c] video,.playerz[data-v-3c97e84c] canvas{pointer-events:none}}.empty-slot[data-v-3c97e84c]{height:100%;min-height:72px}.slot-label[data-v-3c97e84c]{position:absolute;left:5px;bottom:4px;max-width:min(58%,170px);padding:1px 5px;overflow:hidden;border-radius:3px;background:#0f172a7a;color:#fff;font-size:10px;line-height:16px;text-align:left;text-overflow:ellipsis;white-space:nowrap;opacity:.58;pointer-events:none;transition:opacity .15s ease,background-color .15s ease}.video-tile:hover .slot-label[data-v-3c97e84c],.video-tile--selected .slot-label[data-v-3c97e84c]{background:#0f172ab8;opacity:.9}.realtime-controls[data-v-3c97e84c]{position:absolute;right:0;bottom:0;left:0;z-index:8;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;min-height:42px;padding:8px 10px 8px 8px;background:linear-gradient(180deg,#02061700,#020617e0);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}.video-tile:hover .realtime-controls[data-v-3c97e84c],.video-tile:focus-visible .realtime-controls[data-v-3c97e84c],.video-tile:has(:focus-visible) .realtime-controls[data-v-3c97e84c]{opacity:1;pointer-events:auto;transform:translateY(0)}@media (hover: none){.realtime-controls[data-v-3c97e84c]{opacity:1;pointer-events:auto;transform:none}}.realtime-controls__left[data-v-3c97e84c],.realtime-controls__right[data-v-3c97e84c]{display:flex;gap:7px;align-items:center}.realtime-controls__left[data-v-3c97e84c]{justify-content:flex-start}.realtime-controls__right[data-v-3c97e84c]{justify-content:flex-end;min-width:0}.realtime-control-button[data-v-3c97e84c]{width:28px;height:28px;padding:0;border-color:#94a3b847;background:#0f172ab3;color:#fff;font-size:12px}.realtime-control-button[data-v-3c97e84c]:hover,.realtime-control-button[data-v-3c97e84c]:focus{border-color:#ffffff8c;background:#1e293be0;color:#fff}.realtime-volume-button[data-v-3c97e84c]{color:#ff7043}.realtime-volume-slider[data-v-3c97e84c]{width:min(90px,18vw);margin:0 2px}.realtime-volume-slider[data-v-3c97e84c] .ant-slider-rail{background:#94a3b857}.realtime-volume-slider[data-v-3c97e84c] .ant-slider-track{background:#ff7043}.realtime-volume-slider[data-v-3c97e84c] .ant-slider-handle:after{box-shadow:0 0 0 2px #ff7043}.realtime-volume-slider[data-v-3c97e84c]:hover .ant-slider-track{background:#ff8a5f}[data-v-3c97e84c] .monitor-player,[data-v-3c97e84c] .monitor-player video,[data-v-3c97e84c] .xgplayer{width:100%!important;height:100%!important}[data-v-3c97e84c] .xgplayer-controls,[data-v-3c97e84c] .xgplayer-error,[data-v-3c97e84c] .xgplayer-drag,[data-v-3c97e84c] .xgplayer-tip,[data-v-3c97e84c] .xgplayer-loading,[data-v-3c97e84c] .xgplayer-play,[data-v-3c97e84c] .xgplayer-progress,[data-v-3c97e84c] .xgplayer-time,[data-v-3c97e84c] .xgplayer-volume,[data-v-3c97e84c] .xgplayer-icon,[data-v-3c97e84c] .xgplayer-placeholder,[data-v-3c97e84c] .xgplayer-enter,[data-v-3c97e84c] .xgplayer-exit,[data-v-3c97e84c] .xgplayer-start,[data-v-3c97e84c] .xgplayer-replay,[data-v-3c97e84c] .mini-cancel-btn,[data-v-3c97e84c] .play-icon,[data-v-3c97e84c] .xg-tips{display:none!important}.realtime-grid[data-v-24b5a143]{display:grid;width:100%;height:100%;min-height:0;gap:2px;background:#000;grid-auto-rows:minmax(0,1fr)}.realtime-grid[data-layout=stack][data-v-24b5a143]{display:flex;flex-direction:column;height:auto;gap:10px;background:transparent}.realtime-grid[data-layout=responsive][data-v-24b5a143]{grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;width:100%;height:auto;gap:6px;background:transparent}.realtime-grid[data-layout=responsive][data-v-24b5a143] .video-tile{width:100%;height:auto;min-height:0;aspect-ratio:16 / 9}@media (max-width: 700px){.realtime-grid[data-layout=responsive][data-v-24b5a143]{grid-template-columns:minmax(0,1fr)}}.realtime-grid[data-layout=stack][data-v-24b5a143] .video-tile{flex:0 0 auto;width:100%;height:auto;min-height:0;aspect-ratio:16 / 9}.realtime-grid[data-layout=stack][data-v-24b5a143] .slot-label{top:6px;bottom:auto;max-width:calc(100% - 12px);background:#0f172acc;font-size:11px;opacity:1}.realtime-grid[data-layout="1x2"][data-v-24b5a143]{height:auto;max-height:100%;aspect-ratio:32 / 9;border:1px solid #111827;border-radius:4px;overflow:hidden}.realtime-grid--featured[data-v-24b5a143] .video-tile:first-child{grid-column:span 2;grid-row:span 2}.realtime-grid[data-v-24b5a143] .video-tile{width:100%;height:100%}