button.ai {
	font-size: 14pt;
	display: block;
	margin: 1em auto;
	text-decoration: none;
	padding: 0.5em;
	border: 1px solid #ccc;
	border-radius: 7px;
}

button.ai:hover {
	background: #222;
}

button.ai:disabled {
	background: #333;
	color: #aaa;
	cursor: not-allowed;
}

p.error {
	text-align: center;
	color: #f55;
}

hr {
	margin-top: 2.5em;
	transition: all 0.25s;
}

hr.loading {
	width: 25px;
	animation: spin 1s linear;
	animation-delay: 0.25s;
	animation-iteration-count: infinite;
}

hr.not-loading {
	width: 100%;
}

@keyframes spin {
	from { transform: rotate(0); }
	to   { transform: rotate(360deg); }
}

.ai-image {
	max-width: 100%;
}

div.selections {
  margin-top: 1em;
  display: flex;
  justify-content: space-evenly;
}

div.selections select {
  padding: 0.5em;
  border-radius: 7px;
  background: #fff;
}