.config-diff .hero{padding:2.5rem 0 2rem}.config-diff h1{font-size:clamp(2.3rem,5.8vw,4.7rem);max-width:17ch}.config-diff .tool-panel{margin:2rem 0;padding:clamp(1rem,3vw,2rem);background:var(--panel);border:1px solid var(--accent)}.config-diff .privacy-line{padding:.8rem 1rem;border-left:3px solid var(--accent);background:var(--panel-2);max-width:none}.config-diff .file-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.config-diff .file-card{border:1px solid var(--line);padding:1.1rem;min-width:0}.config-diff .file-card label{display:block;font-size:1.15rem;font-weight:750;margin-bottom:.6rem}.config-diff input[type=file]{font-size:.85rem;max-width:100%;min-height:55px}.config-diff input::file-selector-button{padding:.6rem;margin-right:.6rem;border:1px solid var(--accent);background:var(--panel-2);color:var(--text);cursor:pointer}.config-diff .file-note{min-height:2.6em;margin:.5rem 0 0;color:var(--muted);font-size:.85rem}.config-diff .actions{flex-wrap:wrap;align-items:center}.config-diff button{min-height:44px;font-family:inherit;font-size:1rem}.config-diff button:focus-visible,.config-diff a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.config-diff button:disabled{opacity:.6;cursor:wait}.config-diff #status{padding:1rem 0;margin:0;font-weight:700;min-height:3.6rem}.config-diff #status.error{color:#ffb7a4}.config-diff #results{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.config-diff .diff-row{max-width:none;padding:1rem;border:1px solid var(--line);background:var(--bg)}.config-diff .diff-head{display:flex;justify-content:space-between;gap:1rem;align-items:start}.config-diff .path{overflow-wrap:anywhere;color:#c3e1ff;min-width:0}.config-diff .kind{font-size:.75rem;white-space:nowrap;border:1px solid var(--line);padding:.15rem .4rem}.config-diff .kind.added{color:#9de1b2}.config-diff .kind.removed{color:#ffc18d}.config-diff .kind.type{color:#d7b4ff}.config-diff .field-note{color:var(--muted);font-size:.8rem;margin:.5rem 0 1rem}.config-diff .values{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.config-diff .value-box{display:grid;gap:.25rem;padding:.6rem .8rem;background:var(--panel-2);min-width:0}.config-diff .value-label{font-size:.72rem;color:var(--muted);text-transform:uppercase}.config-diff .value-box code{font-size:1rem;overflow-wrap:anywhere}.config-diff .value-box small{color:var(--muted);font-size:.75rem}.config-diff #downloads{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1.25rem}.config-diff #downloads[hidden]{display:none}.config-diff section.explainer{padding:1.5rem 0;border-top:1px solid var(--line)}.config-diff .example-links{display:flex;flex-wrap:wrap;gap:1rem}.config-diff .example-links a{color:var(--accent)}.config-diff details{padding:1rem;border:1px solid var(--line);margin:1rem 0}.config-diff summary{cursor:pointer;font-weight:750;min-height:24px}.config-diff details li{padding:.3rem 0}.config-diff .source-note{color:var(--muted);font-size:.85rem}.config-diff noscript p{border:1px solid #ffb7a4;padding:1rem}.config-diff footer a{color:var(--accent)}@media(max-width:640px){.config-diff .file-grid{grid-template-columns:1fr}.config-diff .diff-head{flex-direction:column;gap:.5rem}.config-diff .actions button{flex:1 1 auto}.config-diff .values{gap:.4rem}.config-diff .value-box{padding:.5rem}.config-diff .value-box code{font-size:.88rem}.config-diff .tool-panel{padding:1rem}.config-diff h1{max-width:none}}