.face-zoom-container[data-v-0973215c]{display:flex;flex-direction:column;align-items:center;min-height:100vh}[dir] .face-zoom-container[data-v-0973215c]{padding:20px}[dir=ltr] .face-zoom-container[data-v-0973215c]{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}[dir=rtl] .face-zoom-container[data-v-0973215c]{background:linear-gradient(-135deg, #667eea 0%, #764ba2 100%)}.video-wrapper[data-v-0973215c]{position:relative;width:640px;height:480px;overflow:hidden}[dir] .video-wrapper[data-v-0973215c]{background:#000;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.video-wrapper video[data-v-0973215c]{width:100%;height:100%;object-fit:cover}[dir] .video-wrapper video[data-v-0973215c]{border-radius:16px;transform:scaleX(-1)}[dir] .video-wrapper video.face-detected[data-v-0973215c]{box-shadow:0 0 20px rgba(102,126,234,.5)}.video-wrapper canvas[data-v-0973215c]{position:absolute;top:0;pointer-events:none}[dir=ltr] .video-wrapper canvas[data-v-0973215c]{left:0}[dir=rtl] .video-wrapper canvas[data-v-0973215c]{right:0}.loading-overlay[data-v-0973215c]{position:absolute;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}[dir] .loading-overlay[data-v-0973215c]{background:rgba(0,0,0,.8);border-radius:16px}[dir=ltr] .loading-overlay[data-v-0973215c]{left:0}[dir=rtl] .loading-overlay[data-v-0973215c]{right:0}.loading-overlay .loading-content[data-v-0973215c]{color:#fff}[dir] .loading-overlay .loading-content[data-v-0973215c]{text-align:center}.loading-overlay .loading-content p[data-v-0973215c]{font-size:16px;font-weight:500}[dir] .loading-overlay .loading-content p[data-v-0973215c]{margin:0}.face-box[data-v-0973215c]{position:absolute;pointer-events:none;transition:all .5s cubic-bezier(0.4, 0, 0.2, 1)}[dir] .face-box[data-v-0973215c]{border:3px solid lime;border-radius:8px;box-shadow:0 0 10px rgba(0,255,0,.5)}[dir=ltr] .face-box[data-v-0973215c]{animation:pulse-data-v-0973215c 2s infinite}[dir=rtl] .face-box[data-v-0973215c]{animation:pulse-data-v-0973215c 2s infinite}@keyframes pulse-data-v-0973215c{0%{box-shadow:0 0 10px rgba(0,255,0,.5)}50%{box-shadow:0 0 20px rgba(0,255,0,.8)}100%{box-shadow:0 0 10px rgba(0,255,0,.5)}}.controls[data-v-0973215c]{position:absolute;bottom:20px;display:flex;gap:10px;z-index:10}[dir=ltr] .controls[data-v-0973215c]{left:50%;transform:translateX(-50%)}[dir=rtl] .controls[data-v-0973215c]{right:50%;transform:translateX(50%)}.status-info[data-v-0973215c]{position:absolute;top:20px;z-index:10}[dir=ltr] .status-info[data-v-0973215c]{right:20px;text-align:right}[dir=rtl] .status-info[data-v-0973215c]{left:20px;text-align:left}.status-info .status-indicator[data-v-0973215c]{display:inline-block;font-size:14px;font-weight:600}[dir] .status-info .status-indicator[data-v-0973215c]{padding:8px 12px;border-radius:20px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.status-info .status-indicator.detected[data-v-0973215c]{color:lime}[dir] .status-info .status-indicator.detected[data-v-0973215c]{background:rgba(0,255,0,.2);border:1px solid lime}.status-info .status-indicator.not-detected[data-v-0973215c]{color:#f44}[dir] .status-info .status-indicator.not-detected[data-v-0973215c]{background:rgba(255,0,0,.2);border:1px solid #f44}.status-info .debug-info[data-v-0973215c]{color:#fff;font-family:monospace}[dir] .status-info .debug-info[data-v-0973215c]{margin-top:5px;padding:5px 10px;background:rgba(0,0,0,.5);border-radius:10px}@media(max-width: 768px){.video-wrapper[data-v-0973215c]{width:90vw;height:calc(90vw * 0.75);max-width:480px;max-height:360px}.controls[data-v-0973215c]{flex-direction:column;align-items:center;bottom:10px}.controls button[data-v-0973215c]{width:150px}[dir] .controls button[data-v-0973215c]{margin:2px 0}.status-info[data-v-0973215c]{top:10px}[dir=ltr] .status-info[data-v-0973215c]{right:10px}[dir=rtl] .status-info[data-v-0973215c]{left:10px}.status-info .status-indicator[data-v-0973215c]{font-size:12px}[dir] .status-info .status-indicator[data-v-0973215c]{padding:6px 10px}}

#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}
[dir] #app {
  text-align: center;
  margin-top: 60px;
}


/*# sourceMappingURL=chunk-29a48914.ddb0c94d.css.map*/