.face-tracker{background:#f0f0f0;border:3px solid #ff8c42;border-radius:50%;width:128px;height:128px;transition:transform .1s ease-out,box-shadow .1s ease-out;position:relative;overflow:hidden;box-shadow:0 0 0 2px #ff8c4233,0 6px 20px #ff8c4280,0 2px 8px #0000004d,inset 0 3px 6px #ffffff4d,inset 0 -3px 6px #0003}.face-tracker:hover{transform:scale(1.05);box-shadow:0 0 0 2px #ff8c424d,0 8px 24px #ff8c4299,0 4px 12px #0006,inset 0 3px 6px #ffffff4d,inset 0 -3px 6px #0003}.face-image{object-fit:contain;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;will-change:contents;transition:opacity 50ms ease-out}.face-loading{color:#666;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.face-tracker-error{color:#e74c3c;background:#fdf2f2;border:1px solid #f5c6cb;border-radius:4px;justify-content:center;align-items:center;height:200px;padding:20px;display:flex}.face-debug{color:#fff;background:#000c;border-radius:4px;padding:8px 12px;font-family:monospace;font-size:12px;line-height:1.4;position:absolute;top:10px;left:10px}