:root{font:16px/1.5 system-ui,sans-serif;color:#171717;background:#f6f5f1}*{box-sizing:border-box}body{margin:0}.wrap{max-width:820px;padding:28px 18px 64px;margin:auto}.brand{display:inline-block;color:#171717;text-decoration:none;font-weight:800;letter-spacing:.12em;margin:10px 0 24px}.brand span{font-size:.72em;color:#88731b;margin-left:8px}.card{background:white;border:1px solid #e4e1d7;border-radius:18px;padding:clamp(22px,5vw,40px);box-shadow:0 12px 40px #1717170b}.eyebrow{font-size:.75rem;letter-spacing:.14em;color:#907516;font-weight:800}h1{line-height:1.1;font-size:clamp(1.8rem,5vw,2.6rem);margin:.2em 0}h2{font-size:1.2rem}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:grid;gap:7px;font-weight:650;margin:16px 0}input,textarea{font:inherit;width:100%;padding:12px 13px;border:1px solid #d4d0c5;border-radius:10px;background:#fff;color:#171717}textarea{resize:vertical}input:focus,textarea:focus,button:focus-visible{outline:3px solid #efd365;outline-offset:2px}.primary,.quiet{font:inherit;font-weight:750;border:0;border-radius:10px;padding:12px 18px;cursor:pointer}.primary{background:#e9c946;color:#181818}.quiet{background:#f0eee7;color:#191919}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;accent-color:#b1941d}.hint{color:#656259;font-size:.92rem}.current{margin-top:34px;border-top:1px solid #e7e3d9;padding-top:14px}pre{white-space:pre-wrap;word-break:break-word;background:#f8f7f3;padding:14px;border-radius:10px;font:13px/1.6 ui-monospace,monospace}output{display:block;margin-top:14px;min-height:1.5em;font-weight:650}hr{border:0;border-top:1px solid #ece9e1;margin:24px 0}[hidden]{display:none!important}@media(max-width:560px){.grid{grid-template-columns:1fr;gap:0}.wrap{padding:16px 12px 44px}.top{align-items:center}}