*,:before,:after{box-sizing:border-box}:root{--c-bg:#0f1117;--c-surface:#1a1d27;--c-surface2:#22263a;--c-border:#2d3148;--c-text:#e2e4f0;--c-text-muted:#7880a0;--c-accent:#6c8cff;--c-accent-hover:#8aa5ff;--c-draft:#e2a83a;--c-sealed:#3aae7a;--c-archived:#7880a0;--c-add:#3aae7a;--c-remove:#e05a5a;--c-changed:#e2a83a;--radius:8px;--font:"Inter", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font);margin:0;font-size:14px;line-height:1.5}#root{height:100vh;overflow:hidden}a{color:var(--c-accent);text-decoration:none}a:hover{color:var(--c-accent-hover);text-decoration:underline}h1,h2,h3{margin:0 0 .5rem;font-weight:600}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem}table{border-collapse:collapse;width:100%}thead th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-muted);border-bottom:1px solid var(--c-border);padding:8px 12px;font-size:11px;font-weight:600}tbody td{border-bottom:1px solid var(--c-border);vertical-align:top;padding:8px 12px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--c-surface2)}button{cursor:pointer;border-radius:var(--radius);font-family:var(--font);border:none;padding:6px 14px;font-size:13px;font-weight:500;transition:opacity .15s,background .15s}.btn-primary{background:var(--c-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--c-accent-hover)}.btn-ghost{color:var(--c-text-muted);border:1px solid var(--c-border);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--c-text);border-color:var(--c-text-muted)}.btn-danger{background:var(--c-remove);color:#fff}.btn-sm{padding:4px 10px;font-size:12px}input,select,textarea{background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--radius);color:var(--c-text);font-family:var(--font);outline:none;width:100%;padding:6px 10px;font-size:13px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--c-accent)}select option{background:var(--c-surface2)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:16px}.badge{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.badge-draft{color:var(--c-draft);background:#e2a83a26}.badge-sealed{color:var(--c-sealed);background:#3aae7a26}.badge-archived{color:var(--c-archived);background:#7880a026}.layout{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--c-surface);border-right:1px solid var(--c-border);flex-direction:column;flex-shrink:0;width:210px;display:flex;overflow-y:auto}.sidebar-logo{color:var(--c-accent);border-bottom:1px solid var(--c-border);align-items:center;gap:8px;padding:14px 16px;font-size:14px;font-weight:700;display:flex}.sidebar-nav{flex:1;padding:8px 0}.sidebar-section{letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-muted);padding:8px 16px 2px;font-size:10px;font-weight:700}.nav-item{color:var(--c-text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:13px;transition:background .1s,color .1s;display:flex}.nav-item:hover{background:var(--c-surface2);color:var(--c-text)}.nav-item.active{color:var(--c-accent);background:#6c8cff1f;font-weight:600}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.topbar{border-bottom:1px solid var(--c-border);background:var(--c-surface);flex-shrink:0;align-items:center;gap:12px;padding:10px 24px;display:flex}.topbar-title{font-size:15px;font-weight:600}.topbar-search{flex:1;max-width:320px}.topbar-search input{padding:5px 10px}.content{flex:1;padding:20px 24px}.tabs{border-bottom:1px solid var(--c-border);gap:0;margin-bottom:18px;display:flex}.tab-btn{color:var(--c-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:8px 16px;font-size:13px;font-weight:500}.tab-btn:hover{color:var(--c-text)}.tab-btn.active{color:var(--c-accent);border-bottom-color:var(--c-accent)}.split{gap:16px;height:100%;display:flex}.split-left{flex-direction:column;flex-shrink:0;gap:8px;width:280px;display:flex;overflow-y:auto}.split-right{flex:1;min-width:0;overflow:auto}.balance-card{border:1px solid var(--c-border);border-radius:var(--radius);cursor:pointer;background:var(--c-surface);padding:10px 12px;transition:background .1s,border-color .1s}.balance-card:hover{background:var(--c-surface2)}.balance-card.selected{border-color:var(--c-accent);background:#6c8cff14}.balance-card-top{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.balance-card-uid{color:var(--c-text-muted);font-family:monospace;font-size:10px}.balance-card-desc{margin-top:3px;font-size:13px;font-weight:500}.balance-card-meta{color:var(--c-text-muted);flex-wrap:wrap;gap:6px;margin-top:3px;font-size:11px;display:flex}.subtabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.subtab-btn{background:var(--c-surface2);color:var(--c-text-muted);border:1px solid var(--c-border);cursor:pointer;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:500}.subtab-btn.active{color:var(--c-accent);background:#6c8cff26;border-color:#6c8cff66}.subtab-btn:hover:not(.active){color:var(--c-text)}.empty{color:var(--c-text-muted);padding:16px 0;font-size:13px}.diff-add td{background:#3aae7a1a!important}.diff-remove td{background:#e05a5a1a!important}.diff-changed td{background:#e2a83a14!important}.diff-tag{border-radius:3px;margin-right:4px;padding:1px 5px;font-size:10px;font-weight:700}.diff-tag-add{color:var(--c-add);background:#3aae7a33}.diff-tag-remove{color:var(--c-remove);background:#e05a5a33}.diff-tag-change{color:var(--c-changed);background:#e2a83a33}.criteria-chip{background:var(--c-surface2);border:1px solid var(--c-border);color:var(--c-text-muted);border-radius:4px;align-items:center;gap:4px;margin:2px;padding:2px 7px;font-family:monospace;font-size:11px;display:inline-flex}.row-gap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.flex-between{justify-content:space-between;align-items:center;gap:8px;display:flex}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.text-muted{color:var(--c-text-muted)}.text-mono{font-family:monospace;font-size:12px}.source-link{font-size:11px}.modal-overlay{z-index:100;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);width:500px;max-width:95vw;max-height:85vh;padding:24px;overflow-y:auto}.modal-title{margin-bottom:16px;font-size:15px;font-weight:600}.modal-footer{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.form-field{margin-bottom:14px}.form-label{color:var(--c-text-muted);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.preview-winner{border-radius:var(--radius);background:#3aae7a14;border:1px solid #3aae7a4d;padding:12px;font-size:13px}.preview-no-match{border-radius:var(--radius);background:#e2a83a14;border:1px solid #e2a83a4d;padding:12px;font-size:13px}.json-block{background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--radius);white-space:pre;max-height:380px;padding:12px;font-family:monospace;font-size:12px;line-height:1.6;overflow:auto}.mapping-row-default{background:#6c8cff0a}.priority-badge{background:var(--c-surface2);border:1px solid var(--c-border);border-radius:4px;justify-content:center;align-items:center;width:28px;height:20px;font-family:monospace;font-size:11px;font-weight:700;display:inline-flex}.stat-chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.stat-chip{color:var(--c-text-muted);background:var(--c-surface2);border:1px solid var(--c-border);border-radius:4px;padding:2px 8px;font-size:11px}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.invariants-bar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.invariant-pill{border:1px solid var(--c-border);background:var(--c-surface2);border-radius:12px;padding:4px 10px;font-size:11px}.invariant-pill.ok{color:var(--c-sealed);border-color:var(--c-sealed)}.invariant-pill.bad{color:var(--c-remove);border-color:var(--c-remove)}button:disabled{opacity:.5;cursor:not-allowed}.version-active-card{border:1px solid var(--c-sealed);border-radius:var(--radius);background:linear-gradient(135deg,#3aae7a1f,#3aae7a0a);padding:14px 18px}.snapshot-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.snapshot-list{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface);flex-direction:column;gap:6px;min-height:120px;max-height:380px;padding:8px;display:flex;overflow-y:auto}.snapshot-item{background:var(--c-surface2);border:1px solid var(--c-border);border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.snapshot-item.status-draft{border-left:3px solid var(--c-draft)}.snapshot-item.status-archived{opacity:.55}.validation-list{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);flex-direction:column;gap:4px;padding:12px;display:flex}.validation-row{padding:4px 0;font-size:12px}.validation-row.ok{color:var(--c-sealed)}.validation-row.bad{color:var(--c-remove)}.version-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:8px;margin-top:4px;padding:1px 6px;font-size:9px;font-weight:600;display:inline-block}.version-pill.active{color:var(--c-sealed);border:1px solid var(--c-sealed)}.version-pill.draft{color:var(--c-draft);border:1px solid var(--c-draft);margin-left:4px}.link-uid{color:var(--c-accent);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:11px}.link-uid:hover{color:var(--c-accent-hover);text-decoration:underline}