#codec-app {
	width: 960px;
	margin: 0 auto 40px;
}
#codec-app h1,
#codec-app h2 {
	text-align: center;
}
#codec-msg {
	min-height: 1.4em;
	color: #ffcc66;
}
#codec-plain,
#codec-cipher,
#codec-decoded,
#codec-md5,
#codec-sha1,
#codec-sha256,
#codec-base64,
#codec-url,
#codec-hex {
	width: 100%;
	box-sizing: border-box;
	font-size: 16px;
	padding: 6px 8px;
}
#codec-plain,
#codec-cipher {
	min-height: 90px;
}
.codec-row {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	margin: 8px 0;
}
.codec-row label {
	width: 72px;
	padding-top: 6px;
	flex-shrink: 0;
}
.codec-row textarea {
	flex: 1;
	min-height: 36px;
	resize: vertical;
}
.codec-actions {
	margin: 8px 0 16px;
}
#codec-encode,
#codec-decode,
.codec-copy,
#codec-algo {
	cursor: pointer;
	min-width: 72px;
	height: 32px;
}