:root{--teal-900:#004d52;--teal-700:#006a72;--teal-600:#00838f;--teal-500:#00acc1;--teal-50:#e0f4f6;--gold-700:#9c7a00;--gold-600:#b8860b;--gold-500:#c9a227;--gold-300:#e6c757;--gold-50:#fdf6da;--ink-900:#0e1418;--ink-700:#1f2a30;--ink-500:#4a5660;--ink-300:#8a949c;--ink-200:#c2c9d0;--ink-100:#e6eaee;--ink-50:#f5f7fa;--paper:#fff;--diff-red-text:#b3261e;--diff-red-bg:#fbe9e7;--diff-red-strong:#8b1a14;--diff-green-text:#1e6b24;--diff-green-bg:#e6f4ea;--diff-green-strong:#155a1b;--shadow-sm:0 1px 2px #0e14180f, 0 1px 3px #0e141814;--shadow-md:0 4px 12px #0e141814, 0 2px 4px #0e14180f;--shadow-lg:0 12px 32px #0e14181f, 0 4px 8px #0e14180f;--radius:12px;--radius-sm:8px;--radius-xs:6px}*{box-sizing:border-box}html,body{height:100%}body{color:var(--ink-900);background:var(--ink-50);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5}button{font-family:inherit}h1,h2,h3{margin:0 0 .5rem;line-height:1.25}.muted{color:var(--ink-500);font-size:12.5px}.topbar{background:var(--paper);border-bottom:1px solid var(--ink-100);z-index:30;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand__mark{background:0 0;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.brand__mark svg{width:100%;height:100%}.brand__title{letter-spacing:.2px;color:var(--ink-900);font-size:17px;font-weight:700}.brand__sub{color:var(--ink-500);letter-spacing:.3px;font-size:12px}.topbar__right{align-items:center;gap:12px;display:flex}.badge-secure{background:var(--teal-50);color:var(--teal-700);border:1px solid color-mix(in srgb, var(--teal-600) 20%, transparent);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.layout{max-width:1200px;margin:24px auto 48px;padding:0 24px}.section-title{color:var(--ink-900);border-bottom:2px solid var(--ink-100);letter-spacing:.2px;margin:24px 0 12px;padding-bottom:8px;font-size:16px;font-weight:700}.upload-section{grid-template-columns:1fr 64px 1fr;align-items:stretch;gap:16px;display:grid}.upload-arrow{color:var(--ink-300);place-items:center;display:grid}.upload-box{background:var(--paper);border-radius:var(--radius);border:1px solid var(--ink-100);box-shadow:var(--shadow-sm);flex-direction:column;padding:16px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.upload-box[data-slot=comparison]{border-top:4px solid var(--gold-500)}.upload-box[data-slot=original]{border-top:4px solid var(--teal-600)}.upload-box__label{text-transform:uppercase;letter-spacing:1.4px;color:var(--ink-500);margin-bottom:10px;font-size:11px;font-weight:700}.upload-box__inner{border:2px dashed var(--ink-200);border-radius:var(--radius-sm);text-align:center;background:linear-gradient(180deg, var(--ink-50) 0%, var(--paper) 100%);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:200px;padding:28px 20px;transition:background .15s,border-color .15s;display:flex}.upload-box__inner:hover{border-color:var(--teal-500);background:linear-gradient(180deg, var(--teal-50) 0%, var(--paper) 100%)}.upload-box.is-dragover .upload-box__inner{border-color:var(--teal-600);background:var(--teal-50);transform:translateY(-1px)}.upload-box__icon{opacity:.9}.upload-box__title{color:var(--ink-900);font-size:14.5px;font-weight:600}.upload-box__hint{color:var(--ink-500);font-size:12.5px}.upload-box__btn{margin-top:8px}.upload-box__file{width:100%}.file-card{background:var(--ink-50);border:1px solid var(--ink-100);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px 14px;display:flex;position:relative}.file-card__icon{background:var(--paper);width:36px;height:36px;color:var(--teal-700);border:1px solid var(--ink-100);border-radius:8px;place-items:center;display:grid}.file-card__body{flex:1;min-width:0}.file-card__name{color:var(--ink-900);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.file-card__meta{color:var(--ink-500);gap:8px;margin-top:2px;font-size:12px;display:flex}.file-card__meta span:not(:last-child):after{content:" · ";color:var(--ink-300)}.file-card__remove{width:28px;height:28px;color:var(--ink-500);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:18px;line-height:1}.file-card__remove:hover{background:var(--ink-100);color:var(--ink-900)}.actions{justify-content:center;gap:12px;margin-top:24px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform 50ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px}.btn--lg{padding:12px 22px;font-size:14px}.btn--primary{background:var(--teal-600);color:var(--paper);border-color:var(--teal-700);box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--teal-700);border-color:var(--teal-900)}.btn--primary:disabled{background:var(--ink-200);border-color:var(--ink-200);color:var(--ink-500);cursor:not-allowed;box-shadow:none}.btn--gold{background:var(--gold-500);color:var(--ink-900);border-color:var(--gold-600);box-shadow:var(--shadow-sm)}.btn--gold:hover:not(:disabled){background:var(--gold-600);color:var(--paper);border-color:var(--gold-700)}.btn--ghost{background:var(--paper);color:var(--ink-900);border-color:var(--ink-200)}.btn--ghost:hover:not(:disabled){background:var(--ink-50);border-color:var(--ink-300)}.progress{background:var(--paper);border-radius:var(--radius);border:1px solid var(--ink-100);box-shadow:var(--shadow-sm);margin:24px 0;padding:18px 22px}.progress__bar{background:var(--ink-100);border-radius:999px;height:8px;overflow:hidden}.progress__fill{background:linear-gradient(90deg, var(--teal-500), var(--teal-600));border-radius:999px;width:0%;height:100%;transition:width .25s}.progress__text{color:var(--ink-900);justify-content:space-between;margin-top:10px;font-size:13px;font-weight:600;display:flex}.progress__detail{color:var(--ink-500);margin-top:4px;font-size:12.5px}.toast{background:var(--ink-900);color:var(--paper);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:100;align-items:center;gap:10px;max-width:min(90vw,520px);padding:12px 14px 12px 12px;animation:.2s ease-out toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast--err{background:#8b1a14}.toast__icon{color:var(--gold-300);place-items:center;display:grid}.toast__text{font-size:13.5px}.toast__close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;padding:2px 6px;font-size:18px;line-height:1}.toast__close:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.results{margin-top:28px}.report{background:var(--paper);border-radius:var(--radius);border:1px solid var(--ink-100);box-shadow:var(--shadow-md);padding:28px 32px}.report__head{border-bottom:2px solid var(--teal-600);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.report__brand{align-items:center;gap:12px;display:flex}.report__brand-mark{width:40px;height:40px}.report__title{color:var(--ink-900);letter-spacing:.2px;font-size:20px;font-weight:800}.report__sub{color:var(--ink-500);margin-top:2px;font-size:12.5px}.report__meta{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:8px;display:grid}.meta-card{background:var(--ink-50);border:1px solid var(--ink-100);border-radius:var(--radius-sm);padding:14px 16px}.meta-card__label{text-transform:uppercase;letter-spacing:1.2px;color:var(--ink-500);margin-bottom:4px;font-size:10.5px;font-weight:700}.meta-card__value{color:var(--ink-900);word-break:break-word;font-weight:600}.meta-card__sub{color:var(--ink-500);margin-top:2px;font-size:12px}.report__foot{border-top:1px solid var(--ink-100);color:var(--ink-500);justify-content:space-between;margin-top:28px;padding-top:14px;font-size:11.5px;display:flex}.summary__grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.stat{background:var(--ink-50);border:1px solid var(--ink-100);border-radius:var(--radius-sm);text-align:center;padding:14px}.stat__num{color:var(--ink-900);font-size:26px;font-weight:800;line-height:1.1}.stat__label{text-transform:uppercase;letter-spacing:1.2px;color:var(--ink-500);margin-top:4px;font-size:11.5px;font-weight:600}.stat--changed{border-color:var(--diff-red-text);background:var(--diff-red-bg)}.stat--changed .stat__num,.stat--changed .stat__label{color:var(--diff-red-strong)}.stat--added{border-color:var(--diff-green-text);background:var(--diff-green-bg)}.stat--added .stat__num,.stat--added .stat__label{color:var(--diff-green-strong)}.stat--removed{border-color:var(--diff-red-text);background:var(--diff-red-bg)}.stat--removed .stat__num,.stat--removed .stat__label{color:var(--diff-red-strong)}.summary__legend{color:var(--ink-500);flex-wrap:wrap;gap:14px;padding:10px 0;font-size:12px;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.swatch{border-radius:3px;width:14px;height:14px;display:inline-block}.swatch--red{background:var(--diff-red-bg);border:1px solid var(--diff-red-text)}.swatch--green{background:var(--diff-green-bg);border:1px solid var(--diff-green-text)}.word-added{color:var(--diff-green-strong)}.word-removed{color:var(--diff-red-strong)}.view-controls{background:var(--ink-50);border-radius:var(--radius-sm);border:1px solid var(--ink-100);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:16px 0 8px;padding:10px 12px;display:flex}.view-controls__group{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--ink-200);background:var(--paper);color:var(--ink-700);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.chip input{accent-color:var(--teal-600);margin:0}.chip--changed{color:var(--diff-red-strong);border-color:var(--diff-red-text)}.chip--added{color:var(--diff-green-strong);border-color:var(--diff-green-text)}.chip--removed{color:var(--diff-red-strong);border-color:var(--diff-red-text)}.seg{background:var(--paper);border:1px solid var(--ink-200);color:var(--ink-700);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12.5px;font-weight:600}.seg--active{background:var(--teal-600);color:var(--paper);border-color:var(--teal-700)}.diff{flex-direction:column;gap:10px;display:flex}.block{background:var(--paper);border:1px solid var(--ink-100);border-radius:var(--radius-sm);border-left:4px solid var(--ink-200);page-break-inside:avoid;padding:12px 14px 12px 16px;position:relative}.block__header{text-transform:uppercase;letter-spacing:1.2px;color:var(--ink-500);align-items:center;gap:10px;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.block__index{background:var(--ink-100);color:var(--ink-700);letter-spacing:.8px;border-radius:999px;padding:1px 7px;font-size:10.5px}.block__label{border-radius:999px;padding:2px 8px;font-size:10.5px}.block--unchanged{border-left-color:var(--ink-200)}.block--unchanged .block__label{background:var(--ink-100);color:var(--ink-700)}.block--changed{border-left-color:var(--diff-red-text)}.block--changed .block__label{background:var(--diff-red-bg);color:var(--diff-red-strong)}.block--added{border-left-color:var(--diff-green-text);background:linear-gradient(180deg, var(--diff-green-bg), var(--paper) 80%)}.block--added .block__label{background:var(--diff-green-bg);color:var(--diff-green-strong)}.block--removed{border-left-color:var(--diff-red-text);background:linear-gradient(180deg, var(--diff-red-bg), var(--paper) 80%)}.block--removed .block__label{background:var(--diff-red-bg);color:var(--diff-red-strong)}.block__body{color:var(--ink-900);word-wrap:break-word;white-space:pre-wrap;font-size:13.5px;line-height:1.6}.block__pair{gap:8px;display:grid}.block__pair-row{align-items:flex-start;gap:10px;display:flex}.block__pair-tag{letter-spacing:1px;text-transform:uppercase;border-radius:4px;flex:none;min-width:80px;margin-top:2px;padding:2px 8px;font-size:10.5px;font-weight:700}.block__pair-tag--orig{background:var(--diff-red-bg);color:var(--diff-red-strong)}.block__pair-tag--new{background:var(--diff-green-bg);color:var(--diff-green-strong)}.block__pair-tag--inline{background:var(--teal-50);color:var(--teal-700)}.block__pair-text{flex:1}.diff-del{color:var(--diff-red-strong);background:var(--diff-red-bg);text-decoration:line-through;-webkit-text-decoration-color:var(--diff-red-text);text-decoration-color:var(--diff-red-text);border-radius:2px;padding:0 2px}.diff-ins{color:var(--diff-green-strong);background:var(--diff-green-bg);border-radius:2px;padding:0 2px;font-weight:500}.diff[data-view=side] .block{grid-template-columns:1fr 1fr;gap:18px;padding:12px 16px;display:grid}.diff[data-view=side] .block__header{grid-column:1/-1}.diff[data-view=side] .block__col{border-left:1px solid var(--ink-100);padding-left:14px}.diff[data-view=side] .block__col:first-of-type{border-left:0;padding-left:0}.diff[data-view=side] .block__col-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--ink-500);margin-bottom:4px;font-size:10.5px;font-weight:700}.diff[data-view=unified] .block__col-side-only,.diff[data-view=side] .block__col-unified-only{display:none}.missing-section{margin-top:24px}.missing-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.missing-item{background:var(--diff-red-bg);border-left:4px solid var(--diff-red-text);border-radius:var(--radius-xs);color:var(--ink-900);white-space:pre-wrap;padding:10px 14px;font-size:13px}.missing-item__label{letter-spacing:1.2px;text-transform:uppercase;color:var(--diff-red-strong);margin-bottom:2px;font-size:10.5px;font-weight:700;display:block}.export-bar{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.footer{max-width:1200px;color:var(--ink-500);justify-content:space-between;margin:0 auto;padding:16px 24px 24px;font-size:12px;display:flex}.hidden,[hidden]{display:none!important}@media (width<=880px){.upload-section{grid-template-columns:1fr}.upload-arrow{display:none}.report__meta{grid-template-columns:1fr}.summary__grid{grid-template-columns:repeat(2,1fr)}.diff[data-view=side] .block{grid-template-columns:1fr}.diff[data-view=side] .block__col{border-left:0;border-top:1px solid var(--ink-100);padding-top:10px;padding-left:0}.diff[data-view=side] .block__col:first-of-type{border-top:0;padding-top:0}.topbar{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 16px}.layout{padding:0 16px}.report{padding:18px}}@media (width<=560px){.summary__grid{grid-template-columns:1fr 1fr}.actions{flex-direction:column}.actions .btn{justify-content:center;width:100%}.export-bar{justify-content:stretch}.export-bar .btn{flex:1;justify-content:center}.block__pair-row{flex-direction:column}.block__pair-tag{min-width:0}}@media print{*,:before,:after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}html,body{color:#000;font-size:11pt;background:#fff!important}body{margin:0}.topbar,.footer,.upload-section,.actions,.progress,.toast,.view-controls,.export-bar,.no-print{display:none!important}.layout{max-width:none;margin:0;padding:0}.results{margin:0}.report{box-shadow:none;border:0;border-radius:0;padding:16mm 14mm}.report__head{border-bottom:2px solid #00838f!important}.block{box-shadow:none;page-break-inside:avoid;margin:0}.block--changed,.block--removed{background:var(--diff-red-bg)!important}.block--added{background:var(--diff-green-bg)!important}.diff-del{color:var(--diff-red-strong)!important;background:var(--diff-red-bg)!important;text-decoration:line-through!important}.diff-ins{color:var(--diff-green-strong)!important;background:var(--diff-green-bg)!important}.stat--changed,.stat--removed{background:var(--diff-red-bg)!important}.stat--added{background:var(--diff-green-bg)!important}.missing-item{background:var(--diff-red-bg)!important}.meta-card,.stat,.missing-item{page-break-inside:avoid}@page{size:Letter portrait;margin:0}}