.font-preview svg {
  width: 100%;
  height: 82px;
  display: block;
  overflow: visible;
}

.font-preview svg path { fill: #0d0d0c; }

.font-loading,
.font-error {
  color: #77746b;
  font: 11px Tahoma, Arial, sans-serif;
}

.font-error { color: #9d2d1f; }

#artboard {
  min-height: 0 !important;
  max-width: 100%;
  transition: aspect-ratio .18s ease;
}

@media (max-width: 767.98px) {
  html { -webkit-text-size-adjust: 100%; }
  body { overflow-x: hidden; }
  .font-preview { height: 82px; }
  .settings-panel .card-body { padding: 20px !important; }
}