:root{color-scheme:dark;--bg:#07111f;--card:#0e2037;--border:#263b57;--text:#eef6ff;--muted:#a5b7cc;--a:#66dcff;--b:#8d7cff;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 8%,#123c56 0,transparent 32rem),radial-gradient(circle at 85% 15%,#28235c 0,transparent 30rem),var(--bg);color:var(--text)}button,input{font:inherit}.shell{width:min(1180px,calc(100% - 28px));margin:auto;padding:42px 0}header{display:flex;justify-content:space-between;gap:28px;align-items:flex-start}.eyebrow{color:var(--a);font-weight:800;letter-spacing:.15em;font-size:.78rem}h1{font-size:clamp(2.4rem,6vw,4.8rem);line-height:.98;letter-spacing:-.05em;margin:.2rem 0}.lead{color:var(--muted);max-width:720px;line-height:1.7;font-size:1.08rem}.status{display:flex;gap:10px;align-items:center;border:1px solid var(--border);padding:12px 16px;border-radius:999px;white-space:nowrap}.status i{width:10px;height:10px;border-radius:50%;background:#f5b942}.status.ready i{background:#4ade80}.status.bad i{background:#fb7185}aside{margin:24px 0;padding:16px;border:1px solid #6a5327;border-radius:14px;background:#3d2b102f;color:#ffe6a5;line-height:1.55}.grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:22px}.card{background:linear-gradient(145deg,#122740f2,#091625f2);border:1px solid var(--border);border-radius:22px;padding:24px;box-shadow:0 24px 70px #0005}.upload{display:grid;place-items:center;min-height:120px;border:1px dashed #66dcff88;border-radius:16px;background:#66dcff0d;font-weight:800;cursor:pointer}.upload input{margin-top:12px}.label{color:var(--muted);font-weight:700}.samples{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.samples button{display:grid;gap:8px;justify-items:center;padding:10px;border:1px solid var(--border);border-radius:14px;background:#ffffff08;color:var(--text);cursor:pointer}.samples button:hover,.samples button.active{border-color:var(--a)}.samples img{width:68px;height:68px;background:#000;border-radius:8px;image-rendering:pixelated}.range{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:24px;color:var(--muted)}.range input{grid-column:1/-1;width:100%}.range output{color:var(--a);font-weight:800}.check{display:flex;gap:10px;margin:20px 0;color:var(--muted)}.primary{width:100%;padding:14px;border:0;border-radius:13px;background:linear-gradient(90deg,var(--a),var(--b));font-weight:900;color:#06111e;cursor:pointer}.primary:disabled{opacity:.45}.error{min-height:1.2em;color:#fb7185}.canvas{position:relative;aspect-ratio:1;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#07111f}.canvas canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.canvas p{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.metrics div,.evalgrid div{border:1px solid var(--border);border-radius:14px;padding:14px;background:#ffffff07}.metrics span,.evalgrid span{display:block;color:var(--muted);font-size:.8rem}.metrics strong,.evalgrid strong{display:block;margin-top:7px;font-size:1.25rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-size:.78rem}summary{color:var(--a);cursor:pointer;margin-top:14px}pre{background:#06111f;padding:14px;border-radius:12px;overflow:auto}.eval{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;margin-top:22px}.eval p{color:var(--muted)}.evalgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.evalgrid strong{font-size:1.65rem}footer{display:flex;justify-content:space-between;color:var(--muted);padding:26px 4px 0}footer a{color:var(--a);text-decoration:none}@media(max-width:850px){header,footer{flex-direction:column}.grid,.eval{grid-template-columns:1fr}}@media(max-width:520px){.metrics,.evalgrid{grid-template-columns:1fr}.card{padding:18px}}