:root{font-family:system-ui,sans-serif;color:#172f39;background:#f3f7f7;line-height:1.55}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:auto;padding:24px}a{color:#075b6b}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1}header p{max-width:780px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}section,article{background:white;border:1px solid #bed0d4;border-radius:12px;padding:20px;margin:20px 0}label{display:block;font-weight:600}textarea{font:14px ui-monospace,monospace;display:block;width:100%;min-width:0;resize:vertical;padding:10px;border:1px solid #68828c;border-radius:6px}input[type=file]{max-width:100%;display:block;margin:10px 0}button{font:inherit;border:1px solid #0b5868;border-radius:7px;background:#075b6b;color:white;padding:10px 16px;cursor:pointer;margin:5px 8px 5px 0}button.secondary{background:white;color:#075b6b}:focus-visible{outline:3px solid #e6a211;outline-offset:3px}#error{color:#9f1c1c;font-weight:600;overflow-wrap:anywhere}#status{min-height:1.5em}.scroll{overflow-x:auto;max-width:100%}table{border-collapse:collapse;min-width:740px;width:100%;font-size:.9rem}th,td{padding:10px;border:1px solid #cad8db;text-align:left;vertical-align:top;overflow-wrap:anywhere;max-width:240px}td:last-child{min-width:180px}td textarea{font:inherit}code{overflow-wrap:anywhere}.muted{color:#465f68}footer{margin:30px 0}input[type=checkbox]{width:18px;height:18px;vertical-align:middle;margin-right:8px}[hidden]{display:none!important}@media(max-width:650px){main{padding:14px}.grid{grid-template-columns:1fr;gap:12px}section,article{padding:14px}.grid section{margin:0}button{min-height:44px}h1{margin-top:22px}}