.head-extraction[data-v-5ef62c5e]{position:relative;width:100%}.error-state[data-v-5ef62c5e],.loading-state[data-v-5ef62c5e]{padding:40px 20px;text-align:center}.loading-spinner[data-v-5ef62c5e]{animation:spin-5ef62c5e 1s linear infinite;border:4px solid #dfe3e6;border-radius:50%;border-top-color:#ff3166;height:40px;margin:0 auto 20px;width:40px}@keyframes spin-5ef62c5e{to{transform:rotate(1turn)}}.progress-bar[data-v-5ef62c5e]{background:#dfe3e6;border-radius:4px;height:8px;margin-top:20px;overflow:hidden;width:100%}.progress-fill[data-v-5ef62c5e]{background:#ff3166;height:100%;transition:width .3s ease}.error-state .error-message[data-v-5ef62c5e]{color:#e12151;margin-bottom:20px}.error-state button[data-v-5ef62c5e]{background:#ff3166;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px}.error-state button[data-v-5ef62c5e]:hover{background:#e12151}.interface[data-v-5ef62c5e]{position:relative}.debug-toggle[data-v-5ef62c5e]{background:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:12px}.debug-toggle label[data-v-5ef62c5e]{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px}.debug-toggle label input[type=checkbox][data-v-5ef62c5e]{cursor:pointer;height:18px;width:18px}.debug-legend[data-v-5ef62c5e]{border-top:1px solid #dee2e6;display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:12px}.legend-item[data-v-5ef62c5e]{align-items:center;color:#495057;display:flex;font-size:12px;gap:6px}.color-box[data-v-5ef62c5e]{border-radius:2px;display:inline-block;height:16px;width:16px}.preview-grid-top[data-v-5ef62c5e]{align-items:flex-start;display:flex;gap:20px;margin-bottom:20px;padding-right:20px}@media(max-width:768px){.preview-grid-top[data-v-5ef62c5e]{flex-direction:column;gap:30px;padding-right:0}}.preview-grid-bottom[data-v-5ef62c5e]{display:flex;justify-content:flex-start;padding-right:20px}@media(max-width:768px){.preview-grid-bottom[data-v-5ef62c5e]{padding-right:0}}.camera-container[data-v-5ef62c5e]{display:flex;flex-direction:column;flex-shrink:0;max-width:50%;width:640px}@media(max-width:768px){.camera-container[data-v-5ef62c5e]{max-width:100%;width:100%}}.video-wrapper[data-v-5ef62c5e]{align-items:center;background:color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:0;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.vignette-overlay[data-v-5ef62c5e]{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:4}.start-camera-btn[data-v-5ef62c5e]{background:#ff3166;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;left:50%;padding:12px 24px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.start-camera-btn[data-v-5ef62c5e]:hover{background:#e12151}.resolution-display[data-v-5ef62c5e]{background:#000;color:#fff;font-family:monospace;font-size:12px;padding:4px 8px}.resolution-display[data-v-5ef62c5e],.validation-message[data-v-5ef62c5e]{left:0;position:absolute;top:0;z-index:10}.validation-message[data-v-5ef62c5e]{animation:slideDown-5ef62c5e .3s ease-out;background:var(--color-secondary);color:#000;font-size:14px;padding:12px 16px;right:0;text-align:center}@keyframes slideDown-5ef62c5e{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.result-container[data-v-5ef62c5e]{display:flex;flex-direction:column;flex-shrink:0;max-width:33%;width:640px}@media(max-width:768px){.result-container[data-v-5ef62c5e]{max-width:100%;width:100%}}.result-wrapper[data-v-5ef62c5e]{align-items:center;background-color:#fff;background-image:linear-gradient(45deg,#dfe3e6 25%,transparent 0),linear-gradient(-45deg,#dfe3e6 25%,transparent 0),linear-gradient(45deg,transparent 75%,#dfe3e6 0),linear-gradient(-45deg,transparent 75%,#dfe3e6 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:1px solid #000;border-radius:0;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.result-placeholder[data-v-5ef62c5e]{color:#000;font-size:14px;padding:40px 20px;text-align:center}.normalized-container[data-v-5ef62c5e]{display:flex;flex-direction:column;flex-shrink:0;max-width:600px;width:100%}@media(max-width:768px){.normalized-container[data-v-5ef62c5e]{max-width:100%}}.normalized-wrapper[data-v-5ef62c5e]{align-items:center;background-color:#fff;background-image:linear-gradient(45deg,#dfe3e6 25%,transparent 0),linear-gradient(-45deg,#dfe3e6 25%,transparent 0),linear-gradient(45deg,transparent 75%,#dfe3e6 0),linear-gradient(-45deg,transparent 75%,#dfe3e6 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:1px solid #000;border-radius:0;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.normalized-placeholder[data-v-5ef62c5e]{color:#000;font-size:12px;padding:20px;text-align:center}.normalized-canvas[data-v-5ef62c5e]{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.normalized-info[data-v-5ef62c5e]{color:#666;font-family:monospace;font-size:11px;margin-top:8px}.normalized-info p[data-v-5ef62c5e]{margin:2px 0}.camera-preview[data-v-5ef62c5e]{display:block;opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1);width:100%}.camera-preview[data-ready=true][data-v-5ef62c5e]{opacity:1}.face-overlay[data-v-5ef62c5e]{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.debug-info[data-v-5ef62c5e]{background:#ff0;color:#000;font-size:10px;padding:4px;text-align:left;width:100%}.result-canvas[data-v-5ef62c5e]{display:block;transition:opacity .1s ease-in;width:100%}.result-canvas.canvas-loading[data-v-5ef62c5e]{opacity:0}.controls[data-v-5ef62c5e]{flex-wrap:wrap;margin-bottom:20px}.controls[data-v-5ef62c5e],.result-actions[data-v-5ef62c5e]{display:flex;gap:12px}.processing-overlay[data-v-5ef62c5e]{align-items:center;background:#202022e6;border-radius:0;color:#fff;display:flex;flex-direction:column;justify-content:center;inset:0;position:absolute}.processing-overlay p[data-v-5ef62c5e]{font-size:18px;margin-top:20px}