body{margin:0;background:#f3f5f8;color:#182231;font:17px/1.65 system-ui}main{max-width:900px;margin:48px auto;padding:24px}h1{font-size:clamp(32px,6vw,56px);line-height:1.12}h2{font-size:24px}.eyebrow{font-size:13px;letter-spacing:.12em;color:#52647c}section{background:white;border:1px solid #dce2e9;border-radius:16px;margin:24px 0;padding:24px}textarea{display:block;width:100%;box-sizing:border-box;font:14px/1.5 monospace;padding:12px;border:1px solid #aebbc9;border-radius:8px}button{background:#263f68;color:white;border:0;border-radius:8px;padding:12px 18px;margin:12px 10px 0 0;cursor:pointer}button:focus,textarea:focus{outline:3px solid #7aa8ee}p,li{overflow-wrap:anywhere}@media(max-width:500px){main{margin:0;padding:16px}section{padding:16px}}
nav,footer{display:flex;gap:18px;flex-wrap:wrap}a{color:#1d4e85}header{margin-bottom:28px}.intro{max-width:720px}.hint{font-size:15px;color:#45566c}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #dce2e9;padding:10px 6px;overflow-wrap:anywhere}td{max-width:260px}code{overflow-wrap:anywhere}button:disabled{opacity:.55;cursor:wait}#status.error{color:#a72222}#preview{overflow-x:auto}footer{font-size:14px;margin:32px 0}#csv{min-height:210px}summary{cursor:pointer;font-weight:600}.skip{position:absolute;left:-9999px}.skip:focus{position:static} @media(max-width:500px){th,td{padding:8px 4px;font-size:12px}main{max-width:100%}button{width:100%;margin-right:0}h1{font-size:36px}section{padding:16px}nav{gap:12px}}