.connection-panel[data-v-6949246e]{padding:20px;border:1px solid #e0e0e0;border-radius:8px;background:#f9f9f9;color:#333}.connection-options[data-v-6949246e]{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.option-group[data-v-6949246e]{display:flex;gap:8px;align-items:center}.option-group label[data-v-6949246e]{font-size:14px;font-weight:500}.input[data-v-6949246e]{padding:8px 12px;border:1px solid #d0d0d0;border-radius:4px;background:#fff;color:#333;font-size:14px}.input[data-v-6949246e]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.btn[data-v-6949246e]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary[data-v-6949246e]{background:#007bff;color:#fff}.btn-primary[data-v-6949246e]:hover{background:#0056b3;transform:translateY(-1px)}.btn-primary[data-v-6949246e]:active{transform:translateY(0)}.btn-danger[data-v-6949246e]{background:#dc3545;color:#fff}.btn-danger[data-v-6949246e]:hover{background:#c82333;transform:translateY(-1px)}.btn-danger[data-v-6949246e]:active{transform:translateY(0)}.status[data-v-6949246e]{padding:10px;border-radius:4px;background:#f5f5f5;font-size:13px;margin:12px 0 0;color:#666}.status.success[data-v-6949246e]{background:#28a74533;color:#28a745;border:1px solid #28a745}.status.error[data-v-6949246e]{background:#dc354533;color:#dc3545;border:1px solid #dc3545}.connected-info[data-v-6949246e]{text-align:center}.connection-type[data-v-6949246e]{margin:0 0 12px;font-size:16px;font-weight:600;color:#28a745}.audio-control[data-v-cbdf7431]{padding:16px;border:1px solid #e0e0e0;border-radius:8px;background:#f9f9f9;color:#333}.audio-control h3[data-v-cbdf7431]{margin:0 0 16px;font-size:16px;font-weight:600}.control-group[data-v-cbdf7431]{margin-bottom:16px}.control-group label[data-v-cbdf7431]{display:block;margin-bottom:8px;font-size:13px;font-weight:500}.volume-control[data-v-cbdf7431]{display:flex;gap:12px;align-items:center}.slider[data-v-cbdf7431]{flex:1;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none;appearance:none}.slider[data-v-cbdf7431]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#007bff;cursor:pointer;transition:background .2s}.slider[data-v-cbdf7431]::-webkit-slider-thumb:hover{background:#0056b3}.slider[data-v-cbdf7431]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#007bff;cursor:pointer;border:none;transition:background .2s}.slider[data-v-cbdf7431]::-moz-range-thumb:hover{background:#0056b3}.volume-display[data-v-cbdf7431]{min-width:40px;text-align:right;font-size:13px;font-weight:500}.buffer-control[data-v-cbdf7431]{display:flex;gap:12px;align-items:center}.buffer-display[data-v-cbdf7431]{min-width:50px;text-align:right;font-size:13px;font-weight:500}.buffer-info[data-v-cbdf7431]{margin-top:6px;padding:6px 8px;background:#f0f0f0;border-radius:4px;font-size:12px;color:#666}[data-v-d0a7319b]{box-sizing:border-box}.app[data-v-d0a7319b]{display:flex;flex-direction:column;height:100vh;background:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.header[data-v-d0a7319b]{padding:20px;background:#f5f5f5;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 8px #00000014}.header h1[data-v-d0a7319b]{margin:0;font-size:28px;font-weight:700;letter-spacing:-.5px}.subtitle[data-v-d0a7319b]{margin:8px 0 0;font-size:14px;color:#888;font-weight:400}.main[data-v-d0a7319b]{flex:1;overflow:auto;padding:20px}.container[data-v-d0a7319b]{display:grid;grid-template-columns:1fr 350px;gap:20px;max-width:2560px;margin:0 auto;height:100%}.video-section[data-v-d0a7319b]{display:flex;flex-direction:column;gap:12px;min-height:0;position:relative}.video-section[data-v-d0a7319b]:has(.video-canvas:fullscreen){position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:#000}.video-canvas[data-v-d0a7319b]{display:block;background:#000;border-radius:8px;box-shadow:0 4px 12px #00000080;margin:0 auto;image-rendering:crisp-edges;cursor:pointer}.video-canvas[data-v-d0a7319b]:fullscreen{border-radius:0;box-shadow:none}.video-canvas[data-v-d0a7319b]:-webkit-full-screen{border-radius:0;box-shadow:none}.video-canvas[data-v-d0a7319b]:-moz-full-screen{border-radius:0;box-shadow:none}.video-canvas[data-v-d0a7319b]:-ms-fullscreen{border-radius:0;box-shadow:none}.video-stats[data-v-d0a7319b]{display:flex;gap:20px;padding:12px 16px;background:#f9f9f9;border-radius:6px;font-size:13px;border:1px solid #e0e0e0}.video-stats span[data-v-d0a7319b]{display:flex;align-items:center;gap:6px}.control-section[data-v-d0a7319b]{display:flex;flex-direction:column;gap:16px;min-height:0;overflow-y:auto}.stats-panel[data-v-d0a7319b]{padding:16px;border:1px solid #e0e0e0;border-radius:8px;background:#f9f9f9;color:#333}.stats-panel h3[data-v-d0a7319b]{margin:0 0 12px;font-size:14px;font-weight:600}.stat-item[data-v-d0a7319b]{display:flex;justify-content:space-between;padding:8px 0;font-size:12px;border-bottom:1px solid #e0e0e0}.stat-item[data-v-d0a7319b]:last-child{border-bottom:none}.stat-item .label[data-v-d0a7319b]{color:#888}.stat-item .value[data-v-d0a7319b]{color:#28a745;font-weight:500;font-family:Monaco,Courier New,monospace}@media(max-width:1400px){.container[data-v-d0a7319b]{grid-template-columns:1fr}.control-section[data-v-d0a7319b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}}@media(max-width:768px){.header[data-v-d0a7319b]{padding:16px}.header h1[data-v-d0a7319b]{font-size:24px}.main[data-v-d0a7319b]{padding:12px}.video-stats[data-v-d0a7319b]{flex-wrap:wrap;gap:12px}.control-section[data-v-d0a7319b]{grid-template-columns:1fr}}[data-v-d0a7319b]::-webkit-scrollbar{width:8px;height:8px}[data-v-d0a7319b]::-webkit-scrollbar-track{background:#f5f5f5}[data-v-d0a7319b]::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}[data-v-d0a7319b]::-webkit-scrollbar-thumb:hover{background:#999}