body > .tool-page.tool-page--text-diff { width: 100%; max-width: none; margin: 0; padding: 0; }
.diff-workspace { display: grid; grid-template-rows: auto minmax(120px, 37%) auto minmax(0, 1fr); width: 100%; height: 100%; min-height: 0; background: #000; text-align: left; }
.diff-toolbar, .diff-result-heading { display: flex; align-items: center; justify-content: space-between; min-width: 0; min-height: 46px; gap: 10px; padding: 5px 10px; border-bottom: 2px solid var(--eyy-border, #101010); }
.diff-toolbar h1, .diff-result-heading h2 { margin: 0; font-size: .8rem; font-weight: 600; }
.diff-actions { display: flex; gap: 6px; }
.tool-page--text-diff .diff-actions button:not(.default) { min-height: 30px; padding: 4px 9px; font-size: .8rem; }
.tool-page--text-diff .diff-actions button:disabled { opacity: .45; cursor: default; }
.diff-editors, .diff-result { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-width: 0; min-height: 0; }
.diff-editor { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.diff-editor + .diff-editor, .diff-pane + .diff-pane { border-left: 2px solid var(--eyy-border, #101010); }
.diff-heading { flex: none; padding: 8px 10px; color: #c3c1cb; font-size: .75rem; font-weight: 600; }
.tool-page--text-diff .diff-editor textarea { flex: 1 1 0; box-sizing: border-box; width: 100%; min-width: 0; min-height: 0; margin: 0; padding: 2px 10px 10px; border: 0; border-radius: 0; outline: 0; box-shadow: none; background: #000; color: #eee; font: 500 .8rem/1.6 ui-monospace, SFMono-Regular, Consolas, monospace; resize: none; overflow: auto; scrollbar-width: thin; scrollbar-color: #45454f transparent; }
.tool-page--text-diff .diff-editor textarea:focus-visible, .diff-pane:focus-visible { outline: 0; box-shadow: inset 2px 0 #6acbb9; }
.diff-result-heading { min-height: 36px; border-top: 2px solid var(--eyy-border, #101010); }
#diff-summary { color: #aaaab6; font-size: .75rem; text-align: right; }
.diff-result { position: relative; }
.diff-empty { position: absolute; inset: 0; display: grid; place-items: center; color: #92929e; pointer-events: none; }
.diff-empty[hidden] { display: none; }
.diff-pane { min-width: 0; min-height: 0; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #45454f transparent; outline: 0; }
.diff-lines { width: max-content; min-width: 100%; font: 500 .8rem/24px ui-monospace, SFMono-Regular, Consolas, monospace; }
.diff-line { display: flex; box-sizing: border-box; height: 24px; min-width: 100%; white-space: pre; }
.diff-line-number { box-sizing: border-box; flex: none; width: var(--diff-gutter-width, 42px); padding: 0 8px; color: #787985; text-align: right; user-select: none; }
.diff-line-text { padding: 0 12px 0 4px; color: #dedee4; }
.diff-line--remove, .diff-line--change.diff-side--left { background: #281218; }
.diff-line--add, .diff-line--change.diff-side--right { background: #102620; }
.diff-side--left .diff-part--changed { background: #863743; color: #fff; }
.diff-side--right .diff-part--changed { background: #21775f; color: #fff; }
.diff-line--blank { opacity: .45; }
@media (max-width: 700px) {
    .diff-workspace { grid-template-rows: auto minmax(150px, 40%) auto minmax(0, 1fr); }
    .diff-editors { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); }
    .diff-editor + .diff-editor { border-top: 2px solid var(--eyy-border, #101010); border-left: 0; }
    .diff-heading { padding: 5px 10px; }
    .diff-line-number { padding: 0 5px; }
}