:root{font:16px/1.5 system-ui;color:#181817;background:#efeee8}body{margin:0}main{max-width:820px;margin:5vh auto;padding:32px;background:#fff;border-radius:18px;box-shadow:0 12px 40px #0001}.brand{font-weight:800;letter-spacing:.07em}.lang{float:right}textarea{box-sizing:border-box;width:100%;min-height:280px;padding:16px;font:14px/1.5 ui-monospace,monospace}button,.cta{display:inline-block;margin:16px 12px 0 0;padding:11px 16px;border:0;border-radius:8px;color:#fff;background:#161616;text-decoration:none;cursor:pointer}pre{white-space:pre-wrap;overflow:auto;background:#eee;padding:16px;border-radius:8px}@media(max-width:860px){main{margin:0;border-radius:0;min-height:100vh;padding:20px}.lang{float:none;display:block}}