/* HWP → HWPX 일괄 변환 화면. 색·간격은 KAMU 토큰만 쓴다. */
.h2x{display:grid;gap:var(--kamu-space-5)}
.h2x .work{display:grid;gap:var(--kamu-space-4);min-width:0}
.h2x .dropzone{cursor:pointer}
.h2x .summary{display:flex;align-items:center;justify-content:space-between;gap:var(--kamu-space-3);flex-wrap:wrap}
.h2x .counts{font-weight:700}
.h2x .results{list-style:none;margin:0;padding:0;display:grid;gap:var(--kamu-space-2)}
.h2x .item{border:1px solid var(--kamu-color-border);border-radius:var(--kamu-radius-md);padding:var(--kamu-space-3) var(--kamu-space-4);background:var(--kamu-color-surface);display:grid;gap:var(--kamu-space-2);min-width:0}
.h2x .item-head{display:flex;align-items:center;gap:var(--kamu-space-3);flex-wrap:wrap;min-width:0}
.h2x .fname{font-weight:750;word-break:break-all;min-width:0;flex:1 1 200px}
.h2x .fsize{color:var(--kamu-color-muted);font-size:var(--kamu-text-xs);font-weight:500;margin-left:var(--kamu-space-1)}
.h2x .metrics{display:flex;gap:var(--kamu-space-4);flex-wrap:wrap;margin:0;font-size:var(--kamu-text-sm);color:var(--kamu-color-muted)}
.h2x .metrics div{display:flex;gap:6px}
.h2x .metrics dt{margin:0}
.h2x .metrics dd{margin:0;color:var(--kamu-color-text);font-weight:700;font-variant-numeric:tabular-nums}
.h2x .check{font-size:var(--kamu-text-sm)}
.h2x .check summary{cursor:pointer;font-weight:650}
.h2x .check ul{margin:var(--kamu-space-2) 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--kamu-space-1) var(--kamu-space-2)}
.h2x .check li{border:1px solid var(--kamu-color-border);border-radius:var(--kamu-radius-sm);padding:2px 8px;background:var(--kamu-color-canvas)}
.h2x .check li b{font-variant-numeric:tabular-nums;margin-left:4px}
.h2x .check li.minor{color:var(--kamu-color-muted)}
.h2x .reason{margin:0;font-size:var(--kamu-text-sm);color:var(--kamu-color-muted)}
.h2x .notes{display:grid;grid-template-columns:1fr 1fr;gap:var(--kamu-space-3)}
.h2x .credit{margin:0;font-size:var(--kamu-text-xs);color:var(--kamu-color-muted)}
@media (max-width:760px){ .h2x .notes{grid-template-columns:1fr} }