:root{--surface:#fbf9fa;--surface-lowest:#fff;--surface-low:#f5f3f5;--surface-container:#efedef;--surface-high:#eae7e9;--on-surface:#1b1b1d;--on-surface-variant:#44474c;--outline:#75777d;--outline-variant:#c5c6cd;--primary:#1d2b3e;--on-primary:#fff;--error:#ba1a1a;--error-container:#ffdad6;--add-bg:#e6ffed;--add-text:#22863a;--del-bg:#ffeef0;--del-text:#cb2431;--mod-bg:#fff5b1;--mod-text:#8a6d00;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--control-height:28px;color:var(--on-surface);background:var(--surface);font:13px/18px var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{border:1px solid var(--outline);background:var(--surface-lowest);color:var(--on-surface);border-radius:0;padding:4px 10px;font-size:13px;line-height:18px}input[type=file]::file-selector-button{border:1px solid var(--outline);background:var(--surface-lowest);color:var(--on-surface);border-radius:0;padding:4px 10px;font-size:13px;line-height:18px}button:not(.split-handle):not(.freeze-handle),select{block-size:var(--control-height);border-radius:5px}button:not(.split-handle):not(.freeze-handle){justify-content:center;align-items:center;display:inline-flex}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button.primary{background:var(--primary);color:var(--on-primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:1px}main{flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--outline-variant);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 16px;display:flex}.topbar h1{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600;line-height:24px}.topbar h1 a{color:inherit;text-decoration:none}.topbar h1 a:hover{color:var(--primary)}.topbar nav{align-items:center;gap:8px;display:flex}.sample-picker{align-items:center;gap:6px;font-size:11px;font-weight:500;display:inline-flex}.sample-picker select{font-weight:400}.export-html{min-inline-size:112px}.error,.status{border-bottom:1px solid var(--outline-variant);margin:0;padding:4px 16px}.error{background:var(--error-container);color:var(--error)}.status{background:var(--surface-high);color:var(--on-surface-variant)}.upload{flex:1;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;padding:16px;display:grid}.upload .versus{color:var(--on-surface-variant);align-self:center;font-size:18px;font-weight:600}.dropzone{border:1px dashed var(--outline-variant);background:var(--surface-lowest);cursor:pointer;place-content:center;justify-items:center;gap:8px;min-height:300px;display:grid}.dropzone h2,.dropzone p{margin:0}.dropzone h2{font-size:14px;line-height:20px}.dropzone .loaded-file{max-inline-size:min(420px,80vw);color:var(--primary);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropzone input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.dropzone.dragging{border-color:var(--primary);background:var(--surface-low)}.compare-layout{--preview-split:50%;--vertical-split:47%;grid-template-rows:minmax(140px, var(--vertical-split)) 6px auto minmax(180px, 1fr);flex:1 1 0;min-height:0;display:grid;overflow:hidden}.previews{grid-row:1;grid-template-columns:minmax(220px, var(--preview-split)) 6px minmax(220px, 1fr);min-height:0;display:grid;overflow:hidden}.preview{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.preview header{border-bottom:1px solid var(--outline-variant);background:var(--surface-container);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:4px 8px;display:grid}.preview menu{gap:4px;margin:0;padding:0;list-style:none;display:flex}.preview h2,.preview p{margin:0}.preview h2{text-transform:uppercase;font:13px/18px var(--sans);font-weight:700}.preview p{color:var(--on-surface-variant);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preview input[type=file]{opacity:0;block-size:1px;inline-size:1px;position:absolute}.preview .sheet{min-width:0;color:var(--on-surface-variant);white-space:nowrap;align-items:center;gap:4px;margin:0;font-size:11px;display:inline-flex}.preview .sheet select{max-inline-size:180px}.split-handle{background:var(--surface-container);border:0 solid var(--outline-variant);touch-action:none;border-radius:0;padding:0}.split-handle:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.split-handle-columns{cursor:col-resize;border-inline:1px solid var(--outline-variant)}.split-handle-rows{cursor:row-resize;border-block:1px solid var(--outline-variant);grid-row:2}.results-toolbar{border-bottom:1px solid var(--outline-variant);background:var(--surface);flex-wrap:wrap;grid-row:3;align-items:center;gap:8px;padding:8px;display:flex}.summary-chips{flex-wrap:wrap;flex:auto;gap:8px;min-inline-size:160px;display:flex}.options{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;gap:12px;margin-inline-start:auto;display:flex}.options label{align-items:center;gap:4px;font-size:11px;font-weight:500;display:inline-flex}output{border:1px solid var(--outline-variant);text-transform:capitalize;align-items:center;gap:4px;padding:2px 4px;font-size:11px;line-height:16px;display:inline-flex}output b{font-family:var(--mono)}output.insert{color:var(--add-text);background:var(--add-bg)}output.delete{color:var(--del-text);background:var(--del-bg)}output.update{color:var(--mod-text);background:var(--mod-bg)}.diff{background:var(--surface-lowest);grid-row:4;min-height:0;display:flex}.diff .no-changes{min-height:100%;color:var(--on-surface-variant);flex:1;place-items:center;margin:0;font-size:14px;font-weight:600;display:grid}@media (width<=760px){main{min-height:100dvh}.topbar{flex-wrap:wrap;align-items:flex-start}.topbar h1{flex:1 0 120px}.topbar nav{flex-wrap:wrap;flex:100%;justify-content:flex-start}.upload{grid-template-columns:1fr}.compare-layout{grid-template-rows:minmax(360px,42dvh) 0 auto minmax(260px,1fr)}.previews{grid-template-rows:minmax(160px,1fr) minmax(160px,1fr);grid-template-columns:1fr}.preview{border-bottom:1px solid var(--outline-variant)}.preview header{grid-template-columns:auto minmax(0,1fr)}.preview header .sheet,.preview header menu{grid-column:1/-1}.split-handle{display:none}.results-toolbar{max-height:74px;overflow:auto}.summary-chips{min-inline-size:0}.options{justify-content:flex-start;gap:8px;margin-inline-start:0}}.frozen-table-shell.svelte-1cxyzgx{background:var(--surface-lowest);flex:1;min-height:0;position:relative;overflow:hidden}.frozen-scroll.svelte-1cxyzgx{background:var(--surface-lowest);block-size:100%;overflow:auto}table.svelte-1cxyzgx{border-collapse:separate;border-spacing:0;white-space:nowrap;width:100%;font:12px/16px var(--sans);font-variant-numeric:tabular-nums}th.svelte-1cxyzgx,td.svelte-1cxyzgx{border-right:1px solid var(--outline-variant);border-bottom:1px solid var(--outline-variant);text-align:left;vertical-align:middle;background:var(--surface-lowest);height:24px;padding:2px 8px}th.svelte-1cxyzgx{background:var(--surface-low);font-weight:500}.frozen-row.svelte-1cxyzgx,.frozen-col.svelte-1cxyzgx,.frozen-corner.svelte-1cxyzgx{position:sticky}.frozen-col.svelte-1cxyzgx{z-index:4}.frozen-row.svelte-1cxyzgx{z-index:5}.frozen-corner.svelte-1cxyzgx{z-index:6}.freeze-border-bottom.svelte-1cxyzgx{border-bottom-color:var(--outline);box-shadow:inset 0 -1px 0 0 var(--outline)}.freeze-border-right.svelte-1cxyzgx{border-right-color:var(--outline);box-shadow:inset -1px 0 0 0 var(--outline)}.freeze-border-bottom.freeze-border-right.svelte-1cxyzgx{border-bottom-color:var(--outline);border-right-color:var(--outline);box-shadow:inset -1px -1px 0 0 var(--outline)}.insert.svelte-1cxyzgx{background:var(--add-bg)}.delete.svelte-1cxyzgx{background:var(--del-bg)}.update.svelte-1cxyzgx{background:var(--mod-bg)}.schema.svelte-1cxyzgx,.omitted.svelte-1cxyzgx,.reorder.svelte-1cxyzgx{background:var(--surface-low);color:var(--on-surface-variant)}.action-cell.svelte-1cxyzgx,.order-cell.svelte-1cxyzgx{text-align:center;font-family:var(--mono);font-weight:600}.left.svelte-1cxyzgx{color:var(--del-text);text-decoration:line-through}.separator.svelte-1cxyzgx{color:var(--mod-text);font-family:var(--mono);margin:0 4px;font-weight:600}.right.svelte-1cxyzgx{color:var(--add-text)}.freeze-overlay.svelte-1cxyzgx{pointer-events:none;z-index:20;position:absolute;inset:0}.freeze-line.svelte-1cxyzgx{background:var(--primary);opacity:0;transition:opacity .12s;position:absolute}.freeze-line.visible.svelte-1cxyzgx{opacity:1}.freeze-line.horizontal.svelte-1cxyzgx{height:2px;left:0;right:0;transform:translateY(-50%)}.freeze-line.vertical.svelte-1cxyzgx{width:2px;top:0;bottom:0;transform:translate(-50%)}.freeze-handle.svelte-1cxyzgx{opacity:0;cursor:grab;touch-action:none;z-index:21;background:0 0;border:0;border-radius:999px;block-size:24px;inline-size:24px;min-inline-size:24px;padding:0;transition:opacity .12s,transform .12s;position:absolute;transform:translate(-50%,-50%)}.freeze-handle.svelte-1cxyzgx:before{content:"";background:var(--primary);border-radius:999px;block-size:12px;inline-size:12px;margin:6px;display:block}.freeze-handle.visible.svelte-1cxyzgx,.freeze-handle.svelte-1cxyzgx:focus-visible{opacity:1}.freeze-handle.dragging.svelte-1cxyzgx{cursor:grabbing;transform:translate(-50%,-50%)scale(1.15)}