*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg:#f6f7fb;--card:#fff;--text:#111426;--muted:#6d7488;--line:#e5e8f0;--brand:#6947ff;--brand2:#14a9ff;--soft:#f0edff;--add:#e8fbf0;--del:#fff0f1;--same:#eef1f6;--shadow:0 18px 55px #25305d12}body.dark{--bg:#0c1020;--card:#141a2d;--text:#f5f6ff;--muted:#9da6ba;--line:#29324a;--soft:#211c48;--add:#123625;--del:#3b1c24;--same:#20283b;--shadow:0 20px 60px #0005}body{margin:0;background:var(--bg);color:var(--text);font:15px Inter,system-ui,-apple-system,Segoe UI,sans-serif}header{height:72px;display:flex;align-items:center;gap:36px;padding:0 max(20px,calc((100vw - 1240px)/2));position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--card) 91%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{font-size:22px;font-weight:850;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:8px}.logo{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2))}.dot,.hero span{color:var(--brand)}nav{display:flex;gap:24px;flex:1}nav a{color:var(--muted);text-decoration:none;font-weight:650}.iconbtn,.tool,.ghost,.primary{font:inherit;cursor:pointer}.iconbtn{border:0;border-radius:11px;padding:9px 12px;background:var(--soft);color:var(--text)}.hero{text-align:center;max-width:900px;margin:70px auto 42px;padding:0 20px}.pill,.eyebrow{font-size:11px;letter-spacing:.11em;font-weight:850;color:var(--brand)}.pill{display:inline-block;background:var(--soft);padding:9px 13px;border-radius:999px}.hero h1{font-size:clamp(44px,6vw,74px);letter-spacing:-.055em;line-height:.98;margin:22px 0}.hero p{font-size:18px;color:var(--muted);line-height:1.65;max-width:720px;margin:auto}.ad{max-width:970px;height:90px;margin:28px auto;display:grid;place-items:center;border:1px dashed var(--line);border-radius:15px;color:var(--muted);font-size:10px;letter-spacing:.13em}.toolgrid{max-width:1240px;margin:45px auto 20px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.tool{text-align:left;border:1px solid var(--line);background:var(--card);color:var(--text);padding:16px 13px;border-radius:16px;transition:.2s}.tool:hover,.tool.active{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow)}.tool i{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:var(--soft);color:var(--brand);font-style:normal;font-weight:850;margin-bottom:12px}.tool b,.tool small{display:block}.tool small{color:var(--muted);margin-top:5px;line-height:1.35}.workspace,.results{max-width:1240px;margin:20px auto;padding:20px;background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.workhead,.resulttop,.bar,.resultactions{display:flex;justify-content:space-between;align-items:center;gap:16px}.workhead h2,.results h2,.privacy h2{font-size:30px;margin:6px 0}.workhead p{color:var(--muted);margin:0}.options,.summary{display:flex;gap:8px;flex-wrap:wrap}.options label,.summary span{padding:9px 10px;background:var(--bg);border-radius:10px;color:var(--muted);font-size:12px}.notice{margin:16px 0;padding:12px 14px;background:var(--soft);color:var(--muted);border-radius:12px}.hidden{display:none!important}.editors,.diffgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.editor,.diffgrid>div{border:1px solid var(--line);border-radius:16px;overflow:hidden}.editorhead{padding:13px 15px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.editorhead span{font-size:11px;color:var(--muted)}textarea{width:100%;height:330px;border:0;outline:0;resize:vertical;padding:17px;background:var(--card);color:var(--text);font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.file{width:calc(100% - 30px);margin:14px 15px 0;padding:10px;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}.bar{margin-top:16px}.bar>div{display:flex;gap:8px}.ghost,.primary{border-radius:11px;padding:10px 14px;font-weight:750}.ghost{border:1px solid var(--line);background:var(--bg);color:var(--text)}.primary{border:0;background:linear-gradient(135deg,var(--brand),#835cff);color:#fff;box-shadow:0 8px 20px #6947ff35}.resultactions{justify-content:flex-end;margin:10px 0}.same{background:var(--same)!important}.add{background:var(--add)!important}.del{background:var(--del)!important}.diffgrid h3{margin:0;padding:12px 14px;background:var(--bg);font-size:12px}.diffgrid pre{margin:0;min-height:150px;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 ui-monospace,monospace}.line{display:block;min-height:28px;padding:3px 11px;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent)}.line.added{background:var(--add)}.line.removed{background:var(--del)}mark{background:#ffe68a;color:#251d00;border-radius:3px;padding:1px 2px}.features{max-width:1240px;margin:55px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.features div{background:var(--card);border:1px solid var(--line);padding:24px;border-radius:18px}.features h3{margin:12px 0 7px}.features p,.privacy p{color:var(--muted);line-height:1.6}.privacy{text-align:center;max-width:760px;margin:75px auto}footer{max-width:1240px;margin:60px auto 0;padding:30px 0 50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted)}@media(max-width:1050px){.toolgrid{grid-template-columns:repeat(4,1fr);margin-left:14px;margin-right:14px}.workspace,.results,.features{margin-left:14px;margin-right:14px}}@media(max-width:720px){header{padding:0 15px}nav{display:none}.hero{margin-top:45px}.toolgrid{grid-template-columns:repeat(2,1fr)}.workhead,.resulttop,.bar{align-items:stretch;flex-direction:column}.editors,.diffgrid,.features{grid-template-columns:1fr}.bar .primary{width:100%}.ad,.privacy{margin-left:14px;margin-right:14px}footer{margin:40px 15px 0;flex-direction:column;gap:12px}}
.similarity{padding:10px 14px;border-radius:12px;background:var(--soft);color:var(--brand);font-size:13px}.similarity b{font-size:18px}
.line{counter-increment:ln}.diffgrid pre{counter-reset:ln}.shownums .line:before{content:counter(ln);display:inline-block;width:34px;margin-right:9px;color:var(--muted);text-align:right;user-select:none}.onlychanges .line:not(.added):not(.removed){display:none}.changeFocus{outline:2px solid var(--brand);outline-offset:-2px}
.imageWorkspace{margin-top:18px}.imageInputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.imageInputs label{border:1px dashed var(--line);padding:14px;border-radius:13px;color:var(--muted)}.imageInputs input{display:block;margin-top:8px;width:100%}.sliderBox{position:relative;max-width:900px;margin:18px auto 8px;background:var(--bg);border-radius:16px;overflow:hidden;text-align:center}.sliderBox canvas{max-width:100%;display:block;margin:auto}.sliderBox input{position:absolute;left:5%;bottom:14px;width:90%}.imageScore{text-align:center;font-size:16px;padding:12px}.imageScore b{color:var(--brand);font-size:22px}
@media(max-width:720px){.imageInputs{grid-template-columns:1fr}}

.pageShell{max-width:1580px;margin:auto;display:grid;grid-template-columns:180px minmax(0,1240px) 180px;gap:0}.pageShell main{min-width:0}.sideAd{width:160px;height:600px;position:sticky;top:92px;margin:35px auto 0;border:1px dashed var(--line);border-radius:14px;color:var(--muted);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:12px;background:var(--card)}.sideAd span{font-size:9px;letter-spacing:.12em;margin-bottom:16px}.sideAd div{line-height:1.8}
.topnav{align-items:center}.navdrop{position:relative}.navdrop>button{border:0;background:transparent;color:var(--muted);font:inherit;font-weight:650;cursor:pointer;padding:24px 4px}.dropdown{display:none;position:absolute;top:58px;left:-12px;min-width:210px;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.navdrop:hover .dropdown,.navdrop:focus-within .dropdown{display:block}.dropdown a{display:block;padding:10px 11px;border-radius:9px;cursor:pointer}.dropdown a:hover{background:var(--soft);color:var(--brand)}
@media(max-width:1500px){.pageShell{display:block}.sideAd{display:none}}

/* V6 layout correction */
.pageShell{width:min(100%,1580px);margin:0 auto;grid-template-columns:180px minmax(0,1220px) 180px;align-items:start}
.pageShell main{width:100%;min-width:0;overflow:hidden}
.leftAd,.rightAd{display:flex}
footer{clear:both;width:min(1240px,calc(100% - 32px));max-width:none;margin:60px auto 0!important;position:relative;z-index:2;align-items:flex-start}
.footerBrand{display:flex;flex-direction:column;gap:6px;max-width:480px}.footerLinks{display:flex;gap:20px;flex-wrap:wrap}.footerLinks a{color:var(--muted);text-decoration:none}.footerLinks a:hover{color:var(--brand)}
@media(max-width:1580px) and (min-width:1281px){.pageShell{grid-template-columns:150px minmax(0,1fr) 150px}.sideAd{width:130px}}
@media(max-width:1280px){.pageShell{display:block}.sideAd{display:none!important}}
@media(max-width:720px){footer{flex-direction:column}.footerLinks{margin-top:8px}}

.legal{max-width:850px;margin:65px auto;padding:0 20px 70px}.legal h1{font-size:44px}.legal h2{margin-top:30px}.legal p{color:var(--muted);line-height:1.75}.legal a{color:var(--brand)}

/* V7 definitive footer + side-ad layout */
body{min-height:100vh;display:flex;flex-direction:column}
header{flex:0 0 auto}
.pageShell{flex:1 0 auto;width:100%;max-width:1600px;margin:0 auto;display:grid;grid-template-columns:180px minmax(0,1240px) 180px;align-items:start}
.pageShell>main{grid-column:2;min-width:0;width:100%}
.pageShell>.leftAd{grid-column:1;grid-row:1}
.pageShell>.rightAd{grid-column:3;grid-row:1}
footer{flex:0 0 auto!important;display:flex!important;position:static!important;float:none!important;clear:both!important;width:min(1240px,calc(100% - 40px))!important;max-width:1240px!important;margin:64px auto 0!important;padding:28px 0 44px!important;border-top:1px solid var(--line)!important;justify-content:space-between!important;align-items:flex-start!important}
footer .footerBrand{display:flex!important;flex-direction:column!important;gap:6px!important;max-width:480px}
footer .footerLinks{display:flex!important;flex-direction:row!important;gap:22px!important}
@media(max-width:1599px){.pageShell{grid-template-columns:150px minmax(0,1fr) 150px}.sideAd{width:130px}}
@media(max-width:1280px){.pageShell{display:block}.pageShell>.sideAd{display:none!important}}
@media(max-width:720px){footer{flex-direction:column!important;gap:18px!important}.footerLinks{flex-wrap:wrap}}

/* V8: isolated footer, independent of all previous footer rules */
#siteFooter.siteFooter{display:block!important;position:relative!important;inset:auto!important;float:none!important;clear:both!important;width:100%!important;max-width:none!important;height:auto!important;margin:72px 0 0!important;padding:0!important;background:var(--card)!important;border-top:1px solid var(--line)!important;grid-column:1/-1!important}
#siteFooter .siteFooterInner{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:34px 0 25px;display:flex;align-items:flex-start;justify-content:space-between;gap:30px}
#siteFooter .footerLogo{font-size:22px;font-weight:850;color:var(--text);text-decoration:none}#siteFooter .footerLogo span{color:var(--brand)}
#siteFooter p{margin:7px 0 0;color:var(--muted)}
#siteFooter .footerNav{display:flex;gap:24px;flex-wrap:wrap}#siteFooter .footerNav a{color:var(--muted);text-decoration:none;font-weight:650}#siteFooter .footerNav a:hover{color:var(--brand)}
#siteFooter .copyright{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:18px 0 28px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
@media(max-width:720px){#siteFooter .siteFooterInner{flex-direction:column}#siteFooter .footerNav{gap:15px}}

/* V9: guaranteed dual ad rails on desktop */
@media(min-width:1180px){
  .pageShell{display:grid!important;width:100%!important;max-width:1600px!important;margin:0 auto!important;grid-template-columns:160px minmax(0,1fr) 160px!important;column-gap:12px!important}
  .pageShell>main{grid-column:2!important;grid-row:1!important;min-width:0!important;max-width:1240px!important;margin:0 auto!important}
  .pageShell>.sideAd{display:flex!important;visibility:visible!important;opacity:1!important;width:150px!important;height:600px!important;position:sticky!important;top:92px!important;margin:35px auto 0!important}
  .pageShell>.leftAd{grid-column:1!important;grid-row:1!important}
  .pageShell>.rightAd{grid-column:3!important;grid-row:1!important}
}
@media(max-width:1179px){.pageShell{display:block!important}.pageShell>.sideAd{display:none!important}}

/* V10: viewport-fixed ad rails — independent of content/footer grid */
.pageShell{display:block!important;max-width:none!important;width:100%!important}
.pageShell>main{display:block!important;width:min(1180px,calc(100% - 380px))!important;max-width:1180px!important;margin:0 auto!important}
#leftAdRail,#rightAdRail{display:flex!important;position:fixed!important;top:105px!important;width:160px!important;height:600px!important;z-index:6!important;background:var(--card)!important;border:1px dashed var(--line)!important;border-radius:14px!important;color:var(--muted)!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-size:12px!important}
#leftAdRail{left:18px!important}
#rightAdRail{right:18px!important}
#leftAdRail span,#rightAdRail span{font-size:9px;letter-spacing:.12em;margin-bottom:15px}
#leftAdRail div,#rightAdRail div{line-height:1.8}
@media(max-width:1450px){
 .pageShell>main{width:min(1050px,calc(100% - 320px))!important}
 #leftAdRail,#rightAdRail{width:140px!important}
 #leftAdRail{left:8px!important}#rightAdRail{right:8px!important}
}
@media(max-width:1180px){
 #leftAdRail,#rightAdRail{display:none!important}
 .pageShell>main{width:100%!important;max-width:none!important}
}