/* Mobile on-device AI face landmark analysis */
.face-ai-action{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0 4px}
.face-ai-action .button{flex:1 1 220px}
.face-ai-status{flex:2 1 260px;min-height:48px;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(182,162,255,.17);border-radius:13px;background:#0e0a18;color:#aaa2bb;font-size:12px;line-height:1.55}
.face-ai-status::before{content:"AI";display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:50%;background:rgba(111,76,255,.16);color:#d9ceff;font-size:10px;font-weight:900;border:1px solid rgba(182,162,255,.2)}
.face-ai-status.loading::before{content:"";border:2px solid rgba(216,183,106,.22);border-top-color:#f1d99a;animation:faceAiSpin .8s linear infinite}
.face-ai-status.success{border-color:rgba(216,183,106,.36);color:#f1d99a;background:rgba(216,183,106,.05)}
.face-ai-status.error{border-color:rgba(219,104,112,.35);color:#ffb9bf;background:rgba(219,104,112,.05)}
@keyframes faceAiSpin{to{transform:rotate(360deg)}}
.face-preview{position:relative;overflow:hidden}
.face-preview img{display:block;width:100%;height:auto}
.face-ai-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.face-ai-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}
.face-ai-chip{padding:10px 12px;border:1px solid rgba(216,183,106,.16);border-radius:12px;background:rgba(255,255,255,.018);font-size:12px;color:#bcb3c8}
.face-ai-chip b{display:block;margin-bottom:3px;color:#f1d99a;font-size:11px}
.face-ai-privacy{margin:12px 0 0;padding:12px 14px;border-left:3px solid #d8b76a;background:rgba(216,183,106,.045);color:#aaa2bb;font-size:12px;line-height:1.7}
.face-ai-privacy strong{color:#f1d99a}
#faceForm .face-manual-field,#faceForm .face-manual-note{display:none}
.face-ai-result-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px;padding:17px;border:1px solid rgba(216,183,106,.2);border-radius:16px;background:linear-gradient(145deg,rgba(111,76,255,.12),rgba(216,183,106,.045))}
.face-ai-result-head strong{font-size:20px;color:#f1d99a}
.face-ai-result-head small{display:block;margin-top:4px;color:#aaa2bb}
.face-ai-confidence{flex:0 0 auto;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:5px solid rgba(216,183,106,.2);border-top-color:#d8b76a;color:#f1d99a;font-weight:900}
@media(max-width:700px){
  .face-ai-action{display:grid}.face-ai-action .button,.face-ai-status{width:100%}
  .face-ai-summary{grid-template-columns:1fr 1fr}
  .face-ai-result-head{align-items:flex-start}.face-ai-confidence{width:58px;height:58px}
}