:root{background:#191712;color:#e7ddbd;font:16px ui-monospace,SFMono-Regular,monospace}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#41351f,#191712 55%)}main{max-width:1100px;margin:auto;padding:4rem 1.5rem}.eyebrow{color:#e9aa52;font-size:.8rem}h1{font:600 clamp(2.6rem,8vw,6rem) Georgia,serif;margin:.1rem 0;color:#f2cf78}header>p:not(.eyebrow){max-width:45rem;line-height:1.6}.controls{display:flex;flex-wrap:wrap;gap:.7rem;margin:2rem 0}button,label{border:1px solid #ab823d;background:#282116;color:#f5dfaa;padding:.7rem 1rem;cursor:pointer}input{max-width:13rem}#status{color:#b7c79b}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}article{border:1px solid #65512d;background:#211d16;padding:1rem;min-height:18rem}h2{font:600 1.2rem Georgia,serif;color:#f2cf78}pre{white-space:pre-wrap;word-break:break-word;color:#d9d1b6;line-height:1.7}.field{display:grid;grid-template-columns:7rem 1fr;border-bottom:1px dashed #62543c;padding:.55rem 0}.offset{color:#e9aa52}footer{margin-top:2rem;color:#96896b;font-size:.8rem}@media(max-width:700px){.grid{grid-template-columns:1fr}}