.hta-pdf { --hta-accent:#d6381f; --hta-bg:#fff; --hta-line:#e3e5e8; --hta-text:#1f2328; --hta-mute:#656d76;
  max-width: 760px; margin: 1.5em auto; font: 16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--hta-text); }
.hta-pdf *, .hta-pdf *::before, .hta-pdf *::after { box-sizing: border-box; }
.hta-tabs { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px; }
.hta-tab { appearance:none; border:1px solid var(--hta-line); background:var(--hta-bg); color:var(--hta-text); padding:8px 14px;
  border-radius:999px; cursor:pointer; font:inherit; font-size:14px; }
.hta-tab:hover { border-color: var(--hta-accent); }
.hta-tab.is-active { background: var(--hta-accent); border-color: var(--hta-accent); color:#fff; }
.hta-body { border:1px solid var(--hta-line); border-radius:14px; padding:20px; background:var(--hta-bg); }
.hta-title { margin:0 0 2px; font-size:1.3em; }
.hta-desc { margin:0 0 14px; color: var(--hta-mute); }
.hta-drop { display:flex; flex-direction:column; align-items:center; gap:4px; text-align:center; padding:30px 16px;
  border:2px dashed #c3c8ce; border-radius:12px; cursor:pointer; transition:.15s; }
.hta-drop span { color: var(--hta-mute); font-size:14px; }
.hta-drop:hover, .hta-drop:focus, .hta-drop.is-over { border-color: var(--hta-accent); background:#fff6f4; outline:none; }
.hta-input { display:none; }
.hta-list { list-style:none; margin:12px 0 0; padding:0; }
.hta-list li { display:flex; align-items:center; gap:10px; padding:8px 10px; border:1px solid var(--hta-line); border-radius:8px; margin-top:6px; }
.hta-name { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hta-size { color: var(--hta-mute); font-size:13px; }
.hta-ctl button { border:0; background:#f1f3f5; border-radius:6px; width:30px; height:30px; cursor:pointer; margin-left:4px; font-size:14px; }
.hta-ctl button:disabled { opacity:.35; cursor:default; }
.hta-opts { display:flex; flex-wrap:wrap; gap:14px; margin-top:14px; }
.hta-opts label { font-size:14px; color: var(--hta-mute); }
.hta-opts select, .hta-opts input { font:inherit; padding:6px 8px; border:1px solid #c3c8ce; border-radius:6px; margin-left:4px; }
.hta-go { display:block; width:100%; margin-top:16px; padding:13px; border:0; border-radius:10px; background: var(--hta-accent);
  color:#fff; font:inherit; font-weight:600; cursor:pointer; }
.hta-go:disabled { background:#d0d4d9; cursor:not-allowed; }
.hta-status { margin-top:12px; min-height:1.4em; font-size:14px; }
.hta-status.is-ok { color:#1a7f37; } .hta-status.is-err { color:#cf222e; } .hta-status.is-busy { color: var(--hta-mute); }
.hta-privacy { margin:10px 0 0; font-size:12.5px; color: var(--hta-mute); }
@media (prefers-color-scheme: dark) {
  .hta-pdf { --hta-bg:#161b22; --hta-line:#30363d; --hta-text:#e6edf3; --hta-mute:#8b949e; }
  .hta-drop { border-color:#444c56; } .hta-drop:hover,.hta-drop:focus,.hta-drop.is-over { background:#2a1a17; }
  .hta-ctl button { background:#21262d; color: var(--hta-text); }
  .hta-opts select,.hta-opts input { background:#0d1117; color:var(--hta-text); border-color:#444c56; }
}