:root{font-family:system-ui,'Yu Gothic',sans-serif;color:#16243a;background:#f2f5fa;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:1060px;margin:auto;padding:28px 24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #cbd5e1;padding-bottom:22px;font-size:.875rem;color:#52617a}.brand{font-size:1.25rem;font-weight:800;color:#143cc5}h1{font-size:clamp(1.9rem,5vw,2.7rem);margin:42px 0 8px;letter-spacing:-.04em}p{line-height:1.8}h2{font-size:1.2rem}.files{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0 18px}.files label{display:grid;gap:20px;background:white;padding:26px;border:1px solid #cbd5e1;border-top:4px solid #3155d9;border-radius:8px}.files label:nth-child(2){border-top-color:#079581}.files span{font-size:.875rem;color:#52617a}input{width:100%;font:inherit}input[type=file]::file-selector-button{background:#eaf0ff;border:0;padding:10px;border-radius:5px;margin-right:10px;color:#183baf}button,select{font:inherit;padding:12px 18px;border-radius:6px;border:1px solid #cbd5e1}button{background:#2347cf;color:white;cursor:pointer;font-weight:600}button:hover{filter:brightness(.94)}button.secondary{background:white;color:#183baf}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #079581;outline-offset:3px}section{background:white;padding:24px;margin-top:24px;border:1px solid #cbd5e1;border-radius:8px}fieldset{border:0;padding:16px 0;margin:12px 0}#columns{display:flex;flex-wrap:wrap;gap:20px}#columns label{display:flex;gap:8px;align-items:center}input[type=checkbox]{width:18px;height:18px}select{margin:8px 12px;max-width:100%}.resultHead{display:flex;justify-content:space-between;gap:16px;align-items:center}#error{color:#b52232;white-space:pre-wrap}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:.875rem}td,th{padding:14px 12px;border-bottom:1px solid #e2e8f0;white-space:pre-wrap;overflow-wrap:anywhere;min-width:85px}th{background:#f1f5fa}td:nth-child(4){background:#fff5f3}td:nth-child(5){background:#edfaf5}details{margin-top:28px;color:#43516a;font-size:.875rem}summary{cursor:pointer}footer{margin:30px 0;font-size:.875rem;color:#52617a}[hidden]{display:none!important}@media(max-width:650px){.files{grid-template-columns:1fr}header,.resultHead{align-items:flex-start;flex-direction:column}main{padding:20px 16px}section{padding:18px}select{display:block;margin-left:0}}