.container[data-v-dbd89a7e]{position:relative;width:100vw;height:100vh;overflow:hidden;background-color:#000}.canvas-container[data-v-dbd89a7e]{width:100%;height:100%;position:fixed;left:0;top:0}.info-panel[data-v-dbd89a7e]{position:absolute;top:20px;left:20px;color:#fff;font-family:sans-serif;background:#ffffff80;padding:10px;border-radius:5px}.input_video[data-v-dbd89a7e]{width:100px;border-radius:5px}.quality-selector[data-v-dbd89a7e]{margin-top:10px}.quality-selector label[data-v-dbd89a7e]{margin-right:8px}.quality-selector select[data-v-dbd89a7e]{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:4px 8px;cursor:pointer}.quality-selector select[data-v-dbd89a7e]:hover{background:#ffffff4d}.quality-selector select option[data-v-dbd89a7e]{background:#333;color:#fff}.camera-start[data-v-dbd89a7e]{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.3)}.start-button[data-v-dbd89a7e]{background:#0af;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:14px;cursor:pointer;width:100%;font-weight:700;transition:background .3s}.start-button[data-v-dbd89a7e]:hover{background:#08c}.start-button[data-v-dbd89a7e]:active{background:#069}.start-hint[data-v-dbd89a7e]{margin-top:8px;font-size:11px;color:#ffffffb3;text-align:center}body{margin:0;overflow:hidden}body{background-color:#000}