body{
	font-family:sans-serif;
	background: #eee;
	color: #444;
	font-weight: 300;
	font-size: 14px;
}
textarea, input{
	font-size: 14px;
}
a{
	color: #444;
}
*{
	margin: 0;
	padding: 0;
}
label{
	cursor: pointer;
}
.wrap{
	display: flex;
}
.wrap > div{
	height: calc(100vh - 80px);
}

h5, h6{
	margin-bottom: 10px;
}


#input,
#output{
	width: calc(50% - 130px);
	padding: 20px;
	margin: 10px;
	background: #fff;
	resize: none;
	/*white-space: nowrap;*/
}


#settings{
	width: 200px;
	padding: 20px;
}
.append-prepend input{
	padding: 5px;
	display: block;
	width: calc(100% - 10px);
}
#append{
	text-align: right;
}
.setting-group{
	display: block;
	padding: 20px 0;
	border-top: 1px solid rgba(0,0,0,0.2);
}
.setting-group:first-child{
	border-top:none;
}
.setting-group > div{
	margin-bottom: 8px;
}
footer{
	height: 20px;
	padding: 5px 20px 10px;
	text-align:right;
}