.photo-mode-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.photo-mode-menu button{padding:8px;background:white;border:1px solid #dce3ee;border-radius:14px;text-align:left;color:#17243b}.photo-mode-menu button[aria-pressed=true]{border:2px solid #315efb;background:#f3f6ff}.photo-mode-menu img{height:105px;object-fit:cover;border-radius:9px;margin-bottom:8px}.photo-mode-menu b{display:block;padding:4px;font-size:16px}.photo-mode-menu button:disabled{opacity:.6}
#photoModeHelp{font-size:16px;line-height:1.75}#photoContext{padding:16px 20px;background:#f8fafc;margin:22px 0;border:1px solid #dce3ee}#photoContext legend{font-weight:750;font-size:16px}#photoContext legend small{display:inline;font-weight:400;font-size:13px;margin-left:8px}#photoContext label small{display:inline;font-weight:400}.photo-field-label{font-size:14px;font-weight:650;margin:12px 0 8px}.photo-field-label small{display:inline;font-weight:400}.photo-symptoms{display:flex;flex-wrap:wrap;gap:8px}.photo-symptoms label{display:flex;align-items:center;gap:6px;border:1px solid #dce3ee;background:white;border-radius:10px;margin:0;padding:9px 12px;font-size:14px}.photo-symptoms input{width:20px;height:20px;margin:0;flex-shrink:0}.photo-care-warning{background:#fff1e8;color:#873b1b;border:1px solid #efc6a9;border-radius:12px;padding:16px;font-size:15px;line-height:1.75}.photo-care-warning a{display:inline-block;font-weight:700;margin-top:8px;color:#873b1b}
.photo-care-references{font-size:13px;color:#536178}.photo-care-references a{display:inline-block;margin:4px 14px 8px 0;font-size:13px;color:#395787}.photo-history{border-top:1px solid #dce3ee;margin-top:25px;padding-top:18px}.photo-history>summary small{display:block;font-weight:400;margin-top:5px}.photo-history>button{margin:15px 0}#photoHistoryList>details{background:#f5f8fc;padding:16px;border-radius:12px}#photoHistoryList summary{font-size:15px;line-height:1.6}#photoHistoryList p{font-size:14px;line-height:1.8;white-space:pre-wrap}#photoAILogin{display:block;padding:14px 0;color:#315efb;font-weight:700}
@media(max-width:600px){.photo-mode-menu{gap:8px}.photo-mode-menu button{padding:6px;min-width:0}.photo-mode-menu img{height:72px;margin-bottom:4px}.photo-mode-menu b{font-size:14px;padding:4px 2px;white-space:nowrap}#photoContext{padding:14px}#photoContext legend small{display:block;margin:4px 0 0}.photo-symptoms{gap:6px}.photo-symptoms label{padding:9px;font-size:13px}.photo-care-warning{padding:13px;font-size:14px}}