*{box-sizing:border-box}body{margin:0;background:#f3f1ec;color:#222;font:16px/1.5 system-ui,Arial}main{max-width:1000px;margin:32px auto;padding:24px;background:white;border-radius:12px}.card{max-width:470px}h1{color:#111}label{display:block;margin:12px 0}input,select,button{font:inherit;padding:10px;border-radius:6px;border:1px solid #ccc}input:not([type=checkbox]),select{display:block;width:100%}button{background:#111;color:white;cursor:pointer;min-height:44px}a{color:#444}form{margin:16px 0}p[role=alert]{color:#a12323}section{padding:14px 0;border-top:1px solid #ddd}.rows{max-height:400px;overflow:auto}.rows label{border-bottom:1px solid #eee;padding:6px}.toolbar{display:flex;gap:12px;flex-wrap:wrap}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.hidden{display:none}@media(max-width:650px){main{margin:8px;padding:16px}}