body {
	background-color:#333;
	color:#fff;
}

#data, #preview {
	display:inline-block;
	vertical-align:top;
	
	margin:1rem;
}

h2 {
	margin:0;
	padding:0.5rem 0;
}

#preview >div {
	min-width:256px;
	padding:1rem;
	
	text-align:center;
	
	background-color:#ffc;
	color:#333;
}
#preview >div >h3 {
	margin:0;
	padding:0.25rem 0;
	
	width:256px;
	word-break:break-all;
}
#preview >div >img {
	max-width:256px;
	max-height:512px;
}


label {
	display:block;
	margin:1rem 0 0.25rem;
}

input {
	display:block;
	margin:0.25rem 0 1rem;
}

label em {
	font-size:75%;
	opacity:0.75;
}

input[readonly] {
	font-style: italic;
	opacity:0.75;
}