.responsive-container{width:100%;max-width:740px;max-height:90vh;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;padding:20px}@media (max-width:768px){.responsive-container{width:95%;padding:15px;min-height:350px}.recording-indicator{font-size:12px!important;padding:6px 10px!important}}@media (max-width:480px){.responsive-container{width:95%;padding:10px;min-height:300px}.recording-indicator{font-size:11px!important;padding:4px 8px!important}}@media screen and (orientation:landscape) and (max-height:500px){.responsive-container{max-height:95vh;min-height:300px}}.face-liveness-container{width:100%;max-width:720px;min-height:360px;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width:768px){.face-liveness-container{max-width:100%;min-height:320px;padding:12px}}@media (max-width:480px){.face-liveness-container{min-height:280px;padding:10px}}.responsive-alert{width:100%;max-width:500px}@media (max-width:480px){.responsive-alert{width:95%;max-width:100%}}.orientation-warning{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);color:white;flex-direction:column;align-items:center;justify-content:center;z-index:9999;text-align:center;padding:20px}.orientation-warning.show{display:flex}.orientation-icon{font-size:4rem;margin-bottom:20px}@viewport{width:device-width;initial-scale:1;maximum-scale:1}@media screen and (orientation:landscape){body{overflow-x:auto}}