.player-panel[data-v-17626221]{border-radius:8px;overflow:hidden;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);background-color:#f8f9fa}.panel-header[data-v-17626221]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 16px;background:-webkit-gradient(linear,left top,right top,from(#1e88e5),to(#42a5f5));background:linear-gradient(90deg,#1e88e5,#42a5f5);border-bottom:1px solid #e8e8e8;border-radius:4px}.panel-header[data-v-17626221],.panel-title[data-v-17626221]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}.panel-title[data-v-17626221]{margin:0;font-size:16px;font-weight:500}.header-controls[data-v-17626221]{gap:4px}.header-controls[data-v-17626221],.window-btn[data-v-17626221]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.window-btn[data-v-17626221]{width:28px;height:28px;border:none;border-radius:4px;background-color:hsla(0,0%,100%,.2);color:#fff;cursor:pointer;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s;transition:all .2s}.window-btn[data-v-17626221]:hover{background-color:hsla(0,0%,100%,.3)}.panel-content[data-v-17626221]{padding:8px}.video-wrapper[data-v-17626221]{margin-bottom:8px}.video-container-wrapper[data-v-17626221]{position:relative;margin:0 auto;border-radius:4px;overflow:hidden}.video-container[data-v-17626221]{margin:0 auto;border:1px solid #d9d9d9;overflow:hidden}.floating-controls[data-v-17626221]{position:absolute;bottom:10px;left:10px;z-index:10;opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}.video-container-wrapper:hover .floating-controls[data-v-17626221]{opacity:1;visibility:visible}.control-button-group[data-v-17626221]{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:rgba(0,0,0,.6);border-radius:20px;padding:4px 8px}.control-btn[data-v-17626221]{width:20px;height:20px;cursor:pointer;color:#fff;border:none;border-radius:50%;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;margin:0 4px;font-size:12px;-webkit-transition:all .2s;transition:all .2s}.control-btn[data-v-17626221]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.control-btn[data-v-17626221]:disabled{opacity:.5;cursor:not-allowed;-webkit-transform:none;transform:none}.play-btn[data-v-17626221]{background-color:#52c41a}.stop-btn[data-v-17626221]{background-color:#f5222d}.playback-btn[data-v-17626221]{background-color:#1890ff}.fullscreen-btn[data-v-17626221]{background-color:#f56a00}.device-id-label[data-v-17626221]{position:absolute;top:23px;left:8px;background-color:rgba(0,0,0,.6);color:#fff;padding:2px 8px;border-radius:4px;font-size:12px;z-index:5}.no-camera-message[data-v-17626221]{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;height:200px;color:#999;font-size:14px;text-align:center;border:1px dashed #d9d9d9;border-radius:4px}.playback-form[data-v-17626221]{padding:16px 0}.form-item[data-v-17626221]{margin-bottom:20px}.form-label[data-v-17626221]{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.time-range[data-v-17626221]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.url-textarea[data-v-17626221]{margin-bottom:8px}.url-actions[data-v-17626221]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[data-v-17626221] .ant-modal-footer .ant-btn{margin-left:8px}