:root{--bg: #0b1220;--panel: #101a2c;--panel2: #16233a;--line: #22304a;--text: #e6edf6;--dim: #8ea0b8;--accent: #4da3ff;--ok: #37c66f;--warn: #e8b93c;--err: #e35d5d;--training: #c77dff}*{box-sizing:border-box}button{font-family:inherit}.app{display:grid;width:100%;height:100%;grid-template-rows:56px 1fr 72px;grid-template-columns:300px 1fr 360px;grid-template-areas:"top top top" "left center right" "bottom bottom bottom"}.app.presentation{grid-template-columns:300px 1fr 300px}.topbar{grid-area:top;display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--panel);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap}.topbar .brand{font-weight:700;font-size:15px}.topbar .tabs{display:flex;gap:4px}.leftpanel{grid-area:left;background:var(--panel);border-right:1px solid var(--line);overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px}.center{grid-area:center;position:relative;overflow:hidden;background:#05080f}.rightpanel{grid-area:right;background:var(--panel);border-left:1px solid var(--line);overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px}.bottombar{grid-area:bottom;display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--panel);border-top:1px solid var(--line)}.btn{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;position:relative}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.active{background:#1d3a5f;border-color:var(--accent)}.btn.primary{background:#1c4d86;border-color:#3d7fc4}.btn.danger{border-color:#7c3a3a}.btn .spin{width:10px;height:10px;border:2px solid var(--dim);border-top-color:var(--accent);border-radius:50%;animation:rot .8s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}.badge{font-size:11px;padding:2px 8px;border-radius:10px;border:1px solid var(--line)}.badge.hist{background:#143a26;color:#59d98d;border-color:#1f5c3b}.badge.train{background:#34204d;color:var(--training);border-color:#5b3c82}.badge.err{background:#46201f;color:#ff9f9a;border-color:#7c3a3a}.badge.warn{background:#453a14;color:#ffd970;border-color:#74622a}.badge.ok{background:#143a26;color:#59d98d;border-color:#1f5c3b}.panelbox{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:10px}.panelbox h4{margin:0 0 8px;font-size:12.5px;color:var(--accent)}.kv{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;font-size:12px}.kv .k{color:var(--dim)}.kv .v{text-align:right;font-variant-numeric:tabular-nums}.guide-step{border:1px solid var(--line);border-radius:8px;padding:8px;margin-bottom:6px;font-size:12px;background:var(--panel2)}.guide-step.current{border-color:var(--accent);background:#14263f}.guide-step.done{opacity:.65}.guide-step .n{display:inline-block;width:18px;height:18px;border-radius:50%;background:var(--line);text-align:center;line-height:18px;font-size:11px;margin-right:6px}.guide-step.current .n{background:var(--accent);color:#06101f}.guide-step.done .n{background:var(--ok);color:#06101f}.guide-step .meta{color:var(--dim);margin-top:4px;font-size:11.5px}.tabs2{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:8px;flex-wrap:wrap}.tabs2 button{background:none;border:none;color:var(--dim);padding:6px 9px;font-size:12px;cursor:pointer;border-bottom:2px solid transparent}.tabs2 button.on{color:var(--text);border-bottom-color:var(--accent)}.overlay-badges{position:absolute;top:8px;left:8px;display:flex;gap:6px;z-index:5;flex-wrap:wrap;max-width:70%}.scene-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;z-index:4;background:#05080fbf;text-align:center;padding:20px}.legendbar{display:flex;flex-direction:column;gap:3px;font-size:11px}.legendbar .swatches{display:flex;height:12px;border-radius:3px;overflow:hidden}.legendbar .labels{display:flex;justify-content:space-between;color:var(--dim)}.slider{flex:1}input[type=range]{accent-color:var(--accent)}.timelabel{font-size:12px;font-variant-numeric:tabular-nums;min-width:260px}.progressline{height:4px;background:var(--line);border-radius:2px;overflow:hidden;min-width:90px;flex:0 0 90px}.progressline i{display:block;height:100%;background:var(--accent);transition:width .2s}.modal{position:fixed;inset:0;background:#0000008c;z-index:50;display:flex;align-items:center;justify-content:center}.modal .box{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px;max-width:640px;max-height:80vh;overflow-y:auto;width:90%}.modal h3{margin:0 0 10px;font-size:15px}table.mini{border-collapse:collapse;font-size:12px;width:100%}table.mini th,table.mini td{border:1px solid var(--line);padding:4px 8px;text-align:right}table.mini th{background:var(--panel2);text-align:left}.errbox{border:1px solid #7c3a3a;background:#2a1616;border-radius:8px;padding:10px;font-size:12px}.small{font-size:11.5px;color:var(--dim)}canvas.chart{width:100%;background:#0d1626;border:1px solid var(--line);border-radius:6px}.fullscreen-btn{position:absolute;top:8px;right:8px;z-index:6}