.comparePage{letter-spacing:0;background:#f8fbfd;min-height:100vh}.compareTopbar{justify-content:space-between;gap:16px}.compareBack{color:#087f9b;align-items:center;gap:8px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.compareBack span{font-size:20px}.compareWorkspace{max-width:1050px;margin:0 auto;padding:36px 24px 64px}.compareHeading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.compareHeading .eyebrow{letter-spacing:0;color:#637788;font-size:11px}.compareHeading h1{letter-spacing:0;color:#182532;margin:8px 0 0;font-size:32px;line-height:1.2}.compareFree{color:#13734b;background:#edf8f2;border:1px solid #b6ddc9;border-radius:5px;padding:5px 9px;font-size:11px;font-weight:700}.compareFiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.compareFileSlot{min-width:0}.compareSlotHeading{justify-content:space-between;align-items:center;height:34px;margin-bottom:12px;display:flex}.compareSlotHeading h2{color:#2b4352;margin:0;font-size:16px;font-weight:700}.compareRemove{color:#9b3240;cursor:pointer;background:#fff;border:1px solid #d5e1e7;border-radius:5px;width:30px;height:30px;font-size:21px}.compareUpload{color:#253b48;text-align:center;cursor:pointer;background:#fff;border:1px dashed #a8c6d1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0;height:244px;padding:24px;display:flex;position:relative}.compareUpload:hover,.compareUpload.dragActive,.compareUpload:focus-within{background:#eef9fb;border-color:#087f9b}.compareUpload:focus-within{outline-offset:3px;outline:2px solid #087f9b}.compareUpload.loaded{background:#f5fcf9;border-style:solid;border-color:#7bbdb0}.compareUpload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.compareFileIcon{color:#087f9b;place-items:center;width:38px;height:38px;font-size:30px;display:grid}.compareFilename{overflow-wrap:anywhere;width:100%;max-height:63px;font-size:14px;line-height:1.45;overflow:auto}.compareUpload small{color:#637788;font-size:12px}.compareBrowse{color:#087f9b;background:#fff;border:1px solid #c0d5df;border-radius:5px;padding:7px 14px;font-size:12px;font-weight:700}.compareResult{background:#fff;border:1px solid #cbdce3;border-radius:8px;margin-top:24px;padding:20px 24px}.compareResultHeading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.compareResultHeading h2{color:#2b4352;margin:0;font-size:15px}.compareResultHeading p{color:#687d89;margin:0;font-size:12px}.compareResult.identical{border-color:#99cbb3}.compareResult.identical .compareResultHeading p{color:#13734b;font-weight:700}.compareMetrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:20px 0 16px;display:grid}.compareMetrics>div{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.compareMetrics span{color:#637788;font-size:13px}.compareMetrics strong{letter-spacing:0;white-space:nowrap;font-size:26px;line-height:1.3}.compareSimilarity strong{color:#13734b}.compareDifference strong{color:#b94c5a}.compareMeter{background:#f0d4d9;border-radius:3px;height:7px;overflow:hidden}.compareMeter>div{background:#39a37b;height:100%;transition:width .2s}.compareResult[aria-busy=true] .compareMeter{background:#e5edf1}.compareResult:not(:has(.compareDetails)) .compareMeter{background:#e5edf1}.compareDetails{border-top:1px solid #e6edf1;flex-wrap:wrap;justify-content:space-between;gap:16px;margin:16px 0 0;padding-top:16px;display:flex}.compareDetails div{gap:10px;font-size:12px;display:flex}.compareDetails dt{color:#637788}.compareDetails dd{color:#2b4352;margin:0;font-weight:700}.compareError{color:#9b3240;overflow-wrap:anywhere;background:#fff1f2;border-left:3px solid #b94c5a;padding:12px;font-size:13px}@media (width<=650px){.compareWorkspace{padding:24px 16px 40px}.compareFiles{grid-template-columns:1fr;gap:20px}.compareUpload{height:200px;padding:18px}.compareResult{padding:18px 16px}.compareMetrics{gap:12px}.compareMetrics>div{flex-direction:column;align-items:flex-start}.compareMetrics strong{font-size:24px}.compareBack,.compareTopbar .brand b{font-size:12px}}@media (prefers-reduced-motion:reduce){.compareMeter>div{transition:none}}.compareMetrics{gap:48px}.compareMetrics>div{border:1px solid #64788a55;border-radius:6px;justify-content:flex-start;gap:14px;padding:14px}.hexScroll{max-height:480px;overflow:auto}.hexScroll table{border-collapse:collapse;width:100%;font-family:monospace}.hexScroll td,.hexScroll th{text-align:left;border-bottom:1px solid #64788a55;padding:8px}.hexChanged{color:#fff;background:#803447}.hexNavigation{justify-content:space-between;gap:12px;margin-top:16px;display:flex}.hexNavigation button{padding:8px}.hexNavigation button:disabled{opacity:.4}.hexPanel h2{font-size:17px}.hexPanel p{font-size:13px;line-height:1.6}.hexToolbar{flex-wrap:wrap;align-items:center;gap:16px;margin:16px 0;display:flex}.hexToolbar label{align-items:center;gap:8px;font-size:13px;display:flex}.hexToolbar button,.hexToolbar select,.hexWordForm button{color:#edf5fc;background:#142c3e;border:1px solid #7c96a8;border-radius:4px;padding:7px 10px}.hexToolbar button:disabled{opacity:.45}.hexWordForm{align-items:center;gap:12px;display:flex}.hexWordForm input{color:#fff;background:#102333;border:1px solid #7c96a8;border-radius:4px;width:80px;padding:6px;font-family:monospace;font-size:15px}.hexWordForm button:disabled{opacity:.45}