.person-card-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 12px;
}

.person-card > .person-card-actions {
  position: static;
}

.screenshot-button {
  display: block;
  width: 100%;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 10px;
  margin-top: 12px;
  overflow: hidden;
  background: #f8edda;
  cursor: pointer;
}

.screenshot-button img {
  display: block;
  width: 100%;
  max-height: 220px;
  object-fit: cover;
}

.upload-preview {
  display: grid;
  gap: 10px;
}

.upload-preview[hidden] {
  display: none;
}

.upload-preview img {
  width: 100%;
  max-height: 220px;
  object-fit: contain;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #f8edda;
}

body[data-theme="dark"] .screenshot-button,
body[data-theme="dark"] .upload-preview img {
  background: #0d0d0e;
}