*{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif;color:#fff;overflow:hidden;font-size:16px}.container{display:flex;width:100%;height:-webkit-fill-available;height:100dvh;justify-content:center;align-items:center;background-color:#666}@media(orientation: landscape){.container{flex-direction:row}}@media(orientation: portrait){.container{flex-direction:column}}.camera-section{display:flex;justify-content:center;align-items:center;position:relative;background-color:#333}@media(orientation: landscape){.camera-section{height:100%;flex:1;min-width:0}}@media(orientation: portrait){.camera-section{width:100%;flex:1;min-height:0}}.camera-section .video-preview,.camera-section .video-canvas{object-fit:contain;max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.camera-section .video-canvas{z-index:10}.camera-section #countdown-display:not(.hidden){position:absolute;z-index:999;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:32vw;width:40vw;height:40vw;border-radius:100%;color:#000;background-color:hsla(0,0%,100%,.6)}.controls-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative}@media(orientation: landscape){.controls-section{height:100%;width:20vw;min-width:240px}}@media(orientation: portrait){.controls-section{width:100%;height:18vh;min-height:240px}}.controls-section .controls-container{width:100%;height:33.3333333333%;display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#666}.controls-section .controls-container .button-group{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:1rem}.controls-section #character-selection-ui{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:66.6666666667%;overflow:hidden;position:relative}.controls-section #character-selection-ui .face-controls-group{width:100%;height:50%;overflow:hidden}.controls-section #character-selection-ui .face-controls-group .button-group-w{display:flex;flex-wrap:wrap;justify-content:center}.controls-section #character-selection-ui .face-controls-group .button-group-w .scale-caption{display:inline-block;width:100%;text-align:center;font-size:.8rem}.controls-section #character-selection-ui .face-controls-group .button-group-w .scale-btn{padding:.2rem .8rem}.controls-section #character-selection-ui .face-controls-group .button-group-w .scale-level{padding:0 .2rem}button{padding:10px 20px;cursor:pointer;border:none;border-radius:5px;font-size:1.2rem}button:disabled{opacity:.5;cursor:not-allowed}button.selected{box-shadow:0 0 0 1px #007bff;outline:none}button.round{border-radius:100%;aspect-ratio:1/1;padding:10px}button .fa-play{color:#6b8e23}button .fa-stop{color:#000}button .fa-hourglass-end{color:dimgray}button .fa-triangle-exclamation{color:#daa520}button .fa-video{color:darkred}button .fa-camera-rotate{color:#00008b}.hidden{display:none}#record-countdown{font-weight:bold;background-color:red;color:#fff}.vertical-offset-controls{display:flex;flex-direction:column;align-items:center;overflow:hidden;max-height:100%}.vertical-offset-label{text-align:center;font-size:.8rem}#character-selection-ui{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.face-controls-group{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px;border-radius:5px}.character-selection-modal{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:#444;padding:20px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:1rem;width:90%;max-width:640px}.modal-buttons-container{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.modal-char-btn{width:20%;max-width:100px;height:auto;aspect-ratio:1/1;background:none;padding:5px;border:2px solid rgba(0,0,0,0);border-radius:5px;display:flex;justify-content:center;align-items:center}.modal-char-btn span{color:#ccc;font-size:1rem}.modal-char-btn.selected{border-color:#007bff}.modal-char-btn img{max-width:100%;max-height:100%;object-fit:contain}.modal-footer{display:flex;justify-content:flex-end;width:100%;gap:1rem}.vertical-offset-slider{width:100px}.progress-bar-container{display:flex;flex-direction:column;gap:1rem;width:80%;max-width:400px;background-color:#333;overflow:hidden;margin:20px auto}.progress-bar-container .progress-text{display:inline-block;width:100%;text-align:center}.progress-bar-container .progress-bar{height:20px;width:0%;border-radius:10px;background-color:#4caf50;transition:width .1s linear}.hidden{display:none}/*# sourceMappingURL=style_taro1.css.map */