:root{font-family:system-ui,sans-serif;color:#172a23;background:#f7f8f3;font-size:15px}*{box-sizing:border-box}body{margin:0}header{padding:24px 5vw;border-bottom:1px solid #d7ddd4;display:flex;gap:24px;align-items:center}header a{font-size:25px;font-weight:750;color:#172a23;text-decoration:none;letter-spacing:-1px}header span{font-size:10px;letter-spacing:2px;color:#617064}header button{margin-left:auto}main{max-width:1100px;margin:0 auto;padding:60px 32px}h1{font-size:48px;line-height:1.12;letter-spacing:-2px;margin:12px 0 20px}h2{font-size:19px;letter-spacing:-.4px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#556d5d}.lede{max-width:540px;line-height:1.7;color:#59675e}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}article,aside,details{padding:24px;border:1px solid #d7ddd4;border-radius:12px;background:#fff}form{display:grid;gap:12px;margin:20px 0}label{display:grid;gap:7px;font-size:13px}input,textarea,select{border:1px solid #c4cec2;border-radius:6px;background:white;padding:11px;color:#172a23;font:inherit;min-width:0}textarea{min-height:80px;resize:vertical}button{background:#194c35;color:#fff;border:0;border-radius:6px;padding:11px 15px;font:inherit;cursor:pointer}button:hover{background:#286447}button:disabled{opacity:.5;cursor:wait}nav{display:flex;gap:8px;margin:30px 0}nav button{background:#e7ece4;color:#194c35}.workspace{display:flex;gap:20px;align-items:center;border-bottom:1px solid #d7ddd4;margin-bottom:25px}.workspace form{display:flex;flex:1}.workspace input{flex:1}.title{display:flex;align-items:center;justify-content:space-between}.title span{font:11px monospace;max-width:280px;overflow-wrap:anywhere}pre{background:#eaf0e6;padding:16px;border-radius:6px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}#items article{margin-bottom:12px}#items article button{margin-right:10px}#status{padding:16px 0;color:#44614b}footer{border-top:1px solid #d7ddd4;padding:24px;text-align:center;color:#657166;font-size:12px}[hidden]{display:none!important}@media(max-width:700px){main{padding:35px 20px}.grid{grid-template-columns:1fr}h1{font-size:37px}.workspace,.title{display:block}.workspace form{flex-wrap:wrap}nav{flex-wrap:wrap}}