body{font-family:Arial,sans-serif;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#333;color:#fff;overflow:hidden;user-select:none;-webkit-user-select:none}.container{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100vw;height:100vh}.camera-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative}.camera-container{position:relative;width:72px;height:66px;border-radius:50%;box-shadow:0 0 20px #00000080;display:flex;justify-content:center;align-items:center;margin-top:2rem}.camera-button{width:100%;height:100%;background-color:transparent;border-radius:50%;border:3px solid white;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 8px #0003;transition:background-color .3s ease;z-index:2}.camera-button:hover{background-color:#fff}.camera-button:hover .time-counter{color:#000}.camera-button:focus,.camera-button:active,.camera-container:focus,.camera-container:active{outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent}.progress{width:120%;height:120%;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);z-index:1;overflow:visible}.progress circle{fill:none;stroke:none;stroke-width:12px;stroke-dasharray:314;stroke-dashoffset:314;transition:stroke-dashoffset 20s ease-in-out}@keyframes progress{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.display{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.display img,.display video{width:100%;height:100%;object-fit:cover;border:none}.time-counter{position:absolute;top:50%;transform:translateY(-50%);font-size:18px;color:#fff;-webkit-user-select:none;user-select:none}.button-wrapper{width:100%;display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:5vh}#Ar,#videoElement,#canvasElement{width:80vw;height:90vh;object-fit:cover}#canvasElement{display:none}.upload-button{margin-top:20px;padding:10px 20px;background-color:transparent;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease-in-out}.upload-button:hover{background-color:#004084}#fileInput{display:none}.switch-camera-button{margin-top:10px;padding:10px 20px;background-color:transparent;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease-in-out}.switch-camera-button:hover{background-color:#186729}.toggle-camera-button{position:absolute;right:1%;margin-top:10px;background-color:transparent;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:24px;padding:10px 20px;z-index:2;transition:background-color .3s ease-in-out}.action-buttons{display:none;gap:1rem;position:absolute;bottom:20%;left:50%;transform:translate(-50%);z-index:2}#shareButton,#downloadButton,#closeButton{background-color:red;color:#fff;border:none;border-radius:5px;font-size:16px;padding:10px 20px;cursor:pointer;transition:background-color .3s ease-in-out}#loadingIndicator{position:fixed;top:50%;left:50%;width:64px;height:64px;transform:translate(-50%,-50%);z-index:9999;animation:spin 1s linear infinite;pointer-events:none}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.hidden{display:none!important}@media (max-width: 729px){#Ar{width:100vw;height:100vh}}