.diff_container{flex-direction:column;gap:32px;width:100%;min-width:0;display:flex}.diff_grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;display:grid}.diff_panel{flex-direction:column;width:100%;min-width:0;display:flex}.diff_panel-header,.diff_result-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.diff_panel-header h2,.diff_result-header h2{font-family:var(--font-display);margin:0;font-size:1.15rem;line-height:1.3}.diff_kicker{color:var(--gold,#d4a017);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;font-size:.65rem;font-weight:700;display:block}.diff_label,.diff_count{border:1px dashed var(--border);opacity:.6;letter-spacing:.05em;flex-shrink:0;padding:4px 8px;font-size:.7rem;font-weight:600}.diff_actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.diff_result-header{margin-bottom:14px}.diff_output{flex-direction:column;width:100%;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.85rem;display:flex}.diff_row{border-bottom:1px dashed #2b1d1614;grid-template-columns:40px minmax(0,1fr) 30px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:6px 0;display:grid}.diff_row:last-child{border-bottom:none}.diff_index{opacity:.4;text-align:right;font-size:.7rem}.diff_value{overflow-wrap:anywhere;word-break:break-word;border-radius:5px;min-width:0;padding:5px 7px}.diff_separator{opacity:.35;text-align:center}.diff_row.is-same .diff_value{opacity:.65}.diff_row.is-different .diff_value{border:1px dashed #c0392b59}.diff_row.is-different .diff_value-a{background:#c0392b14}.diff_row.is-different .diff_value-b{background:#d4a0171f}.diff_empty{text-align:center;opacity:.55;padding:20px;font-size:.9rem}.tool-info{flex-direction:column;gap:12px;width:100%;max-width:1000px;margin:0 auto;display:flex}@media (max-width:700px){.diff_grid{grid-template-columns:1fr}.diff_container{gap:28px}.diff_row{grid-template-columns:28px minmax(0,1fr) 22px minmax(0,1fr);gap:5px}.diff_output{font-size:.78rem}.diff_panel-header,.diff_result-header{align-items:flex-start}}@media (max-width:380px){.diff_label{display:none}.diff_row{grid-template-columns:22px minmax(0,1fr) 18px minmax(0,1fr)}.diff_index{font-size:.65rem}.diff_output{font-size:.72rem}}@media (prefers-reduced-motion:reduce){.diff_container *,.diff_container :before,.diff_container :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}