.diff-checker-page{max-width:1200px;margin:0 auto;padding:20px}.editors-container{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:0}.editor-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s}.editor-panel:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f61f}.editor-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-surface);border-bottom:1px solid var(--border);gap:8px;flex-wrap:wrap}.eph-left{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.eph-title{font-size:.8rem;font-weight:700;color:var(--text-primary)}.eph-subtitle{font-size:.72rem;font-weight:500;color:var(--text-muted);padding:2px 8px;background:#ffffff0d;border-radius:var(--radius-full);border:1px solid var(--border)}.eph-right{display:flex;align-items:center;gap:10px}.eph-line-count{font-size:.7rem;font-weight:600;color:var(--text-muted);font-family:var(--font-mono)}.eph-upload-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;font-size:.7rem;font-weight:600;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s}.eph-upload-btn:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.editor-body{display:flex;height:320px;overflow:hidden}.line-numbers{width:48px;min-width:48px;padding:12px 0;background:var(--bg-surface);border-right:1px solid var(--border);overflow-y:hidden;-webkit-user-select:none;user-select:none;text-align:right}.line-numbers .ln{font-family:var(--font-mono);font-size:.75rem;line-height:1.65;padding:0 8px 0 0;color:var(--text-muted);opacity:.5;height:1.65em}.code-editor{flex:1;border:none;outline:none;resize:none;padding:12px 14px;font-family:var(--font-mono);font-size:.82rem;line-height:1.65;color:var(--text-primary);background:transparent;overflow-y:auto;-moz-tab-size:4;tab-size:4;white-space:pre;word-break:normal;overflow-wrap:normal}.code-editor::placeholder{color:var(--text-muted);opacity:.4}.diff-actions-bar{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border:1px solid var(--border);padding:12px 20px;border-radius:var(--radius-lg);margin:16px 0;flex-wrap:wrap;gap:16px}.diff-settings{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.setting-group{display:flex;align-items:center;gap:10px}.setting-group span{font-size:.8rem;font-weight:700;color:var(--text-muted)}.pill-group{display:flex;background:var(--bg-surface);padding:3px;border-radius:var(--radius-md);border:1px solid var(--border)}.pill-group button{border:none;background:transparent;padding:5px 12px;font-size:.72rem;font-weight:600;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}.pill-group button.active{background:var(--bg-card);color:var(--accent);box-shadow:0 2px 4px #0000001a}.ws-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.75rem;color:var(--text-secondary);font-weight:500}.ws-toggle input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px}.main-btns{display:flex;gap:10px;align-items:center}.kbd-hint{font-size:.65rem;font-family:var(--font-mono);padding:3px 8px;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);font-weight:600}.icon-btn-ghost{display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s}.icon-btn-ghost:hover{color:#f56565;border-color:#f56565;background:#f565651a}.diff-stats-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.stat-add{color:#48bb78}.stat-del{color:#f56565}.stat-eq{color:var(--text-muted)}.stat-num{font-size:.82rem;font-weight:800;font-family:var(--font-mono)}.stat-label{font-size:.68rem;color:var(--text-muted);font-weight:500}.diff-bar-visual{display:flex;width:80px;height:6px;border-radius:var(--radius-full);background:var(--bg-surface);overflow:hidden;border:1px solid var(--border)}.bar-add{background:#48bb78;min-width:0;transition:width .3s}.bar-del{background:#f56565;min-width:0;transition:width .3s}.diff-result-container{--ed-bg: #0d1117;--ed-bg-header: #161b22;--ed-border: rgba(255,255,255,.06);--ed-gutter-bg: rgba(255,255,255,.015);--ed-gutter-border: rgba(255,255,255,.04);--ed-text: #c9d1d9;--ed-text-muted: #484f58;--ed-hover: rgba(255,255,255,.02);--ed-btn-bg: rgba(255,255,255,.04);--ed-btn-border: rgba(255,255,255,.08);--ed-btn-text: #8b949e;--ed-accent: #58a6ff;--ed-accent-bg: rgba(56, 139, 253, .15);--ed-accent-border: rgba(56, 139, 253, .4);--ed-add: #3fb950;--ed-add-bg: rgba(46, 160, 67, .12);--ed-add-bg-hover: rgba(46, 160, 67, .18);--ed-add-gutter: rgba(46, 160, 67, .2);--ed-add-content: rgba(46, 160, 67, .06);--ed-add-token: rgba(46, 160, 67, .3);--ed-add-token-text: #7ee787;--ed-del: #f85149;--ed-del-bg: rgba(248, 81, 73, .12);--ed-del-bg-hover: rgba(248, 81, 73, .18);--ed-del-gutter: rgba(248, 81, 73, .2);--ed-del-content: rgba(248, 81, 73, .06);--ed-del-token: rgba(248, 81, 73, .3);--ed-del-token-text: #ffa198;--ed-bar-bg: #21262d;--ed-shadow: 0 0 0 1px rgba(255,255,255,.03), 0 16px 48px rgba(0,0,0,.35), 0 4px 12px rgba(0,0,0,.2)}[data-theme=light] .diff-result-container{--ed-bg: #ffffff;--ed-bg-header: #f6f8fa;--ed-border: #d0d7de;--ed-gutter-bg: #f6f8fa;--ed-gutter-border: #d0d7de;--ed-text: #1f2328;--ed-text-muted: #656d76;--ed-hover: rgba(0,0,0,.02);--ed-btn-bg: #f6f8fa;--ed-btn-border: #d0d7de;--ed-btn-text: #656d76;--ed-accent: #0969da;--ed-accent-bg: rgba(9, 105, 218, .08);--ed-accent-border: rgba(9, 105, 218, .4);--ed-add: #1a7f37;--ed-add-bg: rgba(26, 127, 55, .08);--ed-add-bg-hover: rgba(26, 127, 55, .14);--ed-add-gutter: rgba(26, 127, 55, .15);--ed-add-content: rgba(26, 127, 55, .05);--ed-add-token: rgba(26, 127, 55, .2);--ed-add-token-text: #116329;--ed-del: #cf222e;--ed-del-bg: rgba(207, 34, 46, .08);--ed-del-bg-hover: rgba(207, 34, 46, .14);--ed-del-gutter: rgba(207, 34, 46, .15);--ed-del-content: rgba(207, 34, 46, .05);--ed-del-token: rgba(207, 34, 46, .2);--ed-del-token-text: #82071e;--ed-bar-bg: #e1e4e8;--ed-shadow: 0 1px 3px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.08)}.diff-result-container{background:var(--ed-bg);border:1px solid var(--ed-border);border-radius:var(--radius-xl);overflow:hidden;margin-top:24px;box-shadow:var(--ed-shadow)}.result-header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:var(--ed-bg-header);border-bottom:1px solid var(--ed-border);flex-wrap:wrap;gap:10px}.result-header-left,.result-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.view-selector{display:flex;gap:4px}.view-selector button{display:flex;align-items:center;gap:5px;padding:5px 10px;font-size:.7rem;font-weight:600;border:1px solid var(--ed-btn-border);background:var(--ed-btn-bg);color:var(--ed-btn-text);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.view-selector button:hover{background:var(--ed-hover);color:var(--ed-text)}.view-selector button.active{background:var(--ed-accent-bg);border-color:var(--ed-accent-border);color:var(--ed-accent)}.copy-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;font-size:.7rem;font-weight:600;background:var(--ed-btn-bg);border:1px solid var(--ed-btn-border);border-radius:var(--radius-sm);color:var(--ed-accent);cursor:pointer;transition:all .15s}.copy-btn:hover{background:var(--ed-accent-bg);border-color:var(--ed-accent-border)}.diff-stats-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.dstat{display:flex;align-items:center;gap:4px}.stat-icon{opacity:.8}.stat-add{color:var(--ed-add)}.stat-del{color:var(--ed-del)}.stat-eq{color:var(--ed-text-muted)}.stat-num{font-size:.78rem;font-weight:800;font-family:var(--font-mono)}.stat-label{font-size:.65rem;color:var(--ed-text-muted);font-weight:500}.diff-bar-visual{display:flex;width:80px;height:5px;border-radius:var(--radius-full);background:var(--ed-bar-bg);overflow:hidden;border:1px solid var(--ed-gutter-border)}.bar-add{background:var(--ed-add);min-width:0;transition:width .3s}.bar-del{background:var(--ed-del);min-width:0;transition:width .3s}.diff-viewer{overflow-x:auto;background:var(--ed-bg)}.split-viewer.pro{display:grid;grid-template-columns:1fr 1fr;background:var(--ed-border);gap:1px}.split-pane{background:var(--ed-bg);min-height:200px;position:relative}.pane-label{padding:7px 14px 5px;font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--ed-text-muted);letter-spacing:.06em;border-bottom:1px solid var(--ed-gutter-border);background:var(--ed-bg-header)}.pane-body{overflow-x:auto}.diff-line{display:flex;font-family:var(--font-mono);font-size:.78rem;line-height:1.75;min-height:1.75em;border-bottom:1px solid transparent;color:var(--ed-text);transition:background .1s}.diff-line:hover{background:var(--ed-hover)}.diff-line .gutter{width:48px;min-width:48px;text-align:right;padding:0 10px 0 0;color:var(--ed-text-muted);-webkit-user-select:none;user-select:none;font-size:.72rem;background:var(--ed-gutter-bg);border-right:1px solid var(--ed-gutter-border)}.unified-viewer .diff-line .gutter.old,.unified-viewer .diff-line .gutter.new{width:40px;min-width:40px}.diff-line .marker{width:22px;min-width:22px;text-align:center;font-weight:800;-webkit-user-select:none;user-select:none;color:var(--ed-text-muted);font-size:.75rem}.diff-line .line-content{flex:1;padding:0 16px 0 6px;white-space:pre;word-break:normal;overflow-wrap:normal}.diff-line.added{background:var(--ed-add-bg)}.diff-line.added:hover{background:var(--ed-add-bg-hover)}.diff-line.added .gutter{background:var(--ed-add-gutter);color:var(--ed-add);border-right-color:var(--ed-add-content)}.diff-line.added .marker{color:var(--ed-add)}.diff-line.added .line-content{background:var(--ed-add-content)}.diff-line.removed{background:var(--ed-del-bg)}.diff-line.removed:hover{background:var(--ed-del-bg-hover)}.diff-line.removed .gutter{background:var(--ed-del-gutter);color:var(--ed-del);border-right-color:var(--ed-del-content)}.diff-line.removed .marker{color:var(--ed-del)}.diff-line.removed .line-content{background:var(--ed-del-content);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--ed-del) 35%,transparent)}.diff-line.empty{background:var(--ed-gutter-bg);opacity:.35}.diff-line.empty .gutter{background:var(--ed-gutter-bg)}.token-diff-editor{overflow-x:auto}.token-diff-editor .diff-line .line-content{white-space:pre-wrap;word-break:break-word}.token-added{background:var(--ed-add-token);color:var(--ed-add-token-text);border-radius:2px;padding:0 1px}.token-removed{background:var(--ed-del-token);color:var(--ed-del-token-text);border-radius:2px;padding:0 1px;text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--ed-del) 50%,transparent)}.token-unchanged{color:var(--ed-text)}.unified-viewer.pro{overflow-x:auto}.fade-in{animation:diffFadeIn .3s ease-out}@keyframes diffFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.editors-container,.split-viewer.pro{grid-template-columns:1fr}.diff-actions-bar{flex-direction:column;align-items:stretch}.diff-settings{flex-direction:column;align-items:flex-start}.main-btns{justify-content:space-between}.result-header{flex-direction:column;align-items:flex-start}.diff-stats-bar{flex-wrap:wrap;gap:10px}.editor-body{height:220px}.kbd-hint{display:none}}