#editor {
  min-height: calc(100vh - 75px);
  padding-bottom: 100px;
  resize: none;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 1rem;
  border: none;
  outline: none;
  box-shadow: none;
}
#editor:focus { box-shadow: none; }
.preview-content { min-height: calc(100vh - 75px); padding-bottom: 100px; }
.bottom-actions {
  position: fixed;
  bottom: 24px;
  left: 24px;
  z-index: 1050;
  display: flex;
  gap: 0.4rem;
}
.bottom-actions .btn {
  background-color: rgba(33, 37, 41, 0.6);
  color: #fff;
  border-color: transparent;
  font-size: 1.1rem;
  padding: 0.4rem 0.6rem;
}
.bottom-actions .btn:hover {
  background-color: rgba(33, 37, 41, 0.9);
  color: #fff;
  border-color: transparent;
}
[data-bs-theme="dark"] .markdown-body {
  background: transparent;
}
[data-bs-theme="dark"] .logo-invertible {
  filter: invert(1);
}
[data-bs-theme="dark"] .bottom-actions .btn {
  background-color: rgba(222, 226, 230, 0.85);
  color: #212529;
}
[data-bs-theme="dark"] .bottom-actions .btn:hover {
  background-color: rgba(222, 226, 230, 1);
  color: #212529;
}
@media print {
  nav, #editor, .bottom-actions { display: none !important; }
  .preview-content { min-height: auto; }
  body { zoom: 0.8; }
}