:root{--bg:#f8fafc;--fg:#0f172a;--muted:#64748b;--card:#fff;--border:#e2e8f0;--accent:#2563eb;--accent-2:#1d4ed8;--good:#15803d;--bad:#b91c1c;--radius:12px;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55}@media (prefers-color-scheme:dark){:root{--bg:#0b1220;--fg:#e2e8f0;--muted:#94a3b8;--card:#111a2e;--border:#1e293b;--accent:#60a5fa;--accent-2:#93c5fd;--good:#4ade80;--bad:#f87171}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}a{color:var(--accent)}img{max-width:100%;height:auto}.container{width:min(1040px,100% - 2rem);margin-inline:auto}.skip{position:absolute;left:-999px}.skip:focus{background:var(--card);z-index:10;padding:.5rem;top:1rem;left:1rem}.site-header{background:var(--card);border-bottom:1px solid var(--border)}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.brand{color:var(--fg);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.site-header ul{flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.site-header nav a{color:var(--muted);font-weight:500;text-decoration:none}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--accent)}main{min-height:60vh;padding:1.5rem 0 3rem}h1{margin:.5rem 0;font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.2}h2{margin-top:2rem;font-size:1.3rem}.hero{padding:1.5rem 0}.hero p,.tool-head p{color:var(--muted);max-width:70ch}.subtitle{font-size:1.1rem}.privacy-note{font-size:.9rem}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;padding:0;list-style:none;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);height:100%;color:var(--fg);flex-direction:column;gap:.35rem;padding:1.1rem;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card span{color:var(--muted);font-size:.95rem}.prose{max-width:75ch}.faq details{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin:.5rem 0;padding:.75rem 1rem}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--muted);margin:.5rem 0 0}.site-footer{border-top:1px solid var(--border);background:var(--card);font-size:.9rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:2rem;padding:1.5rem 0 .5rem;display:flex}.footer-inner p{color:var(--muted);margin:.25rem 0}.site-footer ul{margin:0;padding:0;list-style:none}.copy{color:var(--muted);padding-bottom:1.5rem}.tool{gap:1rem;margin:1rem 0;display:grid}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);background:var(--card);text-align:center;cursor:pointer;padding:2.5rem 1rem;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone:focus-visible,.dropzone.dragging{border-color:var(--accent);outline:none}.dropzone.dragging{background:color-mix(in srgb, var(--accent) 8%, var(--card))}.dz-title{margin:0;font-size:1.15rem;font-weight:600}.dz-sub{color:var(--muted);margin:.25rem 0 0;font-size:.9rem}.link{color:var(--accent);text-decoration:underline}.settings{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);gap:.75rem;margin:0;padding:1rem;display:grid}.settings legend{padding:0 .25rem;font-weight:600}.settings label{gap:.25rem;font-size:.95rem;display:grid}.settings label.check,.seg label{align-items:center;gap:.4rem;display:flex}.row,.seg{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.row>label{flex:160px}input[type=number],select{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;padding:.45rem .6rem}input[type=range]{width:100%;accent-color:var(--accent)}.hint{color:var(--muted);margin:0;font-size:.85rem}.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.spacer{flex:1}.btn{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.5rem .9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{color:var(--fg);border-color:var(--border);background:0 0}.results{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.result{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:64px 1fr auto;align-items:center;gap:.75rem;padding:.6rem;display:grid}.thumb{background:var(--bg);border-radius:8px;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.info{min-width:0}.info p{margin:.1rem 0}.name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sizes{color:var(--muted);font-size:.9rem}.good{color:var(--good)}.bad{color:var(--bad)}.err{color:var(--bad);font-size:.9rem}.actions{gap:.4rem;display:flex}.meta{font-size:.85rem}.meta dl{gap:.15rem;margin:.4rem 0;display:grid}.meta dl div{gap:.5rem;display:flex}.meta dt{color:var(--muted);min-width:110px}.meta dd{word-break:break-word;margin:0}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.result.error .spinner{border-top-color:var(--bad);animation:none}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=560px){.result{grid-template-columns:48px 1fr}.thumb{width:48px;height:48px}.actions{grid-column:1/-1;justify-content:flex-end}}.ad-slot{min-height:90px;margin:1rem 0}.chip{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:999px;padding:.4rem .8rem}.chip.on{border-color:var(--accent);background:var(--accent);color:#fff}.settings label.inline{align-items:center;gap:.4rem;display:flex}.settings label.inline input{width:6rem}.compare{margin-top:.3rem;font-size:.85rem}.compare summary{cursor:pointer;color:var(--accent)}.compare-grid{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem;display:grid}.compare figure{margin:0}.compare img{object-fit:contain;background:repeating-conic-gradient(#ccc 0 25%, #fff 0 50%) 0 0 / 16px 16px;border-radius:6px;width:100%;max-height:320px}.compare figcaption{color:var(--muted)}.next-step{margin-top:1.5rem}.coming-soon{background:var(--card);border:1px dashed var(--border);border-radius:var(--radius);padding:1.25rem}