:root { color-scheme: light dark; font: 1rem/1.5 system-ui, sans-serif; }
body { margin: 0; padding: 1rem; }
main { max-width: 54rem; margin: 0 auto; }
label { display: block; margin-top: 1rem; font-weight: 600; }
fieldset label { font-weight: 400; }
textarea { display: block; box-sizing: border-box; width: 100%; padding: .6rem; font: .9rem/1.4 ui-monospace, monospace; }
input[type=file] { display: block; margin: .5rem 0; }
section { border: 1px solid; padding: 0 1rem 1rem; margin-top: 1.5rem; }
dl { display: grid; grid-template-columns: minmax(8rem, 1fr) 3fr; gap: .3rem 1rem; overflow-wrap: anywhere; }
dt { font-weight: 600; }
dd { margin: 0; }
.actions { display: flex; flex-wrap: wrap; gap: .7rem; margin: 1rem 0; }
button { padding: .55rem .85rem; font: inherit; }
button:focus-visible, textarea:focus-visible, input:focus-visible { outline: 3px solid #3979e5; outline-offset: 2px; }
@media (max-width: 35rem) { dl { grid-template-columns: 1fr; } }