@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--bg-dark: #09090B;--panel-bg: rgba(17, 17, 20, .88);--panel-border: rgba(255, 255, 255, .08);--accent-orange: #FF5500;--accent-cyan: #00D68F;--accent-green: #00D68F;--text-main: #F4F4F0;--text-muted: #A1A1AA;--font-family: "Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Consolas", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-family);-webkit-user-select:none;user-select:none}#app-container{display:flex;flex-direction:column;width:100vw;height:100vh;position:relative}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);box-shadow:0 8px 32px #00000073}.btn-ghost{background:#ffffff0a;color:var(--text-main);border:1px solid var(--panel-border);padding:8px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.btn-ghost:hover{border-color:#ff55008c;color:var(--accent-orange)}#top-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;height:60px;background:#09090bf2;border-bottom:1px solid var(--panel-border);z-index:40}.brand-badge{display:flex;align-items:center;gap:12px}.brand-logo{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(0,214,143,.5))}.brand-info{display:flex;flex-direction:column}.brand-name{font-size:16px;font-weight:700;letter-spacing:.8px;color:#fff}.brand-tag{font-size:9px;font-weight:600;letter-spacing:1px;color:var(--accent-cyan)}.top-controls{display:flex;align-items:center;gap:16px}.selector-group{display:flex;align-items:center;gap:8px}.selector-label{font-size:11px;color:var(--text-muted);font-weight:500}.dropdown-select{background:#111114;color:#fff;border:1px solid var(--panel-border);padding:6px 12px;border-radius:6px;font-size:12px;outline:none;cursor:pointer;transition:all .2s}.dropdown-select:hover,.dropdown-select:focus{border-color:var(--accent-cyan);box-shadow:0 0 8px #00d68f40}.btn-primary{background:linear-gradient(135deg,#f50,#ff6a1a);color:#fff;border:none;padding:7px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 4px 14px #ff550059;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ff550080}.view-presets{display:flex;gap:4px;background:#111114;padding:3px;border-radius:6px;border:1px solid var(--panel-border)}.btn-icon{background:transparent;color:var(--text-muted);border:none;padding:5px 10px;font-size:11px;font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s}.btn-icon:hover{color:#fff}.btn-icon.active{background:var(--accent-cyan);color:#09090b}#viewport-container{flex:1;position:relative;overflow:hidden}#three-canvas{width:100%;height:100%;display:block}.project-bar{position:absolute;top:0;left:0;right:0;height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;background:#09090beb;border-bottom:1px solid var(--panel-border);z-index:9;font-size:11px;color:var(--text-muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.project-identity,.project-state{display:flex;align-items:center;gap:8px;min-width:0}.project-name{color:var(--text-main);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.project-sep{color:#ffffff3d}.project-meta,.project-program,.project-stat{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-program{color:var(--accent-cyan);max-width:180px}.project-stat{color:var(--text-muted)}.status-pill{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font-size:9px;font-weight:700;letter-spacing:.08em;border:1px solid transparent}.status-demo{color:var(--accent-cyan);border-color:#00d68f47;background:#00d68f14}.status-server{color:var(--accent-green);border-color:#00d68f47;background:#00d68f14}.status-local{color:var(--accent-orange);border-color:#ff55004d;background:#ff550014}#telemetry-hud{position:absolute;top:50px;left:50%;transform:translate(-50%);transform-origin:top center;padding:12px 16px;border-radius:8px;background:#09090bd9;border:1px solid rgba(0,214,143,.2);pointer-events:none;z-index:5;box-shadow:0 8px 24px #00000080}.hud-title{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:var(--accent-cyan);letter-spacing:.8px;margin-bottom:8px}.hud-indicator{width:6px;height:6px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.coords-grid{display:flex;gap:12px}.coord-box{display:flex;flex-direction:column;align-items:center;min-width:44px}.coord-box .lbl{font-size:9px;color:var(--text-muted);font-weight:600}.coord-box .val{font-family:var(--font-mono);font-size:13px;font-weight:700;color:#fff}.coord-box .unit{font-size:8px;color:var(--text-muted)}.rail-coord .val{color:var(--accent-cyan)}#inspector-panel{position:absolute;top:50px;right:16px;width:330px;bottom:84px;border-radius:10px;display:flex;flex-direction:column;z-index:10;overflow:hidden}.tab-headers{display:flex;border-bottom:1px solid var(--panel-border);background:#09090b99}.tab-btn{flex:1;padding:10px 6px;background:transparent;color:var(--text-muted);border:none;font-size:11px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab-btn:hover{color:#fff}.tab-btn.active{color:var(--accent-orange);border-bottom-color:var(--accent-orange);background:#ff55000f}.tab-content{display:none;flex:1;overflow-y:auto;padding:12px}.tab-content.active{display:flex;flex-direction:column}.program-info-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#111114;border-radius:6px;margin-bottom:10px;font-size:11px}#program-name{font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.stats-badge{color:var(--accent-cyan);font-size:10px;font-weight:600}.programs-tree{border:1px solid rgba(255,255,255,.06);border-radius:6px;background:#11111499;margin-bottom:10px;overflow:hidden;flex-shrink:0}.programs-tree-head{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#09090b8c;border-bottom:1px solid rgba(255,255,255,.05);font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--text-muted)}.programs-tree-count{color:var(--accent-cyan);font-family:var(--font-mono);letter-spacing:0}.programs-tree-search{padding:5px 6px;border-bottom:1px solid rgba(255,255,255,.04)}.program-search{width:100%;height:26px;padding:0 8px;background:#09090bcc;color:var(--text-main);border:1px solid var(--panel-border);border-radius:4px;font-family:var(--font-family);font-size:10px;outline:none}.program-search:focus{border-color:#ff55008c}.program-search::placeholder{color:var(--text-muted)}#programs-list{display:flex;flex-direction:column;gap:2px;max-height:210px;overflow-y:auto;padding:4px}.program-row.hidden{display:none}.program-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;width:100%;padding:5px 7px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text-main);font-family:inherit;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.program-row:hover{background:#ff55001a;border-color:#ff550040}.program-row.active{background:#ff550029;border-color:#ff550080}.program-row-main{min-width:0;display:flex;flex-direction:column;gap:1px}.program-row-name{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.program-row-path{font-size:8.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.program-row-meta{font-family:var(--font-mono);font-size:8.5px;color:var(--text-muted);white-space:nowrap}.program-badge{padding:2px 5px;border-radius:3px;font-size:8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.program-badge.motion{color:var(--accent-green);background:#00d68f1a;border:1px solid rgba(0,214,143,.25)}.program-badge.logic{color:var(--text-muted);background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}#waypoints-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex:1}.waypoint-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#16161ab3;border:1px solid rgba(255,255,255,.05);border-radius:6px;cursor:pointer;transition:all .15s}.waypoint-item:hover{background:#ff55001a;border-color:#ff55004d}.waypoint-item.selected{background:#ff55002e;border-color:var(--accent-orange)}.wpt-badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px}.badge-PTP{background:#08c;color:#fff}.badge-LIN{background:#f50;color:#fff}.badge-CIRC{background:#93f;color:#fff}.wpt-name{font-size:11px;font-weight:600;margin-left:6px}.wpt-coords{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);margin-top:2px}.joint-controls{display:flex;flex-direction:column;gap:12px}.joint-row{display:flex;flex-direction:column;gap:4px}.joint-row-head{display:flex;justify-content:space-between;font-size:11px}.joint-name{color:var(--text-muted)}.joint-val{font-family:var(--font-mono);font-weight:700;color:#fff}.joint-slider{-webkit-appearance:none;width:100%;height:4px;background:#27272a;border-radius:2px;outline:none}.joint-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-orange);cursor:pointer;box-shadow:0 0 6px #f509}.joint-drag-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:10px;padding:8px 10px;background:#ffffff0a;color:var(--text-main);border:1px solid var(--panel-border);border-radius:6px;font-family:var(--font-family);font-size:11px;font-weight:700;cursor:pointer;transition:all .15s}.joint-drag-btn:hover{border-color:#ff55008c;color:var(--accent-orange)}.joint-drag-btn.active{color:#09090b;background:var(--accent-orange);border-color:var(--accent-orange);box-shadow:0 0 14px #ff550059}.joint-drag-hint{display:none;margin-top:6px;padding:6px 8px;border-left:2px solid var(--accent-orange);background:#ff550014;color:var(--text-muted);font-size:10px;line-height:1.4}.joint-drag-hint.visible{display:block}.smartpad-box{display:flex;flex-direction:column;gap:10px}.subhead{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase}.step-selector{display:flex;gap:4px}.step-btn{flex:1;padding:5px;background:#111114;color:var(--text-muted);border:1px solid var(--panel-border);border-radius:4px;font-size:10px;font-weight:600;cursor:pointer}.step-btn.active{background:var(--accent-cyan);color:#09090b}.cart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.jog-btn{padding:8px;background:#16161a;color:#fff;border:1px solid var(--panel-border);border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s}.jog-btn:hover{background:var(--accent-orange);color:#fff;border-color:var(--accent-orange)}#playback-bar{position:absolute;bottom:16px;left:16px;right:362px;height:54px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:16px;z-index:10}.playback-controls{display:flex;align-items:center;gap:6px}.btn-ctrl{background:#16161a;color:#fff;border:1px solid var(--panel-border);width:32px;height:32px;border-radius:6px;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-ctrl:hover{background:#27272a;border-color:var(--accent-cyan)}.btn-ctrl.btn-play{background:var(--accent-orange);width:38px;height:38px;font-size:14px}.btn-ctrl.btn-play:hover{background:#ff6a1a;box-shadow:0 0 12px #ff550080}.timeline-box{flex:1;display:flex;align-items:center;gap:10px}.time-readout{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-muted);min-width:36px}.slider-container{flex:1;position:relative;height:6px;display:flex;align-items:center}#timeline-slider{-webkit-appearance:none;width:100%;height:6px;background:#16161a;border-radius:3px;outline:none;position:relative;z-index:2;cursor:pointer}#timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-orange);cursor:pointer;box-shadow:0 0 8px #f50c}.playback-tools{display:flex;align-items:center;gap:8px}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100}.modal-window{width:820px;max-height:92vh;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;background:#111114}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--panel-border)}.modal-title{display:flex;align-items:center;gap:10px}.modal-title h3{font-size:16px;color:#fff}.btn-close{background:transparent;color:var(--text-muted);border:none;font-size:18px;cursor:pointer}.btn-close:hover{color:#fff}.modal-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.drop-zone{border:2px dashed rgba(0,214,143,.3);border-radius:8px;padding:24px;text-align:center;background:#00d68f08;transition:all .2s}.drop-zone.dragover{border-color:var(--accent-orange);background:#ff550014}.drop-icon{font-size:32px;margin-bottom:6px}.drop-sub{font-size:11px;color:var(--text-muted);display:block;margin-top:4px;margin-bottom:12px}.btn-secondary{background:#1c1c21;color:#fff;border:1px solid var(--panel-border);padding:7px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer}.btn-secondary:hover{background:#27272a}.divider{display:flex;align-items:center;text-align:center;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:1px}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--panel-border)}.divider span{padding:0 10px}.code-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-col{display:flex;flex-direction:column;gap:6px}.col-head{font-size:11px;font-weight:600;color:var(--accent-cyan)}.editor-col textarea{height:150px;background:#0c0c0f;color:#e4e4e7;border:1px solid var(--panel-border);border-radius:6px;padding:10px;font-family:var(--font-mono);font-size:11px;resize:vertical;outline:none}.editor-col textarea:focus{border-color:var(--accent-cyan)}.presets-row{display:flex;align-items:center;gap:10px}.presets-label{font-size:11px;color:var(--text-muted);white-space:nowrap}.chips-list{display:flex;gap:6px;flex-wrap:wrap}.preset-chip{background:#16161a;color:#d4d4d8;border:1px solid var(--panel-border);border-radius:14px;padding:4px 10px;font-size:10px;font-weight:600;cursor:pointer;transition:all .15s}.preset-chip:hover{border-color:var(--accent-orange);color:#fff;background:#ff55001f}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--panel-border);background:#09090b80}.flow-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;background:radial-gradient(rgba(255,85,0,.055) 1px,transparent 1px) 0 0 / 20px 20px,radial-gradient(ellipse at 50% -20%,rgba(0,214,143,.08),transparent 60%),#09090b;color:var(--text-main);font-family:var(--font-family)}.flow-toolbar{display:flex;align-items:center;gap:14px;padding:10px 16px;background:#09090beb;border-bottom:1px solid var(--panel-border);box-shadow:0 2px 14px #00000080;flex-shrink:0}.flow-brand{display:flex;align-items:baseline;gap:6px;letter-spacing:.12em;font-size:12px;font-weight:800}.flow-brand-mark{color:var(--accent-cyan)}.flow-brand-name{color:var(--accent-orange)}.flow-breadcrumbs{display:flex;align-items:center;gap:4px;min-width:0;overflow-x:auto;white-space:nowrap;font-size:11px;flex:1}.flow-crumb{background:transparent;border:none;color:var(--text-muted);font-size:11px;padding:3px 7px;border-radius:4px;cursor:pointer}.flow-crumb:hover{color:#fff;background:#ffffff0f}.flow-crumb.current{color:var(--accent-orange);background:#ff55001a;border:1px solid rgba(255,85,0,.25)}.flow-crumb-sep{color:#ffffff40;font-size:10px}.flow-program-select{min-width:210px;max-width:320px}.flow-actions{display:flex;align-items:center;gap:6px}.flow-btn{background:#ffffff0a;color:var(--text-main);border:1px solid var(--panel-border);border-radius:5px;padding:6px 10px;font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s;-webkit-user-select:none;user-select:none}.flow-btn:hover{border-color:#ff55008c;color:var(--accent-orange)}.flow-import{background:#00d68f14;border-color:#00d68f40;color:#a7f3d0}.flow-sep{width:1px;height:20px;background:var(--panel-border);margin:0 4px}.flow-close{color:#ff8b7a;border-color:#ff5a464d}.flow-main{flex:1;display:flex;flex-direction:column;min-height:0}.flow-chart{position:relative;flex:1;overflow:hidden;cursor:grab;min-height:0}.flow-chart.dragging{cursor:grabbing}.flow-stage{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.flow-stage svg{display:block;max-width:none!important}.flow-stage .node{cursor:pointer;transition:filter .15s}.flow-stage .node:hover{filter:drop-shadow(0 0 8px rgba(255,85,0,.9))}.flow-source{flex-shrink:0;max-height:34%;display:flex;flex-direction:column;border-top:1px solid var(--panel-border);background:#09090bf5}.flow-source-head{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;font-size:11px;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.05)}.flow-source-code{margin:0;padding:8px 0 12px;overflow:auto;font-family:var(--font-mono, "Cascadia Code", "Consolas", monospace);font-size:12px;line-height:1.55}.flow-line{display:flex;gap:12px;padding:0 14px;white-space:pre;color:#d4d4d8}.flow-line.active{background:#ff550024;box-shadow:inset 3px 0 0 var(--accent-orange);color:#fff}.flow-ln{color:#ffffff47;text-align:right;-webkit-user-select:none;user-select:none}.flow-status{padding:5px 16px;font-size:10px;letter-spacing:.03em;color:var(--text-muted);background:#09090bf2;border-top:1px solid var(--panel-border);flex-shrink:0}.backup-program-bar{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:8px 10px;border:1px solid rgba(0,214,143,.18);background:#00d68f0d;border-radius:6px}.backup-program-label{font-size:11px;color:var(--text-muted);white-space:nowrap}#backup-program-select{flex:1;min-width:0}.backup-frames-info{font-size:10px;color:#ffb74d;white-space:nowrap}.backup-frames-info.ok{color:#00d68f}.inspector-head{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid var(--panel-border);background:#09090bbf}.inspector-title{font-size:9px;letter-spacing:.14em;color:var(--text-muted);font-weight:700}.inspector-collapse,.pad-collapse{background:transparent;border:1px solid var(--panel-border);color:var(--text-muted);border-radius:4px;width:22px;height:20px;font-size:11px;cursor:pointer;line-height:1}.inspector-collapse:hover,.pad-collapse:hover{color:var(--accent-orange);border-color:#ff550073}#inspector-panel.collapsed{width:156px;bottom:auto;height:34px}#inspector-panel.collapsed .tab-headers,#inspector-panel.collapsed .tab-content,#inspector-panel.collapsed .program-pad{display:none}#inspector-panel.collapsed .inspector-head{border-bottom:none;height:100%}.mini-flow-bar{display:flex;align-items:center;justify-content:space-between;margin:8px 0 6px}.mini-btn{background:#00d68f14;border:1px solid rgba(0,214,143,.3);color:#a7f3d0;border-radius:4px;padding:3px 8px;font-size:10px;cursor:pointer}.mini-btn:hover{border-color:var(--accent-cyan)}.mini-flow{border:1px solid var(--panel-border);border-radius:6px;background:#09090bb3;padding:6px;overflow:auto;max-height:320px;min-height:80px}.mini-flow svg{display:block}.mini-flow .flow-node-active rect,.mini-flow .flow-node-active polygon,.mini-flow .flow-node-active path,.mini-flow .flow-node-active circle{fill:#f50!important;stroke:#fff!important;stroke-width:3px!important;filter:drop-shadow(0 0 8px rgba(255,85,0,.95))}.wpt-details{margin-top:8px;font-size:11px;color:var(--text-muted)}.wpt-details summary{cursor:pointer;padding:4px 0}.program-pad{border-top:1px solid var(--panel-border);background:#09090beb;flex-shrink:0}.pad-head{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff05}.pad-dot{width:8px;height:8px;border-radius:50%;background:#71717a;box-shadow:0 0 6px #71717acc}.program-pad[data-state=run] .pad-dot{background:var(--accent-green);box-shadow:0 0 8px #00d68fe6}.program-pad[data-state=wait] .pad-dot{background:var(--accent-orange);box-shadow:0 0 10px #ff5500f2;animation:padPulse 1s infinite alternate}.program-pad[data-state=error] .pad-dot{background:#ff5252}@keyframes padPulse{0%{opacity:.45}to{opacity:1}}.pad-title{font-size:9px;letter-spacing:.12em;font-weight:800;color:var(--text-main)}.pad-module{flex:1;text-align:right;font-size:10px;color:var(--accent-cyan);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.program-pad.collapsed .pad-body{display:none}.pad-body{padding:8px 10px 10px;display:flex;flex-direction:column;gap:8px}.pad-state{font-size:11px;font-weight:700;color:var(--text-muted)}.pad-state-run{color:var(--accent-green)}.pad-state-wait{color:var(--accent-orange)}.pad-state-error{color:#ff5252}.pad-request{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid rgba(255,85,0,.35);background:#ff550012;border-radius:6px}.pad-request-title{font-size:11px;font-weight:800;color:var(--accent-orange)}.pad-request-detail{font-family:var(--font-mono);font-size:10px;color:#d4d4d8;word-break:break-word}.pad-request-actions{display:flex;flex-wrap:wrap;gap:5px}.pad-signal{background:#ffffff0f;border:1px solid var(--panel-border);color:var(--text-main);border-radius:5px;padding:5px 9px;font-size:11px;font-weight:700;cursor:pointer}.pad-signal:hover{border-color:var(--accent-orange);color:var(--accent-orange)}.pad-signal-pgno{min-width:42px;color:#a7f3d0;border-color:#00d68f4d}.pad-signal-yes{color:#00d68f;border-color:#00d68f66}.pad-signal-no{color:#ff8b7a;border-color:#ff5a4666}.pad-input{width:80px;background:#0c0c0f;border:1px solid var(--panel-border);border-radius:5px;color:#fff;font-size:11px;padding:5px 7px}.pad-controls{display:flex;gap:6px}.pad-btn{flex:1;background:#ffffff0d;border:1px solid var(--panel-border);color:var(--text-main);border-radius:5px;padding:6px 8px;font-size:10px;font-weight:600;cursor:pointer}.pad-btn:hover{border-color:var(--accent-orange);color:var(--accent-orange)}.pad-log{display:flex;flex-direction:column;gap:2px;max-height:84px;overflow:hidden}.pad-log-row{font-family:var(--font-mono);font-size:9px;color:#d4d4d8a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pad-request-actions{max-height:128px;overflow-y:auto;padding-right:4px}.pad-state-warn{color:#ffb74d}.program-pad[data-state=warn] .pad-dot{background:#ffb74d;box-shadow:0 0 8px #ffb74de6}.flow-stage .node.flow-node-active rect,.flow-stage .node.flow-node-active polygon,.flow-stage .node.flow-node-active path,.flow-stage .node.flow-node-active circle{stroke:#f50!important;stroke-width:3.5px!important;filter:drop-shadow(0 0 8px rgba(255,85,0,.95))}.flow-btn.active{border-color:#f509;color:var(--accent-orange);background:#ff55001a}.flow-chart{touch-action:none}@media (pointer: coarse){.pad-signal,.pad-btn,.flow-btn,.mini-btn{min-height:40px}.pad-signal{min-width:54px;font-size:13px}.tab-btn{padding:12px 6px}.mini-flow{max-height:40vh}}@media (max-width: 900px){#top-bar{flex-wrap:wrap;gap:6px;padding:8px 10px;height:auto;min-height:56px}#top-bar .brand-badge{min-width:0}#top-bar .brand-text{display:none}#inspector-panel{top:auto;bottom:64px;left:8px;right:8px;width:auto;max-height:48vh}#inspector-panel.collapsed{left:auto;width:152px;height:34px;bottom:64px}#playback-bar{left:8px;right:8px;bottom:8px;height:48px;padding:0 10px;gap:8px}#telemetry-hud{top:64px;left:50%;transform:translate(-50%) scale(.8);transform-origin:top center}.flow-toolbar{flex-wrap:wrap;gap:8px;padding:8px 10px}.flow-breadcrumbs{order:3;width:100%}.flow-program-select{flex:1;min-width:130px;max-width:none}.flow-actions{flex-wrap:wrap;gap:4px}.flow-source{max-height:38%}.modal-window{width:calc(100vw - 16px);max-height:94vh}.code-editor-grid{grid-template-columns:1fr}}@media (max-width: 600px){.flow-brand-name{display:none}.coord-grid{grid-template-columns:repeat(3,1fr)}.hud-panel{max-width:62vw}.timeline-box{display:none}.playback-tools .speed-select{width:74px}}@media (max-width: 900px){#top-bar{align-items:flex-start}.brand-badge{flex:0 0 auto}.brand-tag{display:none}.top-controls{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 100%;order:3}.selector-group{flex:1 1 42%;min-width:0}.selector-label{display:none}.selector-group .dropdown-select{width:100%;max-width:none;min-width:0}#btn-open-flowchart,#btn-open-code-modal{flex:1 1 auto;justify-content:center;padding:8px 10px;font-size:0}#btn-open-flowchart .btn-icon-text,#btn-open-code-modal .btn-icon-text{font-size:15px;margin:0}.view-presets{flex:1 1 100%;order:4;justify-content:flex-start}#inspector-panel{max-height:62vh}.program-pad{max-height:38vh;overflow-y:auto}.tab-content{min-height:0}}@media (max-width: 900px){#telemetry-hud{top:44px;left:50%;transform:translate(-50%) scale(.75);transform-origin:top center}#btn-open-flowchart:after{content:"Схема";font-size:12px;margin-left:5px}#btn-open-code-modal:after{content:"KRL";font-size:12px;margin-left:5px}}#flow-panel{position:absolute;top:50px;left:16px;bottom:84px;width:480px;min-width:320px;max-width:760px;display:flex;flex-direction:column;border-radius:10px;z-index:6;overflow:hidden;background:#09090bc2}#flow-panel.hidden{display:none}#flow-panel.collapsed{width:176px;height:34px;bottom:auto;min-width:0}#flow-panel.collapsed #mini-flow,#flow-panel.collapsed .flow-panel-grip{display:none}.flow-panel-head{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid var(--panel-border);background:#09090bc7;flex-shrink:0}.flow-panel-title{font-size:9px;letter-spacing:.12em;font-weight:700;color:var(--text-muted);white-space:nowrap}.flow-panel-module{flex:1;min-width:0;text-align:right;font-size:10px;color:var(--accent-cyan);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-panel-programs{display:flex;align-items:center;gap:8px;padding:5px 8px;border-bottom:1px solid var(--panel-border);background:#111114b8;flex-shrink:0}.flow-panel-programs-label{font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--text-muted);white-space:nowrap}.flow-panel-program-select{flex:1;min-width:0;height:26px;padding:0 6px;background:#111114;color:var(--text-main);border:1px solid var(--panel-border);border-radius:4px;font-family:var(--font-family);font-size:10px;outline:none}.flow-panel-program-select:focus{border-color:#ff55008c}#flow-panel #mini-flow{flex:1;min-height:0;max-height:none;margin:0;border:none;border-radius:0;background:#09090bb8}.flow-panel-grip{position:absolute;right:0;top:0;bottom:0;width:7px;cursor:ew-resize;background:linear-gradient(270deg,rgba(255,85,0,.12),transparent);z-index:2}.flow-panel-grip:hover{background:linear-gradient(270deg,rgba(255,85,0,.35),transparent)}.flow-close-panel{color:#ff8b7a;border-color:#ff5a464d}@media (max-width: 900px){#flow-panel{top:64px;left:8px;right:8px;bottom:64px;width:auto;max-width:none;z-index:30}#flow-panel.collapsed{width:176px;left:8px;right:auto;height:34px;bottom:auto}}body.embed-mode #top-bar,body.embed-mode #inspector-panel,body.embed-mode #flow-panel,body.embed-mode #playback-bar,body.embed-mode #telemetry-hud{display:none!important}body.embed-mode #viewport-container{height:100vh}.embed-open{display:none}body.embed-mode .embed-open{position:absolute;top:12px;right:12px;z-index:40;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;background:#ff5500eb;color:#fff;font-size:12px;font-weight:700;text-decoration:none;border:1px solid rgba(255,255,255,.25);box-shadow:0 6px 22px #00000073}body.embed-mode .embed-open:hover{background:#ff7a1a}.consent-backdrop{z-index:120}.consent-window{width:min(620px,calc(100vw - 24px))}.consent-body{display:flex;flex-direction:column;gap:12px;color:#d4d4d8;font-size:13px;line-height:1.55}.consent-body p{margin:0}.consent-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;color:#a1a1aa}.consent-list code{color:#ffb066}.consent-check{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid rgba(255,85,0,.35);border-radius:8px;background:#ff55000f;cursor:pointer;-webkit-user-select:none;user-select:none}.consent-check input{width:18px;height:18px;margin:1px 0 0;accent-color:#FF5500;flex:none}.consent-check span{font-size:12.5px;color:#e4e4e7}.server-progress{position:fixed;right:18px;bottom:92px;width:min(360px,calc(100vw - 24px));padding:12px 14px;display:flex;flex-direction:column;gap:8px;z-index:70;box-shadow:0 14px 40px #0000008c;border:1px solid rgba(0,214,143,.25)}.server-progress-error{border-color:#ff5656a6}.server-progress-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.14em;color:#6ee7b7;font-weight:700}.server-progress-bar{height:6px;border-radius:3px;background:#1c1c21;overflow:hidden}#server-progress-fill{height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#f50,#ffb066);transition:width .25s ease}#server-progress-fill.indeterminate{width:42%!important;animation:server-indeterminate 1.1s infinite ease-in-out}@keyframes server-indeterminate{0%{transform:translate(-110%)}to{transform:translate(260%)}}#server-progress-text{font-size:11.5px;color:#d4d4d8;white-space:pre-wrap;word-break:break-word}@media (max-width: 720px){.server-progress{left:8px;right:8px;bottom:74px;width:auto}}#flow-panel{transition:opacity .25s ease,box-shadow .25s ease,border-color .25s ease;opacity:.94}#flow-panel:hover,#flow-panel:focus-within,#flow-panel.collapsed{opacity:1}#flow-panel:hover{box-shadow:0 12px 40px #00000080,0 0 0 1px #ff55002e}.flow-live-bar{display:flex;align-items:center;gap:7px;padding:4px 8px;border-bottom:1px solid var(--panel-border);background:linear-gradient(90deg,#ff55001a,#ff550005);flex-shrink:0}.flow-live-dot{width:6px;height:6px;border-radius:50%;background:#f50;box-shadow:0 0 8px #ff5500e6;animation:flowLivePulse 1.6s ease-in-out infinite;flex-shrink:0}@keyframes flowLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.flow-current{flex:1;min-width:0;font-family:Cascadia Code,Consolas,monospace;font-size:10px;color:#ffd7a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-live-btn{background:transparent;border:1px solid rgba(255,85,0,.35);color:#ff9d4d;border-radius:4px;width:18px;height:18px;line-height:1;font-size:10px;cursor:pointer;flex-shrink:0}.flow-live-btn:hover{background:#ff55002e}.mini-flow .flow-node-callable:hover rect,.mini-flow .flow-node-callable:hover polygon,.mini-flow .flow-node-callable:hover path,.mini-flow .flow-node-callable:hover circle,#flow-chart .flow-node-callable:hover rect,#flow-chart .flow-node-callable:hover polygon,#flow-chart .flow-node-callable:hover path,#flow-chart .flow-node-callable:hover circle{stroke:#00d68f!important;stroke-width:2.5px!important;filter:drop-shadow(0 0 6px rgba(0,214,143,.7))}.signal-toast{position:fixed;right:20px;bottom:96px;width:340px;max-width:calc(100vw - 24px);padding:12px 14px 14px;border-radius:12px;border:1px solid rgba(255,85,0,.5);background:#09090bf2;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 48px #0009;z-index:60;opacity:0;transform:translateY(14px) scale(.98);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.signal-toast.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.signal-toast:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:12px;pointer-events:none;animation:toastGlow 2.2s ease-in-out infinite}@keyframes toastGlow{0%,to{box-shadow:0 0 0 1px #ff550038,0 0 20px #ff55001f}50%{box-shadow:0 0 0 1px #ff55008c,0 0 30px #ff550052}}.signal-toast-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.signal-toast-pulse{width:8px;height:8px;border-radius:50%;background:#f50;box-shadow:0 0 10px #ff5500f2;animation:flowLivePulse 1.4s ease-in-out infinite}.signal-toast-kicker{font-size:9px;letter-spacing:.14em;font-weight:700;color:#ff9d4d}.signal-toast-title{font-size:13px;font-weight:700;color:#fff;margin-bottom:3px}.signal-toast-detail{font-family:Cascadia Code,Consolas,monospace;font-size:10px;color:var(--text-muted);margin-bottom:10px;word-break:break-word}.signal-toast-actions{display:flex;flex-wrap:wrap;gap:6px}.signal-toast-actions .pad-signal{font-size:11px;padding:6px 10px}@media (max-width: 900px){.signal-toast{right:10px;left:10px;width:auto;bottom:88px}}.lang-select{min-width:60px;padding:6px 8px;font-size:11px;letter-spacing:.04em}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:1em;height:1em;display:inline-block;vertical-align:-.125em;fill:currentColor;flex-shrink:0}.btn-primary .icon,.btn-ghost .icon{font-size:15px}.btn-ctrl .icon{font-size:18px}.btn-icon .icon{font-size:15px}.pad-btn .icon,.flow-btn .icon{font-size:12px;vertical-align:-.15em}.drop-icon .icon{font-size:34px;opacity:.85}.modal-icon .icon{font-size:20px}.flow-live-btn .icon{font-size:11px}.flow-btn{display:inline-flex;align-items:center;gap:4px}.brand-mark{width:44px;height:44px;border-radius:13px;padding:6px;display:grid;place-items:center;background:radial-gradient(circle at 30% 22%,#fff,#d1fae5 45%,#86efac);border:1px solid rgba(0,214,143,.65);box-shadow:0 0 0 1px #00000073,0 4px 14px #00000073,0 0 18px #00d68f59;flex-shrink:0}.brand-logo{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.top-controls{flex-wrap:nowrap;align-items:center;gap:8px}.top-controls .btn-ghost,.top-controls .btn-primary{white-space:nowrap;height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.top-controls .selector-group{flex-shrink:0}.top-controls .selector-label{white-space:nowrap}@media (max-width: 1200px){.top-controls .btn-ghost span[data-i18n],.top-controls .btn-primary span[data-i18n]{display:none}.top-controls .btn-ghost,.top-controls .btn-primary{padding:0 10px}}@media (max-width: 900px){.project-bar{padding:0 8px}.project-name{max-width:180px}.project-program{max-width:120px}.project-stat{display:none}}@media (max-width: 600px){.project-program{display:none}.project-meta{max-width:150px}}@media (max-width: 900px){.top-controls{flex-wrap:wrap;justify-content:flex-start;width:100%;flex:1 1 100%}.top-controls .selector-group{flex:1 1 42%}.top-controls .btn-ghost,.top-controls .btn-primary,.top-controls #lang-select{flex:0 0 auto}.view-presets{width:100%;justify-content:flex-start}#btn-open-flowchart,#btn-open-code-modal{flex:0 0 auto;width:auto}}.robot-picker{position:relative;min-width:240px;max-width:300px}.robot-picker-button{width:100%;height:34px;display:flex;align-items:center;gap:8px;padding:0 10px;background:#111114;color:var(--text-main);border:1px solid var(--panel-border);border-radius:4px;font-size:12px;font-weight:600;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}.robot-picker-button:hover,.robot-picker-button:focus-visible{border-color:var(--accent-orange);box-shadow:0 0 0 2px #ff550029;outline:none}.robot-picker-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.robot-picker-chevron{width:14px;height:14px;margin-left:auto;flex:0 0 auto;color:var(--text-muted)}.native-model-select{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.robot-picker-popover{position:absolute;top:calc(100% + 6px);left:0;width:min(420px,calc(100vw - 24px));max-height:min(480px,62vh);display:flex;flex-direction:column;background:#111114;border:1px solid var(--panel-border);box-shadow:0 18px 48px #0000008c;z-index:90}.robot-picker-popover[hidden]{display:none}.robot-picker-search-wrap{padding:8px;border-bottom:1px solid var(--panel-border)}.robot-picker-search{width:100%;height:32px;padding:0 10px;background:#09090b;color:var(--text-main);border:1px solid var(--panel-border);border-radius:3px;font-family:var(--font-family);font-size:12px;outline:none}.robot-picker-search:focus{border-color:var(--accent-orange)}.robot-picker-search::placeholder{color:var(--text-muted)}.robot-picker-list{overflow-y:auto;padding:4px}.robot-picker-group{padding:9px 10px 4px;color:var(--text-muted);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.robot-picker-option{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;background:transparent;color:var(--text-main);border:1px solid transparent;cursor:pointer;text-align:left}.robot-picker-option:hover,.robot-picker-option.active{background:#ff55001a;border-color:#ff550059}.robot-picker-option[aria-selected=true]{border-color:#00d68f80;background:#00d68f14}.robot-picker-option-name{font-size:12px;font-weight:600}.robot-picker-option-meta{color:var(--text-muted);font-family:var(--font-mono);font-size:9.5px}.robot-picker-empty{padding:18px 12px;color:var(--text-muted);font-size:12px;text-align:center}@media (max-width: 900px){.robot-picker{width:100%;max-width:none;min-width:0}.selector-group .robot-picker{flex:1 1 100%}.robot-picker-popover{width:100%;max-height:52vh}}