:root{font-family:system-ui;color:#14273d;background:#f1f5f9}*{box-sizing:border-box}body{margin:0}header{background:#14273d;color:white;padding:20px;display:flex;gap:24px;align-items:center}header span{flex:1;font-size:14px}main{max-width:1200px;margin:auto;padding:24px}section{background:white;border-radius:16px;padding:24px}h1{font-size:26px}h2{font-size:20px}nav{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #ccd6e0;padding-bottom:20px}button{border:1px solid #b7c8da;background:#fff;color:#153453;padding:12px 16px;border-radius:8px;cursor:pointer;min-height:44px}button:hover,button:focus{background:#daeafa;outline:2px solid #226bb6}label{display:block;margin:12px 0}input,select,textarea{padding:12px;font:inherit;border:1px solid #9cabbc;border-radius:6px;max-width:100%}textarea{width:100%;min-height:320px;font-family:monospace}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:10px;text-align:left;border-bottom:1px solid #dde5ed}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f6fa;padding:18px}.toolbar{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.scroll{overflow:auto}.badge{background:#fdf0cc;padding:5px;border-radius:5px}#status{color:#823400}input[type=checkbox]{margin-right:10px}@media(max-width:700px){header span{display:none}main{padding:8px}section{padding:16px}}