:root{color-scheme:dark light;--color-bg: #0e1116;--color-surface: #161b22;--color-surface-2: #1c232d;--color-text: #e6edf3;--color-muted: #8b98a9;--color-border: #262e3a;--color-border-strong: #364152;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-text: #7aa7ff;--color-accent-subtle: rgb(37 99 235 / .16);--color-on-accent: #ffffff;--color-success: #3fb950;--color-success-subtle: rgb(63 185 80 / .14);--color-danger: #f85149;--color-danger-hover: #da3633;--color-danger-subtle: rgb(248 81 73 / .14);--color-warning: #d29922;--color-warning-subtle: rgb(210 153 34 / .16);--color-focus: #60a5fa;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--tracking-tight: -.011em;--tracking-normal: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--content-max: 880px;--content-narrow: 640px;--page-pad-x: var(--space-4);--card-pad: var(--space-5);--section-gap: var(--space-6);--control-height: 2.25rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-full: 9999px;--border-width: 1px;--border-default: var(--border-width) solid var(--color-border);--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 4px 12px rgb(0 0 0 / .45);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring: 0 0 0 var(--focus-ring-offset) var(--color-bg), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--color-focus);--duration-fast: .12s;--duration-base: .16s;--duration-slow: .2s;--ease-out: cubic-bezier(.2, 0, 0, 1);--transition-colors: color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);--bg: var(--color-bg);--card: var(--color-surface);--text: var(--color-text);--muted: var(--color-muted);--accent: var(--color-accent);--ok: var(--color-success);--err: var(--color-danger);--border: var(--color-border)}@media(prefers-color-scheme:light){:root{--color-bg: #f7f8fa;--color-surface: #ffffff;--color-surface-2: #f1f3f6;--color-text: #111318;--color-muted: #5b6675;--color-border: #e3e7ed;--color-border-strong: #cfd5dd;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-text: #1d4ed8;--color-accent-subtle: rgb(37 99 235 / .08);--color-on-accent: #ffffff;--color-success: #1a7f37;--color-success-subtle: rgb(26 127 55 / .08);--color-danger: #cf222e;--color-danger-hover: #a40e26;--color-danger-subtle: rgb(207 34 46 / .08);--color-warning: #9a6700;--color-warning-subtle: rgb(154 103 0 / .1);--color-focus: #2563eb;--shadow-sm: 0 1px 2px rgb(16 24 40 / .06);--shadow-md: 0 4px 12px rgb(16 24 40 / .08)}}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}}:root{--card-pad: var(--space-4);--control-height: 2rem;--radius-lg: 8px;--content-max: 1120px;--severity-error: var(--color-danger);--severity-error-bg: var(--color-danger-subtle);--severity-warning: var(--color-warning);--severity-warning-bg: var(--color-warning-subtle);--severity-notice: var(--color-muted);--severity-notice-bg: var(--color-surface-2);--severity-ok: var(--color-success);--severity-ok-bg: var(--color-success-subtle);--table-font: var(--text-sm);--table-cell-y: var(--space-3);--table-cell-x: var(--space-3);--url-font: var(--font-mono)}*,*:before,*:after{box-sizing:border-box}html{background:var(--color-bg)}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal)}::selection{background:var(--color-accent-subtle);color:var(--color-text)}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--focus-ring)}[hidden]{display:none!important}main{max-width:var(--content-max);margin:0 auto;padding:var(--space-8) var(--page-pad-x) var(--space-12)}.visually-hidden{position:absolute;width:var(--border-width);height:var(--border-width);padding:0;margin:calc(var(--border-width) * -1);overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.site-header{margin-bottom:var(--space-6)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}h1{margin:0;font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.lead{margin:var(--space-2) 0 0;max-width:65ch;color:var(--color-text);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal)}.meta-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-3) 0 0;color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-normal)}.card{background:var(--color-surface);border:var(--border-default);border-radius:var(--radius-lg);padding:var(--card-pad);margin-top:var(--section-gap)}.card-title{display:flex;align-items:baseline;gap:var(--space-2);margin:0 0 var(--space-4);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.card-subtitle{margin:0;font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-snug)}.hint{margin:var(--space-2) 0 0;max-width:65ch;color:var(--color-muted);font-size:var(--text-sm);font-weight:var(--weight-regular);line-height:var(--leading-normal)}.empty-hint{margin:var(--space-3) 0 0;color:var(--color-muted);font-size:var(--text-sm)}.dropzone{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border:var(--border-width) dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.dropzone p{margin:0;max-width:65ch;color:var(--color-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.dropzone.is-dragover{background:var(--color-accent-subtle);border-color:var(--color-accent)}.file-btn{display:inline-flex;align-items:center;justify-content:center;height:var(--control-height);padding:0 var(--space-4);border:var(--border-default);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-snug);cursor:pointer;transition:var(--transition-colors)}.file-btn:hover{background:var(--color-surface-2)}.file-btn:focus-within{box-shadow:var(--focus-ring)}.file-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.file-list:empty{display:none}.file-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-3) 0;background:transparent;border:0;border-bottom:var(--border-default);border-radius:0}.file-name{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);word-break:break-all}.file-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.file-note{margin-top:var(--space-1);color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.badge{display:inline-flex;align-items:center;height:var(--space-6);padding:0 var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-normal);white-space:nowrap}.badge-error{background:var(--severity-error-bg);color:var(--severity-error);border-color:transparent}.badge-warning{background:var(--severity-warning-bg);color:var(--severity-warning);border-color:transparent}.badge-notice{background:var(--severity-notice-bg);color:var(--severity-notice);border-color:transparent}.badge-ok{background:var(--severity-ok-bg);color:var(--severity-ok);border-color:transparent}button,input,select{font:inherit;color:inherit}button{height:var(--control-height);padding:0 var(--space-4);border:var(--border-default);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-snug);cursor:pointer;transition:var(--transition-colors)}button:hover:not(:disabled){background:var(--color-surface-2)}button.primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}button.primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}input[type=checkbox],input[type=radio]{accent-color:var(--color-accent);width:var(--space-4);height:var(--space-4)}input[type=search],select,.mapping-form select,.file-row select,.lang-select select{height:var(--control-height);padding:0 var(--space-3);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm)}.field-grow input[type=search]{width:100%}.options{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-4);margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);border:var(--border-default);border-radius:var(--radius-md)}.options legend,.dup-options legend{padding:0 var(--space-2);color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.options label,.check-line,.dup-options label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}#status{margin-top:var(--section-gap);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-muted);font-size:var(--text-sm)}#status:empty{display:none}#status[data-kind=error]{background:var(--color-danger-subtle);color:var(--color-text)}#status[data-kind=ok]{background:var(--color-success-subtle);color:var(--color-text)}#status[data-kind=info]{background:var(--color-surface-2);color:var(--color-muted)}.callout{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm)}.callout-warning{background:var(--color-warning-subtle)}.advanced{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:var(--border-default);border-radius:var(--radius-md);background:var(--color-bg)}.advanced summary{cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.advanced summary:focus-visible{border-radius:var(--radius-sm)}.dup-options{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-4);margin:var(--space-3) 0 0;padding:0;border:0}.check-line{margin-top:var(--space-3)}.help-panel{margin-top:var(--section-gap)}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(var(--space-12) * 5),1fr));gap:var(--space-6);margin-top:var(--space-4)}.help-kicker{margin:0 0 var(--space-2);color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-normal)}.help-grid dl{margin:0}.help-grid dt{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium)}.help-grid dd{margin:0 0 var(--space-3);color:var(--color-muted);font-size:var(--text-sm)}.metric-strip{display:flex;flex-wrap:wrap;gap:var(--space-2)}.metric{position:relative;display:flex;flex:0 1 auto;flex-direction:column;align-items:flex-start;gap:var(--space-1);height:auto;min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;text-align:left;cursor:pointer}.metric:hover:not(:disabled){background:var(--color-surface-2)}.metric[aria-pressed=true]{background:var(--color-accent-subtle)}.metric-value{color:var(--color-text);font-size:var(--text-lg);font-weight:var(--weight-medium);line-height:var(--leading-tight);letter-spacing:var(--tracking-normal);font-variant-numeric:tabular-nums}.metric-label{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.breakdown{margin:var(--space-3) 0 0;color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-normal)}.breakdown:empty{display:none}#preview-wrap{margin-top:var(--space-6)}.filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-1);color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.field-grow{flex:1 1 calc(var(--space-12) * 4);min-width:calc(var(--space-12) * 4)}.filter-advanced{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-4);margin-top:var(--space-3)}.segment{display:inline-flex;flex-wrap:wrap;max-width:100%;border:var(--border-default);border-radius:var(--radius-md);background:var(--color-surface)}.segment-opt{position:relative;display:inline-flex;align-items:center;height:var(--control-height);padding:0 var(--space-3);border-right:var(--border-default);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer}.segment-opt:last-child{border-right:0}.segment-opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.segment-opt:focus-within{z-index:1;box-shadow:var(--focus-ring)}.segment-opt:has(input:checked){background:var(--color-accent-subtle);color:var(--color-accent-text)}.table-wrap{overflow:auto;max-height:70vh;margin-top:var(--space-3);border:var(--border-default);border-radius:var(--radius-md);background:var(--color-surface)}table{width:100%;border-collapse:collapse;font-size:var(--table-font);line-height:var(--leading-normal)}th,td{padding:var(--table-cell-y) var(--table-cell-x);border-bottom:var(--border-width) solid var(--color-border);text-align:left;vertical-align:middle;white-space:nowrap}th{position:sticky;top:0;z-index:2;background:var(--color-surface);color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}td.clip{max-width:36ch;overflow:hidden;text-overflow:ellipsis}td.mono,.mono{font-family:var(--url-font);font-size:var(--text-sm);font-weight:var(--weight-regular)}td.num,th.num{text-align:right;font-family:var(--url-font);font-variant-numeric:tabular-nums}tbody tr:hover{background:var(--color-surface-2)}tbody tr.is-selected{background:var(--color-accent-subtle)}tbody tr.is-inactive{color:var(--color-muted)}.status-cell{white-space:nowrap}.status-more{margin-left:var(--space-2);color:var(--color-muted)}.sample+.sample{margin-top:var(--space-4)}.sample-name{margin:var(--space-4) 0 var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm)}.sample-meta{margin:0 0 var(--space-2);color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.pager{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.mapping-panel{margin-top:var(--space-4);padding:var(--space-3);border:var(--border-width) dashed var(--color-border-strong);border-radius:var(--radius-md)}.mapping-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--space-12) * 3),1fr));gap:var(--space-3);margin-top:var(--space-3)}.mapping-file-title{grid-column:1 / -1;font-size:var(--text-sm);font-weight:var(--weight-medium)}.mapping-form label{display:flex;flex-direction:column;gap:var(--space-1);color:var(--color-muted);font-size:var(--text-xs)}.update-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:var(--border-default);border-radius:var(--radius-lg);background:var(--color-success-subtle);font-size:var(--text-sm)}.site-footer{margin-top:var(--space-8);color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);text-align:center}.site-footer p,.lang-select{margin:0}@media(max-width:40rem){main{padding-top:var(--space-4)}.header-row{align-items:flex-start}.file-row{grid-template-columns:minmax(0,1fr)}.dropzone{align-items:stretch}.metric{flex:1 1 0;padding:var(--space-2) var(--space-3)}.actions button{flex:1 1 auto}}