:root {
  --tblr-primary: #ffcc00;
  --tblr-primary-rgb: 255, 204, 0;
  --tblr-primary-fg: #1a1a1a;
}

.navbar-brand-text {
  letter-spacing: 0.04em;
}

.status-dot {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  display: inline-block;
}

.preview-frame {
  width: 100%;
  min-height: 480px;
  border: 1px solid var(--tblr-border-color);
  border-radius: 0.5rem;
  background: #fff;
}

.preview-image {
  max-width: 100%;
  border-radius: 0.5rem;
  border: 1px solid var(--tblr-border-color);
}

.json-view {
  max-height: 420px;
  overflow: auto;
  font-size: 0.75rem;
}

.copy-id {
  font-family: var(--tblr-font-monospace);
}