:root{color-scheme:light;--ink:#222522;--muted:#777a73;--line:#d9dbd3;--paper:#f7f8f2;--green:#267052;--red:#b54841}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,textarea,input{font:inherit}button,a,input,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,#diff:focus-visible{outline:3px solid #316bda}button{border:1px solid var(--line);background:transparent;padding:10px 15px;cursor:pointer;font-size:13px;font-weight:600;color:var(--ink);transition:background .15s}button:hover:not(:disabled){background:#e6e9df}button:disabled{opacity:.4;cursor:not-allowed}button span{margin-left:12px}.page{max-width:1320px;margin:auto;padding:0 52px}.masthead{height:94px;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between}.brand{color:inherit;text-decoration:none;display:flex;gap:12px;align-items:center;font-weight:850;font-size:22px;letter-spacing:-.8px}.brand-mark{width:28px;height:28px;background:var(--ink);color:#e6f391;display:grid;place-items:center;font-size:21px}.edition{font-size:10px;letter-spacing:1.8px}.intro{display:flex;justify-content:space-between;align-items:end;padding:57px 0 48px;gap:30px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:700;margin:0 0 17px}.intro h1{font-size:clamp(40px,5.4vw,68px);line-height:1.2;letter-spacing:-3.8px;margin:0;font-weight:750}.intro h1 span{color:#85897d}.intro-note{padding-right:30px;font-size:14px;line-height:1.8}.section-number{font-size:12px;letter-spacing:2px;border-bottom:1px solid var(--ink);padding-bottom:8px;display:inline-block}.intro-note p{margin:15px 0 18px}.legend{display:flex;gap:22px;font-size:11px}.legend span{display:flex;align-items:center;gap:6px}.legend i{display:inline-block;width:7px;height:7px}.green{background:var(--green)}.red{background:var(--red)}.gray{background:#8d9186}.workspace{border-top:3px solid var(--ink)}.workspace-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 0;gap:12px}.workspace-bar h2{margin:0;font-size:15px}.actions{display:flex;gap:6px}.actions button{padding:8px 11px;border-color:transparent;font-size:12px}.editors{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#fff}.editor{min-width:0}.editor+.editor{border-left:1px solid var(--line)}.editor-heading{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);font-size:12px}.editor-heading label{font-weight:700}.number{font-family:monospace;font-size:11px;color:var(--muted);margin-right:12px}.editor-heading>span{color:var(--muted);font-family:monospace;font-size:11px}textarea{display:block;width:100%;min-height:290px;height:290px;resize:vertical;border:0;padding:21px 20px;background:transparent;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.9;tab-size:4;border-radius:0}textarea:focus{outline-offset:-3px}textarea::placeholder{color:#94968e}.options{display:flex;align-items:center;gap:16px;padding:17px 0 0}.check{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:650;white-space:nowrap;cursor:pointer}.check input{accent-color:var(--ink);width:16px;height:16px;margin:0}.option-help{font-size:11px;color:var(--muted)}.primary{margin-left:auto;background:var(--ink);color:white;border-color:var(--ink);padding:12px 18px;white-space:nowrap}.primary:hover:not(:disabled){background:#44483e}.input-guide{font-size:11px;color:var(--muted);margin:13px 0 0;line-height:1.7}.result-section{margin-top:52px}.result-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:21px;gap:12px}.result-heading .eyebrow{font-size:9px;margin-bottom:7px;letter-spacing:2px;color:var(--muted)}.result-heading h2{font-size:27px;letter-spacing:-1px;margin:0}.download{font-size:12px;background:white}.result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--ink);padding:15px 0}.counts{display:flex;gap:9px}.count{font-size:11px;padding:5px 9px}.count strong{font-family:monospace;font-size:14px;margin-right:3px}.added{color:var(--green);background:#e5f0e6}.removed{color:var(--red);background:#f5e6e2}.unchanged{background:#e9ebe3;color:#686d61}#result-status{font-size:11px;color:#686d61}#error{border:1px solid #dcaaa2;background:#fff1ed;color:#923a32;padding:18px;font-size:13px;line-height:1.7;margin-bottom:12px}.diff-frame{border:1px solid var(--line);background:white}.diff-column-head{display:grid;grid-template-columns:47px 47px 30px 1fr;align-items:center;background:#eceee7;height:33px;color:var(--muted);font-size:10px}.diff-column-head span:nth-child(-n+2){text-align:center}.diff-column-head span:last-child{letter-spacing:1px}#diff{max-height:520px;overflow:auto;min-height:120px}.diff-row{display:grid;grid-template-columns:47px 47px 30px minmax(0,1fr);min-height:30px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.7}.line-number{color:#989b92;text-align:right;padding:5px 11px 4px 0;user-select:none;border-right:1px solid #e9ebe5;font-size:10px}.marker{text-align:center;padding-top:4px;user-select:none}.line-content{white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;margin:0;padding:4px 15px 4px 0;min-width:0}.diff-row.add{background:#edf6ed;color:#245f3c}.diff-row.remove{background:#fcf0ec;color:#a14337}.diff-row.add .marker{background:#d5e8d5;color:#245f3c}.diff-row.remove .marker{background:#f3dad2;color:#a14337}.diff-row.add .line-content,.diff-row.remove .line-content{padding-left:10px}.empty-result{padding:38px 25px;text-align:center;color:var(--muted);font-size:13px;line-height:1.8}.notes{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid var(--line);margin-top:45px;padding:29px 0 38px}.note-index{font-family:monospace;font-size:10px;color:var(--muted);letter-spacing:1px}.notes h3{font-size:14px;margin:13px 0 8px}.notes p{font-size:12px;line-height:1.9;color:#6d7167;margin:0;max-width:430px}footer{border-top:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:23px 0 30px;gap:20px;font-size:9px;letter-spacing:1px}footer>span:first-child{font-size:12px;font-weight:800;letter-spacing:-.2px}footer p{letter-spacing:0;color:var(--muted);font-size:11px;margin:0}@media(min-width:1400px){.intro{padding-top:65px;padding-bottom:55px}}@media(max-width:800px){.page{padding:0 28px}.edition{font-size:8px;letter-spacing:1px}.intro{padding:38px 0}.intro h1{font-size:49px}.intro-note{padding-right:0;font-size:12px}.option-help{display:none}.notes{gap:30px}#result-status{max-width:160px;text-align:right;line-height:1.5}}@media(max-width:540px){.page{padding:0 20px}.masthead{height:74px}.brand{font-size:19px}.brand-mark{width:24px;height:24px;font-size:19px}.edition{max-width:100px;text-align:right;line-height:1.7;font-size:7px}.intro{display:block;padding:32px 0 30px}.intro h1{font-size:46px;letter-spacing:-2.5px}.intro .eyebrow{margin-bottom:14px}.intro-note{margin-top:23px;display:flex;align-items:center;justify-content:space-between}.intro-note p,.section-number{display:none}.legend{gap:24px;font-size:11px}.workspace-bar{align-items:center;padding:13px 0}.workspace-bar h2{font-size:13px}.actions{gap:0}.actions button{font-size:10px;padding:8px}.actions button span{margin-left:4px}.editors{grid-template-columns:1fr}.editor+.editor{border-left:0;border-top:1px solid var(--line)}.editor-heading{height:43px;padding:0 14px}textarea{height:190px;min-height:150px;padding:14px;font-size:12px}.options{gap:10px;justify-content:space-between}.check{font-size:12px}.primary{font-size:11px;padding:12px}.primary span{margin-left:7px}.input-guide{font-size:10px}.result-section{margin-top:35px}.result-heading h2{font-size:24px}.download{font-size:11px;padding:9px 10px}.result-toolbar{flex-wrap:wrap;gap:10px;padding:12px 0}.counts{gap:6px}.count{padding:5px 8px}#result-status{max-width:none;text-align:left;font-size:10px}.diff-column-head,.diff-row{grid-template-columns:32px 32px 23px minmax(0,1fr)}.line-number{padding-right:6px;font-size:9px}.diff-row{font-size:11px}.line-content{padding-right:8px}.notes{grid-template-columns:1fr;gap:26px;margin-top:30px;padding-top:25px}.notes p{font-size:11px}.notes h3{font-size:13px}footer{flex-wrap:wrap;gap:12px;padding:20px 0}footer>span:last-child{display:none}footer p{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}