.heic-drop{transition:background .15s}.heic-drop.drag-over{background:#f5e8a1;outline:2px solid var(--ink);outline-offset:-3px}
.heic-list{list-style:none;margin:6px 0 0;padding:0;max-height:228px;overflow:auto;border-top:1px solid var(--line)}
.heic-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font:12px/1.5 var(--mono)}
.heic-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.heic-size{color:var(--muted)}
.heic-state{grid-column:1/3;color:var(--muted);overflow-wrap:anywhere}.heic-list li.done .heic-state{color:#2f6b34}.heic-list li.failed .heic-state{color:#9b231d}
.heic-remove{grid-row:1/3;grid-column:3;border:1px solid var(--line);background:transparent;border-radius:2px;width:30px;height:30px;font-size:16px;line-height:1}
.heic-remove:hover:not(:disabled){border-color:var(--ink)}
.heic-format{border:0;padding:0;margin:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.heic-format legend{padding:0}
.heic-choice{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);padding:12px;cursor:pointer;background:#fffefa;font-size:13px;line-height:1.45}
.heic-choice:has(input:checked){border-color:var(--ink);background:#f4edce}.heic-choice input{accent-color:var(--ink);margin:2px 0 0}
.heic-choice b{display:block;font-size:15px}.heic-choice span{color:var(--muted)}.heic-choice b{color:var(--ink)}
.heic-options .form-grid{margin:18px 0 0}
.heic-stage{height:auto;min-height:270px;max-height:460px;overflow:auto;align-items:flex-start;padding:0}
.heic-stage>span{align-self:center;margin:auto;padding:20px}
.heic-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;padding:12px;width:100%}
.heic-previews figure{margin:0;cursor:pointer;border:1px solid var(--line);background:var(--paper)}.heic-previews figure:hover{border-color:var(--ink)}
.heic-previews img{display:block;width:100%;height:110px;object-fit:contain;background:#fff}
.heic-previews figcaption{font:10px/1.5 var(--mono);padding:4px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
@media(max-width:440px){.heic-format{grid-template-columns:1fr}.heic-options .form-grid{grid-template-columns:1fr}}