.ttais-save-status {
  position: fixed;
  inset: auto 1rem 1rem auto;
  z-index: 1600;
  display: flex;
  align-items: center;
  gap: .75rem;
  width: min(32rem, calc(100vw - 2rem));
  padding: .9rem 1rem;
  border: 1px solid #96a6b8;
  border-radius: .8rem;
  background: #f7faff;
  color: #142a42;
  box-shadow: 0 .3rem 1.5rem #00162a26;
  font-size: .9rem;
}
.ttais-save-status[hidden], .ttais-save-status [hidden] { display: none; }
.ttais-save-status[data-phase="saved"] { border-color: #43855b; }
.ttais-save-status[data-phase="failed"], .ttais-save-status[data-phase="uncertain"] { border-color: #aa5f15; background: #fff8ef; color: #653a12; }
.ttais-save-status button { margin-left: auto; flex-shrink: 0; border: 0; background: transparent; color: inherit; padding: .4rem; text-decoration: underline; cursor: pointer; }
.ttais-save-progress { width: 1rem; height: 1rem; flex: 0 0 1rem; border: 2px solid #adc3d9; border-top-color: #184d80; border-radius: 50%; animation: ttais-saving 1s linear infinite; }
@keyframes ttais-saving { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .ttais-save-progress { animation: none; } }