* {
	box-sizing:border-box;
}
body {
	margin:0;
	padding:0;
	font-family:"Verdana";
	line-height:1.8;
	font-size:16px;
}
body.output {
	background:#ffe;
}
#heading {
	color:white;
	background:linear-gradient(to right,#000,#888);
	font-size:18px;
	font-weight:bold;
	height:50px;

	display:flex;
	justify-content:space-between;
	align-items:stretch;
}
#heading .heading-left{
	display:flex;
	justify-content:space-between;
	align-items:stretch;
}
/* mode-switch */
.mode-switch{
	width:60px;
	font-size:24px;
	color:yellow;
	background-color:rgba(255,255,255,0.3);
	text-decoration:none;
	text-align:center;
	cursor:pointer;

	display:flex;
	justify-content:center;
	align-items:center;
}
.heading-title{
	padding:0 20px;

	display:flex;
	justify-content:center;
	align-items:center;
}
#heading .heading-right{
}
/* updown */
.updown{
	width:60px;
	font-size:24px;
	color:yellow;
	background-color:rgba(0,0,0,0.3);
	text-decoration:none;
	text-align:center;
	cursor:pointer;

	display:flex;
	justify-content:center;
	align-items:center;
}
#main {
	margin:0 auto;
	max-width:800px;
	padding-bottom:20px;
}
#footer {
	height:60px;
	background:linear-gradient(to right,#000,#888);
	cursor:pointer;
}
.output #heading,
.output #footer {
	background:linear-gradient(to right,#885500,#FFA500);
}
/* panel */
.panel{
	margin-bottom:20px;
	padding:15px;
	font-family:"Courier New";
	font-size:120%;
	line-height:1.2;
}
.panel[data-ltype="sample"]{
	background:#eee;
	border:2px solid #ccc;
	border-width:2px 0;
}
@media (min-width:650px) {
	.panel[data-ltype="sample"]{
		border-width:2px;
	}
}
/* html */
.panel[data-ltype="html"]{
	background-color:#fee;
	border:2px solid #fcc;
	overflow-x:auto;
}
/* params */
.panel[data-ltype="params"]{
	background-color:#eef;
	border:2px solid #ccf;
	overflow-x:auto;
}
/* stats */
.panel[data-ltype="stats"]{
	background-color:#dfd;
	border:2px solid #aea;
	overflow-x:auto;
}
/* error */
.panel-error{
	color:white;
	background-color:red!important;
}
/* status */
.panel[data-ltype="status"]{
	background-color:#ede;
	border:2px solid #fbf;
	overflow-x:auto;
}
/* version-code */
.version-code{
	display:block;
	margin:0;
	padding:5px 15px;
	font-size:20px;
	color:white;
	background-color:#555;
	text-decoration:none;
}