:root{color-scheme:dark;--bg:#080a0f;--panel:#11151e;--line:#29303e;--text:#f5f5f2;--muted:#939baa;--gold:#d7aa57;--green:#69d29c;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#242a3a,transparent 38%),var(--bg);color:var(--text)}header,footer{display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,5vw,72px);border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line);border-bottom:0;color:#717989;font-size:.75rem}.brand{color:inherit;text-decoration:none;letter-spacing:.11em}.brand b,.brand strong,.intro small{color:var(--gold)}.privacy{color:var(--green);font-size:.85rem}main{width:min(1100px,calc(100% - 30px));margin:auto}.intro{text-align:center;padding:70px 10px 35px}.intro h1{font-size:clamp(2.4rem,6vw,4.8rem);line-height:1.02;letter-spacing:-.055em;margin:15px auto 22px}.intro h1 em{display:block;color:#969eac;font-style:normal;font-weight:500}.intro p{color:var(--muted);font-size:1.05rem}.workspace{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#171b25,#0d1017);overflow:hidden;box-shadow:0 30px 80px #0006}.workspace nav{padding:8px;border-bottom:1px solid var(--line)}button{font:inherit;font-weight:700;padding:12px 17px;color:#dce1ea;background:#151923;border:1px solid var(--line);border-radius:11px;cursor:pointer}button.active{background:#292f3d;color:white}.workspace nav button{border:0;background:transparent}.workspace nav .active{background:#292f3d}.drop{margin:20px;min-height:335px;border:1px dashed #454e61;border-radius:17px;display:grid;place-content:center;text-align:center;padding:30px;cursor:pointer}.drop:hover,.drop:focus,.drop.drag{border-color:var(--gold);outline:0;background:#d7aa570b}.drop i{font-style:normal;font-size:2.2rem;color:var(--gold);border:1px solid #434b5c;width:70px;height:70px;display:grid;place-items:center;border-radius:18px;margin:auto}.drop h2{margin:18px 0 5px}.drop p,.drop small,.file p{color:var(--muted)}.note{border-top:1px solid var(--line);text-align:center;color:var(--muted);padding:17px;margin:0;font-size:.84rem}.editor{padding:22px}.file{display:flex;justify-content:space-between;align-items:center}.file small{color:var(--gold)}.file h2,.file p{margin:5px 0}.compare{position:relative;overflow:hidden;background:#050608;border-radius:15px;display:grid;place-items:center;min-height:260px;max-height:620px}.compare img,.compare canvas{display:block;max-width:100%;max-height:620px}.compare>div:first-of-type{position:absolute;inset:0;display:grid;place-items:center;clip-path:inset(0 0 0 50%)}#divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:white;display:grid;place-items:center;color:#111}#divider::before{content:"";width:38px;height:38px;border-radius:50%;background:white;position:absolute;z-index:-1}.compare>span{position:absolute;top:12px;background:#000a;padding:6px 8px;border-radius:6px;font-size:.7rem}.compare>span:first-of-type{left:12px}.compare>span:last-of-type{right:12px}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}#status{padding:12px;border:1px solid var(--line);border-radius:10px;color:#cbd1dc}.success{color:var(--green)!important}.error{color:#ff9090!important}.actions{display:flex;gap:10px}.primary{flex:1;background:var(--gold);color:#181107;border:0}.actions button:disabled{opacity:.4}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.trust article{border:1px solid var(--line);border-radius:14px;padding:18px;background:#0e1118}.trust b{color:var(--gold)}.trust h3{margin:10px 0 5px}.trust p,aside{color:var(--muted);font-size:.85rem}aside{text-align:center;padding:10px 5px 55px}@media(max-width:700px){.privacy{font-size:0}.privacy::before{content:"●";font-size:1rem}.intro{padding-top:45px}.intro h1{font-size:2.55rem}.workspace{border-radius:18px}.drop{margin:11px}.trust{grid-template-columns:1fr}.actions{flex-direction:column}.editor{padding:13px}}