:root{color:#2f3437;font-synthesis:none;--ink:#2f3437;--muted:#70777b;--button:#2f6686;--button-dark:#244a63;--line:#c8ced1;--paper:#fff;--surface-muted:#f4f5f5;--warning:#f5ecd7;--warning-ink:#765d27;--danger:#f5e1df;--danger-ink:#8c3c39;--success:#e8f0eb;--success-ink:#356348;background:#f4f5f5;font-family:MS PGothic,ＭＳ Ｐゴシック,Osaka,Hiragino Kaku Gothic ProN,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--surface-muted);min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;height:68px;padding:0 42px;display:flex}.topbar h1{letter-spacing:.04em;margin:2px 0 0;font-size:19px}.eyebrow,.section-kicker,.file-label{color:var(--muted);letter-spacing:.12em;margin:0;font-size:11px}.topbar-actions,.section-heading-row,.results-header,.settings-footer,.intro-row,.panel-heading,.detail-heading,.results-toolbar,.results-actions,.ai-panel-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.data-badge,.ready-label{color:var(--muted);border-left:1px solid var(--line);padding-left:16px;font-size:12px}.main-content{max-width:1440px;margin:0 auto;padding:40px 42px 60px}.intro-row{align-items:flex-end;margin-bottom:30px}.breadcrumb{color:var(--muted);margin:0 0 10px;font-size:12px}h2,h3,p{margin-top:0}h2{letter-spacing:.02em;margin-bottom:7px;font-size:26px}h3{margin:4px 0 0;font-size:17px}.intro-copy,.section-heading-row p,.results-header p{color:var(--muted);margin-bottom:0;font-size:14px}.text-button{color:var(--button);border:0;border-bottom:1px solid var(--button);background:0 0;padding:5px 0;font-weight:700}.button{border:1px solid #0000;border-radius:3px;min-height:38px;padding:0 16px;font-size:13px;font-weight:700}.button-primary{color:#fff;background:var(--button)}.button-primary:hover{background:var(--button-dark)}.button-secondary{background:var(--paper);color:var(--button);border-color:var(--button)}.step-line{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-bottom:28px;display:grid}.step{color:var(--muted);align-items:center;gap:8px;padding-top:11px;font-size:13px;display:flex}.step span{letter-spacing:.08em;font-size:11px}.step.active{color:var(--button)}.step.active span{font-weight:700}.alert,.notice{border:1px solid var(--line);align-items:center;gap:12px;margin-bottom:18px;padding:12px 15px;font-size:13px;display:flex}.alert-error{background:var(--danger);color:var(--danger-ink);border-color:#d8aaa6}.alert-warning{background:var(--warning);color:var(--warning-ink);border-color:#d8c995}.notice{background:var(--paper);color:var(--muted)}.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.panel{background:var(--paper);border:1px solid var(--line);border-radius:3px}.upload-panel{min-width:0}.panel-heading{border-bottom:1px solid var(--line);padding:18px 20px}.dropzone{min-height:192px;color:var(--muted);text-align:center;border:1px dashed #aeb8bc;flex-direction:column;justify-content:center;align-items:center;gap:7px;margin:20px;font-size:13px;transition:background .12s,border-color .12s;display:flex}.dropzone:hover,.dropzone.dragging{border-color:var(--button);background:#f6f8f8}.dropzone input{display:none}.dropzone strong{color:var(--ink);font-size:15px}.dropzone small{margin-top:5px;font-size:11px}.upload-mark,.file-mark{color:var(--button);border:1px solid var(--button);place-items:center;width:33px;height:33px;margin-bottom:4px;font-size:12px;font-weight:700;display:grid}.upload-mark{font-size:22px;font-weight:400}.file-name{overflow-wrap:anywhere;max-width:90%}.file-meta{font-size:12px}.change-link{color:var(--button);margin-top:5px;font-size:12px}.preview{border-top:1px solid var(--line);margin:0 20px 20px;padding-top:13px}.preview-heading,.list-heading{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.preview-table-wrap,.mapping-table-wrap,.detail-table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e2e5e6;padding:9px 10px;font-size:12px}th{color:var(--muted);background:#fafbfb;font-weight:400}.preview th,.preview td{text-overflow:ellipsis;max-width:160px;padding:6px 8px;font-size:11px;overflow:hidden}.settings-panel,.results-section{margin-top:22px}.results-actions{flex-wrap:wrap}.section-heading-row,.results-header{align-items:flex-start;padding:20px}.mapping-table th,.mapping-table td{padding:12px 15px}.mapping-table thead th{letter-spacing:.04em;font-size:11px}.mapping-table select{border:1px solid var(--line);min-width:180px;color:var(--ink);background:#fff;border-radius:2px;padding:8px 10px}.check-label,.radio-label,.normalize-options label{align-items:center;gap:7px;font-size:12px;display:inline-flex}input[type=checkbox],input[type=radio]{accent-color:var(--button)}.key-row{background:#f7fafb}.key-row td:nth-child(2) strong{color:var(--button)}.settings-footer{border-top:1px solid var(--line);color:var(--muted);padding:15px 20px;font-size:12px}.settings-footer strong{color:var(--ink)}.compare-button{min-width:140px}.normalize-options{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbfb;flex-wrap:wrap;gap:16px;padding:13px 20px;display:flex}.summary-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);grid-template-columns:repeat(6,minmax(110px,1fr));display:grid}.summary-item{border-right:1px solid var(--line);min-height:83px;padding:15px 16px}.summary-item:last-child{border-right:0}.summary-item span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.summary-item strong{font-size:25px;font-weight:700}.summary-item small{color:var(--muted);margin-left:3px;font-size:11px}.summary-item.warning strong{color:var(--warning-ink)}.summary-item.danger strong{color:var(--danger-ink)}.summary-item.good strong{color:var(--success-ink)}.results-toolbar{background:var(--paper);border:1px solid var(--line);border-top:0;align-items:stretch;padding:13px 16px}.filters{flex-wrap:wrap;gap:6px;display:flex}.filter-button{color:var(--muted);background:0 0;border:1px solid #0000;padding:6px 9px;font-size:12px}.filter-button span{border:1px solid var(--line);margin-left:6px;padding:1px 5px;font-size:10px}.filter-button.selected,.filter-button.selected span{color:var(--button);border-color:var(--button)}.search-box{color:var(--muted);white-space:nowrap;align-items:center;gap:9px;font-size:12px;display:flex}.search-box input{border:1px solid var(--line);outline:none;width:210px;padding:8px 10px}.search-box input:focus,select:focus,button:focus-visible{outline-offset:2px;outline:2px solid #8bb1c4}.results-layout{grid-template-columns:minmax(270px,.72fr) minmax(0,1.55fr);align-items:start;gap:18px;margin-top:18px;display:grid}.results-list{overflow:hidden}.list-heading{border-bottom:1px solid var(--line);margin:0;padding:14px 16px}.result-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #e2e5e6;width:100%;padding:13px 16px;display:block}.result-row:hover,.result-row.selected{background:#f2f5f6}.result-row.selected{box-shadow:inset 3px 0 var(--button)}.result-row-main{justify-content:space-between;align-items:center;gap:8px;display:flex}.result-row-main strong{font-size:14px}.result-row-detail{color:var(--muted);margin-top:7px;font-size:12px}.status{border:1px solid var(--line);white-space:nowrap;padding:3px 6px;font-size:11px}.status-difference{color:var(--danger-ink);background:var(--danger);border-color:#d8aaa6}.status-only-a,.status-only-b{color:var(--warning-ink);background:var(--warning);border-color:#d8c995}.status-duplicate{color:var(--danger-ink);background:var(--danger);border-color:#d8aaa6}.status-match{color:var(--success-ink);background:var(--success);border-color:#b9d2c1}.empty-state{min-height:180px;color:var(--muted);place-items:center;font-size:13px;display:grid}.ai-panel{margin-top:18px;padding:18px 20px}.ai-panel-heading{align-items:flex-start}.ai-badge{color:var(--button);background:#f3f8fa;border:1px solid #a6bec9;padding:5px 8px;font-size:11px}.ai-summary{margin:15px 0;font-size:14px;line-height:1.7}.ai-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ai-point{border:1px solid var(--line);background:#fbfcfc;padding:12px}.ai-point-title{justify-content:space-between;gap:8px;font-size:13px;display:flex}.ai-point-title span{color:var(--warning-ink);font-size:12px}.ai-point-meta{color:var(--muted);margin-top:5px;font-size:11px}.ai-point p{color:var(--ink);margin:8px 0 0;font-size:12px;line-height:1.6}.ai-empty{color:var(--muted);margin:14px 0 0;font-size:13px}.detail{min-width:0;overflow:hidden}.detail-heading{border-bottom:1px solid var(--line);padding:18px 20px}.detail-heading h3{font-size:21px}.detail .alert{margin:16px 20px 0}.detail-table{min-width:670px}.detail-table th,.detail-table td{padding:12px 14px}.detail-table tbody th{color:var(--ink);background:#fff;font-weight:700}.detail-table td{white-space:normal;overflow-wrap:anywhere;max-width:280px}.detail-table .difference-row{background:#fffaf9}.detail-table .difference-row th{background:#fff4f2}.diff-marker{color:var(--danger-ink);font-weight:700}.match-marker{color:var(--success-ink)}.blank{color:#9a9fa1;font-style:italic}.footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;padding:18px 42px;font-size:11px;display:flex}@media (width<=900px){.topbar,.main-content{padding-left:22px;padding-right:22px}.upload-grid,.results-layout{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(3,1fr)}.summary-item:nth-child(3){border-right:0}.summary-item:nth-child(n+4){border-top:1px solid var(--line)}.results-toolbar{flex-direction:column;align-items:flex-start}.search-box input{width:min(330px,70vw)}}@media (width<=560px){.topbar{height:auto;min-height:68px;padding-top:12px;padding-bottom:12px}.topbar-actions .data-badge{display:none}.main-content{padding-top:25px}.intro-row{flex-direction:column;align-items:flex-start;gap:14px}h2{font-size:22px}.step{flex-direction:column;align-items:flex-start;font-size:11px}.step-line{margin-bottom:20px}.panel-heading,.section-heading-row,.results-header,.settings-footer,.detail-heading{flex-direction:column;align-items:flex-start}.settings-footer{gap:12px}.compare-button{width:100%}.summary-grid{grid-template-columns:repeat(2,1fr)}.summary-item:nth-child(2),.summary-item:nth-child(4),.summary-item:nth-child(6){border-right:0}.summary-item:nth-child(3){border-right:1px solid var(--line)}.normalize-options{flex-direction:column}.ai-points{grid-template-columns:1fr}.footer{flex-direction:column;gap:7px;padding:18px 22px}}