.multi-screen-player[data-v-48bbcdad]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;width:100%;background:#f5f5f5;color:#333}.playlist-panel[data-v-48bbcdad]{width:300px;background:#fff;border-right:1px solid #e0e0e0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.playlist-header[data-v-48bbcdad]{padding:15px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.playlist-header h3[data-v-48bbcdad]{margin:0 0 15px 0;color:#333}.layout-controls[data-v-48bbcdad]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px}.layout-btn[data-v-48bbcdad]{padding:5px 10px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:12px;-webkit-transition:all .2s;transition:all .2s}.layout-btn.active[data-v-48bbcdad]{background:#4dabf7;color:#fff;border-color:#4dabf7}.playlist-content[data-v-48bbcdad]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:10px}.playlist-item[data-v-48bbcdad]{padding:12px;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:8px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;background:#fff}.playlist-item[data-v-48bbcdad]:hover{border-color:#4dabf7;background:#f0f8ff}.playlist-item.active[data-v-48bbcdad]{border-color:#4dabf7;background:#e7f5ff}.item-name[data-v-48bbcdad]{font-weight:600;margin-bottom:5px;color:#333}.item-type[data-v-48bbcdad]{margin-top:5px}.item-status[data-v-48bbcdad]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:5px;font-size:12px;color:#666}.status-dot[data-v-48bbcdad]{width:8px;height:8px;border-radius:50%;margin-right:5px}.status-dot.online[data-v-48bbcdad]{background:#28a745}.status-dot.offline[data-v-48bbcdad]{background:#dc3545}.type-tag[data-v-48bbcdad]{display:inline-block;padding:2px 6px;font-size:10px;border-radius:3px;font-weight:600}.flv-tag[data-v-48bbcdad]{background:#28a745;color:#fff}.hls-tag[data-v-48bbcdad]{background:#6f42c1;color:#fff}.player-panel[data-v-48bbcdad]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;background:#f5f5f5}.player-grid[data-v-48bbcdad]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:grid;gap:10px;padding:10px;overflow:auto}.grid-1x1[data-v-48bbcdad]{grid-template-columns:1fr;grid-template-rows:1fr}.grid-2x2[data-v-48bbcdad]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.grid-3x3[data-v-48bbcdad]{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.grid-4x4[data-v-48bbcdad]{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.player-cell[data-v-48bbcdad]{background:#fff;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:border-color .2s;transition:border-color .2s;position:relative}.player-cell.active[data-v-48bbcdad]{border-color:#4dabf7;-webkit-box-shadow:0 0 0 2px rgba(77,171,247,.3);box-shadow:0 0 0 2px rgba(77,171,247,.3)}.player-title-bar[data-v-48bbcdad]{padding:8px 12px;background:rgba(0,0,0,.7);border-bottom:1px solid #404040;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.source-name[data-v-48bbcdad]{font-weight:600;font-size:14px;color:#fff}.stream-type[data-v-48bbcdad]{font-size:10px;padding:2px 6px;background:hsla(0,0%,100%,.2);border-radius:3px;color:#fff}.player-status-overlay[data-v-48bbcdad]{position:absolute;top:10px;right:10px;z-index:10}.status-badge[data-v-48bbcdad]{padding:4px 8px;font-size:12px;font-weight:600;border-radius:12px;background:rgba(0,0,0,.7);color:#fff}.status-badge.connected[data-v-48bbcdad]{background:rgba(45,179,63,.8)}.status-badge.connecting[data-v-48bbcdad]{background:rgba(255,193,7,.8)}.status-badge.disconnected[data-v-48bbcdad]{background:rgba(108,117,125,.8)}.status-badge.error[data-v-48bbcdad]{background:rgba(220,53,69,.8)}.player-error-overlay[data-v-48bbcdad]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:20}.error-message[data-v-48bbcdad]{background:#fff;padding:15px;border-radius:8px;text-align:center;max-width:80%}.error-message p[data-v-48bbcdad]{margin:0 0 10px 0;color:#dc3545;font-weight:600}.video-container[data-v-48bbcdad]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;background:#000;min-height:0;width:100%;height:0;padding-bottom:56.25%}.video-wrapper[data-v-48bbcdad]{position:absolute;top:0;left:0;width:100%;height:100%}.native-video-player[data-v-48bbcdad]{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.player-controls[data-v-48bbcdad]{padding:8px 12px;background:rgba(0,0,0,.7);border-top:1px solid #404040;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn-small[data-v-48bbcdad]{padding:4px 8px;font-size:12px;border:none;border-radius:4px;cursor:pointer}.latency-info[data-v-48bbcdad]{font-size:11px;color:#ccc}.control-panel[data-v-48bbcdad]{background:#fff;border-top:1px solid #e0e0e0;padding:15px;max-height:300px;overflow-y:auto}.control-section[data-v-48bbcdad]{margin-bottom:20px}.control-section h4[data-v-48bbcdad]{margin:0 0 10px 0;color:#333;font-size:14px}.control-buttons[data-v-48bbcdad]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.stream-type-controls[data-v-48bbcdad]{margin-top:10px}.radio-group[data-v-48bbcdad]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.radio-group input[type=radio][data-v-48bbcdad]{margin-right:8px}.radio-group label[data-v-48bbcdad]{font-size:14px;cursor:pointer}.debug-controls[data-v-48bbcdad],.latency-controls[data-v-48bbcdad]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.checkbox-group[data-v-48bbcdad]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.checkbox-group input[type=checkbox][data-v-48bbcdad]{margin:0}.checkbox-group label[data-v-48bbcdad],button[data-v-48bbcdad]{font-size:14px;cursor:pointer}button[data-v-48bbcdad]{padding:8px 16px;border:none;border-radius:6px;font-weight:600;-webkit-transition:all .2s;transition:all .2s}button[data-v-48bbcdad]:hover:not(:disabled){-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1)}button[data-v-48bbcdad]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-48bbcdad]{background:#4dabf7;color:#fff}.btn-secondary[data-v-48bbcdad]{background:#6c757d;color:#fff}.btn-danger[data-v-48bbcdad]{background:#dc3545;color:#fff}.btn-info[data-v-48bbcdad]{background:#17a2b8;color:#fff}.btn-warning[data-v-48bbcdad]{background:#ffc107;color:#212529}.btn-intercom[data-v-48bbcdad]{background:#9c36b5;color:#fff}.btn-intercom-active[data-v-48bbcdad]{background:#e599f7;color:#495057}.audio-controls[data-v-48bbcdad]{gap:15px}.audio-controls[data-v-48bbcdad],.volume-control[data-v-48bbcdad]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.volume-control[data-v-48bbcdad]{gap:8px}.volume-control label[data-v-48bbcdad]{font-size:14px;color:#333}.volume-control input[data-v-48bbcdad]{width:100px}.volume-control span[data-v-48bbcdad]{font-size:14px;color:#333;min-width:35px}.intercom-controls[data-v-48bbcdad]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.intercom-input input[data-v-48bbcdad]{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:6px;background:#fff;color:#333;font-size:14px}.intercom-status[data-v-48bbcdad]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.status-label[data-v-48bbcdad]{font-size:14px;color:#333}.status-value[data-v-48bbcdad]{font-size:14px;font-weight:600;padding:2px 8px;border-radius:12px}.status-value.connected[data-v-48bbcdad]{background:#28a745;color:#fff}.status-value.connecting[data-v-48bbcdad]{background:#ffc107;color:#212529}.status-value.disconnected[data-v-48bbcdad]{background:#6c757d;color:#fff}.status-value.error[data-v-48bbcdad]{background:#dc3545;color:#fff}.status-value.active[data-v-48bbcdad]{background:#28a745;color:#fff}@media (max-width:1200px){.playlist-panel[data-v-48bbcdad]{width:250px}}@media (max-width:768px){.multi-screen-player[data-v-48bbcdad]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.playlist-panel[data-v-48bbcdad]{width:100%;height:200px}.player-panel[data-v-48bbcdad]{height:calc(100vh - 200px)}.control-panel[data-v-48bbcdad]{max-height:200px}}.header-line[data-v-335fe3fa]{height:30px}ul[data-v-335fe3fa]{margin:0;padding:0}ul li[data-v-335fe3fa]{list-style-type:none;padding:5px 0}ul li a[data-v-335fe3fa]{text-decoration:none}.player-container[data-v-335fe3fa]{width:960px;height:540px}.player__button[data-v-335fe3fa]{border:1px solid #000;width:80px;border-radius:5px;text-align:center;margin:10px 0;cursor:pointer}.timeline__container[data-v-335fe3fa]{margin:5px 0}.timeline__container span[data-v-335fe3fa]:nth-child(2){margin-left:10px}.header-line[data-v-2d930999]{height:30px}ul[data-v-2d930999]{margin:0;padding:0}ul li[data-v-2d930999]{list-style-type:none;padding:5px 0}ul li a[data-v-2d930999]{text-decoration:none}.player-container[data-v-2d930999]{width:960px;height:540px}.player__button[data-v-2d930999]{border:1px solid #000;width:80px;border-radius:5px;text-align:center;margin:10px 0;cursor:pointer}.timeline__container[data-v-2d930999]{margin:5px 0}.timeline__container span[data-v-2d930999]:nth-child(2){margin-left:10px}.clearFix[data-v-66edd934]:after{content:"";display:block;clear:both}.warningButton[data-v-66edd934]{background-color:#ffa215}.commonButton[data-v-66edd934],.warningButton[data-v-66edd934]{padding:0 20px;height:36px;border-radius:5px;font-size:12px;color:#fff;border:none;cursor:pointer;outline:none}.commonButton[data-v-66edd934]{background-color:#199ed8}.commonButton.saveBtn[data-v-66edd934]{background-color:#ffa215}.blockButton[data-v-66edd934]{display:block;width:100%;height:40px}.multipleButton[data-v-66edd934]{display:block;width:100%;height:unset}.grayBtn[data-v-66edd934]{border-radius:5px;background-color:#ccc;color:#fff;border:none}.grayBtn[data-v-66edd934],.tableButton[data-v-66edd934]{padding:0 20px;height:36px;font-size:12px;cursor:pointer;outline:none}.tableButton[data-v-66edd934]{border-radius:5px;background-color:#fff;border:1px solid #199ed8;color:#199ed8}.tableButton.active[data-v-66edd934]{background-color:#199ed8;color:#fff;border:none}.tableButton.red[data-v-66edd934]{border:1px solid red;color:red}.tableButton.gray[data-v-66edd934]{border:1px solid #666;color:#666}.tableSetRowBtn[data-v-66edd934]{width:36px;height:36px;border:none;text-align:center;line-height:36px;cursor:pointer;outline:none;border-radius:5px;color:#fff;margin-bottom:5px}.tableSetRowBtn.tableAddBtn[data-v-66edd934]{background-color:#ffa215}.tableSetRowBtn.tableDeleteBtn[data-v-66edd934]{background-color:red}.surveillanceApp[data-v-66edd934]{padding:0;margin:0}.surveillanceApp[data-v-66edd934] .__view{width:100%!important}.surveillanceApp .el-footer[data-v-66edd934],.surveillanceApp .el-header[data-v-66edd934]{margin:0;padding:0;display:unset}.surveillanceApp .surveillanceContent[data-v-66edd934]{width:100%;height:calc(100vh - 46px)}