*{box-sizing:border-box;border:0;margin:0;padding:0}body{display:flex;color:#fff;background-color:#222;flex-direction:column;justify-content:center;align-items: center;height:100vh;margin:0;font-family:Arial,sans-serif}#video-container{position:relative;background:#000;box-shadow:0 4px 10px #00000080}video,#overlay{position:absolute;object-fit:cover;width:100%;height:100%;top:0;left:0}video{background-color:#8573734d}canvas{z-index:1;pointer-events:none}#controls{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:15px}select{border:1px solid #ccc;border-radius:5px;padding:10px;font-size:16px}button{cursor:pointer;border-radius:10px;padding:10px}button:disabled{cursor:not-allowed}.btnGreen{color:#fff;background:#28a745;border:none;border-radius:5px;padding:10px 20px;font-size:16px}.btnRed{color:#fff;background:#ff4d4d;border:none;border-radius:5px;padding:10px 20px;font-size:16px}.btnGroup{position:absolute;display:flex;gap:15px;bottom:20px}#modalGaleria{display:none;position:fixed;z-index:1000;background:#1f1f1f;flex-direction:column;justify-content:center;align-items: center;width:100%;height:100%;top:0;left:0}#closeCameraPreviewModal{position:absolute;color:#fff;cursor:pointer;font-size:40px;font-weight:700;top:20px;right:30px}#contadorModal{color:#fff;margin-bottom:15px;font-family:sans-serif;font-size:18px;font-weight:500}#btnAnterior{position:absolute;color:#fff;cursor:pointer;background:0 0;border:none;transition:opacity .2s;font-size:50px;left:20px}#imagemModal{border:3px solid #fff;border-radius:4px;max-width:80%;max-height:75%}#btnSeguinte{position:absolute;color:#fff;cursor:pointer;background:0 0;border:none;transition:opacity .2s;font-size:50px;right:20px}#btnAnterior:disabled,#btnSeguinte:disabled{opacity:.2;cursor:not-allowed!important}#cameraControls{text-align:center;align-content: center;width:100%;min-height:115px;margin-top:30px}#cameraLoadingView{display:none;position:absolute;z-index:10;background-color:#1f1f1f93;place-content: center;align-items: center;width:100%;height:100%}.spinner{animation:spin 1s linear infinite;border:5px solid #34db3c;border-color:#34db3c #fff0;border-radius:50%;width:50px;height:50px;margin-left:auto;margin-right:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#cameraLoadingView{display:none}#dropZone{position:relative;z-index:11;width:100%;height:100%}#teste{position:fixed;z-index:50;object-fit:cover;display:none;width:640px;height:640px;top:50px;left:0}#listaImagensGaleria{list-style:none;display:flex;cursor:pointer;flex-wrap:wrap;gap:10px;margin-top:10px}#topNavBar{z-index:30;position:fixed;background-color:#373737;align-content: center;width:100%;height:50px;top:0;left:0}#topNavBarMenu{cursor:pointer;width:40px}#menu{display:flex;z-index:20;position:fixed;overflow-y:scroll;background-color:#5f5f5f;width:450px;height:100dvh;padding:60px;transition:transform .3s ease-in-out;top:0;left:0;transform:translateY(-100dvh)}#menuContainer{width:100%;margin-left:auto;margin-right:auto}#menu.active{transform:translate(0)}@media (max-width:600px){#menu{width:100%;height:100dvh}}