.app-save-status {
  position: fixed;
  left: 50%;
  bottom: calc(96px + env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%);
  z-index: 2147483000;
  width: max-content;
  max-width: calc(100% - 32px);
  box-sizing: border-box;
  padding: 10px 14px;
  border: 1px solid #c7d7ef;
  border-radius: 12px;
  background: #eef5ff;
  color: #184b92;
  box-shadow: 0 4px 16px #1027461a;
  font-size: var(--font-caption-1, 0.75rem);
  line-height: var(--leading-body-2, 1.5);
  text-align: center;
  overflow-wrap: anywhere;
  pointer-events: none;
}
.app-save-status[hidden] { display: none; }
.app-save-status[data-state="failed"] { background: #fff1f0; border-color: #f4bbb5; color: #a52a20; }
.app-save-status[data-state="saved"] { background: #eaf8ef; border-color: #b7dfc4; color: #24653b; }