.alt49-visualizer{padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--panel),var(--bg2));overflow:hidden}.alt49-visualizer *{box-sizing:border-box}.alt49-kicker{margin:0 0 6px;color:var(--cyan);font:700 11px/1.2 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.alt49-visualizer h3{margin:0;font-size:clamp(19px,4vw,25px)}.alt49-lead{max-width:760px;margin:9px 0 0;color:var(--muted)}.alt49-controls{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.alt49-choice{min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg2);color:var(--ink);font:700 12px/1.2 Manrope,sans-serif;cursor:pointer}.alt49-choice[aria-pressed="true"]{border-color:var(--cyan);background:rgba(34,211,238,.13);color:var(--cyan)}.alt49-threshold{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin:0 0 16px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg2)}.alt49-threshold label{min-width:0;font-size:13px;font-weight:700}.alt49-threshold input{width:100%;accent-color:var(--cyan)}.alt49-threshold output{min-width:34px;padding:4px 6px;border-radius:6px;background:var(--panel);color:var(--amber);font:700 12px "JetBrains Mono",monospace;text-align:center}.alt49-dataset{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0 0 16px}.alt49-case{min-width:0;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:11px}.alt49-case b,.alt49-case span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alt49-case b{color:var(--ink);font:700 11px "JetBrains Mono",monospace}.alt49-case span{margin-top:3px;color:var(--muted)}.alt49-case.train{border-left:3px solid var(--violet)}.alt49-case.test{border-left:3px solid var(--cyan)}.alt49-key{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px;color:var(--muted);font-size:12px}.alt49-key i{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:50%;background:var(--violet)}.alt49-key i.test{background:var(--cyan)}.alt49-output{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:12px}.alt49-test-list,.alt49-matrix{min-width:0;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--bg2)}.alt49-output h4{margin:0 0 9px;font-size:13px}.alt49-test-row{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(0,1fr);gap:7px;align-items:center;padding:7px 0;border-top:1px solid var(--line);font-size:12px}.alt49-test-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alt49-test-row b{font:700 11px "JetBrains Mono",monospace;color:var(--cyan)}.alt49-test-row.ok span:last-child{color:var(--green)}.alt49-test-row.error span:last-child{color:var(--red)}.alt49-matrix-grid{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,44px);gap:5px;margin:0 0 10px;font-size:11px;text-align:center}.alt49-matrix-grid span{min-width:0;padding:7px 3px;border-radius:6px;background:var(--panel);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alt49-matrix-grid .corner,.alt49-matrix-grid .axis{background:transparent;color:var(--muted);font:700 10px "JetBrains Mono",monospace}.alt49-matrix-grid .good{background:rgba(52,211,153,.15);color:var(--green)}.alt49-matrix-grid .bad{background:rgba(248,113,113,.15);color:var(--red)}.alt49-verdict{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.alt49-verdict b{color:var(--ink)}
@media(max-width:600px){.alt49-visualizer{padding:15px}.alt49-dataset{grid-template-columns:repeat(2,minmax(0,1fr))}.alt49-output{grid-template-columns:1fr}.alt49-test-row{grid-template-columns:36px minmax(0,1fr) minmax(0,1fr)}.alt49-matrix-grid{grid-template-columns:minmax(0,1fr) repeat(2,42px)}}