*{

    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial, sans-serif;

}


body{

    background:#f2f2f2;

}


.container{

    width:95%;
    max-width:450px;

    margin:30px auto;

    background:white;

    padding:25px;

    border-radius:10px;

    box-shadow:0 0 10px #ccc;

}


h2{

    text-align:center;
    margin-bottom:25px;

}


label{

    display:block;

    margin-top:15px;

    margin-bottom:5px;

    font-weight:bold;

}


input[type=text],
select{


    width:100%;

    padding:12px;

    border-radius:5px;

    border:1px solid #ccc;


}



.radio-group{

    display:flex;

    gap:20px;

}


video{


    width:100%;

    background:black;

    border-radius:8px;

    margin-top:10px;


}


canvas{

    display:none;

}



img{

    width:100%;

    border-radius:8px;

    margin-top:10px;

    display:none;

}



.camera-buttons{


    display:flex;

    gap:10px;


}



button{


    width:100%;

    margin-top:20px;

    padding:14px;

    border:0;

    border-radius:6px;

    background:#1976d2;

    color:white;

    font-size:16px;

}


.status{


    margin-top:15px;

    padding:10px;

    background:#eee;

    border-radius:5px;

    font-size:14px;


}