#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:0}.container{position:relative;width:100vw;height:100vh}#viewer{position:absolute;z-index:1}.container{position:relative;width:100vw;height:100vh;overflow:hidden;margin:0;padding:0;background-color:#000}.container{position:relative;width:100vw;height:100vh;overflow:hidden;margin:0;padding:0;background:#000}#viewer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.control-panel{position:absolute;top:20px;left:20px;z-index:10;background:#ffffffe6;padding:15px;border-radius:8px;box-shadow:0 2px 12px #00000026;font-family:Segoe UI,Arial,sans-serif;min-width:320px}.data-display{margin-bottom:18px;border-bottom:1px solid #f0f0f0;padding-bottom:12px}.data-display p{margin:8px 0;font-size:15px;color:#333;line-height:1.5}.data-display .bag-info{color:#2c85e6;font-size:14px;margin-top:10px;font-style:italic}.data-display .status-info{color:#3498db;font-size:13px;margin-top:8px}.data-display .error-info{color:#e74c3c;font-size:13px;margin-top:8px}.data-display .reconnect-info{color:#f39c12;font-size:13px;margin-top:8px}.control-buttons{display:flex;gap:10px}.control-buttons button{padding:9px 15px;border:none;border-radius:4px;cursor:pointer;font-size:14px;color:#fff;transition:background .2s;flex:1}.control-buttons button:first-child{background-color:#28a745}.control-buttons button:last-child{background-color:#007bff}.control-buttons button:disabled{background-color:#ccc;cursor:not-allowed;box-shadow:none}@media(max-width:768px){.control-panel{width:calc(100% - 60px);top:10px;left:10px;padding:12px}}.bbox-container[data-v-dabb1887]{position:relative;width:100%;height:100%}.video-wrapper[data-v-d14f3b90]{position:relative;width:610px;height:343px;margin:0 auto;display:flex;overflow:hidden}.video-container[data-v-d14f3b90]{position:absolute;top:0;left:0;width:610px;height:343px;z-index:1;margin:0;padding:0}.overlay-image[data-v-d14f3b90]{position:absolute;top:0;left:0;width:610px;height:343px;background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.9;z-index:10;pointer-events:none}.video-wrapper-big[data-v-4aed1dfd]{position:relative;width:1880px;height:1058px;margin:0 auto;display:flex;overflow:hidden}.video-container-big[data-v-4aed1dfd]{position:absolute;top:0;left:0;width:1880px;height:1058px;z-index:1;margin:0;padding:0}.overlay-image-big[data-v-4aed1dfd]{position:absolute;top:0;left:0;width:1880px;height:1058px;background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.9;z-index:10;pointer-events:none}.video-wrapper[data-v-ec160780]{position:relative;width:147px;height:110px;margin:0 auto;display:flex;overflow:hidden}.video-container[data-v-ec160780]{position:absolute;top:0;left:0;width:147px;height:110px;z-index:1;margin:0;padding:0}.overlay-image[data-v-ec160780]{position:absolute;top:0;left:0;width:147px;height:110px;background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.9;z-index:10;pointer-events:none}