/* HEIC to JPG — tool-specific styles (loaded after /assets/base.css) */
.hc-controls { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 18px; }
.hc-ctrl { display: flex; align-items: center; gap: 8px; font-size: .85rem; font-weight: 600; color: var(--muted); }
.hc-ctrl select { background: var(--bg-soft); border: 1px solid var(--line); color: var(--text);
  padding: 9px 11px; border-radius: var(--radius-sm); font-size: .9rem; font-family: inherit; cursor: pointer; }
.hc-ctrl select:focus { outline: none; border-color: var(--accent); }
.hc-quality input[type=range] { width: 130px; }
.hc-controls .spacer { flex: 1; }

.hc-progress { margin-top: 18px; }
.ocr-bar-track { height: 8px; background: var(--card-2); border-radius: 999px; overflow: hidden; }
.ocr-bar { height: 100%; width: 0; background: var(--accent-grad); border-radius: 999px; transition: width .2s; }

.hc-summary { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 18px;
  padding: 14px 16px; background: var(--bg-soft); border: 1px solid var(--line); border-radius: var(--radius-sm); }
.hc-summary span { font-weight: 600; }

.hc-list { list-style: none; margin: 16px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.hc-list:empty { display: none; }
.hc-item { background: var(--bg-soft); border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 10px; text-align: center; }
.hc-thumb { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 8px; background: var(--card-2); border: 1px solid var(--line); }
.hc-name { font-size: .78rem; color: var(--muted); margin: 8px 0 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hc-size { font-size: .72rem; color: var(--muted-2); }
.hc-item .btn { width: 100%; margin-top: 8px; padding: 7px; font-size: .8rem; }
.hc-item.pending, .hc-item.error { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 120px; color: var(--muted-2); font-size: .8rem; }
.hc-item.error { color: var(--danger); }