*{box-sizing:border-box}body{margin:0;background:#09151d;color:#dcece8;font:15px system-ui}main{max-width:1280px;margin:auto;padding:60px 30px}h1{font-size:48px;letter-spacing:-2px;margin:12px 0}.eyebrow{font-size:11px;letter-spacing:3px;color:#91d9bb}p,footer{color:#9ab2bc;line-height:1.7}form{display:flex;gap:15px;align-items:end;margin:30px 0}label{display:flex;flex-direction:column;gap:8px;font-size:12px}input,button{background:#152c35;border:1px solid #3e6566;color:#d4eae3;border-radius:6px;padding:12px;font:inherit}input{min-width:230px}button{cursor:pointer}button:disabled{opacity:.4}.workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;margin:35px 0}nav{display:flex;flex-direction:column;gap:8px}nav button{font-size:11px;text-align:left;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#101f28;padding:20px;max-height:650px;overflow:auto;font-size:11px}footer{border-top:1px solid #29404b;padding-top:25px;font-size:11px}@media(max-width:700px){main{padding:25px 18px}form{align-items:stretch;flex-direction:column}.workspace{grid-template-columns:1fr}h1{font-size:36px}}