/* 8.ro */
.tool {
  --del-bg: #fdeeee; --del-mark: #f6c4c4; --del-ink: #a8231c;
  --ins-bg: #e9f6ed; --ins-mark: #b9e5c5; --ins-ink: #11632f;
}
:root[data-theme="dark"] .tool {
  --del-bg: rgb(248 81 73 / .12); --del-mark: rgb(248 81 73 / .36); --del-ink: #ff9b93;
  --ins-bg: rgb(46 160 67 / .14); --ins-mark: rgb(46 160 67 / .4); --ins-ink: #6fdd8b;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .tool {
    --del-bg: rgb(248 81 73 / .12); --del-mark: rgb(248 81 73 / .36); --del-ink: #ff9b93;
    --ins-bg: rgb(46 160 67 / .14); --ins-mark: rgb(46 160 67 / .4); --ins-ink: #6fdd8b;
  }
}
.ws-pair { display: grid; gap: 16px; }
.ws-pair .field-text { min-height: 200px; }
@media (min-width: 960px) {
  .ws-pair { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .ws-pair .field-text { min-height: 260px; }
}
.pane-diff h2.pane-t { margin: 0; letter-spacing: 0; }
.diff { max-height: 75vh; overflow: auto; font: .875rem/1.6 var(--mono); }
.diff:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.diff-empty { padding: 18px 16px; color: var(--muted); font-family: var(--font); }
.diff-lines { padding: 6px 0; }
.dl { display: grid; grid-template-columns: 3.25rem 3.25rem 1.5rem minmax(0, 1fr); }
.dn { padding-right: .75rem; text-align: right; color: var(--faint); font-size: .75rem; line-height: 1.6rem; user-select: none; }
.ds { text-align: center; user-select: none; font-weight: 700; }
.dt { padding-right: 16px; white-space: pre-wrap; overflow-wrap: anywhere; min-height: 1.4em; }
.dl-del { background: var(--del-bg); }
.dl-del .ds { color: var(--del-ink); }
.dl-ins { background: var(--ins-bg); }
.dl-ins .ds { color: var(--ins-ink); }
.dl-skip { display: block; padding: 4px 16px 4px 8rem; background: var(--surface-2); color: var(--faint); font-size: .75rem; }
.diff del { background: var(--del-mark); color: inherit; text-decoration: line-through; text-decoration-color: var(--del-ink); border-radius: 3px; }
.diff ins { background: var(--ins-mark); color: inherit; text-decoration: underline; text-decoration-color: var(--ins-ink); text-underline-offset: 3px; border-radius: 3px; }
.diff-inline { padding: 14px 16px; white-space: pre-wrap; overflow-wrap: anywhere; font: 1rem/1.7 var(--font); }
@media (max-width: 559px) {
  .dl { grid-template-columns: 2.25rem 2.25rem 1.25rem minmax(0, 1fr); }
  .dn { padding-right: .4rem; }
  .dl-skip { padding-left: 5.75rem; }
}