:root { color-scheme: light; }
body { font-family: 'Times New Roman', Times, serif; margin: 1rem; }
header, main { max-width: 80rem; margin-inline: auto; }
h1, h2 { background: #1e90ff; color: white; display: inline-block; }
form { display: grid; gap: .5rem; }
label { font-weight: bold; margin-top: .5rem; }
input, textarea, button { font: inherit; }
input { max-width: 30rem; padding: .5rem; }
textarea { box-sizing: border-box; font-family: monospace; min-height: 24rem; padding: .75rem; resize: vertical; width: 100%; }
.actions { display: flex; flex-wrap: wrap; gap: .5rem; }
button { cursor: pointer; padding: .5rem 1rem; }
iframe { border: 2px solid #1e90ff; box-sizing: border-box; min-height: 28rem; width: 100%; }
a { color: #1e90ff; font-style: italic; }
#status:not(:empty) { border-left: .4rem solid #1e90ff; padding: .5rem; }