:root{color:#111;background-color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:2rem}.app-header{margin-bottom:2rem}.app-header h1{color:#000;font-size:1.75rem;font-weight:800}.app-header-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.app-header-actions{align-items:center;gap:.75rem;display:flex}.load-different-file{color:#fff;cursor:pointer;background-color:#333;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600}.load-different-file:hover{background-color:#111}.schema-legend{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.schema-legend-label{text-transform:uppercase;letter-spacing:.05em;color:#333;margin-right:.25rem;font-size:.8125rem;font-weight:700}.schema-legend-desc{color:#555;margin-right:.75rem;font-size:.8125rem}.schema-legend-link{color:#1565c0;margin-right:.75rem;font-size:.8125rem;text-decoration:none}.schema-legend-link:hover{text-decoration:underline}.file-upload{text-align:center;cursor:pointer;border:2px dashed #ccc;border-radius:12px;padding:3rem 2rem;transition:border-color .2s,background-color .2s}.file-upload:hover,.file-upload.drag-over{background-color:#f0f5ff;border-color:#4a7ccc}.file-upload p{color:#000;margin-bottom:1rem;font-size:1.35rem}.file-upload-button{color:#fff;cursor:pointer;background-color:#4a7ccc;border:none;border-radius:6px;padding:.5rem 1.5rem;font-size:.875rem}.file-upload-button:hover{background-color:#2d5aa0}.file-upload input[type=file]{display:none}.xml-snippet{background-color:#f5f5f5;border:2px solid #ccc;border-radius:6px;padding:1rem;font-size:.875rem;line-height:1.7;overflow-x:auto}.xml-snippet pre{margin:0}.xml-snippet-loading{color:#333;padding:1rem;font-style:italic}.xml-snippet.line-numbers code{counter-reset:line-number calc(var(--line-start,1) - 1)}.xml-snippet.line-numbers code .line{width:100%;display:inline-block}.xml-snippet.line-numbers code .line:before{counter-increment:line-number;content:counter(line-number);text-align:right;color:#666;-webkit-user-select:none;user-select:none;border-right:2px solid #ccc;width:3.5em;margin-right:1em;padding-right:.75em;font-size:.8125rem;font-weight:500;display:inline-block}.mapping-row{cursor:pointer;transition:background-color .15s}.mapping-row:hover{background-color:#f0f4fa}.mapping-row.expanded{background-color:#e4ecf7}.mapping-row.row-highlighted{background-color:#fff9c4}.mapping-row.row-missing td{color:#666}.mapping-row td{vertical-align:top;word-wrap:break-word;overflow-wrap:break-word;color:#111;border-bottom:1px solid #ccc;border-right:1px solid #ddd;padding:.875rem 1.25rem;font-size:1rem}.mapping-row td:last-child{border-right:none}.mapping-row-name{white-space:nowrap;color:#000;font-weight:700;padding-right:2rem!important}.mapping-row-value{text-overflow:ellipsis;white-space:nowrap;line-height:1.6;overflow:hidden}.mapping-row.expanded .mapping-row-value{white-space:normal;text-overflow:unset;overflow:visible}.mapping-row-toggle{text-align:center;color:#000;-webkit-user-select:none;user-select:none;width:2.5rem;font-size:1.25rem;font-weight:800;border-right:none!important}.mapping-row-expansion td{border-bottom:3px solid #000;padding:0}.mapping-row-expansion-content{background-color:#f8f8f8;padding:1.25rem 1.25rem 1.25rem 2.5rem}.expansion-heading{text-transform:uppercase;letter-spacing:.05em;color:#000;border-bottom:2px solid #ccc;margin:0 0 .625rem;padding-bottom:.375rem;font-size:.875rem;font-weight:800}.expansion-heading:not(:first-child){margin-top:1.25rem}.expansion-value{color:#111;white-space:pre-wrap;word-wrap:break-word;margin-bottom:.5rem;font-size:1rem;line-height:1.6}.nested-table{border-collapse:collapse;border:2px solid #ccc;border-radius:4px;width:100%;margin-bottom:.5rem;font-size:.9375rem}.nested-table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:#000;background-color:#e8e8e8;border-bottom:2px solid #ccc;padding:.625rem .875rem;font-size:.75rem;font-weight:700}.nested-table td{vertical-align:top;word-wrap:break-word;color:#111;border-bottom:1px solid #ddd;padding:.5rem .875rem}.nested-table tbody tr:last-child td{border-bottom:none}.nested-table tbody tr:hover{background-color:#f0f4fa}.mapping-row-xpath{color:#111;font-size:.9375rem}.mapping-row-xpath code{color:#000;background-color:#e8e8e8;border-radius:4px;padding:.25rem .625rem;font-family:SF Mono,Fira Code,Fira Mono,Menlo,monospace;font-size:.875rem}.source-badge{text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;border-radius:4px;padding:.4rem .7rem;font-size:.6875rem;font-weight:800;display:inline-block}.source-badge.mods{color:#1b5e20;background-color:#c8e6c9}.source-badge.dim{color:#bf360c;background-color:#ffe0b2}.source-badge.other{color:#0d47a1;background-color:#bbdefb}.source-badge.missing{color:#b71c1c;background-color:#ffcdd2}.contained-in-badges{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.discrepancy-flag{color:#e65100;cursor:help;font-size:1.125rem}.comparison-table{table-layout:fixed;border-collapse:collapse;border:2px solid #ccc;border-radius:4px;width:100%;margin-bottom:.5rem;font-size:.9375rem}.comparison-table th:first-child{width:100px}.comparison-table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:#000;background-color:#e8e8e8;border-bottom:2px solid #ccc;padding:.625rem .875rem;font-size:.75rem;font-weight:700}.comparison-table td{vertical-align:top;word-wrap:break-word;color:#111;border-bottom:1px solid #ddd;padding:.625rem .875rem}.comparison-table tbody tr:last-child td{border-bottom:none}.expansion-xpath{color:#000;text-transform:none;letter-spacing:0;background-color:#e8e8e8;border-radius:4px;margin-left:.5rem;padding:.1875rem .5rem;font-family:SF Mono,Fira Code,Fira Mono,Menlo,monospace;font-size:.8125rem;font-weight:400}.source-xml-block{margin-top:.5rem}.mapping-table-wrapper{width:100%;overflow-x:auto}.mapping-table{table-layout:fixed;border-collapse:collapse;border:2px solid #000;border-radius:8px;width:100%;font-size:1rem}.mapping-table th{text-align:left;color:#000;text-transform:uppercase;letter-spacing:.05em;background-color:#f0f0f0;border-bottom:3px solid #000;border-right:1px solid #ccc;padding:1rem 1.25rem;font-size:.8125rem;font-weight:800}.mapping-table th:last-child{border-right:none}.mapping-table th:first-child{border-right:none;width:2.5rem}.mapping-table th:nth-child(2){width:240px;padding-right:2rem}.mapping-table th:nth-child(4){width:200px}.mapping-table-empty{text-align:center;color:#333;padding:2rem;font-weight:600}.full-xml-view{margin-top:2rem}.full-xml-toggle{color:#000;cursor:pointer;text-align:left;background-color:#f0f0f0;border:2px solid #000;border-radius:0;align-items:center;gap:.5rem;width:100%;padding:1rem 1.25rem;font-size:1rem;font-weight:700;display:flex}.full-xml-toggle:hover{background-color:#e0e0e0}.full-xml-content{border:2px solid #000;border-top:1px solid #ccc;border-radius:0;margin-top:-2px;overflow:hidden}.full-xml-loading{color:#333;text-align:center;padding:2rem;font-style:italic}.full-xml-code{max-height:600px;font-size:.875rem;line-height:1.7;overflow:auto}.full-xml-code pre{margin:0;padding:1rem 0}.full-xml-code.line-numbers code{counter-reset:line-number calc(var(--line-start,1) - 1)}.full-xml-code.line-numbers code .line{width:100%;padding:0 1rem 0 0;display:inline-block}.full-xml-code.line-numbers code .line:before{counter-increment:line-number;content:counter(line-number);text-align:right;color:#666;-webkit-user-select:none;user-select:none;border-right:2px solid #ccc;width:3.5em;margin-right:1em;padding-right:.75em;font-size:.8125rem;font-weight:500;display:inline-block}.full-xml-code .line.highlighted{border-left:4px solid #0000}.full-xml-code .line.hl-mods{background-color:#2e7d321f;border-left-color:#1b5e20}.full-xml-code .line.hl-dim{background-color:#e651001f;border-left-color:#bf360c}.full-xml-code .line.hl-other{background-color:#1565c01f;border-left-color:#0d47a1}