html {
  background: #f8fafc;
}

body {
  margin: 0;
  padding: 1rem;
  background: #f8fafc;
}

button,
input {
  font: inherit;
}

#file-checker-drop-zone {
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

#file-checker-drop-zone.drag-over {
  border-color: #3b82f6 !important;
  background-color: #eff6ff;
}

#file-checker-result-icon {
  font-size: 3.25rem !important;
  margin-bottom: 0.75rem !important;
}

#file-checker-result-view h3 {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  font-size: 1rem;
  line-height: 1.45;
}

#file-checker-result-view img.emoji,
#file-checker-result-view .emoji {
  display: inline-block !important;
  width: 1.15em !important;
  height: 1.15em !important;
  max-width: 1.15em !important;
  max-height: 1.15em !important;
  margin: 0 !important;
  vertical-align: -0.18em !important;
  object-fit: contain;
}