.converter{
  background:var(--surface);border:1px solid var(--border);border-radius:20px;
  box-shadow:var(--shadow);padding:1.4rem;margin-bottom:1.5rem;
}
.upload-zone{
  border:2px dashed #9eb0c2;border-radius:16px;background:linear-gradient(180deg,#f8fbfd,#f1f6fa);
  padding:2rem 1.25rem;text-align:center;transition:border-color .15s ease,background .15s ease;
}
.upload-zone.is-dragover{
  border-color:var(--primary);background:rgba(15,122,108,.08);
}
.upload-zone__icon{color:var(--primary);display:flex;justify-content:center;margin-bottom:.75rem}
.upload-zone__title{font-family:var(--font-display);font-size:1.35rem;font-weight:800;margin-bottom:.25rem}
.upload-zone__hint{color:var(--text-muted);margin-bottom:1rem}
.file-info{
  margin-top:1rem;padding:1rem;border-radius:14px;background:var(--surface-secondary);
  border:1px solid var(--border);display:grid;gap:.85rem;
}
.file-info__preview img,.file-info__preview audio,.file-info__preview video{
  max-width:100%;max-height:220px;border-radius:10px;margin:0 auto;
}
.file-info__meta{display:grid;gap:.35rem}
.file-info__meta div{display:grid;grid-template-columns:110px 1fr;gap:.5rem}
.file-info__meta dt{color:var(--text-muted);font-weight:600}
.converter-options{margin-top:1.1rem}
.options-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;
}
.field{display:grid;gap:.35rem;font-weight:600}
.field input[type="number"],.field select{
  min-height:44px;border:1px solid var(--border);border-radius:10px;
  background:#fff;padding:.55rem .7rem;
}
.field--check{grid-template-columns:auto 1fr;align-items:center;gap:.55rem}
.converter-actions{margin-top:1.1rem}
.progress-panel{margin-top:1.1rem}
.progress-panel__status{font-weight:800;margin-bottom:.5rem}
.progress{
  height:12px;border-radius:999px;background:#e2eaf2;overflow:hidden;
}
.progress__bar{
  height:100%;width:0;background:linear-gradient(90deg,var(--primary),#19a392);
  transition:width .2s ease;
}
.progress.is-indeterminate .progress__bar{
  width:40%;animation:indet 1.1s ease-in-out infinite;
}
@keyframes indet{0%{transform:translateX(-120%)}100%{transform:translateX(280%)}}
.progress-panel__note{color:var(--text-muted);margin-top:.5rem;font-size:.92rem}
.result-card{
  margin-top:1rem;padding:1.2rem;border-radius:14px;border:1px solid rgba(15,122,108,.25);
  background:linear-gradient(180deg,#f3fbf9,#ffffff);display:grid;gap:.85rem;justify-items:start;
}
.result-card__label{font-weight:800;color:var(--success);margin:0;font-size:1.15rem}
.result-card__meta{display:grid;gap:.3rem}
.result-card__meta div{display:grid;grid-template-columns:140px 1fr;gap:.4rem}
.result-card__meta dt{color:var(--text-muted)}
.converter__privacy{margin-top:1rem;color:var(--text-muted);font-size:.92rem}