:root{
  --maxw:800px;
  --accent:#1e88e5;
  --muted:#666;
}
body{font-family:system-ui,Segoe UI,Roboto,Arial; background:#f7f9fc; color:#111; padding:24px;}
.container{max-width:var(--maxw); margin:0 auto; background:#fff; padding:20px; border-radius:10px; box-shadow:0 6px 18px rgba(12,20,30,0.06);}
h1{margin:0 0 8px;}
.filelabel{display:inline-block; padding:10px 14px; background:var(--accent); color:white; border-radius:8px; cursor:pointer;}
.filelabel input{display:none;}
#summary{margin-top:12px; color:var(--muted);}
#result{margin-top:16px; word-break:break-all;}
button{margin-top:8px; padding:10px 14px; border-radius:8px; background:#333; color:#fff; border:0; cursor:pointer;}
.small{font-size:13px; color:var(--muted);}
.hint{color:var(--muted); margin-top:0;}