*{box-sizing:border-box}body{margin:0;background:#f2f4f5;color:#172e3a;font:17px/1.6 system-ui,sans-serif}main{max-width:520px;margin:auto;padding:36px 24px}.brand{font-weight:800;letter-spacing:2px;font-size:14px}h1{font-size:32px;line-height:1.2}label{display:block;margin:24px 0}input{display:block;width:100%;padding:14px 0}button{background:#185e79;color:white;border:0;border-radius:10px;font:600 17px system-ui;padding:16px;width:100%}button:disabled{opacity:.5}img{display:block;max-width:100%;max-height:280px;margin:18px auto}small{color:#637882}#message{font-weight:600}[hidden]{display:none}

.sources{display:grid;gap:12px;margin:24px 0}.source{margin:0;padding:17px;border:1px solid #b5c6cc;border-radius:12px;background:white;font-weight:650;cursor:pointer}.source:focus-within{outline:3px solid #185e79}.hint{font-size:14px;color:#637882}#filename{overflow-wrap:anywhere}