.face-photo-workspace{display:grid;gap:16px}.face-photo-workspace h2{margin:0}.face-photo-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.face-photo-actions{display:flex;gap:10px;flex-wrap:wrap}.face-photo-note{margin:0;color:var(--text-muted,#64748b);font-size:.88rem;line-height:1.65}.face-photo-disclosure{margin:0;padding:14px 16px;border:1px solid #bae6fd;border-radius:12px;background:#f0f9ff;color:#075985;line-height:1.65;font-size:.9rem}.face-photo-status{margin:0;min-height:1.5em;font-size:.92rem}.face-photo-error{color:#b91c1c}.face-photo-canvas{max-width:100%;height:auto;width:auto;max-height:750px;border:1px solid #bae6fd;border-radius:10px;cursor:crosshair;touch-action:none;background:repeating-conic-gradient(#f1f5f9 0% 25%,white 0% 50%) 50%/16px 16px}.face-photo-regions{display:grid;gap:10px}.face-photo-region{margin:0;padding:12px 14px;border:1px solid #dbeafe;border-radius:10px;display:flex;align-items:end;gap:14px;flex-wrap:wrap}.face-photo-region legend{padding:0 6px;font-size:.87rem;color:#0369a1;font-weight:600}.face-photo-region>.field{display:flex;align-items:center;gap:8px;flex-direction:row-reverse}.face-photo-region input[type=checkbox]{width:18px;height:18px;accent-color:#0284c7}.face-photo-coordinates{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:10px;flex:1}.face-photo-coordinates .field{font-size:.82rem}.face-photo-coordinates input{width:100%;min-width:0}.face-photo-output{padding:16px;border:1px solid #bae6fd;background:#f8fcff;border-radius:12px;display:grid;gap:12px;justify-items:start}.face-photo-output[hidden],.face-photo-canvas[hidden]{display:none}.face-photo-result-image{max-width:100%;max-height:600px;object-fit:contain;border-radius:8px}