canvas.svelte-7bxg53{position:absolute;inset:0;display:block;touch-action:none}.chart.svelte-8cklv6{position:relative;flex:1;min-width:0;background:var(--panel-2)}:root{--bg: #0a0e13;--panel: #10161e;--panel-2: #0d131a;--border: #1e2935;--border-2: #2a3846;--text: #dbe7f1;--muted: #7f93a6;--accent: #38bdf8;--good: #34d399;--warn: #fbbf24;--bad: #f87171;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}#app{height:100%}button{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--border);border-radius:7px;padding:5px 10px;cursor:pointer;transition:background .12s,border-color .12s,color .12s}button:hover{border-color:var(--border-2);background:#141c25}button.active{background:#103346;border-color:#1d5f80;color:#bfe8ff}.app{display:flex;flex-direction:column;height:100%;min-width:900px}header{display:flex;align-items:center;gap:18px;padding:9px 16px;border-bottom:1px solid var(--border);background:linear-gradient(#0e141b,#0b1016)}.brand{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.brand b{font-size:15px;letter-spacing:.4px}.brand span{color:var(--muted);font-size:12px}.scenarios{display:flex;gap:6px;flex-wrap:wrap;flex:1}.scenarios button{padding:4px 9px;font-size:12.5px;border-radius:999px}.transport{display:flex;align-items:center;gap:6px}.transport .clock{font-family:var(--mono);font-size:12px;color:var(--muted);min-width:66px;text-align:right}.stats{display:flex;gap:1px;background:var(--border);border-bottom:1px solid var(--border)}.stats .cell{flex:1;background:var(--panel-2);padding:7px 14px;display:flex;align-items:baseline;gap:8px}.stats .k{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.6px}.stats .v{font-family:var(--mono);font-size:16px;font-weight:600}.stats .v.good{color:var(--good)}.stats .v.warn{color:var(--warn)}.stats .v.bad{color:var(--bad)}main{flex:1;display:flex;min-height:0}.stage{flex:1;position:relative;min-width:0;background:radial-gradient(circle at 50% 40%,#0d141c 0%,var(--bg) 70%),repeating-linear-gradient(0deg,transparent 0 39px,#0f161e 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,#0f161e 39px 40px)}aside{width:372px;border-left:1px solid var(--border);background:var(--panel);overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:16px}section.block h3{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:600}.lesson{color:#b9c9d8;font-size:13px;line-height:1.55;margin:0 0 10px}.tips{margin:0;padding-left:16px;color:var(--muted);font-size:12.5px;line-height:1.7}.insight{display:flex;gap:9px;padding:8px 10px;border-radius:8px;font-size:12.8px;line-height:1.5;border:1px solid var(--border);background:var(--panel-2);margin-bottom:7px}.insight:before{content:"";width:7px;height:7px;border-radius:50%;margin-top:6px;flex:none}.insight.bad{border-color:#4a1f23;background:#1a1114}.insight.bad:before{background:var(--bad)}.insight.warn{border-color:#4a3c17;background:#1a1710}.insight.warn:before{background:var(--warn)}.insight.good{border-color:#1b4536;background:#0f1a16}.insight.good:before{background:var(--good)}.insight.info{border-color:#1b3a4d;background:#0e1720}.insight.info:before{background:var(--accent)}.knob{margin-bottom:12px}.knob .head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.knob .name{font-size:12.5px;color:#c3d2df}.knob .val{font-family:var(--mono);font-size:12px;color:var(--accent)}.knob input[type=range]{width:100%;accent-color:var(--accent);height:18px}.knob .seg{display:flex;gap:4px;flex-wrap:wrap}.knob .seg button{font-size:11.5px;padding:3px 8px}.knob .hint{font-size:11.5px;color:var(--muted);margin-top:4px;line-height:1.45}.switch{display:flex;align-items:center;gap:9px;cursor:pointer;user-select:none}.switch .track{width:34px;height:18px;border-radius:999px;background:#1c2732;border:1px solid var(--border-2);position:relative;transition:background .15s}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#64748b;transition:transform .15s,background .15s}.switch.on .track{background:#10425c;border-color:#1d6d94}.switch.on .track:after{transform:translate(16px);background:var(--accent)}.inspector .title{display:flex;align-items:center;gap:8px;margin-bottom:10px}.inspector .title b{font-size:14px}.pill{font-size:10.5px;padding:2px 7px;border-radius:999px;border:1px solid var(--border-2);color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.pill.bad{color:#ffb4b4;border-color:#5a2a2e;background:#241317}.pill.warn{color:#ffe1a1;border-color:#5a4a20;background:#241f12}.pill.good{color:#a9f0d0;border-color:#245a45;background:#10241d}.grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.grid .item{background:var(--panel-2);border:1px solid var(--border);border-radius:7px;padding:6px 9px}.grid .item .k{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.grid .item .v{font-family:var(--mono);font-size:15px;font-weight:600}.actions{display:flex;flex-wrap:wrap;gap:6px}.actions button{font-size:12px;padding:4px 9px}.actions button.danger{border-color:#5a2a2e;color:#ffb4b4}.actions button.danger:hover{background:#241317}.linkrow{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;padding:6px 0;border-top:1px dashed var(--border)}.linkrow .name{font-family:var(--mono);font-size:12px;color:#a9bccd}.charts{display:flex;gap:1px;background:var(--border);border-top:1px solid var(--border);height:132px}.charts .chart{flex:1;background:var(--panel-2);position:relative;min-width:0}.charts canvas{width:100%;height:100%;display:block}.empty{color:var(--muted);font-size:12.5px}
