:root { color-scheme: dark; font-family: system-ui, sans-serif; }
body { margin: 0; background: #171717; color: #eee; }
main { max-width: 900px; margin: 0 auto; padding: 18px; }
.toolbar { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 14px; }
.toolbar strong { margin-right: 10px; }
button, input { font: inherit; }
button { padding: 5px 9px; cursor: pointer; }
input#page { width: 6em; padding: 5px 7px; }
.check { margin-left: 6px; }
#screenWrap { width: min(100%, 768px); background: #000; box-shadow: 0 0 0 1px #444, 0 12px 32px #0009; }
#screen { display: block; width: 100%; height: auto; aspect-ratio: 1.1808 / 1; image-rendering: pixelated; background: #000; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }