.diff [hidden]{display: none}.diff{max-width: 1180px;margin: 0 auto;padding: 0 20px 64px}.diff__back{margin: 18px 0 10px;font-size: 13.5px}.diff__back a{display: inline-flex;align-items: center;gap: 4px;color: var(--c-muted);text-decoration: none}.diff__back a:hover{color: var(--c-accent)}.diff__privacy{display: flex;align-items: flex-start;gap: 8px;margin: 0 0 14px;padding: 10px 12px;border-radius: 10px;background: var(--c-accent-soft);border: 1px solid var(--c-accent-line);color: var(--c-text-soft);font-size: 13px;line-height: 1.65}.diff__privacy .icon{flex: none;margin-top: 2px;color: var(--c-accent)}.diff__privacy b{color: var(--c-text)}.diff__input{padding: 16px 18px 14px}.diff__pairs{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 12px 14px}.diff__field{display: flex;flex-direction: column;gap: 6px;min-width: 0}.diff__field-head{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 10px;min-width: 0}.diff__label{font-size: 13px;font-weight: 650;color: var(--c-text)}.diff__meta{font-size: 12px;color: var(--c-muted);font-variant-numeric: tabular-nums;overflow-wrap: anywhere;min-width: 0}.diff__meta.is-over{color: var(--c-warn);font-weight: 600}.diff__pick{margin-left: auto;flex: none}.diff__file{display: none}.diff__ta{width: 100%;min-height: 132px;box-sizing: border-box;resize: vertical;padding: 10px 12px;font-family: var(--font-mono);font-size: 13px;line-height: 1.7;background: var(--c-input-bg);color: var(--c-text);border: 1px solid var(--c-border-strong);border-radius: 10px;overflow-wrap: anywhere}.diff__ta:focus{outline: none;border-color: var(--c-accent);box-shadow: 0 0 0 3px var(--c-accent-ring)}.diff__ta::placeholder{color: var(--c-muted)}.diff__opts{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 14px;margin-top: 12px}.diff__check{display: inline-flex;align-items: center;gap: 7px;font-size: 13.5px;color: var(--c-text-soft);cursor: pointer}.diff__check input{width: 18px;height: 18px;margin: 0;accent-color: var(--c-accent);cursor: pointer}.diff__grow{flex: 1 1 auto}.diff__hint{margin: 12px 0 0;font-size: 12.5px;line-height: 1.7;color: var(--c-muted)}.diff__hint--foot{margin-top: 12px}.diff__result{margin-top: 16px;padding: 16px 18px 18px}.diff__result-head{display: flex;flex-wrap: wrap;align-items: baseline;gap: 8px 14px;margin-bottom: 8px}.diff__result-title{margin: 0;font-size: 15px;font-weight: 650}.diff__stats{flex: 1 1 auto;min-width: 0;display: flex;flex-wrap: wrap;gap: 6px}.diff__stat{display: inline-flex;align-items: baseline;gap: 4px;padding: 2px 9px;border-radius: 999px;background: var(--c-panel-alt);font-size: 12px;font-variant-numeric: tabular-nums}.diff__stat-k{font-style: normal;color: var(--c-muted)}.diff__stat-v{font-weight: 650;color: var(--c-text)}.diff__legend{display: flex;flex-wrap: wrap;align-items: center;gap: 4px 8px;margin: 0 0 10px;font-size: 12px;color: var(--c-muted)}.diff__swatch{display: inline-block;width: 16px;height: 12px;border-radius: 3px;border: 1px solid var(--c-border)}.diff__swatch--del{background: var(--c-err-soft);border-color: color-mix(in srgb,var(--c-err) 35%,transparent)}.diff__swatch--ins{background: var(--c-ok-soft);border-color: color-mix(in srgb,var(--c-ok) 35%,transparent)}.diff__swatch--char{background: color-mix(in srgb,var(--c-err) 26%,transparent);border-color: color-mix(in srgb,var(--c-err) 45%,transparent)}.diff__note{margin: 0 0 10px;padding: 9px 12px;border-radius: 9px;font-size: 13px;line-height: 1.65;background: var(--c-panel-alt);border: 1px solid var(--c-border);color: var(--c-text-soft);overflow-wrap: anywhere}.diff__note.is-ok{background: var(--c-ok-soft);border-color: color-mix(in srgb,var(--c-ok) 38%,transparent);color: var(--c-ok)}.diff__note.is-warn{background: var(--c-warn-soft);border-color: color-mix(in srgb,var(--c-warn) 38%,transparent);color: var(--c-warn)}.diff__empty{margin: 0;padding: 26px 0;text-align: center;font-size: 13px;line-height: 1.7;color: var(--c-muted)}.diff__grid-head{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);font-size: 12px;font-weight: 600;color: var(--c-muted)}.diff__grid-head > span{padding: 4px 10px}.diff__grid-head > span + span{border-left: 1px solid var(--c-border)}.diff__scroller{max-height: 62vh;overflow: auto;overscroll-behavior: contain;background: var(--c-panel);color: var(--c-text);border: 1px solid var(--c-border);border-radius: 10px}.diff__scroller:focus-visible{outline: 2px solid var(--c-accent);outline-offset: 1px}.diff__grid{font-size: 12.5px}.diff__row{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);border-top: 1px solid var(--c-border)}.diff__row:first-child{border-top: 0}.diff__cell{display: grid;grid-template-columns: auto minmax(0,1fr);align-items: start;min-width: 0}.diff__cell--b{border-left: 1px solid var(--c-border)}.diff__num{min-width: 3.4em;padding: 1px 6px 1px 10px;text-align: right;font: 11.5px/20px var(--font-mono);color: var(--c-muted);font-variant-numeric: tabular-nums;user-select: none;-webkit-user-select: none}.diff__text{margin: 0;padding: 1px 10px 1px 6px;min-height: 20px;font: 12.5px/20px var(--font-mono);white-space: pre-wrap;overflow-wrap: anywhere;tab-size: 4}.diff__row--del .diff__cell--a{background: var(--c-err-soft)}.diff__row--ins .diff__cell--b{background: var(--c-ok-soft)}.diff__row--mod .diff__cell--a{background: var(--c-err-soft)}.diff__row--mod .diff__cell--b{background: var(--c-ok-soft)}.diff__cell--fill{background-color: var(--c-panel-alt);background-image: repeating-linear-gradient( 135deg,transparent 0 6px,color-mix(in srgb,var(--c-muted) 12%,transparent) 6px 12px )}.diff__seg--del{background: color-mix(in srgb,var(--c-err) 26%,transparent);border-radius: 2px}.diff__seg--ins{background: color-mix(in srgb,var(--c-ok) 26%,transparent);border-radius: 2px}@media (max-width: 900px){body.page .diff .btn,body.page .diff__check,body.page .diff__back a{min-height: 44px;display: inline-flex;align-items: center}body.page .diff .btn{padding-inline: 16px;justify-content: center}body.page .diff__ta{font-size: 16px}.diff__grow{flex: 1 1 100%}.diff__opts .btn{flex: 1 1 0}.diff__pick{margin-left: 0}}@media (max-width: 640px){.diff{padding: 0 14px 48px}.diff__pairs{grid-template-columns: minmax(0,1fr)}.diff__grid-head,.diff__row{grid-template-columns: minmax(0,1fr)}.diff__grid-head > span + span{border-left: 0;border-top: 1px solid var(--c-border)}.diff__cell--b{border-left: 0;border-top: 1px solid var(--c-border)}.diff__row--same .diff__cell--b{display: none}.diff__cell--a .diff__num::before{content: '旧'}.diff__cell--b .diff__num::before{content: '新'}.diff__num::before{margin-right: 4px;color: var(--c-muted)}.diff__num{min-width: 4.4em}.diff__scroller{max-height: 56vh}.diff__legend{font-size: 11.5px}.diff__input,.diff__result{padding-inline: 14px}}