.diffchecker-page{min-height:calc(100vh - var(--site-header-height));background:var(--bg);color:var(--text);flex:1}.diffchecker-workbench{min-height:calc(100vh - var(--site-header-height));grid-template-columns:248px minmax(0,1fr);width:100%;display:grid}.diff-sidebar{z-index:15;min-height:calc(100vh - var(--site-header-height));border-right:1px solid var(--border);background:var(--surface-low);flex-direction:column;gap:16px;padding:16px;display:flex}.diff-sidebar,.diff-main-panel,.diff-input-card h2,.diff-output-head,.diff-topbar{font-family:var(--font-sans), sans-serif}.diff-cell{font-family:var(--font-mono), monospace}.diff-sidebar-head{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.diff-tool-chip,.diff-sidebar-action,.diff-compare-button,.diff-top-actions button,.diff-output-head button,.diff-nav-arrow{border:1px solid var(--border-strong);background:var(--surface);min-height:38px;color:var(--text);cursor:pointer;font-family:var(--font-sans), sans-serif;border-radius:10px;padding:0 12px;font-size:14px;font-weight:500;line-height:1.2;transition:background-color .18s,border-color .18s,color .18s}.diff-tool-chip:hover,.diff-sidebar-action:hover:not(:disabled),.diff-top-actions button:hover:not(:disabled),.diff-output-head button:hover,.diff-nav-arrow:hover:not(:disabled){border-color:var(--text)}.diff-filter-stack,.diff-control-group{gap:8px;display:grid}.diff-switch-row,.diff-checkbox-row{min-height:28px;color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:14px;line-height:1.3;display:flex}.diff-checkbox-row{justify-content:flex-start;gap:8px}.diff-checkbox-row input{width:16px;height:16px;accent-color:var(--primary-strong);flex:none}.diff-switch-row input{appearance:none;background:var(--border-strong);cursor:pointer;border-radius:999px;flex:none;width:36px;height:20px;transition:background-color .16s;position:relative}.diff-switch-row input:after{content:"";background:var(--band-fg);border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:2px;left:2px}.diff-switch-row input:checked{background:var(--primary-strong)}.diff-switch-row input:checked:after{transform:translate(16px)}.diff-control-label{color:var(--muted);font-size:13px;font-weight:500}.diff-control-group select{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:40px;color:var(--text);font-family:var(--font-sans), sans-serif;border-radius:10px;padding:0 10px;font-size:14px}.diff-segmented{border-color:var(--border-strong);background:var(--surface);border-radius:10px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;width:100%;display:grid}.diff-segmented button{border-right-color:var(--border-strong);min-height:38px;color:var(--text);font-family:var(--font-sans), sans-serif;padding:0 8px;font-size:14px;font-weight:500;transition:background-color .18s,color .18s}.diff-segmented button:first-letter{text-transform:uppercase}.diff-segmented button[aria-pressed=true]{background:var(--tone-primary-strong-10-surface);color:var(--primary);box-shadow:none}.diff-drawer{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:10px;padding:0;font-size:14px}.diff-drawer summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:38px;padding:0 12px;font-weight:500;list-style:none;display:flex}.diff-drawer summary::-webkit-details-marker{display:none}.diff-drawer summary:after{content:"";border-right:1.5px solid var(--outline);border-bottom:1.5px solid var(--outline);width:7px;height:7px;margin-right:2px;transition:transform .16s;transform:translateY(-2px)rotate(45deg)}.diff-drawer[open] summary:after{transform:translateY(2px)rotate(-135deg)}.diff-drawer[open]{padding-bottom:4px}.diff-drawer>:not(summary){margin:0 12px 8px}.diff-drawer>.diff-sidebar-action{width:calc(100% - 24px);display:block}.diff-sidebar-action{text-align:left;width:100%}.diff-sidebar-action:disabled,.diff-compare-button:disabled,.diff-top-actions button:disabled,.diff-nav-arrow:disabled{cursor:not-allowed;opacity:.55}.diff-sidebar-spacer{flex:1}.diff-compare-button{border-color:var(--btn-bg);background:var(--btn-bg);width:100%;min-height:44px;color:var(--btn-fg);font-size:15px}.diff-compare-button:hover:not(:disabled){border-color:var(--primary-strong);background:var(--primary-strong);color:#fff}.diff-main-panel{background:var(--surface);min-width:0;overflow-x:auto}.diff-topbar{z-index:12;border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:40px minmax(0,1fr) 40px auto;align-items:center;gap:12px;min-height:62px;padding:10px 16px;display:grid}.diff-topbar h1{color:var(--text);letter-spacing:0;margin:0;font-size:22px;font-weight:600;line-height:1.15}.diff-topbar p{color:var(--muted);margin:4px 0 0;font-size:14px}.diff-nav-arrow{min-height:40px;color:var(--muted);font-family:var(--font-mono), monospace;padding:0;font-size:16px}.diff-top-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.diff-top-actions button{padding:0 16px}.diff-warning,.diff-copy-status{margin:12px 16px 0}.diff-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px;display:grid}.diff-input-card{border:1px solid var(--border);background:var(--surface-low);border-radius:14px;min-height:calc(100vh - 172px);transition:border-color .18s;overflow:hidden}.diff-input-card:focus-within{border-color:var(--primary-strong)}.diff-input-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.diff-input-card h2{color:var(--text);margin:0;font-size:15px;font-weight:500}.diff-input-card textarea{width:100%;min-height:calc(100vh - 222px);color:var(--text);resize:vertical;font-family:var(--font-mono), monospace;white-space:pre-wrap;background:0 0;border:0;outline:none;padding:16px;font-size:13px;line-height:1.58}.diff-input-card textarea.no-wrap{white-space:pre;overflow-x:auto}.diff-output{background:var(--surface);overflow:hidden}.diff-output-head,.diff-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.diff-output-head{z-index:10;border-bottom:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:14px}.diff-output-head>div{align-items:center;gap:12px;min-width:0;padding:10px 16px;display:flex}.diff-output-head strong{color:var(--success);font-weight:500}.diff-output-head>div:first-child strong{color:var(--danger)}.diff-output-head span{margin-left:auto}.diff-output-head button{border-radius:999px;min-height:30px;padding:0 12px;font-size:13px}.diff-output-head>div:first-child,.diff-row .diff-cell:first-child{border-right:1px solid var(--border)}.diff-cell{min-height:26px;color:var(--muted);grid-template-columns:42px 18px minmax(0,1fr);margin:0;font-size:13px;line-height:1.52;display:grid}.diff-cell span,.diff-cell code{padding:5px 7px}.diff-cell code{color:var(--text);white-space:pre}.diff-output.wrap .diff-cell code{white-space:pre-wrap;word-break:break-word}.diff-row.add .diff-cell:last-child{background:var(--tone-success-14-alpha)}.diff-row.remove .diff-cell:first-child{background:var(--tone-danger-15-alpha)}.diff-row.active{outline:1px solid var(--primary-strong);outline-offset:-1px}.diff-output.unified .diff-output-head{grid-template-columns:1fr}.diff-output.unified .diff-output-head>div:first-child{display:none}.diff-output.unified .diff-row{grid-template-columns:1fr}.diff-output.unified .diff-row .diff-cell:first-child{display:none}.diff-output.unified .diff-row.remove .diff-cell:first-child{display:grid}.diff-output.unified .diff-row.remove .diff-cell:last-child{display:none}.diff-output.unified .diff-cell{border-right:0}.diff-empty{color:var(--muted);font-family:var(--font-sans), sans-serif;padding:28px 16px;font-size:15px}@media (max-width:899px){.diffchecker-workbench{grid-template-columns:1fr}.diff-sidebar{border-right:0;border-bottom:1px solid var(--border);min-height:auto}.page-main.diffchecker-page .diffchecker-workbench>.diff-sidebar{min-height:auto}.diff-sidebar-spacer{display:none}.diff-topbar,.diff-input-grid,.diff-output-head,.diff-row{grid-template-columns:1fr}.diff-topbar{grid-template-columns:40px minmax(0,1fr) 40px}.diff-top-actions{grid-column:1/-1;justify-content:flex-start}.diff-output-head>div:first-child,.diff-row .diff-cell:first-child{border-right:0}}.diff-grid article{min-height:250px}@media (min-width:760px){.diff-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}