.nav-links a.is-active{color:var(--blue);font-weight:700}
.convert-hero{padding:62px 0 28px;text-align:center}
.convert-hero h1{font:700 clamp(40px,5.2vw,64px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:0}
.convert-hero h1 span{color:var(--blue);font-weight:400}
.convert-hero h1 em{font-style:normal;color:var(--blue)}
.convert-hero .hero-text{max-width:560px;margin:14px auto 22px;color:var(--muted);font-size:15px}
.direction-tabs{display:inline-flex;gap:6px;padding:6px;background:#f0f1f6;border-radius:999px}
.dir-tab{border:0;background:transparent;padding:9px 18px;border-radius:999px;font:700 13px 'DM Sans',sans-serif;cursor:pointer;color:#6f7488;transition:.18s}
.dir-tab.is-active{background:var(--ink);color:#fff;box-shadow:0 6px 16px rgba(21,26,45,.18)}
.convert-main{padding:8px 0 40px}
.drop-zone{border:1.5px dashed #cfd3e3;border-radius:18px;background:rgba(255,255,255,.7);padding:42px 24px;text-align:center;transition:.18s;outline:none}
.drop-zone:hover{border-color:#bbc1ff;background:#fff}
.drop-zone.is-drag{border-color:var(--blue);background:#eef1ff;transform:translateY(-1px);box-shadow:0 16px 40px rgba(76,99,255,.12)}
.drop-zone:focus-visible{box-shadow:0 0 0 3px rgba(76,99,255,.25)}
.drop-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin:0 auto 14px;background:#e9edff;color:var(--blue);font-size:18px}
.drop-title{font:700 18px 'Space Grotesk',sans-serif;margin:0 0 6px}
.drop-sub{color:var(--muted);font-size:13px;margin:0 0 18px}
.drop-actions{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}
.drop-hint{color:#9aa0b6;font-size:12px}
.queue-section{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 12px 40px rgba(31,40,91,.06)}
.queue-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.queue-header h2{font:700 16px 'Space Grotesk',sans-serif;margin:0}
.queue-actions{display:flex;gap:10px}
.file-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.file-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 14px;border:1px solid var(--line);border-radius:12px;background:#fbfbfe}
.file-item.is-error{border-color:#ffb4b4;background:#fff5f5}
.file-item.is-done{border-color:#bfe8d2;background:#f2fbf6}
.file-main{min-width:0}
.file-name{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.file-meta{color:var(--muted);font-size:12px;margin-top:2px;display:flex;gap:10px;flex-wrap:wrap}
.file-meta .tag{background:#eef1ff;color:var(--blue);padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700}
.file-side{display:flex;gap:8px;align-items:center}
.file-status{font-size:12px;font-weight:700;color:#6f7488}
.file-status.is-done{color:#1f8070}
.file-status.is-error{color:#c0392b}
.file-item progress{width:100%;height:4px;margin-top:8px}
.queue-footnote{color:#9aa0b6;font-size:12px;margin:14px 0 0}
.status-bar{min-height:22px;margin:14px 0 6px;color:var(--muted);font-size:13px}
.status-bar.is-error{color:#c0392b}
.status-bar.is-ok{color:#1f8070}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.info-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.info-card h3{font:700 13px 'Space Grotesk',sans-serif;margin:0 0 8px}
.info-card p{color:#6f7488;font-size:13px;margin:0}
.info-card code{font-size:.86em;background:#f0f1f6;padding:2px 6px;border-radius:6px}
@media(max-width:800px){.info-grid{grid-template-columns:1fr}.convert-hero{padding-top:42px}.drop-zone{padding:30px 18px}}