/* Standalone fallback when version history is opened outside the editor shell. */
.version-history-standalone {
  --workspace-blue-50: #eef6ff;
  --workspace-blue-100: #dbeafe;
  --workspace-blue-200: #bfdbfe;
  --workspace-blue-600: #0b6bdc;
  --workspace-blue-700: #095ab9;
  --workspace-ink-950: #17202a;
  --workspace-ink-900: #202a35;
  --workspace-ink-700: #4c5967;
  --workspace-ink-600: #667382;
  --workspace-ink-500: #84909d;
  --workspace-ink-200: #dce1e7;
  --workspace-ink-150: #e8ebef;
  --workspace-ink-100: #f0f2f5;
  --workspace-ink-50: #f7f8fa;
  --workspace-green-700: #1d6a3d;
  width: min(100% - 32px, 720px);
  margin: 40px auto;
  overflow: hidden;
  border: 1px solid var(--workspace-ink-200);
  border-radius: 14px;
  background: #fffefd;
  color: var(--workspace-ink-900);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.version-history-standalone > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--workspace-ink-150);
  padding: 20px;
}
.version-history-standalone > header p,
.version-history-standalone > header h1,
.version-history-standalone > header span {
  display: block;
  margin: 0;
}
.version-history-standalone > header p {
  color: var(--workspace-blue-700);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}
.version-history-standalone > header h1 {
  margin-top: 2px;
  font-size: 21px;
}
.version-history-standalone > header span {
  margin-top: 3px;
  color: var(--workspace-ink-600);
  font-size: 12px;
}
.version-history-standalone .version-history-current,
.version-history-standalone .version-history-scroll,
.version-history-standalone .version-history-footer,
.version-history-standalone .version-history-state {
  padding: 18px 20px;
}
.version-history-standalone .version-history-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 12px;
  padding: 12px 0;
}
.version-history-standalone .version-history-copy p {
  margin: 4px 0 0;
}
.version-history-standalone :is(.version-history-secondary, .version-history-preview) {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  border: 1px solid var(--workspace-ink-200);
  border-radius: 9px;
  padding: 8px 12px;
  color: var(--workspace-blue-700);
  text-decoration: none;
}