.save-hint {
  margin: 12px 2px 4px;
  color: var(--muted);
  font-size: 13px;
  text-align: right;
}

.save-hint.ready,
.save-hint.saving {
  color: #285b48;
  font-weight: 700;
}

.save-hint.failed {
  color: #a33c38;
  font-weight: 700;
}

.save-success-toast {
  position: fixed;
  right: 28px;
  bottom: 92px;
  z-index: 60;
  max-width: 390px;
  box-shadow: 0 18px 48px rgba(25, 36, 73, .2);
}

@media (max-width: 850px) {
  .save-hint { text-align: left; }
  .save-success-toast { right: 16px; bottom: 82px; left: 16px; max-width: none; }
}