:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#111317;color:#eceff4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(#31353b60 .65px,transparent .65px) #111317;background-size:7px 7px}.lab{max-width:1200px;margin:auto;padding:24px;display:grid;gap:14px}header{border-left:4px solid #ffb703;padding:10px 16px;background:#1a1d24}h1{margin:2px 0;color:#ffb703;letter-spacing:2px}p{margin:4px 0;color:#b3bec9;font-size:13px}section{border:1px solid #4a6fa5;padding:12px;display:flex;gap:10px;flex-wrap:wrap}label{display:grid;gap:6px;flex:1;min-width:220px;color:#ffb703;font-size:12px}select,textarea,button{font:inherit;background:#080a0d;color:#eceff4;border:1px solid #596575;padding:9px}button{cursor:pointer;color:#ffb703}.grid{display:grid;grid-template-columns:1fr 1fr}textarea{resize:vertical;min-height:300px;line-height:1.4}pre{margin:0;min-height:300px;max-height:460px;overflow:auto;white-space:pre-wrap;background:#080a0d;border:1px solid #2e3440;padding:10px;color:#b3bec9;font-size:12px}footer{color:#9299a5;font-size:11px}@media(max-width:760px){.lab{padding:12px}.grid{grid-template-columns:1fr}section{display:grid}button{min-height:46px}}