/* Plain styles. A hosted app may load only its own files (no web fonts from another site, no external style sheets). */
:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0; padding: 1rem; max-width: 46rem; margin-inline: auto; line-height: 1.5; }
header { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: space-between; border-bottom: 1px solid #8884; padding-bottom: .5rem; }
header h1 { font-size: 1.25rem; margin: 0; }
nav a { margin-right: .75rem; }
textarea { width: 100%; box-sizing: border-box; }
button { padding: .4rem .8rem; cursor: pointer; }
.hint { opacity: .75; font-size: .9rem; }
.steps li { margin: .5rem 0; }
pre { background: #8881; padding: .75rem; overflow: auto; white-space: pre-wrap; }
table { border-collapse: collapse; }
th, td { text-align: left; padding: .15rem .75rem .15rem 0; }