:root {
  color-scheme: dark;
}

body {
  margin: 0;
  padding: 1.5rem;
  display: grid;
  gap: 1rem;
  justify-items: start;
  align-content: start;
  background: #212121;
  color: #e6e6ea;
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.4;
}

#preview {
  inline-size: min(100%, 28rem);
  aspect-ratio: 4 / 3;
  border-radius: 0.5rem;
  background: #111;
  object-fit: cover;
}

#stop:disabled {
  opacity: 0.5;
}

#status {
  margin: 0;
  min-block-size: 1.4em;
  color: #a9adbb;
}

#event-log {
  margin: 0;
  inline-size: 100%;
  min-block-size: 6em;
  overflow: auto;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 0.8125rem;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}