.cpx{--accent:#5b8cd6}.cx-card{display:flex;flex-direction:column;gap:10px}.cx-h{font:800 13px/1 var(--font-sans);color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin:0}.cx-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cx-in{width:140px;text-align:center;font-size:16px}.cx-out{font-size:16px;font-weight:700;color:var(--accent)}.cx-out [data-val]{flex:1;min-width:0;word-break:break-word}.cx-grid{display:flex;flex-wrap:wrap;gap:8px}.cx-cell{display:flex;flex-direction:column;gap:3px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;max-width:100%}.cx-cell b{font:600 11px/1 var(--font-sans);color:var(--dim)}.cx-cell .mono{font:700 13px/1.3 var(--font-mono);color:var(--ink);word-break:break-word}.cx-plane-wrap{position:relative}.cx-plane{width:100%;height:300px;border:1px solid var(--line);border-radius:12px;background:rgba(10,16,30,.5)}.cx-legend{position:absolute;top:8px;left:10px;display:flex;gap:12px;font:600 11px/1 var(--font-sans);color:var(--dim)}.cx-legend span{display:inline-flex;align-items:center;gap:5px}.cx-legend i{width:10px;height:10px;border-radius:3px}@media (max-width:520px){.cx-in{width:110px}.cx-plane{height:240px}}