.video-preview-modal .ant-modal-content[data-v-067a045e]{padding:0;border-radius:12px;overflow:hidden;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.3);box-shadow:0 20px 40px rgba(0,0,0,.3);border:none}.video-preview-modal .ant-modal-body[data-v-067a045e]{padding:0}.video-preview-container[data-v-067a045e]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#333;height:800px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:12px;overflow:hidden}.preview-header[data-v-067a045e]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:16px 24px;background:linear-gradient(135deg,#1890ff,#40a9ff);border-bottom:1px solid hsla(0,0%,100%,.2);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:move}.header-left[data-v-067a045e],.preview-header[data-v-067a045e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-left[data-v-067a045e]{gap:12px;-webkit-box-flex:1;-ms-flex:1;flex:1}.device-info-inline[data-v-067a045e]{-ms-flex-align:center;gap:20px;margin-left:20px;-webkit-box-flex:1;-ms-flex:1;flex:1}.device-info-inline .info-item[data-v-067a045e],.device-info-inline[data-v-067a045e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.device-info-inline .info-item[data-v-067a045e]{-ms-flex-align:center;gap:6px}.device-info-inline .info-label[data-v-067a045e]{font-size:12px;color:hsla(0,0%,100%,.7);font-weight:500}.device-info-inline .info-value[data-v-067a045e]{font-size:12px;color:#fff;font-weight:600;background:hsla(0,0%,100%,.1);padding:2px 8px;border-radius:4px}.video-status-header[data-v-067a045e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-left:auto}.status-label[data-v-067a045e]{font-size:12px;color:hsla(0,0%,100%,.7);font-weight:500}.status-value[data-v-067a045e]{font-size:12px;font-weight:600;padding:4px 8px;border-radius:12px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2)}.status-value.status-ready[data-v-067a045e]{color:#52c41a;background:rgba(82,196,26,.2);border-color:rgba(82,196,26,.3)}.status-value.status-connecting[data-v-067a045e],.status-value.status-initializing[data-v-067a045e]{color:#1890ff;background:rgba(24,144,255,.2);border-color:rgba(24,144,255,.3)}.status-value.status-stopped[data-v-067a045e]{color:#faad14;background:rgba(250,173,20,.2);border-color:rgba(250,173,20,.3)}.status-value.status-error[data-v-067a045e]{color:#ff4d4f;background:rgba(255,77,79,.2);border-color:rgba(255,77,79,.3)}.status-value.status-disconnected[data-v-067a045e]{color:#8c8c8c;background:hsla(0,0%,54.9%,.2);border-color:hsla(0,0%,54.9%,.3)}.header-icon[data-v-067a045e]{font-size:20px;color:#fff}.header-title[data-v-067a045e]{font-size:18px;font-weight:600;color:#fff}.device-name[data-v-067a045e]{font-size:14px;color:hsla(0,0%,100%,.8);background:hsla(0,0%,100%,.2);padding:4px 12px;border-radius:16px}.resizable-modal-wrap .ant-modal[data-v-067a045e]{position:fixed!important;margin:0!important;-webkit-transform:none!important;transform:none!important}.resize-handle[data-v-067a045e]{position:absolute;bottom:0;right:0;width:20px;height:20px;background:linear-gradient(135deg,#1890ff,#40a9ff);cursor:nw-resize;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;color:#fff;font-size:12px;font-weight:700;border-radius:0 0 12px 0;z-index:1000;-webkit-transition:all .3s ease;transition:all .3s ease}.resize-handle[data-v-067a045e]:hover{background:linear-gradient(135deg,#40a9ff,#69c0ff);-webkit-transform:scale(1.1);transform:scale(1.1)}.preview-content[data-v-067a045e]{height:calc(100% - 80px)}.preview-content[data-v-067a045e],.video-panel[data-v-067a045e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}.video-panel[data-v-067a045e]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#000}.video-container[data-v-067a045e]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;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}.imou-player-container[data-v-067a045e]{width:100%;height:100%;position:relative}.video-placeholder[data-v-067a045e]{width:100%;height:100%;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;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.placeholder-content[data-v-067a045e]{text-align:center;color:hsla(0,0%,100%,.6)}.placeholder-icon[data-v-067a045e]{font-size:48px;color:hsla(0,0%,100%,.3);margin-bottom:16px}.placeholder-text[data-v-067a045e]{font-size:18px;font-weight:500;color:hsla(0,0%,100%,.8);margin-bottom:8px}.placeholder-desc[data-v-067a045e]{font-size:14px;color:hsla(0,0%,100%,.5)}.video-controls[data-v-067a045e]{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;padding:12px 16px;background:linear-gradient(135deg,rgba(0,0,0,.95),rgba(20,20,20,.9));border-top:1px solid hsla(0,0%,100%,.15);backdrop-filter:blur(15px);-webkit-box-shadow:0 -4px 20px rgba(0,0,0,.3);box-shadow:0 -4px 20px rgba(0,0,0,.3);overflow-x:auto;min-height:50px}.video-controls .ant-btn[data-v-067a045e]{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);color:#fff;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:6px;font-weight:500;backdrop-filter:blur(5px);position:relative;overflow:hidden;-ms-flex-negative:0;flex-shrink:0;white-space:nowrap}.video-controls .ant-btn[data-v-067a045e]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(hsla(0,0%,100%,.1)),to(transparent));background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);-webkit-transition:left .5s;transition:left .5s}.video-controls .ant-btn[data-v-067a045e]:hover:before{left:100%}.video-controls .ant-btn[data-v-067a045e]:hover{background:hsla(0,0%,100%,.15);border-color:#1890ff;color:#fff;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(24,144,255,.3);box-shadow:0 4px 12px rgba(24,144,255,.3)}.video-controls .ant-btn-primary[data-v-067a045e]{background:linear-gradient(135deg,#1890ff,#40a9ff);border-color:#1890ff;-webkit-box-shadow:0 2px 8px rgba(24,144,255,.4);box-shadow:0 2px 8px rgba(24,144,255,.4)}.video-controls .ant-btn-primary[data-v-067a045e]:hover{background:linear-gradient(135deg,#40a9ff,#69c0ff);border-color:#40a9ff;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 6px 16px rgba(24,144,255,.5);box-shadow:0 6px 16px rgba(24,144,255,.5)}.video-controls .ant-btn-danger[data-v-067a045e]{background:linear-gradient(135deg,#ff4d4f,#ff7875);border-color:#ff4d4f;-webkit-box-shadow:0 2px 8px rgba(255,77,79,.4);box-shadow:0 2px 8px rgba(255,77,79,.4)}.video-controls .ant-btn-danger[data-v-067a045e]:hover{background:linear-gradient(135deg,#ff7875,#ffa39e);border-color:#ff7875;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 6px 16px rgba(255,77,79,.5);box-shadow:0 6px 16px rgba(255,77,79,.5)}.controls-left[data-v-067a045e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.controls-left .ant-divider-vertical[data-v-067a045e]{height:20px;margin:0 2px;border-color:hsla(0,0%,100%,.2)}.fullscreen-btn[data-v-067a045e]{margin-left:0;-ms-flex-negative:0;flex-shrink:0}.channel-selector[data-v-067a045e],.protocol-selector[data-v-067a045e],.stream-selector[data-v-067a045e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;-ms-flex-negative:0;flex-shrink:0}.channel-selector .control-label[data-v-067a045e],.protocol-selector .control-label[data-v-067a045e],.stream-selector .control-label[data-v-067a045e]{font-size:12px;color:hsla(0,0%,100%,.8);font-weight:500;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.stream-selector .stream-radio-group[data-v-067a045e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2px;-ms-flex-negative:0;flex-shrink:0}.stream-selector .stream-option[data-v-067a045e]{background:hsla(0,0%,100%,.1)!important;border:1px solid hsla(0,0%,100%,.2)!important;color:hsla(0,0%,100%,.8)!important;border-radius:4px!important;padding:3px 6px!important;font-size:11px!important;height:auto!important;line-height:normal!important;white-space:nowrap!important;-ms-flex-negative:0!important;flex-shrink:0!important}.stream-selector .stream-option[data-v-067a045e]:hover{background:hsla(0,0%,100%,.2)!important;border-color:#1890ff!important}.stream-selector .stream-option.ant-radio-button-wrapper-checked[data-v-067a045e]{background:#1890ff!important;border-color:#1890ff!important;color:#fff!important}.protocol-selector .protocol-select[data-v-067a045e]{min-width:70px;-ms-flex-negative:0;flex-shrink:0}.protocol-selector .protocol-select .ant-select-selector[data-v-067a045e]{background:hsla(0,0%,100%,.1)!important;border:1px solid hsla(0,0%,100%,.2)!important;border-radius:4px!important;height:26px!important}.protocol-selector .protocol-select .ant-select-selection-item[data-v-067a045e]{color:hsla(0,0%,100%,.8)!important;line-height:24px!important;font-size:11px!important}.protocol-selector .protocol-select .ant-select-arrow[data-v-067a045e]{color:hsla(0,0%,100%,.6)!important}.protocol-selector .protocol-select:hover .ant-select-selector[data-v-067a045e]{border-color:#1890ff!important}.channel-selector .channel-select[data-v-067a045e]{min-width:80px;-ms-flex-negative:0;flex-shrink:0}.channel-selector .channel-select .ant-select-selector[data-v-067a045e]{background:hsla(0,0%,100%,.1)!important;border:1px solid hsla(0,0%,100%,.2)!important;border-radius:4px!important;height:26px!important}.channel-selector .channel-select .ant-select-selection-item[data-v-067a045e]{color:hsla(0,0%,100%,.8)!important;line-height:24px!important;font-size:11px!important}.channel-selector .channel-select .ant-select-arrow[data-v-067a045e]{color:hsla(0,0%,100%,.6)!important}.channel-selector .channel-select:hover .ant-select-selector[data-v-067a045e]{border-color:#1890ff!important}.channel-selector .ant-select-dropdown[data-v-067a045e]{background:rgba(0,0,0,.9)!important;border:1px solid hsla(0,0%,100%,.2)!important;border-radius:6px!important;backdrop-filter:blur(10px)!important}.channel-selector .ant-select-item[data-v-067a045e]{color:hsla(0,0%,100%,.8)!important;background:transparent!important}.channel-selector .ant-select-item[data-v-067a045e]:hover{background:rgba(24,144,255,.2)!important;color:#fff!important}.channel-selector .ant-select-item-option-selected[data-v-067a045e]{background:rgba(24,144,255,.3)!important;color:#fff!important}@media (max-width:1600px){.video-preview-modal .ant-modal[data-v-067a045e]{width:95vw!important;max-width:95vw!important}.video-preview-container[data-v-067a045e]{height:700px}}@media (max-width:1200px){.video-preview-modal .ant-modal[data-v-067a045e]{width:95vw!important;max-width:95vw!important}.video-preview-container[data-v-067a045e]{height:600px}}