:root{color:#e7edf5;font-synthesis:none;text-rendering:optimizelegibility;--surface:#111a26;--surface-raised:#172231;--line:#293748;--muted:#8fa0b4;--text:#e7edf5;--red:#ff5c66;--green:#36d399;--blue:#5b9dff;background:#0b111a;font-family:Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 50% -20%,#1c2c40 0,#0000 44rem),#0b111a;min-width:360px;height:100vh;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.app-shell{flex-direction:column;height:100vh;min-height:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:#0d141ee0;justify-content:space-between;align-items:center;gap:24px;min-height:92px;padding:18px 28px;display:flex}.brand,.file-loaders,.panel-heading,.changes-heading,.page-controls,.change-item-top{align-items:center;display:flex}.brand{flex:none;gap:13px}.brand-mark{color:#8db8fa;background:linear-gradient(145deg,#1d3450,#142235);border:1px solid #42618a;border-radius:12px;place-items:center;width:42px;height:42px;font:700 25px Segoe UI,sans-serif;display:grid}h1,h2,p{margin:0}h1{letter-spacing:-.025em;font:600 18px Segoe UI,sans-serif}.brand p{color:var(--muted);margin-top:4px;font-size:12px}.file-loaders{justify-content:flex-end;gap:9px}.file-picker{color:#d7e1ee;cursor:pointer;background:#182536;border:1px solid #34475c;border-radius:8px;justify-content:center;align-items:center;min-width:118px;height:38px;padding:0 12px;font-size:12px;font-weight:600;transition:border-color .12s,background .12s;display:inline-flex;position:relative;overflow:hidden}.file-picker:hover{background:#203148;border-color:#6b91c1}.compare-button{color:#f2f7ff;cursor:pointer;background:#245a91;border:1px solid #367bc3;border-radius:8px;min-height:38px;padding:0 14px;font-size:12px;font-weight:700;transition:background .12s,border-color .12s}.compare-button:hover:not(:disabled){background:#2c6eae;border-color:#70a8e4}.compare-button:disabled{color:#8292a5;cursor:not-allowed;background:#1a2533;border-color:#34475c}.file-picker input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.status{color:#9aabc0;background:#101824;border-bottom:1px solid #1e2a38;min-height:34px;padding:9px 28px;font-size:12px}.status.error{color:#ff9ba1;background:#28171e}.workspace{background:var(--line);flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:310px minmax(0,1fr) minmax(0,1fr);gap:1px;height:0;min-height:0;display:grid}.document-panel,.changes-panel{background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex}.changes-panel{grid-area:1/1}.document-panel[data-side=older]{grid-area:1/2}.document-panel[data-side=newer]{grid-area:1/3}.panel-heading,.changes-heading{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;min-height:70px;padding:13px 16px}.panel-heading h2,.changes-heading h2{text-overflow:ellipsis;white-space:nowrap;max-width:min(30vw,340px);margin-top:4px;font:600 15px Segoe UI,sans-serif;overflow:hidden}.eyebrow{color:#8094ac;letter-spacing:.14em;font-size:9px;font-weight:700}.page-controls{color:#8fa0b4;flex:none;gap:5px;font-size:11px}.page-controls button{border:1px solid var(--line);cursor:pointer;background:#182433;border-radius:6px;width:27px;height:29px;font-size:19px;line-height:1}.page-controls button:hover:not(:disabled){border-color:#6b91c1}.page-controls button:disabled{color:#586779;cursor:default}.page-controls label{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.page-controls input{border:1px solid var(--line);width:45px;height:28px;color:var(--text);text-align:center;background:#0e1722;border-radius:5px;outline:none;padding:0 4px}.page-readout{color:#c7d3e1;font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:inline-flex}.follow-label{color:#8295aa;text-transform:uppercase;margin-left:3px;font-size:9px}.page-controls input:focus,.search-box input:focus,.filter-box select:focus{border-color:#6596d2}.pdf-viewport{background:radial-gradient(circle,#243243 .8px,#0000 1px) 0 0/16px 16px,#0d141e;flex:1;justify-content:center;min-height:0;padding:18px 16px 30px;display:flex;position:relative;overflow:auto}.empty-state{color:#6f8298;text-align:center;align-self:center;max-width:240px;font-size:13px;line-height:1.6}.page-stage{background:#fff;flex:none;align-self:flex-start;position:relative;overflow:hidden;box-shadow:0 12px 38px #0000005c}.pdf-canvas{display:block}.overlay-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.change-mark{pointer-events:auto;cursor:pointer;border:1px solid;border-radius:2px;min-width:2px;min-height:2px;transition:box-shadow .1s,filter .1s;position:absolute}.change-mark:hover,.change-mark.selected{z-index:2;filter:saturate(1.3);box-shadow:0 0 0 2px #ffffffb8,0 0 0 4px}.change-mark.deleted{color:#ef444e;background:#ef444e4d;border-color:#ef444ef2}.change-mark.inserted{color:#16b77b;background:#16b77b47;border-color:#16b77bf2}.change-mark.replaced{color:#347ceb;background:#347ceb47;border-color:#347cebf2}.changes-panel{padding-bottom:8px}.changes-heading{min-height:66px}.count-pill{color:#a9c9f3;background:#1b2a3d;border:1px solid #31445c;border-radius:999px;place-items:center;min-width:34px;height:27px;padding:0 8px;font-size:11px;font-weight:700;display:grid}.legend{color:#a0afc1;flex-wrap:wrap;gap:11px;padding:12px 16px 9px;font-size:10px;display:flex}.legend span{align-items:center;gap:5px;display:inline-flex}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-dot.deleted{background:var(--red)}.legend-dot.inserted{background:var(--green)}.legend-dot.replaced{background:var(--blue)}.search-box,.filter-box{margin:5px 14px}.search-box input,.filter-box select{width:100%;height:36px;color:var(--text);background:#0d151f;border:1px solid #2a394b;border-radius:7px;outline:none;padding:0 10px;font-size:11px}.search-box input::placeholder{color:#6f8195}.filter-box{color:#91a2b6;align-items:center;gap:10px;font-size:10px;display:flex}.filter-box select{flex:1}.selected-change{background:#172333;border:1px solid #304155;border-radius:8px;margin:8px 14px;padding:11px 12px}.selected-change strong,.selected-pages{margin-top:6px;font-size:11px;display:block}.selected-pages{color:#90a4bb;font-size:10px}.selected-change p{color:#bac6d4;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:7px;font-size:10px;line-height:1.45;display:-webkit-box;overflow:hidden}.change-list{scrollbar-color:#50647b #101925;scrollbar-width:thin;flex-direction:column;flex:1;gap:6px;min-height:0;padding:4px 10px 14px;display:flex;overflow:auto}.change-list::-webkit-scrollbar{width:9px}.change-list::-webkit-scrollbar-track{background:#101925;border-radius:6px}.change-list::-webkit-scrollbar-thumb{background:#50647b;border:2px solid #101925;border-radius:6px}.change-list::-webkit-scrollbar-thumb:hover{background:#7188a2}.change-item{cursor:pointer;text-align:left;background:#131e2b;border:1px solid #293747;border-left:3px solid #73849a;border-radius:7px;width:100%;padding:9px 10px;transition:background .1s,border-color .1s;display:block}.change-item.deleted{border-left-color:var(--red)}.change-item.inserted{border-left-color:var(--green)}.change-item.replaced{border-left-color:var(--blue)}.change-item:hover,.change-item.active{background:#1b2a3b;border-top-color:#516a87;border-bottom-color:#516a87;border-right-color:#516a87}.change-item-top{color:#dce5ef;justify-content:space-between;gap:8px;font-size:10px}.change-item-top>span{color:#90a2b7;font-variant-numeric:tabular-nums;flex:none}.change-item-text{color:#aebccc;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}.list-empty{color:var(--muted);text-align:center;padding:18px 8px;font-size:11px;line-height:1.5}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1120px){.topbar{flex-direction:column;align-items:flex-start;gap:14px}.file-loaders{flex-wrap:wrap;justify-content:flex-start}.workspace{grid-template-columns:285px minmax(0,1fr) minmax(0,1fr)}.panel-heading{flex-direction:column;align-items:flex-start}}@media (width<=820px){body,.app-shell{height:auto;min-height:100vh;overflow:visible}.workspace{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);height:auto}.changes-panel{grid-area:1/1;min-height:420px;max-height:60vh}.document-panel{grid-column:1;min-height:75vh}.document-panel[data-side=older]{grid-row:2}.document-panel[data-side=newer]{grid-row:3}.panel-heading{flex-direction:row;align-items:center}.panel-heading h2{max-width:48vw}}@media (width<=500px){.topbar{padding:15px}.file-picker{min-width:105px}.status{padding-left:15px;padding-right:15px}}