.val-banner{display:flex;align-items:center;gap:.5rem;margin-top:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:600;border:1px solid var(--border)}.val-banner svg{width:18px;height:18px;flex:none}.val-banner.ok{background:var(--grad-soft);color:var(--signal-deep);border-color:var(--signal)}:root[data-theme="dark"] .val-banner.ok{color:var(--signal)}.val-banner.err{background:rgba(225,86,107,.1);color:#c2304a;border-color:#e1566b}:root[data-theme="dark"] .val-banner.err{color:#ff8ba0}.val-detail{font-weight:400;color:var(--text-soft);font-family:var(--font-mono);font-size:var(--fs-xs);margin-top:.25rem;word-break:break-word}.diff-toolbar{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap;margin-bottom:var(--s-3)}.diff-stats{margin-left:auto;font-size:var(--fs-xs);font-family:var(--font-mono);color:var(--text-mute)}.diff-stats b.add{color:#0b8a5b}.diff-stats b.del{color:#c2304a}:root[data-theme="dark"] .diff-stats b.add{color:#5fd0a0}:root[data-theme="dark"] .diff-stats b.del{color:#ff8ba0}.diff-view{border:1px solid var(--border);border-radius:var(--r-md);overflow:auto;max-height:480px;font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.55;background:var(--bg-sunken)}.diff-row{display:flex;white-space:pre-wrap;word-break:break-word}.diff-row .gut{flex:none;width:2.4rem;text-align:right;padding:0 .5rem;color:var(--text-mute);user-select:none;border-right:1px solid var(--border);background:var(--surface)}.diff-row .txt{padding:0 .6rem;flex:1}.diff-row.add{background:rgba(11,138,91,.12)}.diff-row.add .txt::before{content:"+ ";color:#0b8a5b}.diff-row.del{background:rgba(225,86,107,.12)}.diff-row.del .txt::before{content:"- ";color:#c2304a}.diff-row.same .txt::before{content:" "}:root[data-theme="dark"] .diff-row.add{background:rgba(95,208,160,.12)}:root[data-theme="dark"] .diff-row.del{background:rgba(255,139,160,.12)}.diff-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}@media (max-width:680px){.diff-cols{grid-template-columns:1fr}}.json-tree{font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.6;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-sunken);padding:var(--s-3);max-height:420px;overflow:auto}.json-tree ul{list-style:none;margin:0;padding-left:1.1rem}.json-tree li{position:relative}.jt-key{color:#2f6df6}.jt-toggle{cursor:pointer;user-select:none;color:var(--text-mute);display:inline-block;width:1rem}.jt-str{color:#c2410c}.jt-num{color:#b45309}.jt-bool{color:#7c3aed}.jt-null{color:var(--text-mute)}.jt-collapsed>ul{display:none}.jt-count{color:var(--text-mute);font-size:var(--fs-xs)}:root[data-theme="dark"] .jt-key{color:#7aa2ff}:root[data-theme="dark"] .jt-str{color:#ffab76}:root[data-theme="dark"] .jt-num{color:#ffcf8a}:root[data-theme="dark"] .jt-bool{color:#c4a7ff}.gen-list{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-4)}.gen-item{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);font-family:var(--font-mono);font-size:var(--fs-sm)}.gen-item .gi-val{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gen-item .gi-copy{flex:none;width:30px;height:30px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-mute);cursor:pointer;display:grid;place-items:center}.gen-item .gi-copy:hover{color:var(--signal-deep);border-color:var(--signal)}.gen-item .gi-copy svg{width:15px;height:15px}.gen-swatch{width:30px;height:30px;border-radius:var(--r-sm);border:1px solid var(--border);flex:none}.xform-actions{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:var(--s-3) 0}.upload-row{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;margin-bottom:var(--s-3)}.upload-row input[type="file"]{display:none}@media (max-width:560px){.diff-view,.json-tree{max-height:340px}.diff-row .gut{width:2rem}}