:root {font: 16px/1.5 system-ui,sans-serif; color-scheme: light dark; color:#202624; background:#f5f3ed;}
body {margin:0; padding:32px 16px;}
main {max-width:560px; margin:auto; padding:28px; border:1px solid #bbb; border-radius:12px; background:#fff;}
.brand {letter-spacing:0.3em; font-size:24px; margin-top:0;}
h1 {font-size:28px;}
label {display:block; margin-top:20px;}
textarea {box-sizing:border-box; width:100%; margin-top:8px; padding:10px; resize:vertical; overflow-wrap:anywhere; font:14px monospace;}
.actions {display:flex; flex-wrap:wrap; gap:12px; margin-top:12px;}
button {padding:12px 18px; border:0; border-radius:6px; background:#0055ff; color:white; font:inherit; cursor:pointer;}
button:disabled {opacity:0.6; cursor:default;}
:focus-visible {outline:3px solid #0055ff; outline-offset:3px;}
.small {font-size:14px;}
@media (prefers-color-scheme:dark) {:root {background:#171b1a; color:#f7f7f5;} main {background:#202624;}}