.diffCheckerPage{padding-top:clamp(26px,3vw,44px)}.diffCheckerIntro{max-width:820px;margin-bottom:clamp(20px,2.5vw,32px)}.diffCheckerIntro h1{color:var(--text-primary);letter-spacing:-.05em;margin:0;font-size:clamp(1.75rem,2.7vw,2.5rem);line-height:1.15}.diffCheckerIntro p{color:var(--text-secondary);margin:9px 0 0;font-size:.95rem;line-height:1.5}.diffToolbar,.diffCheckerTool{border:1px solid var(--border-subtle);background:var(--surface-white);border-radius:8px}.diffToolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:10px 12px;display:flex}.diffCheckerTool{padding:clamp(16px,2vw,24px)}.diffActionGroup,.diffOptions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.diffAction,.diffPrimaryAction{border:1px solid var(--border-subtle);min-height:34px;color:var(--text-primary);background:var(--surface-white);cursor:pointer;border-radius:5px;padding:6px 11px;font-size:.8rem;font-weight:600}.diffAction:hover{border-color:var(--primary-color-border);color:var(--primary-color);background:var(--primary-color-light)}.diffPrimaryAction{border-color:var(--primary-color);color:#fff;background:var(--primary-color)}.diffPrimaryAction:hover{border-color:var(--primary-color-hover);background:var(--primary-color-hover)}.diffPrimaryAction:disabled{cursor:wait;opacity:.7}.diffCheck{color:var(--text-secondary);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.diffCheck input{width:15px;height:15px;accent-color:var(--primary-color);margin:0}.diffAction:focus-visible,.diffPrimaryAction:focus-visible,.diffCheck input:focus-visible,.diffInput:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.diffEditorWorkspace{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.diffEditorPanel{min-width:0}.diffPanelHeading{min-height:45px}.diffPanelHeading label{color:var(--text-primary);font-size:1rem;font-weight:650}.diffInput{box-sizing:border-box;resize:vertical;border:1px solid var(--border-subtle);width:100%;min-height:clamp(340px,50vh,680px);color:var(--text-primary);background:var(--surface-subtle);tab-size:2;border-radius:6px;margin-top:13px;padding:12px;font:.84rem/1.55 Consolas,Courier New,monospace;overflow:auto}.diffInput::placeholder{color:var(--text-secondary);opacity:1}.diffInput:focus{border-color:var(--primary-color-border);background:var(--surface-white);outline:0}.diffStatus{min-height:20px;color:var(--text-secondary);margin:13px 0 0;font-size:.84rem;line-height:1.45}.diffStatus.isValid{color:#167a44}.diffStatus.isInvalid{color:#a12b2b}.diffResults{border:1px solid var(--border-subtle);border-radius:6px;margin-top:22px;overflow:hidden}.diffResultsHeading{border-bottom:1px solid var(--border-subtle);background:var(--surface-subtle);justify-content:space-between;align-items:baseline;gap:16px;padding:13px 14px;display:flex}.diffResultsHeading h2{color:var(--text-primary);margin:0;font-size:1rem;font-weight:650}.diffResultsHeading p{color:var(--text-secondary);text-align:right;margin:0;font-size:.8rem}.diffColumnHeadings,.diffRow{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.diffColumnHeadings{border-bottom:1px solid var(--border-subtle);background:#f7f7f7}.diffColumnHeadings span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.035em;padding:8px 12px;font-size:.76rem;font-weight:700}.diffColumnHeadings span+span,.diffCell+.diffCell{border-left:1px solid var(--border-subtle)}.diffRow+.diffRow{border-top:1px solid #eee}.diffCell{background:var(--surface-white);grid-template-columns:minmax(34px,auto) minmax(0,1fr);align-items:stretch;min-width:0;min-height:32px;display:grid}.diffCell.isEmpty{background:#fafafa}.diffCell.isRemoved{background:#fff4f4}.diffCell.isAdded{background:#f0fbf3}.diffLineNumber{color:#7a7a7a;text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid #0000000e;min-width:34px;padding:7px 8px 7px 7px;font:.76rem/1.5 Consolas,Courier New,monospace}.diffLineContent{min-width:0;color:var(--text-primary);white-space:pre;tab-size:2;scrollbar-width:thin;padding:7px 10px;font:.8rem/1.5 Consolas,Courier New,monospace;overflow-x:auto}.diffCell.isRemoved mark{color:inherit;background:#ffd8d8}.diffCell.isAdded mark{color:inherit;background:#ccefd5}.diffMobileLabel{display:none}.diffCheckerSupporting{max-width:850px;margin:clamp(28px,4vw,48px) auto 0}.diffCheckerSupporting h2{color:var(--text-primary);letter-spacing:-.03em;margin:0;font-size:clamp(1.12rem,1.7vw,1.35rem)}.diffCheckerSupporting p{color:var(--text-secondary);margin:8px 0 0;font-size:.93rem;line-height:1.55}@media (width<=860px){.diffEditorWorkspace{grid-template-columns:1fr}.diffInput{min-height:280px}}@media (width<=760px){.diffToolbar{flex-direction:column;align-items:flex-start}.diffColumnHeadings{display:none}.diffRow{grid-template-columns:1fr}.diffRow.isUnchanged .diffChangedCell{display:none}.diffCell+.diffCell{border-top:1px solid var(--border-subtle);border-left:0}.diffCell{grid-template-columns:auto minmax(34px,auto) minmax(0,1fr)}.diffMobileLabel{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;align-items:center;padding:7px 0 7px 8px;font-size:.7rem;font-weight:700;display:flex}.diffOriginalCell .diffMobileLabel{color:#a12b2b}.diffChangedCell .diffMobileLabel{color:#167a44}.diffLineNumber{padding-left:5px}.diffResultsHeading{flex-direction:column;align-items:flex-start}.diffResultsHeading p{text-align:left}}@media (width<=520px){.diffCheckerPage{padding-top:28px}.diffCheckerTool{padding:14px}.diffOptions{gap:12px}.diffInput{min-height:220px}.diffResultsHeading{padding:12px}.diffLineContent{padding-left:8px;padding-right:8px}}