.hc-tool { max-width: 700px; margin: 2rem auto; }
.hc-upload-box { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem; border: 2px dashed #c7c7d1; border-radius: 12px; padding: 3rem 1.5rem; cursor: pointer; transition: border-color .15s, background .15s; text-align: center; }
.hc-upload-box:hover, .hc-upload-box.hc-drag { border-color: #4338CA; background: #EEF2FF; }
.hc-upload-box svg { color: #4338CA; }
.hc-upload-title { font-size: 1.15rem; font-weight: 700; }
.hc-upload-sub { font-size: .85rem; color: #666; max-width: 380px; line-height: 1.4; }
.hc-status { margin-top: 1rem; font-size: .9rem; color: #444; text-align: center; }
.hc-results { margin-top: 1rem; display: flex; flex-direction: column; gap: .5rem; }
.hc-row { display: flex; align-items: center; justify-content: space-between; background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 8px; padding: .6rem .9rem; font-size: .88rem; }
.hc-row-name { color: #334155; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 60%; }
.hc-download-link { color: #4338CA; font-weight: 700; text-decoration: none; }
.hc-download-link:hover { text-decoration: underline; }
.hc-reset { margin-top: 1rem; border: 1px solid #ccc; background: transparent; border-radius: 8px; padding: .6rem 1rem; font-size: .9rem; font-weight: 600; cursor: pointer; }
.hc-reset:hover { background: #f5f5f7; }