@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-Regular.woff2') format('woff2'),
       url('fonts/Inter-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-SemiBold.woff2') format('woff2'),
       url('fonts/Inter-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
body {
  font-family: 'Inter', sans-serif;
}
body {
  font-family: sans-serif;
  background:#f4f4f4;
  margin:0;
}
.container {
  max-width:600px;
  margin:2rem auto;
  padding:1rem;
  background:#fff;
  border-radius:8px;
  box-shadow:0 2px 8px rgba(0,0,0,0.1);
}
#drop-zone {
  border:2px dashed #aaa;
  padding:2rem;
  text-align:center;
  margin-bottom:1rem;
  cursor:pointer;
}
#drop-zone.hover {
  background:#eef;
}
#file-list {
  list-style:none;
  padding:0;
  margin:0 0 1rem;
}
#file-list li {
  display:flex;
  justify-content:space-between;
  padding:0.5rem;
  border:1px solid #ddd;
  margin-bottom:0.5rem;
  border-radius:4px;
}
.options {
  display:flex;
  gap:1rem;
  margin-bottom:1rem;
}
button {
  padding:0.75rem 1.5rem;
  border:none;
  background:#007bff;
  color:#fff;
  border-radius:4px;
  cursor:pointer;
}
button:hover {
  background:#0056b3;
}