:root{--paper:#f3f0e8;--ink:#23352e;--muted:#68746b;--line:#cdd2c6;--accent:#d7ef76}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'Trebuchet MS',sans-serif}a{color:inherit;text-underline-offset:4px}header,main,footer{max-width:1160px;margin:auto;padding:24px 32px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:bold;letter-spacing:-1px;text-decoration:none;font-size:24px}.brand span{background:var(--ink);color:var(--accent);padding:3px 8px;margin-right:8px}nav{display:flex;gap:24px}nav a{text-decoration:none;font-size:14px}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:64px;padding:60px 0}.eyebrow{font:12px monospace;letter-spacing:2px;text-transform:uppercase}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(44px,6vw,76px);line-height:1.04;letter-spacing:-2px;margin:24px 0}h2{font:normal 30px Georgia,serif;margin:8px 0 16px}p{color:var(--muted);max-width:600px}.hero aside{align-self:center;background:var(--ink);color:var(--paper);padding:32px;transform:rotate(2deg)}.hero aside p{color:#c1cdbf}.hero aside code{color:var(--accent);font-size:15px}.button,button{display:inline-block;padding:12px 20px;border:1px solid var(--ink);background:var(--ink);color:white;text-decoration:none;font:inherit;cursor:pointer;border-radius:3px}.button{margin-top:20px}button:hover,.button:hover{background:#3d5447}button:disabled{opacity:.6;cursor:wait}a:focus-visible,button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #829e33;outline-offset:4px}.section-title{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding:28px 0 12px}.tools{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tool{border:1px solid var(--line);padding:28px;background:#faf9f4}.tool.wide{grid-column:1/-1}.num{font:12px monospace;color:var(--muted)}label{display:block;font-size:14px;margin:16px 0 8px}textarea,input{width:100%;border:1px solid var(--line);padding:12px;background:white;color:var(--ink);font:14px/1.5 monospace;border-radius:3px}textarea{resize:vertical;min-height:145px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eeeee4;padding:16px;min-height:58px;font:13px/1.6 monospace}.actions{display:flex;gap:12px;align-items:center;margin-top:12px}.status{font-size:13px;color:var(--muted);min-height:22px}.error{color:#9c3024}.note{border-left:3px solid var(--ink);padding-left:20px;margin:40px 0}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-top:48px;padding-bottom:32px}@media(max-width:700px){header,main,footer{padding:20px}header{align-items:flex-start;gap:20px}.brand{font-size:19px}nav{gap:12px;flex-wrap:wrap}.hero{grid-template-columns:1fr;padding:35px 0;gap:24px}.hero aside{transform:none}.tools{grid-template-columns:1fr}.section-title{display:block}.tool{padding:20px}footer{display:block}}@media(prefers-reduced-motion:no-preference){.hero{animation:appear .5s ease-out}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}