:root{--purple:#6b30b3;--deep:#4a1e78;--ink:#292331;--muted:#726b79;--line:#e8e0ec;--pale:#f8f2fc;--shadow:0 16px 40px rgba(63,32,87,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fcfbfd;color:var(--ink);font:14px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}a{color:var(--purple)}[hidden]{display:none!important}*:focus-visible{outline:3px solid #c793f3;outline-offset:3px}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:14px;top:-75px;z-index:100;padding:10px 14px;background:#fff;border-radius:8px}.skip-link:focus{top:10px}
.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}.brand,.brand-name{display:flex;align-items:center;gap:10px}.brand-name{font-size:16px;letter-spacing:.05em;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--purple);color:#fff;font-size:18px;font-weight:900}.brand-separator{height:22px;width:1px;margin:0 3px;background:#dacde4}.brand-tools{font-weight:750;text-decoration:none}.site-header nav{display:flex;align-items:center;gap:23px}.site-header nav a{color:#5a5062;font-size:12px;font-weight:700;text-decoration:none}.site-header nav a:hover,.site-header nav .all-tools{color:var(--purple)}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:22px 0 25px;color:#8b8291;font-size:11px}.breadcrumb a{color:#726a7b;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}
.eyebrow{margin:0 0 9px;color:var(--purple);font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.hero{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:26px;min-height:335px;padding:39px 48px;border-radius:20px;background:radial-gradient(circle at 86% 35%,#8654b4 0,#67309f 48%,#451b73 100%);color:#fff;overflow:hidden}.hero .eyebrow{color:#ecd3fb}.status-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#f2d292}.hero h1{margin:0;font-size:clamp(30px,3.3vw,45px);line-height:1.17;letter-spacing:-.045em}.hero h1 span{display:block;color:#f4dcad;font-size:.76em;letter-spacing:-.02em}.hero p:not(.eyebrow){max-width:580px;margin:15px 0 17px;color:#eee4f6;font-size:14px}.hero-badges{display:flex;flex-wrap:wrap;gap:7px}.hero-badges span{padding:4px 9px;border:1px solid #ffffff54;border-radius:99px;color:#f7effc;font-size:10px;font-weight:750}.hero-action{display:inline-flex;align-items:center;gap:12px;min-height:43px;margin-top:20px;padding:10px 16px;border-radius:8px;background:#fff;color:var(--deep);font-size:12px;font-weight:850;text-decoration:none}.hero-action:hover{background:#f5eafb}.hero-art{position:relative;display:grid;gap:12px;padding:10px 20px 10px 10px;transform:rotate(-3deg)}.art-pane{display:grid;gap:5px;padding:16px 20px;border:1px solid #e0d1ec;border-radius:10px;background:#fff;color:#4a4050;box-shadow:0 13px 25px #230c4055;font-size:12px}.art-pane span{color:#7a6a84;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.art-pane i{font-style:normal}.art-pane del{padding:2px 4px;border-radius:3px;background:#ffe3e5;color:#a32f40;text-decoration-color:#a32f40}.art-pane ins{padding:2px 4px;border-radius:3px;background:#ddf5e8;color:#156b3f;text-decoration:none}.art-new{margin-left:31px}.art-badge{position:absolute;right:3px;top:calc(50% - 15px);padding:5px 11px;border:1px solid #f8e2b8;border-radius:99px;background:#fff4d7;color:#714d19;font-size:11px;font-weight:900;box-shadow:0 8px 20px #2b154633}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:26px 0 30px}.trust-strip>div{display:flex;align-items:center;gap:11px}.strip-icon{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:8px;background:#eee5f6;color:var(--purple);font:800 10px ui-monospace,monospace}.trust-strip strong,.trust-strip small{display:block}.trust-strip strong{font-size:11px}.trust-strip small{color:var(--muted);font-size:10px}
.tool,.results{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow);scroll-margin-top:18px}.tool-head,.results-head{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:26px 30px}.tool-head h2,.results-head h2,.section-heading h2,.faq h2{margin:0;font-size:clamp(26px,3vw,34px);line-height:1.2;letter-spacing:-.04em}.tool-head p:not(.eyebrow){margin:6px 0 0;color:var(--muted);font-size:12px}.chip,.results-hint{padding:5px 9px;border:1px solid #e6d6ee;border-radius:99px;background:#faf5fd;color:var(--purple);font-size:10px;font-weight:800;white-space:nowrap}.editors{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 30px}.editor-card{display:flex;flex-direction:column;min-width:0;border:1px solid #ddd4e5;border-radius:11px;background:#fff;overflow:hidden}.editor-card:focus-within{border-color:#995bc8;box-shadow:0 0 0 3px #6b30b31b}.editor-title{display:flex;align-items:center;gap:9px;padding:11px 13px;border-bottom:1px solid var(--line);background:#faf8fc}.editor-tag{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;background:#ede0f7;color:var(--purple);font-size:11px;font-weight:900}.editor-tag.tag-b{background:#e2f4ec;color:#28764c}.editor-title label{flex:1;font-size:12px;font-weight:850}.editor-title>span:last-child{color:#978ba0;font-size:9px;font-weight:850;letter-spacing:.08em}.editor-card textarea{display:block;width:100%;min-height:220px;resize:vertical;padding:14px 15px;border:0;outline:0;background:#fff;color:var(--ink);font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;tab-size:2}.editor-card textarea::placeholder{color:#a99fae}.editor-card textarea[aria-invalid=true]{background:#fff9fa}.editor-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;min-height:37px;padding:9px 13px;border-top:1px solid var(--line);color:#85798c;font-size:10px}.field-error{color:#b02e4e;font-weight:800}
.controls{display:grid;grid-template-columns:.9fr 1.1fr;gap:23px;margin:25px 30px 0;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}fieldset{min-width:0;margin:0;padding:0;border:0}legend{margin:0 0 8px;font-size:11px;font-weight:850}.segmented,.view-switch{display:inline-flex;max-width:100%;padding:3px;border:1px solid #e6ddeb;border-radius:9px;background:#f7f3f9}.segmented button,.view-switch button{min-height:38px;padding:7px 13px;border:0;border-radius:7px;background:transparent;color:#766b7e;font-size:11px;font-weight:800;white-space:nowrap}.segmented button.selected,.view-switch button.selected{background:#fff;color:var(--purple);box-shadow:0 2px 8px #4836531f}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 11px}.option-grid label{display:flex;align-items:center;gap:7px;color:#62596a;font-size:11px;cursor:pointer}.option-grid input{accent-color:var(--purple);width:15px;height:15px}.actions{display:flex;flex-wrap:wrap;gap:9px;margin:23px 30px 0}.actions button,.result-actions button{min-height:44px;padding:10px 15px;border-radius:8px;font-size:12px;font-weight:850}.primary-button{border:1px solid var(--purple);background:var(--purple);color:#fff}.primary-button:hover{background:var(--deep)}.primary-button:disabled{opacity:.7;cursor:wait}.secondary-button,.result-actions button{border:1px solid #d9cde2;background:#fff;color:var(--purple)}.secondary-button:hover,.result-actions button:hover{background:#f7f0fb}.process-status{min-height:18px;margin:10px 30px 25px;color:#786e80;font-size:11px}
.results{margin-top:24px}.results-head{padding-bottom:13px}.empty-state{display:grid;justify-items:center;padding:33px 20px 39px;border-top:1px solid var(--line);color:#877d8c;text-align:center}.empty-state>span{display:grid;place-items:center;width:52px;height:52px;margin-bottom:8px;border-radius:14px;background:#f0e8f6;color:var(--purple);font-size:26px;font-weight:800}.empty-state strong{color:#544a5c;font-size:14px}.empty-state p{margin:2px 0 0;font-size:11px}.summary-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:14px;padding:0 30px 15px}.similarity-card,.stats-card{border:1px solid var(--line);border-radius:11px;background:#fff}.similarity-card{padding:20px;background:linear-gradient(130deg,#f7effc,#fff)}.similarity-card>span{display:block;color:#64576f;font-size:11px;font-weight:800}.similarity-card strong{display:block;margin:1px 0 8px;color:var(--purple);font-size:37px;letter-spacing:-.045em;line-height:1.2}.similarity-card small{color:#817688;font-size:10px}.meter{height:7px;margin-bottom:8px;border-radius:99px;background:#e8dcf0;overflow:hidden}.meter>span{display:block;height:100%;width:0;background:var(--purple);transition:width .25s ease}.stats-card{display:grid;grid-template-columns:repeat(4,1fr);padding:17px}.stats-card>div{display:grid;justify-items:center;gap:3px;padding:2px 8px;text-align:center;border-right:1px solid var(--line)}.stats-card>div:last-child{border-right:0}.stats-card>div>span:nth-child(2){color:var(--muted);font-size:10px}.stats-card strong{font-size:18px}.key{display:inline-grid;place-items:center;flex:none;width:21px;height:21px;border:1px solid currentColor;border-radius:6px;font:900 12px ui-monospace,monospace}.key.added{background:#def6e7;color:#197448}.key.removed{background:#ffe7e8;color:#ae3347}.key.changed{background:#fff0c7;color:#91610e}.key.equal{background:#f0edf2;color:#6b6270}.result-explanation{margin:0 30px 13px;color:#706577;font-size:11px}.line-summary{margin:0 30px 14px;padding:10px 12px;border-radius:8px;background:#f5f1f8;color:#62556d;font-size:10px;font-weight:700}.result-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:17px 30px;border-top:1px solid var(--line)}.result-actions{display:flex;flex-wrap:wrap;gap:8px}.result-actions button{min-height:38px;padding:7px 12px;font-size:10px}.legend{display:flex;flex-wrap:wrap;gap:8px 15px;padding:0 30px 16px;color:#675c6e;font-size:10px}.legend span{display:inline-flex;align-items:center;gap:5px}.legend .key{width:18px;height:18px;font-size:10px}.diff-view{min-height:80px;margin:0 30px;border:1px solid #e5ddea;border-radius:10px;background:#fff;overflow:auto}.diff-inline{padding:17px 18px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace}.diff-inline .diff-part{display:inline;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.diff-part.added{background:#dbf3e4;color:#155b37;border-bottom:2px solid #3a9e6b}.diff-part.removed{background:#ffe3e5;color:#9b2c41;border-bottom:2px solid #d45e6e}.diff-part.changed{background:#fff0c4;color:#77500f;border-bottom:2px solid #d29c36}.diff-part del{text-decoration-thickness:2px}.diff-part ins{text-decoration:none;font-weight:750}.diff-part .arrow{padding:0 3px;font-weight:900}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.line-rows,.side-grid{font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.line-row{display:flex;align-items:stretch;border-bottom:1px solid #f1edf3;white-space:pre-wrap;overflow-wrap:anywhere}.line-row:last-child{border-bottom:0}.line-marker{display:grid;place-items:center;flex:none;width:29px;border-right:1px solid #e7e0eb;font-weight:900}.line-body{flex:1;min-width:0;padding:5px 10px}.line-row.added{background:#ecf9f0}.line-row.removed{background:#fff0f1}.line-row.changed{background:#fff7df}.line-row.equal{background:#fff}.line-row .line-marker{color:#786e80}.line-row.added .line-marker{color:#197448}.line-row.removed .line-marker{color:#ae3347}.line-row.changed .line-marker{color:#91610e}.line-old{color:#a13c4b;text-decoration:line-through}.line-new{color:#1e754c;font-weight:750}.line-arrow{padding:0 8px;color:#866529;font-weight:900}.side-head{display:grid;grid-template-columns:1fr 1fr;background:#f7f3f9;border-bottom:1px solid var(--line)}.side-head strong{padding:9px 12px;color:#62566a;font-size:10px}.side-head strong+strong{border-left:1px solid var(--line)}.side-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #eee8f0}.side-row:last-child{border-bottom:0}.side-cell{display:flex;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}.side-cell+.side-cell{border-left:1px solid var(--line)}.side-cell span{display:block;flex:none;width:36px;padding:6px 5px;border-right:1px solid #eee7f1;color:#958a9e;text-align:right;user-select:none}.side-cell code{display:block;flex:1;min-width:0;padding:6px 10px;font:inherit}.side-row.added .side-cell:last-child,.side-row.changed .side-cell:last-child{background:#ecf9f0}.side-row.removed .side-cell:first-child,.side-row.changed .side-cell:first-child{background:#fff0f1}.side-row.changed .side-cell:last-child{background:#fff7df}.render-note,.copy-feedback{margin:9px 30px 15px;color:#765d22;font-size:10px}.copy-feedback{color:var(--purple)}#copy-fallback{display:block;width:calc(100% - 60px);min-height:80px;margin:0 30px 20px;padding:10px;border:1px solid var(--line);border-radius:7px;font:11px ui-monospace,monospace}
.explain{padding:68px 0 10px;scroll-margin-top:20px}.section-heading p:not(.eyebrow){margin:8px 0 0;color:var(--muted);font-size:12px}.explain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:22px}.explain-grid article{min-width:0;padding:20px;border:1px solid var(--line);border-radius:10px;background:#fff}.explain-grid article>span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#eee5f6;color:var(--purple);font:800 10px ui-monospace,monospace}.explain-grid h3{margin:11px 0 5px;font-size:14px}.explain-grid p{margin:0;color:var(--muted);font-size:11px}.method-note{margin-top:15px;padding:15px 18px;border:1px solid #eadfed;border-radius:9px;background:#f9f5fc;color:#685a71;font-size:11px}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;padding:65px 0 48px;scroll-margin-top:20px}.faq>div:first-child>p:last-child{color:var(--muted);font-size:12px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{position:relative;padding:14px 25px 14px 0;cursor:pointer;font-size:12px;font-weight:800;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;top:8px;color:var(--purple);font-size:22px;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list details p{margin:0 18px 16px 0;color:var(--muted);font-size:11px}.related{padding:25px 0 35px;border-top:1px solid var(--line)}.related h2{margin:0 0 15px;font-size:18px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-grid a{display:flex;align-items:center;gap:10px;min-height:75px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);text-decoration:none}.related-grid a:hover{border-color:#bb95d4;background:#fbf7fd}.related-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:8px;background:#f0e7f7;color:var(--purple);font-weight:900;font-size:11px}.related-grid a>span:nth-child(2){flex:1}.related-grid strong,.related-grid small{display:block}.related-grid strong{font-size:11px}.related-grid small{color:var(--muted);font-size:10px}.bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:60px;padding:27px 31px;border-radius:14px;background:linear-gradient(110deg,#ede2f9,#f9f5fd)}.bottom-cta h2{margin:0;font-size:25px;letter-spacing:-.04em}.bottom-cta p:not(.eyebrow){margin:5px 0 0;color:#675e6d;font-size:11px}.bottom-cta>a{flex:none;min-height:42px;padding:10px 16px;border-radius:8px;background:var(--purple);color:#fff;font-size:11px;font-weight:850;text-decoration:none}.site-footer{padding:26px 0;border-top:1px solid var(--line);background:#fbf9fc}.site-footer .wrap{display:flex;align-items:center;gap:19px}.site-footer strong{font-size:14px;letter-spacing:.04em}.site-footer strong span{color:var(--purple);letter-spacing:0}.site-footer p{flex:1;margin:0;color:var(--muted);font-size:10px}.site-footer .wrap>div{display:flex;gap:16px}.site-footer a{color:var(--muted);font-size:10px;text-decoration:none}
@media(max-width:980px){.hero{padding:36px}.hero h1{font-size:37px}.controls{grid-template-columns:1fr}.explain-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.wrap{width:calc(100% - 32px)}.header-inner{min-height:64px}.site-header nav a:not(.all-tools){display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:30px 27px}.hero-art{display:none}.hero h1{font-size:36px}.trust-strip{grid-template-columns:1fr 1fr}.editors{grid-template-columns:1fr}.editor-card textarea{min-height:180px}.summary-grid{grid-template-columns:1fr}.faq{grid-template-columns:1fr;gap:18px}.related-grid{grid-template-columns:1fr}.side-head{display:none}.side-row{grid-template-columns:1fr}.side-cell+.side-cell{border-left:0;border-top:1px dashed #ded4e4}.side-cell:first-child:before,.side-cell:last-child:before{display:grid;place-items:center;flex:none;width:24px;color:#7e6e89;font-size:10px;font-weight:900}.side-cell:first-child:before{content:'A'}.side-cell:last-child:before{content:'B'}.side-cell.blank{display:none}.side-row.changed .side-cell:last-child{background:#fff7df}.bottom-cta{align-items:start;flex-direction:column}.site-footer .wrap{align-items:start;flex-direction:column;gap:7px}}
@media(max-width:480px){.brand-name{font-size:13px}.brand-mark{width:29px;height:29px}.brand-tools{font-size:12px}.hero{padding:28px 22px}.hero h1{font-size:31px}.hero p:not(.eyebrow){font-size:12px}.trust-strip{grid-template-columns:1fr;gap:10px}.tool-head,.results-head{padding:22px}.chip,.results-hint{display:none}.editors{padding:0 20px}.controls{margin:22px 20px 0}.option-grid{grid-template-columns:1fr 1fr}.segmented{display:flex;width:100%}.segmented button{flex:1;padding:7px 5px}.actions{margin:20px 20px 0}.actions button{flex:1}.actions .primary-button{flex-basis:100%}.process-status{margin:10px 20px 23px}.summary-grid{padding:0 20px 15px}.stats-card{grid-template-columns:repeat(2,1fr);gap:12px}.stats-card>div:nth-child(2){border-right:0}.result-explanation,.line-summary{margin-left:20px;margin-right:20px}.result-toolbar{padding:16px 20px}.result-actions{width:100%}.result-actions button{flex:1}.legend{padding:0 20px 14px}.diff-view{margin:0 20px}.render-note,.copy-feedback{margin-left:20px;margin-right:20px}.explain{padding-top:52px}.explain-grid{grid-template-columns:1fr}.bottom-cta{padding:22px}.bottom-cta h2{font-size:22px}.bottom-cta>a{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.meter>span{transition:none}}