:root{--bg: #11161c;--panel: #1a212a;--panel-2: #222b36;--line: #2a3441;--text: #d7e0ea;--muted: #8a99a8;--accent: #2a9d8f;--accent-2: #e63946}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.hidden{display:none!important}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}.topbar h1{font-size:16px;margin:0;font-weight:600}.topbar-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px 12px;cursor:pointer;font-size:13px}.btn:hover{border-color:var(--accent)}a.btn{text-decoration:none;display:inline-flex;align-items:center}.guide-link{color:var(--accent)}.mode-toggle{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.mode-toggle button{background:var(--panel-2);color:var(--muted);border:none;padding:6px 14px;cursor:pointer;font-size:13px}.mode-toggle button.active{background:var(--accent);color:#06231f;font-weight:600}.topbar-sep{width:1px;align-self:stretch;background:var(--line);margin:0 2px}.speed{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(12px);background:var(--accent);color:#06231f;font-size:13px;font-weight:600;padding:8px 16px;border-radius:8px;box-shadow:0 4px 16px #0006;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:100}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.speed input{width:90px}.layout{flex:1;display:grid;grid-template-columns:320px 1fr;min-height:0}.panel{background:var(--panel);border-right:1px solid var(--line);overflow-y:auto;padding:12px}.stage{padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.ctrl-group{margin-bottom:18px}.ctrl-group h2{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:0 0 8px;border-bottom:1px solid var(--line);padding-bottom:4px}.field{margin-bottom:10px}.field-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:3px}.field-head label{color:var(--text)}.field-val{color:var(--accent);font-variant-numeric:tabular-nums}.field input[type=range]{width:100%;accent-color:var(--accent)}.field select{width:100%;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:5px;padding:5px}.field-check label{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.field-btn{margin-bottom:8px}.btn-block{width:100%;text-align:center}.diagram-wrap{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 12px 10px}.diagram-wrap>summary{cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);padding:4px 0;-webkit-user-select:none;user-select:none}#diagram{position:relative}.diagram-svg{width:100%;height:auto;max-height:250px;display:block}.diagram-svg [data-tip]{cursor:help}.diagram-svg [data-tip]:hover{filter:brightness(1.35)}.diagram-svg text{pointer-events:none}.diagram-svg text.tip-label{pointer-events:auto;cursor:help}.diagram-tip{position:absolute;max-width:280px;background:#0d1117;border:1px solid var(--accent);color:var(--text);font-size:12px;line-height:1.4;padding:7px 10px;border-radius:6px;pointer-events:none;z-index:50;box-shadow:0 4px 16px #00000080}.diagram-svg .wire{fill:none;stroke:#5b6b7a;stroke-width:1.4}.diagram-svg .arrowhead,.diagram-svg .dot{fill:#5b6b7a}.diagram-svg .node{fill:var(--panel-2);stroke:#5b6b7a;stroke-width:1.4}.diagram-svg .node-lbl{fill:var(--text);font:13px system-ui,sans-serif;text-anchor:middle}.diagram-svg .sign{fill:var(--muted);font:12px system-ui,sans-serif;text-anchor:middle}.diagram-svg .blk{fill:var(--panel-2);stroke:var(--accent);stroke-width:1.4}.diagram-svg .blk.ff{stroke:#b5179e}.diagram-svg .blk.eso{stroke:#e9c46a}.diagram-svg .blk.plant{stroke:#8ecae6}.diagram-svg .blk-lbl{fill:var(--text);font:12px system-ui,sans-serif;text-anchor:middle}.diagram-svg .blk-sub{fill:var(--muted);font:10px system-ui,sans-serif;text-anchor:middle}.diagram-svg .lbl{fill:var(--muted);font:11px system-ui,sans-serif;text-anchor:middle}.diagram-values{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px;font-variant-numeric:tabular-nums;font-size:12px}.dval{color:var(--muted)}.dval span{color:var(--text)}.dval b{font-weight:700}.v-err b{color:#e76f51}.v-z1 b{color:#94c5e8}.v-z2 b{color:#8ecae6}.v-z3 b{color:#b5179e}.v-u b{color:#2a9d8f}.v-y b{color:#1d6fb8}.track-wrap{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px 4px}.track-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:2px}.track-label .hint{color:var(--accent-2)}#track{width:100%;height:110px;display:block}.chart{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 8px;margin-bottom:10px}#charts-manual,#charts-step{display:flex;flex-direction:column}.u-title{color:var(--text);font-size:12px!important;font-weight:600}.u-legend{color:var(--muted);font-size:11px}.metrics-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:4px 0 8px}.btn-sm{padding:3px 9px;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px;text-align:center}.metric-val{font-size:20px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.metric-label{font-size:11px;color:var(--muted);margin-top:4px}.log-wrap{margin-top:12px;overflow-x:auto}#metrics-log{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}#metrics-log th,#metrics-log td{padding:5px 8px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}#metrics-log th{color:var(--muted);font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:.04em}#metrics-log td:first-child,#metrics-log th:first-child{text-align:left;color:var(--accent)}#metrics-log tbody tr:hover{background:var(--panel-2)}@media (max-width: 760px){.layout{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}