.diff-workspace{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0f172a0d}.diff-toolbar,.diff-result-toolbar{border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.diff-primary-actions,.diff-settings,.diff-navigation,.diff-counts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.diff-settings label{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:.8rem;font-weight:600;display:flex}.diff-settings select{width:auto;min-height:44px;padding-block:8px;padding-inline-start:10px;font-size:.8rem}.diff-input-grid,.diff-source-exports{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.diff-editor-panel{min-width:0}.diff-editor-panel+.diff-editor-panel{border-left:1px solid var(--color-border)}.diff-pane-title{background:var(--color-bg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.diff-pane-title label{font-size:.95rem;font-weight:700}.diff-pane-title span{color:var(--color-text-muted);font-size:.75rem}.diff-source{resize:vertical;background:var(--cb-bg);width:100%;min-height:350px;color:var(--cb-text);font:13px/1.75 var(--font-mono);border:0;padding:16px;display:block}.diff-editor-panel .cm-editor{border:0;border-radius:0;min-height:350px;max-height:500px}.diff-editor-panel .cm-scroller{min-height:350px;max-height:500px}.diff-feedback{border-block:1px solid var(--color-border);background:var(--color-bg);padding:12px 20px}.diff-feedback p{margin:0;font-size:.85rem}.diff-feedback .tool-error:not(:empty){margin-top:8px}.diff-counts span{border-radius:6px;padding:6px 10px;font-size:.8rem;font-weight:700}.diff-removed-count{color:#991b1b;background:#fee2e2}.diff-added-count{color:#166534;background:#dcfce7}.diff-navigation{font-variant-numeric:tabular-nums;font-size:.8rem}.diff-navigation button{width:44px;min-height:44px;padding:0}.diff-column-titles{border-bottom:1px solid var(--color-border);background:var(--color-bg);grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);gap:0;padding:12px 16px;font-size:.85rem;display:grid}.diff-column-titles>span{text-align:center}.diff-column-titles strong span{color:var(--color-text-secondary);margin-left:8px;font-weight:400}.diff-scroll{overscroll-behavior:contain;background:var(--cb-bg);max-height:560px;overflow:auto}.diff-table{table-layout:fixed;border-collapse:collapse;width:100%;font:13px/1.75 var(--font-mono);color:var(--cb-text)}.diff-text-col{width:calc(50% - 50px)}.diff-action-col{width:100px}.diff-table td{vertical-align:top;border-bottom:1px solid color-mix(in srgb, var(--color-border) 30%, transparent);padding:0}.diff-table td.diff-cell{padding:3px 10px 3px 0}.diff-line{grid-template-columns:42px minmax(0,1fr);display:grid}.diff-table code{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;color:inherit;background:0 0;padding:0}.diff-line-number{user-select:none;text-align:right;color:var(--color-text-muted);padding-right:10px;font-size:11px}.diff-line-sign{user-select:none;width:1.25em;font-weight:700;display:inline-block}.diff-table .remove{color:#7f1d1d;background:#fff0f1}.diff-table .add{color:#14532d;background:#edfdf2}.diff-table mark{color:inherit;border-radius:2px;padding:0;font-weight:700}.diff-table .remove mark{background:#fecdd3;box-shadow:inset 0 -1px #e11d48}.diff-table .add mark{background:#bbf7d0;box-shadow:inset 0 -1px #15803d}.diff-table .empty{background:repeating-linear-gradient(135deg, transparent, transparent 5px, color-mix(in srgb, var(--color-border) 25%, transparent) 5px, color-mix(in srgb, var(--color-border) 25%, transparent) 6px)}.diff-table td.diff-merge-cell{text-align:center;background:var(--color-surface);border-inline:1px solid var(--color-border);padding:2px}.diff-merge-button{border:1px solid var(--color-border);width:44px;min-height:44px;color:var(--color-accent);background:var(--color-surface);cursor:pointer;font:600 19px var(--font-sans);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.diff-merge-button:hover{background:var(--color-bg);border-color:var(--color-accent)}.diff-merge-button:focus-visible,.diff-table tr:focus{outline:2px solid var(--color-accent);outline-offset:-2px}.diff-table tr[data-current=true] td{box-shadow:inset 0 2px var(--color-accent)}.diff-eof{font:11px/1.8 var(--font-sans);opacity:.9;display:block}.diff-legend,.diff-help{color:var(--color-text-secondary);border-top:1px solid var(--color-border);margin:0;padding:12px 20px;font-size:.75rem}.diff-export .output-header{border-radius:0}.diff-source-exports{border-top:1px solid var(--color-border)}.diff-source-exports .output-header{border:0;border-radius:0;padding:12px 16px;display:block}.diff-source-exports .output-lang{display:none}.diff-source-exports .copy-feedback{margin-top:6px}.diff-source-exports .output-actions{flex-wrap:wrap;justify-content:flex-start}.diff-source-exports>div+div{border-left:1px solid var(--color-border)}.diff-result[hidden],.diff-input-grid[hidden],.diff-workspace [hidden]{display:none}[data-theme=dark] .diff-table .remove{color:#ffd4dc;background:#3d202c}[data-theme=dark] .diff-table .add{color:#c6f9da;background:#123c30}[data-theme=dark] .diff-table .remove mark{background:#842c4a;box-shadow:inset 0 -1px #fb7185}[data-theme=dark] .diff-table .add mark{background:#176446;box-shadow:inset 0 -1px #4ade80}[data-theme=dark] .diff-removed-count{color:#fecdd3;background:#512335}[data-theme=dark] .diff-added-count{color:#bbf7d0;background:#164331}@media (width<=700px){.diff-input-grid,.diff-source-exports{grid-template-columns:minmax(0,1fr)}.diff-editor-panel+.diff-editor-panel,.diff-source-exports>div+div{border-left:0;border-top:1px solid var(--color-border)}.diff-toolbar,.diff-result-toolbar{gap:10px;padding:12px}.diff-settings{width:100%}.diff-settings label{flex-wrap:wrap;flex:1}.diff-settings select{max-width:100%}.diff-column-titles{display:none}.diff-table,.diff-table tbody,.diff-table tr,.diff-table td{width:100%;display:block}.diff-table tr{border-bottom:1px solid var(--color-border)}.diff-table td.empty,.diff-table td.diff-merge-cell:empty{display:none}.diff-table td.diff-merge-cell{border:0;justify-content:center;gap:12px;display:flex}.diff-table td.diff-cell:before{content:attr(data-side);font:600 10px/1.6 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;padding:4px 12px 0;display:block}.diff-table .diff-merge-button{width:auto;padding:4px 12px;font-size:12px}.diff-merge-button .merge-mobile{display:inline}.diff-merge-button .merge-symbol{display:none}.diff-help,.diff-legend{padding:12px}}@media (width>=701px){.merge-mobile{display:none}}.diff-table.code-display mark .token{color:inherit}
