:root{
	--bg:#000;
	--panel:#0a0a0a;
	--cyan:#5ff;
	--magenta:#f5f;
	--white:#fff;
	--dim:#777;
}

body{
	background:var(--bg);
	color:var(--white);
	font-family:monospace;
	padding:16px;
}

.panel{
	border:1px solid var(--cyan);
	background:var(--panel);
	padding:12px 14px;
	display:inline-block;
	margin:0 10px 10px 0;
	vertical-align:top;
}

.panel-cyan{ border-color:var(--cyan); }
.panel-magenta{ border-color:var(--magenta); }

.panel-title{
	color:var(--cyan);
	font-weight:bold;
	margin-bottom:8px;
}

label{
	display:block;
	margin-bottom:8px;
}

input, select, button{
	background:#000;
	color:var(--white);
	border:1px solid var(--cyan);
	font-family:monospace;
	padding:4px 6px;
}

button{
	cursor:pointer;
	margin-right:6px;
}

button:hover{
	border-color:var(--magenta);
	color:var(--magenta);
}

.pad-switch{
	display:flex;
	gap:12px;
	margin-bottom:6px;
	font-size:12px;
}

.row{
	margin-top:8px;
}

.hint{
	color:var(--dim);
	font-size:12px;
	margin-top:6px;
	max-width:420px;
}

canvas{
	display:block;
	margin-top:10px;
	border:1px solid var(--cyan);
}

#kernelDump{
	margin-top:10px;
	color:var(--dim);
}

a {
	color: var(--cyan);
}