:root{--bg: #0f1115;--panel: #161a21;--line: #262c36;--text: #e6e9ef;--muted: #8b93a1;--accent: #4c8ef7;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.5 Segoe UI,system-ui,sans-serif}.app{display:grid;grid-template-columns:330px 1fr 250px;height:100%}@media(max-width:1200px){.app{grid-template-columns:300px 1fr}.panel.steps{display:none}}.panel{background:var(--panel);border-right:1px solid var(--line);overflow-y:auto;padding:16px 14px 28px}.panel.steps{border-right:none;border-left:1px solid var(--line);display:flex;flex-direction:column;padding-bottom:12px;overflow:hidden}.panel.steps h3{margin-top:0}.panel h1{font-size:16px;margin:0 0 4px;line-height:1.35}.panel h3{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:16px 0 8px}.panel h4{font-size:12px;margin:0 0 6px;color:var(--muted)}.head{display:flex;align-items:center;gap:7px;margin:16px 0 8px}.head h3{margin:0}.head>.icon{color:var(--muted)}.head .count{font-family:ui-monospace,Consolas,monospace;font-size:10.5px;color:var(--muted)}.panel.steps .head{margin-top:0}.icon{display:block;flex:none}.panel h1,.head,.scn-div,.scn,.slider,.dbg-title,.dbg-toggle,.tips{position:relative}.panel h1 .info{margin-left:6px;vertical-align:middle}.info{display:inline-flex;flex:none;margin-left:auto;color:var(--muted);cursor:help}.info:hover,.info:focus-visible{color:var(--accent)}.info:focus{outline:none}[data-tip]:after{content:attr(data-tip);display:none;position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;padding:7px 9px;border:1px solid #3c4658;border-radius:6px;background:#0b0d11;color:#c8cede;font:400 11.5px/1.45 Segoe UI,system-ui,sans-serif;letter-spacing:0;text-transform:none;text-align:left;white-space:pre-line;box-shadow:0 10px 24px #0000008c;pointer-events:none}[data-tip]:hover:after,[data-tip]:focus-visible:after{display:block}button{display:flex;align-items:center;justify-content:center;gap:7px;background:#222834;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:8px 12px;cursor:pointer;font:inherit}button:hover{border-color:#3c4658}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px}.seg button{display:grid;justify-items:center;gap:1px;padding:6px 4px 5px;border-radius:6px;text-align:center;line-height:1.25}.seg button .icon{color:var(--muted);margin-bottom:1px}.seg button b{font-size:11.5px}.seg button span{font-size:9.5px;color:var(--muted)}.seg button.active{border-color:var(--accent);background:#1b2740}.seg button.active .icon{color:var(--accent)}.scn-list{display:flex;flex-direction:column}.scn-group{display:flex;flex-direction:column;gap:3px}.scn-group+.scn-group{margin-top:2px}.scn-div{display:flex;align-items:center;gap:8px;margin:10px 0 4px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.scn-group:first-child .scn-div{margin-top:0}.scn-div i{flex:1;height:1px;background:var(--line)}.scn-div.special span,.scn-div.special>.icon{color:var(--accent)}.scn-div.paired span,.scn-div.paired>.icon{color:#4cd6a0}.scn{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;width:100%;padding:5px 8px;border:1px solid transparent;border-radius:6px;background:#1a1f28;font-size:12px;color:#c2c9d8;text-align:left}.scn>.icon{color:var(--muted)}.scn:hover>.icon,.scn.active>.icon{color:inherit}.scn:hover{background:#1f2531;border-color:var(--line);color:var(--text)}.scn.active{background:#1b2740;border-color:var(--accent);color:var(--text)}.scn.special{box-shadow:inset 2px 0 0 var(--accent)}.scn.paired{box-shadow:inset 2px 0 #4cd6a0}.scn.paired.active{background:#16302a;border-color:#4cd6a0}.scn-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scn-tag{display:flex;gap:2px;color:var(--muted)}.scn.active .scn-tag{color:#9fb6e4}.now{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#c8cede}.now>.icon{color:var(--accent)}.now-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-arms{display:flex;gap:2px;margin-left:auto;color:var(--muted)}.speed{margin-top:10px;border-top:1px solid #262c38;padding-top:10px}.speed-row{display:flex;align-items:center;gap:7px;font-size:12.5px}.speed-row>.icon{color:var(--muted)}.speed-row span{color:var(--muted)}.speed-row b{margin-left:auto}.speed.over .speed-row>.icon,.speed.over .speed-row b{color:#f7776c}.derate{width:100%;margin-top:6px;font-size:12px;padding:6px 10px}.controls{display:flex;gap:6px;margin-bottom:10px}.controls button{flex:1;padding:7px 8px}.controls button.on{border-color:var(--accent);background:#1b2740}.step-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding-right:4px}.step-row{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:baseline;background:transparent;border:1px solid transparent;border-radius:5px;padding:5px 7px;text-align:left;font-size:12px;color:var(--muted)}.step-row:hover{background:#1d222b;border-color:var(--line);color:var(--text)}.step-row.active{background:#1b2740;border-color:var(--accent);color:var(--text)}.step-no{display:flex;align-items:center;font-family:ui-monospace,Consolas,monospace;font-size:10.5px;opacity:.65}.step-row.active .step-no{opacity:1;color:var(--accent)}.step-name{line-height:1.35}.step-time{font-family:ui-monospace,Consolas,monospace;font-size:10.5px;opacity:.6}.view-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:6px}.view{padding:7px 2px;border-radius:6px;color:var(--muted)}.view:hover{color:var(--text)}.view.active{border-color:var(--accent);background:#1b2740;color:var(--accent)}.view-now{display:flex;align-items:center;gap:6px}.muted{color:var(--muted)}.small{font-size:11.5px;margin:0 0 10px}.slider input:disabled{opacity:.35}.slider{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}.slider input{width:100%;margin-top:3px;accent-color:var(--accent)}.slider-head{display:flex;align-items:center;gap:6px;font-family:ui-monospace,Consolas,monospace;font-size:11px}.progress{height:4px;background:#222834;border-radius:2px;overflow:hidden}.progress div{height:100%;background:var(--accent)}.joint-grid{display:grid;gap:14px}.joint-row{display:grid;grid-template-columns:62px 58px 1fr;align-items:center;gap:6px;font-family:ui-monospace,Consolas,monospace;font-size:11.5px;margin-bottom:3px}.joint-row b{text-align:right}.joint-row .joint-name{overflow:hidden;text-overflow:ellipsis}.joint-row .joint-rate{color:var(--muted);font-size:10.5px;text-align:right}.joint-bar{grid-column:1 / -1;position:relative;height:4px;border-radius:2px;background:#222834;margin:1px 0 3px}.joint-bar i{position:absolute;top:-2px;width:2px;height:8px;border-radius:1px;transform:translate(-1px)}.joint-bar i.zero{background:#59627a}.joint-bar i.knob{width:4px;height:10px;top:-3px;border-radius:2px}.layer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:8px 0 2px}.layer{padding:7px 2px;border-radius:6px;color:var(--muted)}.layer:hover{color:var(--text)}.layer.on{border-color:var(--accent);background:#1b2740;color:var(--accent)}.dbg-wrap{pointer-events:none}.dbg-tag{display:grid;gap:2px;min-width:86px;padding:3px 6px;border:1px solid var(--line);border-left-width:3px;border-radius:5px;background:#0f1115d1;font-family:ui-monospace,Consolas,monospace;font-size:10.5px;line-height:1.25;color:var(--text);white-space:nowrap;user-select:none}.dbg-tag b{font-size:12px}.dbg-line{display:flex;align-items:baseline;gap:6px;justify-content:space-between}.dbg-head,.dbg-span{color:var(--muted);font-size:9.5px}.dbg-bar{position:relative;display:block;height:3px;border-radius:2px;background:#2b3242}.dbg-bar i{position:absolute;top:-2px;width:3px;height:7px;border-radius:2px;transform:translate(-1.5px)}.error{display:flex;align-items:flex-start;gap:7px;color:#ff8080;font-size:12.5px;margin-top:16px}.error .icon{margin-top:2px}.viewport{position:relative}.viewport canvas{display:block}.dbg-dock{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-height:calc(100% - 24px)}.dbg-toggle{gap:6px;flex:none;padding:7px 9px;color:var(--muted);background:#161a21eb;backdrop-filter:blur(4px)}.dbg-toggle:hover{color:var(--text)}.dbg-toggle.open{border-color:var(--accent);background:#1b2740;color:var(--accent)}.dbg-toggle .dot{width:7px;height:7px;border-radius:50%;background:#3c4658}.dbg-toggle .dot.live{background:var(--accent);box-shadow:0 0 6px var(--accent)}.dbg-dock>[data-tip]:after{left:auto;right:0;width:220px}.dbg-panel{width:292px;min-height:0;overflow-y:auto;padding:12px 14px 14px;border:1px solid var(--line);border-radius:9px;background:#161a21f0;backdrop-filter:blur(6px);box-shadow:0 10px 28px #00000073}.dbg-panel h3{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.dbg-panel h4{font-size:12px;margin:0 0 6px;color:var(--muted)}.dbg-panel section+section{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.dbg-title{display:flex;align-items:center;gap:7px;margin-bottom:10px}.dbg-title h3{margin:0}.dbg-title>.icon{color:var(--muted)}.dbg-switch{padding:5px 7px;border-radius:5px;color:var(--muted)}.dbg-switch.on{border-color:var(--accent);background:#1b2740;color:var(--accent)}.dbg-layers{border:0;margin:0;padding:0;min-inline-size:0}.dbg-layers[disabled]{opacity:.45}.dbg-pick{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.pick{display:flex;gap:4px}.pick button{padding:4px 7px;border-radius:5px;color:var(--muted)}.pick button:hover:not(:disabled){color:var(--text)}.pick button:disabled{opacity:.4;cursor:default;border-color:var(--line)}.joints h4{display:flex;align-items:center;gap:6px}.joints h4 span{font-size:10.5px;margin-left:auto}