.sv-submit-progress {
  position: fixed;
  inset: 0;
  margin: auto;
  width: min(420px, calc(100% - 32px));
  min-width: calc(var(--sv-min-width) - 32px);
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  padding: 32px 24px;
  border: 1px solid rgba(50, 48, 45, .25);
  background: var(--sv-bg);
  color: #38302d;
  font: 400 13px/1.9 "Noto Serif KR", serif;
  letter-spacing: 0;
  text-align: center;
  overflow-y: auto;
  overscroll-behavior: contain;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.sv-submit-progress::backdrop { background: rgba(39, 30, 27, .45); }
.sv-submit-progress__spinner {
  display: block;
  width: 28px;
  height: 28px;
  margin: 0 auto 20px;
  border: 2px solid rgba(128, 119, 114, .2);
  border-top-color: #807772;
  border-radius: 50%;
  animation: sv-submit-progress-spin 1s linear infinite;
}
.sv-submit-progress__title { font-size: 16px; font-weight: 600; outline: none; }
.sv-submit-progress__message { margin-top: 12px; white-space: pre-line; }
.sv-submit-progress__count { margin-top: 16px; font-weight: 600; font-variant-numeric: tabular-nums; }
.sv-submit-progress__count[hidden] { display: none; }
@keyframes sv-submit-progress-spin { to { transform: rotate(360deg); } }
@media (max-width: 500px) { .sv-submit-progress { padding: 24px 16px; } }
@media (prefers-reduced-motion: reduce) { .sv-submit-progress__spinner { animation: none; } }