.yungan-camera-panel[data-v-51cd8a26]{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);width:calc(100vw - 720px);max-width:990px;height:198px;background:rgba(30,30,30,.95);z-index:1000;display:flex;flex-direction:column;box-shadow:0 -4px 20px rgba(0,0,0,.3);animation:slideUp-51cd8a26 .3s ease-out;border-radius:8px;margin-left:350px}@keyframes slideUp-51cd8a26{0%{transform:translateX(-50%) translateY(100%);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}.panel-header[data-v-51cd8a26]{display:flex;justify-content:space-between;align-items:center;padding:4px 10px;background:rgba(0,0,0,.3);border-bottom:1px solid hsla(0,0%,100%,.1);border-radius:8px 8px 0 0}.panel-title[data-v-51cd8a26]{display:flex;align-items:center;gap:6px;color:#fff;font-size:12px;font-weight:500}.panel-title i[data-v-51cd8a26]{color:#4caf50}.channel-count[data-v-51cd8a26]{color:hsla(0,0%,100%,.6);font-size:12px}.panel-controls[data-v-51cd8a26]{display:flex;gap:8px}.cameras-grid[data-v-51cd8a26]{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:3px;overflow:hidden}.camera-cell[data-v-51cd8a26]{background:#1a1a1a;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;border:1px solid hsla(0,0%,100%,.1);transition:border-color .3s}.camera-cell.camera-active[data-v-51cd8a26]{border-color:#4caf50}.camera-cell.camera-loading[data-v-51cd8a26]{border-color:#ff9800}.camera-header[data-v-51cd8a26]{display:flex;justify-content:space-between;align-items:center;padding:2px 6px;background:rgba(0,0,0,.5);font-size:10px}.camera-label[data-v-51cd8a26]{color:#fff;font-weight:500}.camera-status[data-v-51cd8a26]{padding:1px 4px;border-radius:8px;font-size:9px}.status-active[data-v-51cd8a26]{background:#4caf50;color:#fff}.status-loading[data-v-51cd8a26]{background:#ff9800;color:#fff}.status-error[data-v-51cd8a26]{background:#f44336;color:#fff}.status-inactive[data-v-51cd8a26]{background:hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.7)}.camera-content[data-v-51cd8a26]{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:110px;height:110px}.video-wrapper[data-v-51cd8a26]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.video-wrapper.video-hidden[data-v-51cd8a26]{opacity:0;pointer-events:none}.video-wrapper .hls-video[data-v-51cd8a26],.video-wrapper video[data-v-51cd8a26]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:#000}.video-custom-controls[data-v-51cd8a26]{position:absolute;top:4px;right:4px;display:flex;gap:4px;z-index:10}.control-btn[data-v-51cd8a26]{background:rgba(0,0,0,.7);border:none;border-radius:4px;color:#fff;width:26px;height:26px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:.8}.control-btn[data-v-51cd8a26]:hover{background:#4caf50;opacity:1}.control-btn i[data-v-51cd8a26]{font-size:12px}.camera-loading-overlay[data-v-51cd8a26]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:rgba(0,0,0,.8);color:#fff;font-size:9px;z-index:10}.spinner[data-v-51cd8a26]{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#4caf50;border-radius:50%;animation:spin-51cd8a26 1s linear infinite}@keyframes spin-51cd8a26{to{transform:rotate(1turn)}}.camera-inactive[data-v-51cd8a26]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:hsla(0,0%,100%,.5);text-align:center;padding:5px;z-index:10;background:rgba(0,0,0,.6)}.camera-inactive i[data-v-51cd8a26]{font-size:18px}.camera-inactive span[data-v-51cd8a26]{font-size:9px}