body {margin: 0;font-family: sans-serif;}.container {height: 100vh;position: relative;}#canvasOutput {width: 100%;height: 100%;transform: scaleX(-1);}.status-container {position: fixed;bottom: 0;left: 0;right: 0;padding: 1.5rem 1rem;background-color: rgba(255, 255, 255, .8);text-align: center;}.status-container>#title {font-size: 1.25rem;line-height: 1.75rem;font-weight: 600;color: #282828;}.status-container>#subtitle {margin-top: .5rem;font-weight: 500;color: #E3530F;}#no-face {display: none;position: fixed;top: 42%;left: 50%;transform: translate(-50%, -50%);padding: 8px 12px;border-radius: 12px;font-size: 14px;background-color: rgba(255, 255, 255, .8);color: #282828;}#lite-mode {display: none;position: fixed;top: 10px;right: 10px;padding: 5px 10px;border-radius: 10px;font-size: 12px;font-weight: 500;background-color: #E3530F;color: #fff;}#loader {position: fixed;top: 0;bottom: 0;left: 0;right: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: #fff;}#loader>#spinner {width: 2rem;height: 2rem;border-radius: 50%;border: 4px solid #E3530F;animation: spinner-1 0.8s infinite linear alternate, spinner-2 1.6s infinite linear;}.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border-width: 0 }@keyframes spinner-1 {0% {clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%) }12.5% {clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%) }25% {clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%) }50% {clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%) }62.5% {clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%) }75% {clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%) }100% {clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%) }}@keyframes spinner-2 {0% {transform: scaleY(1) rotate(0deg) }49.99% {transform: scaleY(1) rotate(135deg) }50% {transform: scaleY(-1) rotate(0deg) }100% {transform: scaleY(-1) rotate(-135deg) }}