.prototype-dialog {
  padding: 0 var(--space-3) var(--space-3);
}

.prototype-dialog__intent {
  color: var(--color-text-muted);
}

.prototype-dialog__details {
  margin-top: var(--space-2);
  font-size: var(--text-sm);
  color: var(--color-text-subtle);
  overflow-wrap: anywhere;
}

.prototype-dialog__notice {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  margin-top: var(--space-5);
  padding: var(--space-3) var(--space-4);
  border: var(--border-width) dashed var(--color-border-strong);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}

.prototype-dialog__notice svg {
  margin-top: 1px;
  color: var(--color-status-pending);
}

.prototype-dialog__notice strong {
  font-weight: var(--weight-semibold);
  color: var(--color-text);
}

.prototype-dialog__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--space-6);
}