:root{font-family:"Segoe UI",Tahoma,sans-serif;color:#202923;background:#f5f6f6;font-size:16px;letter-spacing:0}*{box-sizing:border-box}body{margin:0}header{height:64px;border-bottom:1px solid #d6dcda;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff}header strong{font-size:22px}a{color:#17664b}main{max-width:760px;padding:48px 24px;margin:auto}h1{font-size:28px;margin:0 0 32px;font-weight:600}form{display:grid;gap:18px}label{font-weight:600}input{width:100%;padding:16px;border:1px solid #a9b5af;border-radius:4px;background:white;font:inherit}button{font:inherit;cursor:pointer;border:1px solid #17664b;border-radius:4px;background:#17664b;color:white;padding:10px 20px;min-height:44px;justify-self:start}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #d69d26;outline-offset:3px}#selected{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px 16px;padding:12px 0}#file-icon{grid-row:span 2;background:#e3ebe6;color:#335846;padding:16px 4px;text-align:center;font-size:12px;border:1px solid #a9b5af;border-radius:3px}#file-name{overflow-wrap:anywhere}#file-size{font-size:14px;color:#55635b}section{margin-top:32px;border-top:1px solid #d6dcda;min-height:160px;padding-top:16px}progress{width:100%;height:12px;accent-color:#17664b}#result{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:12px;align-items:start}output{font-family:Consolas,monospace;font-size:14px;overflow-wrap:anywhere;padding:12px 0}#copy{padding:10px;background:white;border-color:#a9b5af;width:44px;height:44px}#status[data-error=true]{color:#a52c28}[hidden]{display:none!important}@media(max-width:480px){main{padding:28px 16px}header{padding:0 16px}h1{font-size:24px}input{padding:12px;font-size:14px}}