Spaces:
Running
Running
Vramwise: decision models (MATILDA-jev, JEV, Decider), linear-attention + packed FP4 support
afcfd33 verified | /* Vramwise extras. © 2026 CyberMax. All rights reserved. */ | |
| :root{--accent:#0f7b6c;--accent-soft:#e2f4f1;--bad:#b3261e;--bad-soft:#fdecea} | |
| @media (prefers-color-scheme:dark){:root{--accent:#4fd1bd;--accent-soft:#16312d;--bad:#ff8a80;--bad-soft:#3a1c1a}} | |
| .inline{display:flex;gap:8px} | |
| .inline input{flex:1} | |
| .chips{margin-top:10px} | |
| .chips-label{margin-top:12px;font-size:.8rem;opacity:.75} | |
| .model-info{margin-top:12px;font-size:14px;min-height:22px} | |
| .model-info .err{color:var(--bad)} | |
| .model-info .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px} | |
| .model-info .tag{background:var(--code);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600} | |
| .adv{margin-top:12px;font-size:14px} | |
| .adv summary{cursor:pointer;font-weight:700;color:var(--muted)} | |
| .seg{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:3px;gap:3px;margin-bottom:6px} | |
| .seg button{flex:1;border:0;background:none;padding:8px 6px;border-radius:8px;font-weight:700;color:var(--muted);cursor:pointer} | |
| .seg button[aria-checked="true"]{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px rgba(0,0,0,.12)} | |
| [data-hw][hidden]{display:none} | |
| .result{margin-top:16px} | |
| .verdict{font-size:clamp(18px,3.4vw,24px);font-weight:800;margin-bottom:12px;line-height:1.25} | |
| .verdict small{display:block;font-size:14px;font-weight:500;color:var(--muted);margin-top:4px} | |
| .pill{display:inline-block;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800;white-space:nowrap} | |
| .pill.yes{background:var(--accent-soft);color:var(--good)} | |
| .pill.tight{background:var(--warn-soft);color:var(--warn)} | |
| .pill.offload{background:var(--warn-soft);color:var(--warn)} | |
| .pill.no{background:var(--bad-soft);color:var(--bad)} | |
| #table td{white-space:nowrap} | |
| #table td .q{font-weight:700} | |
| #table td .note{display:block;font-size:11px;color:var(--muted);font-weight:500} | |
| #table tr.best td{background:var(--accent-soft)} | |
| .meter{height:6px;border-radius:3px;background:var(--line);margin-top:4px;overflow:hidden;min-width:60px} | |
| .meter i{display:block;height:100%;background:var(--accent)} | |
| .meter i.over{background:var(--bad)} | |
| @media (max-width:560px){#table th:nth-child(2),#table td:nth-child(2),#table th:nth-child(3),#table td:nth-child(3){display:none}} | |
| @media (max-width:480px){.top .btn{padding:8px 10px;font-size:13px;white-space:nowrap}.brand small{display:none}} | |