:root{color-scheme:dark;--bg:#08111f;--panel:#0e1a2b;--panel2:#111e31;--line:#2a4059;--text:#e5edf8;--muted:#9cafc7;--blue:#367bf5;--focus:#9dc1ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.container{width:min(1120px,calc(100% - 32px));margin:auto}header{padding:18px 0;display:flex;justify-content:space-between;gap:16px;align-items:center}.brand{font-weight:800;color:#fff;text-decoration:none}.home,footer a{color:#6a9be0;text-decoration:none;font-size:.9rem}main{padding-bottom:46px}.tool{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#10223a,#0c1727);padding:clamp(20px,4vw,38px)}h1,h2{line-height:1.18;letter-spacing:-.025em}h1{font-size:clamp(2rem,5vw,3.35rem);margin:0 0 24px}h2{font-size:clamp(1.35rem,3vw,1.9rem);margin:0 0 12px}.drop-zone{min-height:225px;border:2px dashed #38536f;border-radius:14px;background:#091523;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px;gap:7px;cursor:pointer;transition:.18s}.drop-zone:hover,.drop-zone:focus,.drop-zone.drag{border-color:#65a0ff;background:#102745;outline:none}.drop-zone span:last-of-type{color:var(--muted);font-size:.88rem}.icon{font-size:2rem;color:#8db7ff;line-height:1}input[type=file]{display:none}.file-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#0b1727;color:var(--muted);overflow-wrap:anywhere}.file-row button{flex:none}.primary,button{border:0;border-radius:9px;min-height:44px;padding:10px 15px;font:700 .94rem inherit;cursor:pointer}.primary{margin-top:16px;background:var(--blue);color:white}.primary:hover{background:#4b8afb}button:not(.primary){background:#273d58;color:#e7f0fc}.primary:disabled{opacity:.55;cursor:not-allowed}.status{color:var(--muted);font-size:.9rem;margin:12px 0 0}.status.ok{color:#74db9e}.status.error{color:#ffb0ae}.result{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.result-head{display:flex;gap:14px;align-items:center;justify-content:space-between}.result-head .primary{margin:0}.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.compare figure{margin:0;min-width:0;min-height:344px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.compare img{display:block;width:100%;height:300px;max-height:none;object-fit:contain;background:#050b13;border-radius:8px}.compare figcaption{text-align:center;color:var(--muted);font-size:.86rem;margin-top:7px}.fineprint{color:var(--muted);font-size:.86rem}.content{max-width:850px;margin:54px auto 0}.content p,.content li{color:#c4d2e5}.content ol{padding-left:21px}.content details{padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:var(--panel);margin:10px 0}.content summary{cursor:pointer;font-weight:700}.content details p{margin:9px 0 0}footer{padding:25px 0 34px;border-top:1px solid #1d3047;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}@media(max-width:680px){.container{width:min(100% - 24px,1120px)}.tool{padding:18px}.compare{grid-template-columns:1fr}.compare figure{min-height:284px}.compare img{height:240px}.result-head{align-items:stretch;flex-direction:column}.result-head .primary{width:100%}.file-row{align-items:flex-start;flex-direction:column}.drop-zone{min-height:190px}}