main{max-width:1400px;margin:30px auto;padding:20px}.panel,details{padding:22px;border:1px solid #ccd6d7;border-radius:16px;margin:22px 0;background:var(--surface,#fff)}.controls{display:flex;gap:18px;flex-wrap:wrap;align-items:end}label{display:grid;gap:8px;flex:1;min-width:180px}input,select,textarea,button{font:inherit;padding:10px;max-width:100%}button{cursor:pointer;border-radius:8px}textarea{width:100%;box-sizing:border-box}.views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}figure{margin:0;min-width:0}figcaption{font-weight:bold;margin:12px 0}canvas{width:100%;height:auto;display:block;border:1px solid #cbd0d2}header{display:flex;gap:20px;align-items:center}#result{font-weight:bold}a{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:850px){.views{grid-template-columns:1fr}main{padding:14px}header{flex-wrap:wrap}}

.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;margin:16px 0;text-align:left}th,td{padding:12px;border-bottom:1px solid #ccd6d7}caption{text-align:left;font-weight:bold;padding:12px}#changed-only{width:auto}#cancel-scan{border:2px solid #a13250}.batch-open{white-space:nowrap}

@media(max-width:600px){#batch-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#batch-table,#batch-table tbody{display:block}#batch-table tbody tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ccd6d7;border-radius:10px;margin:12px 0}#batch-table td{display:block;min-width:0;overflow-wrap:anywhere}#batch-table td:nth-child(n+3){grid-column:1/-1}#batch-table td::before{content:attr(data-label);display:block;font-size:.8em;font-weight:bold;margin-bottom:5px}}

#batch-table caption{display:block;box-sizing:border-box;width:100%}.controls label:has(> #changed-only){display:flex;flex-direction:row;align-items:center;gap:10px}#changed-only{flex:none}

.text-diff{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;max-height:500px;overflow:auto;padding:18px;border:1px solid #b7c6c9;border-radius:10px;background:#fff;color:#172d35}.text-diff ins,.text-legend.added{background:#daf5e8;color:#125636;text-decoration:underline}.text-diff del,.text-legend.removed{background:#ffe0e8;color:#8a1e3b;text-decoration:line-through}.text-legend{padding:3px 8px;border-radius:4px}.controls label:has(> #ignore-whitespace){display:flex;flex-direction:row;align-items:center;gap:10px}#ignore-whitespace{flex:none;width:auto}

.match-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr);gap:14px;align-items:center;border-top:1px solid #ccd6d7;padding:14px 0}.match-row small{display:block;margin-top:6px}.match-confirm{display:flex;align-items:center;gap:10px;margin:20px 0}.match-confirm input{width:auto;flex:none}@media(max-width:600px){.match-row{grid-template-columns:1fr}}

.match-excerpt{font-size:.85em;font-weight:normal;overflow-wrap:anywhere;white-space:pre-wrap;max-height:100px;overflow:auto;color:#435a62}