*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
background:#0f0f0f;
color:white;
font-family:Arial;
display:flex;
flex-direction:column;
align-items:center;
padding:15px;
}

h1{
margin-bottom:10px;
}

.toolbar{
display:flex;
gap:10px;
flex-wrap:wrap;
justify-content:center;
margin-bottom:10px;
}

button{
padding:8px 12px;
border:none;
border-radius:6px;
cursor:pointer;
font-weight:bold;
}

input{
cursor:pointer;
}

.container{
position:relative;
width:640px;
height:480px;
}

video,
canvas{
position:absolute;
width:640px;
height:480px;
}

video{
transform: scaleX(-1);
border:2px solid #333;
border-radius:10px;
}

canvas{
pointer-events:none;
}