@font-face{font-family:Estedad;src:url("/Estedad-Variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:#222;font-family:Estedad,Tahoma,sans-serif;font-size:14px;line-height:1.9}
main{max-width:740px;margin:50px auto;padding:0 24px}
h1{font-size:23px;font-weight:650;margin:0 0 24px}
button{font:inherit;cursor:pointer;border-radius:6px;padding:8px 18px;border:1px solid transparent}
button:disabled{opacity:.4;cursor:default}
button:focus-visible,.drop:focus-visible{outline:2px solid #777;outline-offset:3px}
.primary{background:#292929;color:#fff}
.primary:hover:not(:disabled){background:#444}
.secondary{background:#fff;color:#333;border-color:#d6d6d6}
.drop{border:1px dashed #ccc;border-radius:8px;padding:28px 16px;text-align:center;cursor:pointer;background:#fafafa}
.drop.over{border-color:#333;background:#f0f0f0}
.drop p{font-size:12px;color:#777;margin:12px 0 0}
.transfer{padding:24px 0;border-bottom:1px solid #e9e9e9}
.actions{display:flex;align-items:center;gap:10px;margin-bottom:18px}
#totalPercent{margin-right:auto;font-size:17px;font-variant-numeric:tabular-nums}
.bar{height:5px;border-radius:4px;overflow:hidden;background:#eee;flex:1}
.bar span{display:block;height:100%;background:#555;width:0}
.total{margin-bottom:10px}
.muted,.info{font-size:12px;color:#777}
.info{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:12px}
.info strong{font-weight:400;color:#444;margin-right:5px}
#network{margin-right:auto}
#message{font-size:12px;color:#a33;overflow-wrap:anywhere;margin-top:8px}
#message:empty{display:none}
.queue-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0 8px}
h2{font-size:14px;font-weight:600;margin:0}
#count{font-size:11px;font-weight:400;color:#888;margin-right:10px}
.text-button{background:none;color:#777;padding:4px 0;font-size:11px;border:0}
.empty{color:#999;font-size:12px;padding:20px 0}
.file{border-bottom:1px solid #eee;padding:14px 0}
.file-top{display:flex;align-items:center;gap:12px}
.file-icon{display:none}
.file-detail{flex:1;min-width:0}
.file-name{font-size:12px;overflow-wrap:anywhere}
.file-meta{font-size:11px;color:#888}
.file-bottom{display:flex;align-items:center;gap:14px;margin-top:8px}
.file-state{font-size:11px;color:#777;min-width:80px;text-align:left}
.file.error .file-state{color:#a33}
.note{font-size:12px;color:#888;margin:28px 0;line-height:2.1}
@media(max-width:500px){main{margin:26px auto;padding:0 18px}h1{font-size:21px;margin-bottom:18px}.drop{padding:24px 12px}.info{gap:6px 16px}.queue-head .text-button{font-size:10px}}