<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html {
	font-size:62.5%;
}
body {
	font-family:sans-serif;
	font-size:1.6rem;
	margin:0;
	background-color:rgb(255,255,255);
}
h1,h2,h3,h4,h5,h6 {
	margin:0.25em 0;
	padding:0.5em 0;
	text-align:initial;
	background:rgb(240,240,240);
}
button,
label,
a[download] {
	font-family:inherit;
	font-size:1em;
	line-height:1em;
	vertical-align:middle;
	box-sizing:border-box;
	padding:0.25em 0.5em;
	background-color:rgb(245,245,245);
	border-style:solid;
	border-width:1px;
	border-color:rgb(230,230,230);
	cursor:pointer;
}
input[type='file'] {
	position:absolute;
	width:0;
	opacity:0;
	z-index:-1;
}

/*\

layout

\*/

@media screen and (min-width:740px) {
	main {
		position:fixed;
		top:0;
		left:0;
		width:calc(100% - 400px);
		height:100%;
	}
	aside {
		position:fixed;
		right:0;
		top:0;
		width:400px;
		height:100%;
		overflow:auto;
		background-color:rgb(250,250,250);
	}
}

/*\

custom

\*/

canvas {
	display:block;
	image-rendering:optimizeSpeed;
	image-rendering:pixelated;
	width:160px;
	height:160px;
	margin:160px auto;
	outline-style:solid;
	outline-width:80px;
	outline-color:#000000;
	cursor:crosshair;
}</pre></body></html>