body { font-family: system-ui, sans-serif; max-width: 400px; margin: 0 auto; padding: 1rem; background: #1a1a1a; color: #fff; }
h1, h2 { font-size: 1.2rem; margin-bottom: 0.5rem; }
.input-group { display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 1rem; }
input, button { padding: 0.5rem; border: 1px solid #444; border-radius: 4px; background: #333; color: #fff; }
button { cursor: pointer; background: #007bff; border-color: #0056b3; }
button:disabled { background: #666; cursor: not-allowed; }
.warning { background: #ff6b6b; padding: 0.5rem; border-radius: 4px; margin-bottom: 1rem; font-size: 0.9rem; }
#overallProgress { font-weight: bold; margin-bottom: 0.5rem; }
#fileProgress { list-style: none; padding: 0; max-height: 200px; overflow-y: auto; }
#fileProgress li { padding: 0.25rem; border-bottom: 1px solid #444; }
.hidden { display: none; }
#progressSection { background: #222; padding: 1rem; border-radius: 4px; }
details { margin-top: 1rem; }
pre { background: #000; padding: 0.5rem; overflow-x: auto; font-size: 0.8rem; }
/* Mobile: */ @media (max-width: 480px) { body { padding: 0.5rem; } }