.sprite-thumb {
  width: 32px;
  height: 32px;
  object-fit: contain;
  image-rendering: pixelated;
  background: var(--tblr-bg-surface-secondary);
  border-radius: 4px;
}
.sprite-box {
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tblr-bg-surface-secondary);
}
.sprite-box img {
  max-width: 80%;
  max-height: 80px;
  image-rendering: pixelated;
}
.sticky-actions {
  position: sticky;
  bottom: 0;
  margin-top: 1.5rem;
  padding: .75rem 0;
  background: var(--tblr-bg-surface);
  border-top: 1px solid var(--tblr-border-color);
  z-index: 10;
}
.raw-editor {
  min-height: 70vh;
  border: 0;
  font-size: 13px;
}
.ing-row[data-kind="quality"] .col-item input,
.ing-row[data-kind="liquid"] .col-item input,
.ing-row[data-kind="item"] .col-amount input {
  opacity: .35;
}
.markdown h3 { margin-top: 1.5rem; }
.markdown h4 { margin-top: 1.25rem; }
.markdown code { white-space: nowrap; }
.markdown pre code { white-space: pre; }