.face-capture-dialog{width:min(700px,calc(100vw - 28px));max-height:92dvh;overflow:auto;padding:24px}.face-capture-preview{position:relative;background:#242422;border-radius:16px;overflow:hidden;max-width:480px;margin:16px auto;aspect-ratio:4/3}.face-capture-preview video{width:100%;height:100%;object-fit:contain}.face-capture-preview video.is-live{transform:scaleX(-1)}.face-capture-oval{position:absolute;inset:8% 25%;border:1px solid #ffffff70;border-radius:50%;pointer-events:none}.face-capture-coach{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;padding:14px;color:#fff;background:linear-gradient(transparent 45%,#000b)}.face-capture-coach[hidden]{display:none}#faceGuideArrow{font-size:48px;line-height:1;position:absolute;top:12px;right:24px;color:#fff}#faceGuideText{font-size:15px;font-weight:500;text-align:center;line-height:1.5}#faceGuideProgress{--progress:0%;height:3px;background:linear-gradient(to right,#e8dfc9 var(--progress),#ffffff40 var(--progress));width:80%;margin:12px 0}#faceGuideSteps{display:flex;justify-content:center;gap:12px;font-size:11px}#faceGuideSteps span{opacity:.45}#faceGuideSteps [data-state=current]{opacity:1}#faceGuideSteps [data-state=done]{opacity:.8;color:#ddd4bd}.face-capture-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.face-capture-thumbs{display:flex;gap:12px;margin:14px 0;flex-wrap:wrap}.face-capture-thumbs figure{margin:0;width:100px}.face-capture-thumbs img{width:100%;aspect-ratio:4/5;object-fit:contain;background:var(--surface,#f3f0e9);border-radius:10px}.face-capture-thumbs figcaption{font-size:12px;margin-top:4px}#faceCaptureSaved{margin-top:16px}#faceCaptureCameraHint{padding:10px 12px;background:var(--surface,#f3f0e9);border-radius:10px}@media(max-width:520px){.face-capture-dialog{padding:16px}.face-capture-actions button,.face-capture-actions label{font-size:13px}.face-capture-thumbs figure{width:calc((100% - 24px)/3)}#faceGuideText{font-size:13px}#faceGuideSteps{gap:8px}}

.face-capture-preview[data-state="empty"]{background:var(--surface,#f3f0e9);color:var(--text,#3e382f)}.face-capture-placeholder{min-height:240px;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px;text-align:center}.face-capture-placeholder strong{font-size:16px;font-weight:500}.face-capture-placeholder span{font-size:13px;line-height:1.7;max-width:270px;opacity:.7}.face-capture-preview [hidden]{display:none}.face-capture-preview[data-state="empty"]{aspect-ratio:4/3}

#faceCaptureSystemButton.primary{order:-1}