:root{--dc-add-bg: #f0fdf4;--dc-del-bg: #fef2f2;--dc-add-word: #bbf7d0;--dc-del-word: #fecaca;--dc-empty-bg: var(--color-surface);--dc-marker-add: #15803d;--dc-marker-del: #b91c1c}[data-theme=dark]{--dc-add-bg: rgba(5,46,22,.4);--dc-del-bg: rgba(69,10,10,.4);--dc-add-word: #14532d;--dc-del-word: #7f1d1d;--dc-marker-add: #4ade80;--dc-marker-del: #f87171}.dc-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.dc-toolbar-opts{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.dc-opt-sep{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-mute);white-space:nowrap}.dc-opt-check{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--color-body);cursor:pointer;white-space:nowrap}.dc-opt-group{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--color-body)}.dc-opt-group label{display:flex;align-items:center;gap:3px;cursor:pointer;white-space:nowrap}.dc-toolbar-actions{display:flex;gap:6px;align-items:center}.dc-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}@media(max-width:600px){.dc-inputs{grid-template-columns:1fr}}.dc-input-pane{display:flex;flex-direction:column;gap:5px}.dc-pane-header{display:flex;align-items:center;justify-content:space-between}.dc-pane-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink)}.dc-line-count{font-size:11px;color:var(--color-mute);font-family:var(--font-mono)}.dc-textarea{width:100%;height:200px;resize:vertical;font-family:var(--font-mono);font-size:12px;line-height:1.65;color:var(--color-ink);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);padding:10px 12px;outline:none;transition:border-color .12s;box-shadow:var(--shadow-1);box-sizing:border-box;tab-size:2}.dc-textarea:focus{border-color:var(--color-primary)}.dc-textarea::placeholder{color:var(--color-mute)}.dc-output-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px;min-height:28px}.dc-summary{font-size:12px;font-family:var(--font-mono);flex:1}.dc-summary-add{color:var(--dc-marker-add);font-weight:700}.dc-summary-del{color:var(--dc-marker-del);font-weight:700}.dc-view-toggle{display:flex;border:1px solid var(--color-hairline);border-radius:var(--rounded-md);overflow:hidden}.dc-view-btn{padding:4px 10px;font-size:11px;font-weight:500;background:transparent;border:none;cursor:pointer;color:var(--color-body);transition:background .1s,color .1s;white-space:nowrap}.dc-view-btn.active{background:var(--color-primary);color:var(--color-on-primary)}.dc-view-btn:not(.active):hover{background:var(--color-surface)}.dc-output{border:1px solid var(--color-hairline);border-radius:var(--rounded-md);overflow:auto;background:var(--color-canvas);box-shadow:var(--shadow-1);max-height:600px}.dc-placeholder{padding:40px 20px;text-align:center;color:var(--color-mute);font-size:13px;font-style:italic}.dc-identical{padding:20px;text-align:center;font-size:13px;color:var(--dc-marker-add);font-weight:600}.dc-sb{min-width:100%}.dc-sb-header{display:grid;grid-template-columns:1fr 1fr;background:var(--color-surface);border-bottom:1px solid var(--color-hairline);position:sticky;top:0;z-index:1}.dc-sb-head-cell{padding:5px 10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-mute)}.dc-sb-head-cell:first-child{border-right:1px solid var(--color-hairline)}.dc-sb-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--color-hairline)}.dc-sb-row:last-child{border-bottom:none}.dc-sb-cell{padding:1px 10px;font-family:var(--font-mono);font-size:12px;line-height:1.65;white-space:pre-wrap;word-break:break-all;min-width:0}.dc-sb-cell:first-child{border-right:1px solid var(--color-hairline)}.dc-sb-cell-del{background:var(--dc-del-bg)}.dc-sb-cell-add{background:var(--dc-add-bg)}.dc-sb-cell-empty{background:var(--dc-empty-bg)}.dc-marker{display:inline-block;width:10px;font-weight:700;color:var(--dc-marker-del);user-select:none}.dc-marker-add{color:var(--dc-marker-add)}.dc-il-row{display:flex;align-items:flex-start;padding:1px 10px;font-family:var(--font-mono);font-size:12px;line-height:1.65;white-space:pre-wrap;word-break:break-all;border-bottom:1px solid var(--color-hairline)}.dc-il-row:last-child{border-bottom:none}.dc-il-row-del{background:var(--dc-del-bg)}.dc-il-row-add{background:var(--dc-add-bg)}.dc-il-marker{display:inline-block;width:12px;font-weight:700;flex-shrink:0;user-select:none}.dc-il-del-mark{color:var(--dc-marker-del)}.dc-il-add-mark{color:var(--dc-marker-add)}.dc-il-eq-mark{color:transparent}mark.dc-word-del{background:var(--dc-del-word);color:inherit;border-radius:2px}mark.dc-word-add{background:var(--dc-add-word);color:inherit;border-radius:2px}