:root{--bg: #f4f7fb;--surface: #ffffff;--surface-2: #eef2f8;--text: #14202e;--muted: #5b6b7c;--border: #dce3ec;--accent: #2563eb;--accent-2: #06b6d4;--accent-3: #db2777;--good: #16a34a;--warn: #b45309;--danger: #dc2626;--shadow: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .06);--radius: 14px}[data-theme=dark]{--bg: #0b1320;--surface: #111c2e;--surface-2: #16243a;--text: #e6edf6;--muted: #9fb0c3;--border: #233349;--accent: #4895ef;--accent-2: #4cc9f0;--accent-3: #f72585;--good: #34d399;--warn: #fbbf24;--danger: #f87171;--shadow: 0 2px 8px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100%}.header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:18px;padding:12px 22px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px}.logo{border-radius:9px;flex:none}.brand-title{font-weight:800;letter-spacing:.3px}.brand-tag{font-size:12px;color:var(--muted);max-width:320px}.tabs{display:flex;gap:4px;margin-left:auto}.tab{border:none;background:transparent;color:var(--muted);padding:8px 14px;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer}.tab:hover{background:var(--surface-2);color:var(--text)}.tab.active{background:var(--accent);color:#fff}.header-actions{display:flex;align-items:center;gap:8px}.select{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-size:13px}.icon-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:13px}.content{width:100%;max-width:1120px;margin:0 auto;padding:26px 22px 48px;flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.sim-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.sim-head h2{margin:0;font-size:20px}.lane-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.sim-main{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;align-items:start}.sim-stage{display:flex;flex-direction:column;gap:14px}.sim-side{display:flex;flex-direction:column;gap:18px}@media(max-width:880px){.sim-main{grid-template-columns:1fr}.brand-tag{display:none}}.queueviz{width:100%;height:auto}.qv-source{fill:var(--accent-2)}.qv-sink{fill:var(--good)}.qv-glyph{fill:#fff;font-size:18px;font-weight:700}.qv-label{fill:var(--muted);font-size:13px}.qv-count{fill:var(--text);font-size:16px;font-weight:800}.qv-lane{fill:var(--surface-2);stroke:var(--border)}.qv-dot{fill:var(--accent-3);transition:cx .25s linear}.qv-overflow{fill:var(--muted);font-size:13px;font-weight:700}.qv-server{fill:var(--surface-2);stroke:var(--border);stroke-width:1.5;transition:fill .2s}.qv-server.busy{fill:var(--accent);stroke:var(--accent)}.qv-token{fill:#fff}.qv-flow{stroke:var(--border);stroke-width:2;stroke-dasharray:5 5}.timeline{display:flex;flex-direction:column;gap:10px;padding:14px 16px}.timeline-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.timeline-time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.spacer{flex:1}.speed{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.scrub{width:100%;accent-color:var(--accent)}.btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:7px 14px;border-radius:9px;font-weight:600;font-size:14px;cursor:pointer}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.hint{font-size:12.5px;color:var(--muted);margin:0}.params h3,.kpi h3{margin:0 0 10px;font-size:15px}.param-list{list-style:none;margin:0;padding:0}.param-list li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--border);font-size:14px}.param-list li:last-child{border-bottom:none}.param-list span{color:var(--muted)}.kpi-bars{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.kpi-bar-row{display:grid;grid-template-columns:1fr 90px 52px;align-items:center;gap:8px}.kpi-bar-label{font-size:12.5px;color:var(--muted)}.kpi-bar-track{background:var(--surface-2);border-radius:6px;height:12px;overflow:hidden}.kpi-bar-fill{height:100%;border-radius:6px;transition:width .3s}.kpi-bar-fill.sim{background:var(--accent-3)}.kpi-bar-fill.theory{background:var(--accent)}.kpi-bar-val{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;font-size:14px}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.kpi-cell{background:var(--surface-2);border-radius:10px;padding:10px;text-align:center}.kpi-cell-val{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}.kpi-cell-lbl{font-size:11.5px;color:var(--muted)}.kpi-note{font-size:12.5px;color:var(--muted);margin:0}.banner{padding:10px 12px;border-radius:10px;font-size:13px;margin-bottom:10px}.banner.warn{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}.banner.error{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.loading{padding:40px;text-align:center;color:var(--muted)}.prose{max-width:760px;margin:0 auto}.prose h2{margin-top:0}.prose h3{margin-top:22px}.prose em{color:var(--accent);font-style:normal;font-weight:600}.prose .muted{color:var(--muted);font-size:14px}.link{color:var(--accent);text-decoration:none;font-weight:600}.link:hover{text-decoration:underline}.footer{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;border-top:1px solid var(--border);color:var(--muted);font-size:13px}