:root{--bg:#0b0f14;--panel:#121922;--panel2:#18212c;--line:#263344;--text:#e6edf3;--muted:#8b9bb0;--accent:#ff8a3d;--gpu:#ff8a3d;--hbm:#3dd6c6;--good:#4ade80;--bad:#f87171;--warn:#fbbf24}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;overflow-x:hidden}body{font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{max-width:1180px;margin:0 auto;padding:14px 12px 40px}header h1{letter-spacing:-.01em;margin:0 0 4px;font-size:22px}header p{color:var(--muted);margin:0}a{color:var(--accent)}.grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:12px;display:grid}@media (width>=900px){.grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;min-width:0;padding:12px}.card h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:600}.stage{aspect-ratio:52/42;background:#05080c;border-radius:6px;width:100%;position:relative;overflow:hidden}canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}canvas.dragging{cursor:grabbing}.legend{color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:12px;display:flex}.sw{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}.bar{background:var(--panel2);border-radius:5px;height:10px;margin-top:6px;overflow:hidden}.bar>i{background:var(--good);width:0;height:100%;transition:width .12s;display:block}.bar.over>i{background:var(--bad)}.badge{word-break:break-word;border:1px solid;border-radius:8px;padding:8px 10px;font-weight:600;display:block}.badge.ok{color:var(--good);background:#0f2418;border-color:#1f5a37}.badge.bad{color:var(--bad);background:#2a1414;border-color:#6a2a2a}.kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0;display:grid}.kpi{background:var(--panel2);border-radius:8px;min-width:0;padding:8px}.kpi small{color:var(--muted);font-size:11px;display:block}.kpi b{font-variant-numeric:tabular-nums;font-size:20px}.kpi b.win{color:var(--good)}.kpi b.lose{color:var(--warn)}.stale .kpis{opacity:.55}.note{color:var(--muted);margin:4px 0 0;font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}button,.btn,select{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);cursor:pointer;border-radius:8px;min-height:38px;padding:8px 12px}button:hover:not(:disabled),.btn:hover{border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}select{max-width:100%}label.field{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:5px 6px;font-size:13px}th{color:var(--muted);font-size:12px;font-weight:600}td.n,th.n{text-align:right}.err{color:var(--bad);overflow-wrap:anywhere;min-height:1em;margin-top:6px;font-size:12px}.full{grid-column:1/-1}