.dc{border:1px solid var(--border-input);border-radius:var(--r-lg);background:var(--surface);min-width:0;overflow:hidden;container-type:inline-size}.dc__top,.dc__toolbar,.dc__rule-row,.dc__review-bar,.dc__export,.dc__summary,.dc__side-foot,.dc__pagination{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dc__top{border-bottom:1px solid var(--border);justify-content:space-between;padding:18px 22px}.dc__identity{align-items:center;gap:10px;font-size:14px;font-weight:650;display:flex}.dc__local{border:1px solid var(--border);color:var(--text-muted);border-radius:20px;padding:3px 8px;font-size:11px;font-weight:500}.dc__toolbar{background:var(--surface-2);padding:16px 22px}.dc__example{margin-left:auto}.dc__tools{gap:4px;display:flex}.dc .select{max-width:230px;min-height:36px;font-size:12px}.dc__inputs{grid-template-columns:1fr 1fr;gap:16px;padding:0 22px;display:grid}.dc__side{border:1px solid var(--border-input);border-radius:var(--r-md);background:var(--surface);min-width:0;transition:border-color .15s;overflow:hidden}.dc__side:focus-within,.dc__side.is-dragging{border-color:var(--text);box-shadow:0 0 0 2px var(--accent-soft)}.dc__side-head{justify-content:space-between;align-items:center;gap:8px;padding:12px 14px 0;display:flex}.dc__side-head>div{align-items:center;gap:8px;display:flex}.dc__side-head h2{letter-spacing:-.02em;margin:0;font-size:15px}.dc__number{font-family:var(--font-mono);color:var(--text-subtle);font-size:11px}.dc__file{color:var(--text-muted);overflow-wrap:anywhere;margin:4px 14px 10px;font-size:12px}.dc__editor{resize:vertical;border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);width:100%;height:210px;font-family:var(--font-mono);color:var(--text);tab-size:4;outline:none;padding:14px;font-size:12px;line-height:1.8;display:block}.dc__editor::placeholder{color:var(--text-subtle);line-height:2}.dc__editor[readonly]{background:var(--surface-2)}.dc__side-foot{color:var(--text-muted);justify-content:space-between;padding:9px 14px;font-size:10px}.dc__sheet{align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:flex}.dc__extraction{color:var(--text-muted);margin:0;padding:0 14px 10px;font-size:11px;line-height:1.5}.dc__input-help{color:var(--text-muted);margin:12px 22px 0;font-size:11px}.dc__rules{padding:16px 22px 4px}.dc__rule-row{margin-bottom:12px;font-size:12px}.dc__rule-note{color:var(--text-muted);flex-basis:100%;font-size:11px}.dc__check{cursor:pointer;align-items:center;gap:7px;font-size:12px;display:flex}.dc__check input{width:16px;height:16px;accent-color:var(--accent)}.dc__compare{gap:20px;margin-left:auto;font-size:13px}.dc__more{font-size:12px;position:relative}.dc__more summary{cursor:pointer;border-bottom:1px dotted var(--border-input)}.dc__more[open]{border:1px solid var(--border);border-radius:var(--r-md);flex-basis:100%;padding:12px}.dc__more[open] summary{border:0;margin-bottom:10px}.dc__encoding{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dc__more p{color:var(--text-muted);margin:8px 0 0;font-size:11px}.dc__status{color:var(--text-muted);margin:0;padding:0 22px 16px;font-size:12px}.dc__error{border:1px solid var(--danger);border-radius:var(--r-md);background:var(--danger-soft);color:var(--danger);margin:0 22px 16px;padding:12px 16px;font-size:13px}.dc__results{border-top:1px solid var(--border-input)}.dc__summary{padding:18px 22px 14px}.dc__summary h2{margin:0;font-size:16px}.dc__summary>span{font-family:var(--font-mono);color:var(--text-subtle);margin-left:auto;font-size:11px}.dc__counts{flex-wrap:wrap;gap:7px;display:flex}.dc__stat{color:var(--text-muted);background:var(--surface-inset);border-radius:5px;padding:4px 9px;font-size:11px}.dc__stat strong{font-size:13px}.dc__stat--added{color:var(--success);background:var(--success-soft)}.dc__stat--removed{color:var(--danger);background:var(--danger-soft)}.dc__stat--changed{color:var(--warning);background:var(--warning-soft)}.dc__active-rules{border-left:2px solid var(--info);background:var(--info-soft);color:var(--text);margin:0 22px 14px;padding:10px 12px;font-size:12px}.dc__review-bar{gap:10px;padding:0 22px 12px}.dc__navigate{align-items:center;gap:7px;display:flex}.dc__navigate span{min-width:40px;font-family:var(--font-mono);text-align:center;font-size:11px}.dc__find{flex:1;min-width:130px;max-width:220px;margin-left:auto}.dc__find .input{min-height:36px;padding:8px 10px;font-size:12px}.dc__legend{color:var(--text-muted);flex-wrap:wrap;gap:16px;padding:0 22px 12px;font-size:11px;display:flex}.dc__removed{color:var(--danger)}.dc__added{color:var(--success)}.dc__output{border-top:1px solid var(--border);border-bottom:1px solid var(--border);scrollbar-gutter:stable;max-height:480px;scroll-padding:20px;overflow:auto}.dc__diff{min-width:0;font-family:var(--font-mono);font-size:12px;line-height:1.7}.dc__diff-heading{background:var(--surface-2);color:var(--text-muted);font-family:var(--font);grid-template-columns:1fr 1fr;padding:8px 0;font-size:11px;display:grid}.dc__diff-heading span{padding-left:55px}.dc__line{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.dc__line-side{align-items:flex-start;min-width:0;padding:5px 10px 5px 0;display:flex}.dc__line-side:first-child:not(:last-child){border-right:1px solid var(--border)}.dc__line-side--removed{background:var(--danger-soft)}.dc__line-side--added{background:var(--success-soft)}.dc__line-number{color:var(--text-muted);text-align:right;user-select:none;flex-shrink:0;width:40px;padding-right:8px;font-size:10px}.dc__sign{width:18px;color:var(--text-muted);user-select:none;flex-shrink:0}.dc__line-side--removed .dc__sign{color:var(--danger)}.dc__line-side--added .dc__sign{color:var(--success)}.dc__line code,.dc__unified-group code{color:var(--text);font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border-radius:0;min-width:0;padding:0}.dc__output--nowrap code{white-space:pre;overflow-wrap:normal}.dc__output--nowrap .dc__diff--split{min-width:max-content}.dc__line-side mark{background:color-mix(in srgb, var(--danger) 19%, transparent);color:inherit;box-shadow:inset 0 -1px var(--danger);border-radius:2px}.dc__line-side--added mark{background:color-mix(in srgb, var(--success) 19%, transparent);box-shadow:inset 0 -1px var(--success)}.dc__empty-line{color:var(--text-muted);font-family:var(--font);font-size:10px}.dc__nochanges{text-align:center;min-height:170px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:12px;display:flex}.dc__nochanges svg{color:var(--success)}.dc__nochanges strong{color:var(--text);font-size:15px}.dc__table{border-collapse:collapse;width:100%;margin:0;font-size:12px}.dc__table thead{background:var(--surface-2)}.dc__table th,.dc__table td{vertical-align:top;border-bottom:1px solid var(--border);white-space:pre-wrap;overflow-wrap:anywhere;min-width:110px;max-width:340px;padding:10px 14px}.dc__table th:first-child,.dc__table td:first-child{min-width:85px}.dc__table tbody th{font-family:var(--font-mono);font-weight:500}.dc__table .dc__cell{white-space:pre-wrap;border-radius:3px;margin-bottom:3px;padding:3px 6px;display:block}.dc__cell--removed{background:var(--danger-soft);color:var(--danger)}.dc__cell--removed:before{content:"− "}.dc__cell--added{background:var(--success-soft);color:var(--success)}.dc__cell--added:before{content:"+ "}.dc__cell em{font-size:10px}.dc__badge{border:1px solid var(--border);text-transform:capitalize;border-radius:4px;padding:2px 6px;font-size:10px;display:inline-block}.dc__record--added .dc__badge{background:var(--success-soft);color:var(--success);border-color:var(--success)}.dc__record--removed .dc__badge{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.dc__record--changed .dc__badge{background:var(--warning-soft);color:var(--warning);border-color:var(--warning)}.dc .is-current{outline:2px solid var(--text);outline-offset:-2px}.dc__pagination{color:var(--text-muted);padding:9px 22px;font-size:11px}.dc__pagination>span{margin-right:auto}.dc__export{border-top:1px solid var(--border);background:var(--surface-2);padding:14px 22px}.dc__export>span:first-child{margin-right:auto;font-size:12px;font-weight:600}.dc__export-note{color:var(--text-muted);flex-basis:100%;font-size:10px}.dc>.tool-saving{border-top:1px solid var(--border);margin:0;padding:12px 22px}.dc__host>.dc{height:100%;overflow:auto}.dc__host>.dc:focus-within{box-shadow:none}.dc__host{height:100%}@container (width<=650px){.dc__inputs{grid-template-columns:1fr;gap:12px;padding:0 14px}.dc__top,.dc__toolbar,.dc__rules,.dc__summary,.dc__export,.dc__review-bar{padding-left:14px;padding-right:14px}.dc__identity>svg,.dc__local{display:none}.dc__editor{height:150px}.dc__example{margin-left:0}.dc__tools{margin-left:auto}.dc__toolbar>.segmented{width:100%}.dc__toolbar>.segmented button{flex:1}.dc__compare{flex-basis:100%;justify-content:space-between;margin-left:0}.dc__find{max-width:none;margin-left:0}.dc__summary{align-items:flex-start}.dc__counts{flex-basis:100%}.dc__legend{gap:8px;padding-left:14px}.dc__legend>span:last-child{flex-basis:100%}.dc__input-help{margin-left:14px;margin-right:14px}.dc__stat{padding:4px 7px}.dc__line-number{width:30px}.dc__diff-heading span{padding-left:45px}}.tm-dc-inputs{opacity:1;animation:6s ease-in-out infinite backwards dc-inputs}.tm-dc-highlights{opacity:1;animation:6s ease-in-out infinite backwards dc-highlights}.tm-dc-check{opacity:1;animation:6s ease-in-out infinite backwards dc-check}@keyframes dc-inputs{0%,8%{opacity:.3;transform:translateY(6px)}20%,90%,to{opacity:1;transform:translateY(0)}}@keyframes dc-highlights{0%,28%{opacity:0}44%,84%{opacity:1}95%{opacity:0}to{opacity:1}}@keyframes dc-check{0%,53%{opacity:0;transform:scale(.8)}68%,86%{opacity:1;transform:scale(1)}95%{opacity:0}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.tm--difference *{animation:none}}
