.field-photo { margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--control);min-width:0; }
.field-photo [hidden] { display:none!important; }
.field-photo .fph-head { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.field-photo .fph-head b { font-size:14px;color:var(--ink); }
.field-photo .fph-head span,.photo-intro,.fph-privacy { font-size:11px;color:var(--ink-3);line-height:1.65; }
.photo-intro { margin:8px 0 12px; }
.photo-steps { display:flex;gap:14px;list-style:none;margin:0 0 16px;padding:0;font-size:10px;color:var(--ink-2); }
.photo-steps li { display:flex;align-items:center;gap:6px; }
.photo-steps li span { display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-variant-numeric:tabular-nums; }
.field-photo .fph-actions { display:flex;flex-wrap:wrap;gap:8px; }
.field-photo .fph-actions .pill { min-height:42px;white-space:normal;text-align:center;justify-content:center; }
.field-photo .fph-actions svg { width:16px;height:16px; }
.field-photo .fph-status { display:block;margin:10px 0 0;min-height:18px;font-size:11px;color:var(--ink-2);line-height:1.6;overflow-wrap:anywhere; }
.field-photo .fph-status.is-err { color:var(--orange,#a35a13); }
.field-photo progress { display:block;width:100%;height:5px;margin:10px 0;accent-color:var(--accent,#007aff);border:0;border-radius:4px;overflow:hidden; }
.field-photo .fph-preview { position:relative;margin-top:14px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line-soft);border-radius:12px;overflow:hidden; }
.field-photo .fph-preview img { display:block;width:100%;height:220px;object-fit:contain; }
.field-photo .fph-remove { position:static;inset:auto;justify-self:end;margin:0 10px 10px;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-size:11px;cursor:pointer;backdrop-filter:blur(12px); }
.field-photo .fph-ai { margin-top:14px;padding:0;background:transparent;border:0;color:var(--ink-2);font-size:12px;line-height:1.6; }
.photo-result-title { display:flex;justify-content:space-between;gap:12px;margin-bottom:7px; }
.photo-result-title b { color:var(--ink); }
.photo-result-title span { color:var(--ink-3);font-size:10px; }
.photo-scene { display:flex;gap:6px;flex-wrap:wrap;margin:10px 0; }
.photo-scene span { padding:3px 8px;border-radius:8px;background:var(--surface);font-size:10px;color:var(--ink-3); }
.photo-clues { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0; }
.photo-clue { display:flex;flex-direction:column;gap:7px;padding:12px;background:var(--surface);border:1px solid var(--line-soft);border-radius:12px;min-width:0; }
.photo-clue>div { display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px; }
.photo-clue>div span { font-size:10px;color:var(--ink-3); }
.photo-clue strong { color:var(--ink);font-size:12px; }
.photo-clue p { font-size:11px;margin:0;overflow-wrap:anywhere; }
.photo-clue small { color:var(--ink-3);font-size:9px; }
.photo-clue .pill { font-size:10px;min-height:38px;white-space:normal;justify-content:center;margin-top:auto; }
.photo-clue-state { display:block;color:var(--ink-3);font-size:10px; }
.photo-safety { padding:10px 12px;border-left:2px solid var(--orange,#b3741a);background:var(--surface);border-radius:4px 10px 10px 4px;font-size:11px; }
.photo-safety p { margin:4px 0 0; }
.photo-uncertain { padding:8px 0;font-size:11px; }
.photo-uncertain summary { cursor:pointer; }
.photo-uncertain ul { margin:7px 0;padding-left:18px; }
.photo-boundary,.photo-next,.photo-empty { font-size:10px;line-height:1.65;color:var(--ink-3);margin:10px 0; }
.photo-next { color:var(--ink-2); }
.field-photo .fph-privacy { margin:12px 0 0; }
.photo-manual-structures { padding-top:16px;margin-top:16px;border-top:1px solid var(--line); }
.photo-manual-structures>b { color:var(--ink);font-size:12px; }
.photo-manual-structures p { color:var(--ink-3);font-size:10px;line-height:1.6;margin:5px 0 9px; }
.field-photo button:focus-visible { outline:2px solid var(--accent,#007aff);outline-offset:3px; }
.field-photo button:disabled { opacity:.5;cursor:default; }
@media(max-width:600px) {
  .field-photo { padding:14px;border-radius:15px; }
  .photo-steps { gap:10px;flex-wrap:wrap; }
  .photo-clues { grid-template-columns:1fr; }
  .field-photo .fph-preview img { height:190px; }
  .field-photo .fph-actions .pill { flex:1 1 130px;min-height:44px; }
  .photo-clue .pill,.field-photo .fph-remove { min-height:44px; }
  .photo-manual-structures .field-chips { display:flex;flex-wrap:wrap;gap:7px; }
  .photo-manual-structures .field-chips button { flex:1 0 auto;min-height:44px; }
}