* { box-sizing: border-box; font-family: "Segoe UI", system-ui, sans-serif; }
body { margin:0; padding:24px; background:#faf9f8; color:#201f1e; max-width:900px; margin-inline:auto; }
header { border-bottom:1px solid #edebe9; padding-bottom:12px; margin-bottom:24px; }
h1 { margin:0; font-size:22px; }
.sub { color:#605e5c; margin:4px 0 0; font-size:13px; }
h2 { font-size:14px; text-transform:uppercase; letter-spacing:.5px; color:#605e5c; margin:20px 0 8px; }

.drop { border:2px dashed #d2d0ce; border-radius:6px; padding:20px; text-align:center; transition:.2s; background:#fff; }
.drop.hover { border-color:#0078d4; background:#deecf9; }
.drop-label { display:block; cursor:pointer; color:#605e5c; }
.drop-icon { display:block; font-size:32px; color:#0078d4; }
#fileList { list-style:none; padding:0; margin:12px 0 0; text-align:left; }
#fileList li { padding:6px 10px; background:#faf9f8; border:1px solid #edebe9; margin:4px 0; border-radius:3px; font-size:12px; display:flex; justify-content:space-between; }
#fileList li button { background:transparent; border:0; cursor:pointer; color:#a4262c; font-size:14px; padding:0 4px; }

.row { margin:16px 0; display:flex; gap:8px; }
button { background:#0078d4; color:#fff; border:0; padding:8px 16px; border-radius:3px; cursor:pointer; font-size:13px; }
button:hover:not(:disabled) { background:#106ebe; }
button:disabled { background:#c8c6c4; cursor:not-allowed; }
button.ghost { background:transparent; color:#0078d4; border:1px solid #0078d4; }
button.ghost:hover { background:#deecf9; }

.bar { height:6px; background:#edebe9; border-radius:3px; overflow:hidden; }
#barFill { height:100%; width:0%; background:#0078d4; transition:width .3s; }
#status { font-size:12px; color:#605e5c; margin:6px 0; }

#resultsList { list-style:none; padding:0; margin:0; }
#resultsList li { padding:8px 12px; background:#dff6dd; border:1px solid #b6e0b0; margin:4px 0; border-radius:3px; font-size:12px; display:flex; justify-content:space-between; align-items:center; }
#resultsList li a { color:#107c10; text-decoration:none; font-weight:600; }
#resultsList li a:hover { text-decoration:underline; }
#resultsList li.error { background:#fde7e9; border-color:#f1707a; color:#a4262c; }

#logBox { background:#fff; border:1px solid #edebe9; padding:8px 12px; max-height:200px; overflow:auto; font-size:11px; font-family:"Cascadia Mono",Consolas,monospace; white-space:pre-wrap; margin:0; }