html,body{margin:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#faf8f2}body{display:grid;grid-template-columns:minmax(300px,min(38%,560px)) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:100vh;height:100dvh}#toolbar{grid-column:1 / -1}#editor,#canvas{min-height:0}#editor{border-right:1px solid #e0dbcd}@media(max-width:600px){body{grid-template-columns:minmax(0,1fr)}#editor{display:none;border-right:none;border-bottom:1px solid #e0dbcd}body[data-code=shown]{grid-template-rows:auto minmax(0,1fr) minmax(0,1fr)}body[data-code=shown] #editor{display:block}}