.insp-result-photo-picker {
  padding: 16px;
  margin: 12px 0;
  border: 1.5px solid currentColor;
  border-radius: 14px;
  color: var(--text);
  background: var(--surface);
}
/* Match the surrounding outlined cards without changing photos or action colors. */
.insp-guesser #insp-url-result-wizard,
.insp-guesser .insp-result-photo-picker {
  background: transparent;
}
.insp-guesser #insp-ai-results div:not(.btn):not(.btn *),
.insp-guesser #insp-ai-results li {
  color: var(--transparent-content-ink, var(--text)) !important;
}
.insp-result-photo-picker h3 { margin: 0 0 8px; font-size: 17px; }
.insp-result-photo-picker p { margin: 8px 0; font-size: 13px; line-height: 1.5; }
.insp-result-photo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 12px;
  margin: 14px 0;
}
.insp-result-photo {
  padding: 5px;
  border: 1px solid currentColor;
  border-radius: 10px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  min-width: 0;
}
.insp-result-photo.is-selected { outline: 3px solid currentColor; outline-offset: 2px; }
.insp-result-photo:focus-visible { outline: 3px dashed currentColor; outline-offset: 3px; }
.insp-result-photo img {
  width: 100%;
  height: 560px;
  object-fit: contain;
  display: block;
  border-radius: 6px;
}
.insp-result-photo span { display: block; padding: 8px 2px; font-size: 13px; font-weight: 700; }
.insp-result-upload { display: block; font-size: 13px; line-height: 1.5; }
.insp-result-upload input { display: block; max-width: 100%; margin-top: 8px; padding: 8px 0; }
.insp-saved-identification { font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.insp-saved-identification summary { cursor: pointer; padding: 10px 0; font-weight: 700; }
.insp-saved-identification dl { margin: 4px 0; }
.insp-saved-identification dt { font-weight: 700; }
.insp-saved-identification dd { margin: 0 0 8px 12px; }
#insp-result-save:disabled { cursor: not-allowed; opacity: .6; transform: none; }

#insp-url-result-wizard {
  padding: 14px;
  margin-top: 12px;
  border-radius: 12px;
  background: var(--surface);
  color: var(--text);
  scroll-margin-top: 100px;
}
#insp-url-result-wizard .insp-result-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 18px;
}
#insp-url-result-wizard [role="tab"] {
  flex: 1 1 120px;
  min-height: 44px;
  padding: 8px 10px;
  background: transparent;
  color: inherit;
  border: 1px solid currentColor;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
#insp-url-result-wizard [role="tab"][aria-selected="true"] {
  border-width: 2px;
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 4px;
}
#insp-url-result-wizard :focus-visible { outline: 2px dashed currentColor; outline-offset: 3px; }
#insp-url-result-wizard .wizard-step {
  overflow-wrap: anywhere;
  line-height: 1.6;
}
#insp-url-result-wizard .wizard-step :is(div, li, td, th) {
  color: var(--text) !important;
  font-size: 13px !important;
}
#insp-url-result-wizard .wizard-actions {
  position: static;
  margin-top: 18px;
  padding: 12px 0 0;
  box-shadow: none;
}
#insp-url-result-wizard .wizard-progress { position: static; box-shadow: none; }
#insp-url-result-wizard .wizard-action-hint { font-size: 12px; }
#insp-url-result-wizard .insp-result-photo-picker { padding: 10px; }
@media (max-width: 480px) {
  #insp-url-result-wizard { padding: 10px; }
  #insp-url-result-wizard .wizard-action-hint { display: none; }
  #insp-url-result-wizard .wizard-actions { grid-template-columns: 1fr 1fr; }
  #insp-url-result-wizard .wizard-actions .btn { min-width: 0; }
}