body { margin: 0; font: 16px system-ui, sans-serif; background: #edf2f6; color: #182533; }
main { max-width: 44rem; margin: auto; padding: 1rem; }
h1 { font-size: 1.5rem; }
label { display: block; margin: 0.7rem 0; }
input[type=number] { width: 6rem; }
button, select, input { font: inherit; padding: 0.5rem; }
button { margin: 0.3rem 0.3rem 0.3rem 0; }
details { margin: 1rem 0; }
canvas { display: block; width: 100%; max-height: 70vh; }
#lab-overlay { display: none; }
#lab-overlay:fullscreen, body.running #lab-overlay { display: block; }
.toolbar { position: absolute; bottom: 0; left: 0; right: 0; padding: 0.3rem; background: #edf2f6; font-size: 13px; }
body.running main { display: none; }

textarea { box-sizing: border-box; width: 100%; font: inherit; }
#lab-overlay { position: fixed; inset: 0; touch-action: none; }
body.running .toolbar { background: rgba(12,20,30,.65); color: white; }
body.running #lab-live { display: none; }