:root{--bg-dark: #0a0d14;--bg-panel: #11151e;--bg-card: #181d28;--bg-hover: #222938;--bg-active: #2b3447;--border-subtle: #1e2636;--border-medium: #2a3449;--border-accent: #3d4a66;--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--fanuc-yellow: #f59e0b;--fanuc-yellow-glow: rgba(245, 158, 11, .35);--kuka-orange: #ff5500;--kuka-orange-glow: rgba(255, 85, 0, .35);--laser-cyan: #00e5ff;--laser-cyan-glow: rgba(0, 229, 255, .35);--safety-green: #10b981;--safety-green-glow: rgba(16, 185, 129, .35);--alarm-red: #ef4444;--alarm-red-glow: rgba(239, 68, 68, .4);--font-ui: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body,html{width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;width:100vw;height:100vh}.top-nav{height:52px;background:linear-gradient(180deg,#151a24,#0e121a);border-bottom:1px solid var(--border-medium);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:100;box-shadow:0 4px 12px #0006}.nav-brand{display:flex;align-items:center;gap:10px}.brand-logo svg{width:28px;height:28px;fill:var(--fanuc-yellow);filter:drop-shadow(0 0 6px var(--fanuc-yellow-glow))}.brand-titles{display:flex;flex-direction:column}.brand-title{font-family:var(--font-mono);font-size:14px;font-weight:800;letter-spacing:1.2px;color:#fff}.brand-subtitle{font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--fanuc-yellow)}.nav-center{display:flex;align-items:center;gap:16px}.nav-control-wrap{display:flex;align-items:center;gap:8px}.nav-label{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-dim)}.nav-select{background:var(--bg-card);border:1px solid var(--border-medium);color:var(--text-main);font-family:var(--font-mono);font-size:11px;padding:6px 10px;border-radius:4px;outline:none;cursor:pointer;transition:border-color .15s}.nav-select:hover,.nav-select:focus{border-color:var(--fanuc-yellow)}.sim-controls-group{display:flex;align-items:center;gap:6px;background:var(--bg-card);padding:3px 6px;border-radius:6px;border:1px solid var(--border-subtle)}.sim-btn{background:#1e2636;border:1px solid var(--border-medium);color:var(--text-main);font-family:var(--font-mono);font-size:11px;font-weight:700;padding:5px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.sim-btn:hover{background:var(--bg-hover);border-color:var(--border-accent)}.sim-play-btn{background:#1c3427;border-color:#235e3d;color:#34d399}.sim-play-btn:hover{background:#224330;box-shadow:0 0 10px #10b9814d}.sim-play-btn.is-running{background:#3b2814;border-color:#78350f;color:#fbbf24;box-shadow:0 0 10px #f59e0b59}.sim-step-btn{background:#1e2636;border-color:#334155;color:#cbd5e1}.sim-step-btn:hover{background:#293548;border-color:#64748b;color:#fff}.sim-restart-btn{background:#172554;border:1px solid #38bdf8;color:#38bdf8;font-weight:800;letter-spacing:.5px;box-shadow:0 0 8px #38bdf840}.sim-restart-btn:hover{background:#0284c7;border-color:#bae6fd;color:#fff;box-shadow:0 0 14px #38bdf899}.sim-restart-btn:active{transform:scale(.96)}.sim-speed-select{background:transparent;border:none;color:var(--laser-cyan);font-family:var(--font-mono);font-size:11px;font-weight:700;cursor:pointer;padding:2px 4px;outline:none}.nav-actions{display:flex;align-items:center;gap:8px}.btn-action{background:var(--bg-card);border:1px solid var(--border-medium);color:var(--text-main);font-family:var(--font-mono);font-size:11px;font-weight:700;padding:6px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.btn-action:hover{background:var(--bg-hover);border-color:var(--border-accent)}.btn-estop{background:linear-gradient(180deg,#b91c1c,#7f1d1d);border:1px solid #ef4444;color:#fff;box-shadow:0 0 12px var(--alarm-red-glow)}.btn-estop:hover{background:#dc2626;box-shadow:0 0 18px #ef4444b3}.main-workspace{flex:1;display:flex;width:100%;height:calc(100vh - 52px);position:relative;overflow:hidden}.viewport-section{flex:1.25;height:100%;position:relative;background:#0c0f14;border-right:1px solid var(--border-medium)}.viewport-container{width:100%;height:100%}.viewport-hud-top{position:absolute;top:12px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.hud-tag-box{background:#0e121ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-medium);border-radius:4px;padding:5px 10px;display:flex;align-items:center;gap:8px}.hud-status-dot{width:8px;height:8px;border-radius:50%;background:var(--safety-green);box-shadow:0 0 8px var(--safety-green-glow);animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.hud-status-text{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:1px;color:var(--text-muted)}.gizmo-mode-buttons{pointer-events:auto;display:flex;align-items:center;gap:4px;background:#0e121ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-medium);border-radius:4px;padding:4px 6px}.gizmo-lbl{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);margin-right:4px}.gizmo-btn{background:transparent;border:1px solid transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:10px;font-weight:700;padding:3px 8px;border-radius:3px;cursor:pointer;transition:all .15s}.gizmo-btn:hover{color:#fff;border-color:var(--border-medium)}.gizmo-btn.active{background:var(--bg-hover);border-color:var(--laser-cyan);color:var(--laser-cyan);box-shadow:0 0 8px var(--laser-cyan-glow)}.btn-spawn{background:#2a2010!important;border-color:#d97706!important;color:#fbbf24!important}.btn-spawn:hover{background:#3b2814!important;box-shadow:0 0 8px var(--fanuc-yellow-glow)!important}.viewport-hud-bottom{position:absolute;bottom:12px;left:14px;background:#0e121ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-medium);border-radius:4px;padding:4px 10px;pointer-events:none}.hint-text{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.control-deck-section{flex:.95;height:100%;display:flex;flex-direction:column;background:var(--bg-panel);overflow:hidden}.deck-tabs-nav{height:44px;background:#0f131a;border-bottom:1px solid var(--border-medium);display:flex;align-items:center;padding:0 8px;gap:4px}.deck-nav-tab{flex:1;height:36px;background:transparent;border:1px solid transparent;color:var(--text-dim);font-family:var(--font-mono);font-size:11px;font-weight:700;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease}.deck-nav-tab:hover{color:var(--text-muted);background:#ffffff08}.deck-nav-tab.active{background:var(--bg-card);border-color:var(--border-medium);color:var(--fanuc-yellow);box-shadow:0 2px 6px #0000004d}.tab-icon{font-size:12px}.deck-content-panels{flex:1;position:relative;overflow:hidden}.deck-tab-panel{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;display:none;padding:14px}.deck-tab-panel.active{display:block}.teach-pendant-panel{display:flex;flex-direction:column;gap:12px}.pendant-mode-bar{display:flex;gap:6px;background:var(--bg-card);padding:4px;border-radius:6px;border:1px solid var(--border-subtle)}.pendant-tab-btn{flex:1;background:transparent;border:none;color:var(--text-dim);font-family:var(--font-mono);font-size:11px;font-weight:700;padding:6px;border-radius:4px;cursor:pointer;transition:all .15s}.pendant-tab-btn.active{background:var(--bg-hover);color:var(--laser-cyan);box-shadow:0 0 8px var(--laser-cyan-glow)}.pendant-view{display:none}.pendant-view.active{display:block}.joints-grid{display:flex;flex-direction:column;gap:8px}.joint-row{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.joint-header{display:flex;justify-content:space-between;align-items:center}.joint-name{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-muted)}.joint-val{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--fanuc-yellow)}.joint-input-wrap{display:flex;align-items:center;gap:8px}.jog-step-btn{background:var(--bg-hover);border:1px solid var(--border-medium);color:var(--text-main);font-family:var(--font-mono);font-size:12px;font-weight:800;width:26px;height:24px;border-radius:3px;cursor:pointer;transition:all .1s}.jog-step-btn:hover{border-color:var(--fanuc-yellow);color:var(--fanuc-yellow)}.btn-fine{font-size:10px!important;width:28px!important;color:var(--laser-cyan)!important;background:#172554!important;border-color:#2563eb!important}.joint-wrist-row{border-left:3px solid var(--laser-cyan)}.joint-group-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:8px 10px;margin-bottom:8px;display:flex;flex-direction:column;gap:6px}.wrist-group-box{border-color:#1e3a5f;background:#0f1624}.joint-group-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px;border-bottom:1px solid var(--border-subtle)}.group-title{font-family:var(--font-mono);font-size:10px;font-weight:800;letter-spacing:.8px;color:var(--text-muted)}.title-wrist{color:var(--laser-cyan)!important}.group-tag{font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--text-dim)}.tag-wrist{color:var(--laser-cyan)!important}.wrist-quick-row{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:4px}.wrist-snap-btn{background:var(--bg-hover);border:1px solid var(--border-medium);color:var(--text-main);font-family:var(--font-mono);font-size:10px;font-weight:700;padding:5px 8px;border-radius:4px;cursor:pointer;transition:all .15s;text-align:center}.wrist-snap-btn:hover{border-color:var(--laser-cyan);color:var(--laser-cyan);background:var(--bg-active)}.dpad-group-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.dpad-group-title{font-family:var(--font-mono);font-size:10px;font-weight:800;letter-spacing:.8px;color:var(--text-muted)}.pendant-gripper-station{background:#0f141d;border:1px solid #1e3a5f;border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;box-shadow:inset 0 0 12px #00e5ff0a}.station-header{display:flex;justify-content:space-between;align-items:center}.station-title-wrap{display:flex;align-items:center;gap:6px}.station-icon{font-size:14px}.station-title{font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:.8px;color:var(--laser-cyan)}.station-status-pill{display:flex;align-items:center;gap:6px;background:#172033;padding:2px 8px;border-radius:12px;border:1px solid #233554}.grip-status-txt{font-family:var(--font-mono);font-size:10px;font-weight:700;color:#fff}.gripper-action-bar{display:flex;gap:6px}.grip-act-btn{flex:1;background:var(--bg-card);border:1px solid var(--border-medium);font-family:var(--font-mono);font-size:10px;font-weight:800;padding:7px 4px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .15s}.grip-act-btn.btn-clamp{background:#182f22;border-color:#10b981;color:#34d399}.grip-act-btn.btn-clamp:hover{background:#1f3d2c;box-shadow:0 0 10px var(--safety-green-glow)}.grip-act-btn.btn-open{background:#122838;border-color:#0284c7;color:#38bdf8}.grip-act-btn.btn-open:hover{background:#18354a;box-shadow:0 0 10px var(--laser-cyan-glow)}.grip-act-btn.btn-drop{background:#3b1818;border-color:#ef4444;color:#f87171}.grip-act-btn.btn-drop:hover{background:#4a1f1f;box-shadow:0 0 10px var(--alarm-red-glow)}.gripper-slider-row{display:flex;align-items:center;gap:8px}.slider-mini-lbl{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--text-dim);white-space:nowrap}.slider-mini-val{font-family:var(--font-mono);font-size:11px;font-weight:800;color:var(--fanuc-yellow);width:44px;text-align:right}.mini-slider{flex:1}.gripper-quick-widths{display:flex;gap:4px}.width-chip{flex:1;background:#172033;border:1px solid #233554;color:var(--text-muted);font-family:var(--font-mono);font-size:9px;font-weight:700;padding:4px 2px;border-radius:3px;cursor:pointer;transition:all .1s}.width-chip:hover{border-color:var(--laser-cyan);color:var(--laser-cyan);background:var(--bg-hover)}.deck-sub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.sub-header-title{font-family:var(--font-mono);font-size:10px;font-weight:800;letter-spacing:.8px;color:var(--laser-cyan)}.sub-header-tag{font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--text-dim)}.wrist-rot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rot-axis-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px}.rot-axis-lbl{font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--text-dim)}.rot-btn-pair{display:flex;gap:4px}.jog-rot-btn{flex:1;background:var(--bg-hover);border:1px solid var(--border-medium);color:var(--text-main);font-family:var(--font-mono);font-size:10px;font-weight:700;padding:6px 2px;border-radius:4px;cursor:pointer;transition:all .15s}.jog-rot-btn:hover{background:var(--bg-active);border-color:var(--laser-cyan);color:var(--laser-cyan)}.wrist-presets-row{display:flex;flex-wrap:wrap;gap:6px}.wrist-preset-btn{background:var(--bg-card);border:1px solid var(--border-medium);color:var(--text-main);font-family:var(--font-mono);font-size:10px;font-weight:700;padding:6px 10px;border-radius:4px;cursor:pointer;transition:all .15s}.wrist-preset-btn:hover{border-color:var(--fanuc-yellow);color:var(--fanuc-yellow);background:var(--bg-hover)}.wrist-preset-btn.btn-dim{color:var(--text-dim)}.gripper-deck-section{display:flex;flex-direction:column;gap:12px}.gripper-status-card{background:#0f131a;border:1px solid var(--border-medium);border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:8px}.card-row-top{display:flex;justify-content:space-between;align-items:center}.status-indicator-wrap{display:flex;align-items:center;gap:8px}.status-dot{width:10px;height:10px;border-radius:50%}.dot-green{background:var(--safety-green);box-shadow:0 0 10px var(--safety-green-glow)}.dot-cyan{background:var(--laser-cyan);box-shadow:0 0 10px var(--laser-cyan-glow)}.dot-amber{background:var(--fanuc-yellow);box-shadow:0 0 10px var(--fanuc-yellow-glow)}.status-main-text{font-family:var(--font-mono);font-size:12px;font-weight:800;color:#fff}.pressure-badge{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--laser-cyan);background:#172554;padding:2px 6px;border-radius:3px;border:1px solid #1e40af}.card-row-sub{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px}.sensor-tag{color:var(--text-dim)}.sensor-val{font-weight:700}.val-detected{color:var(--safety-green)}.val-clear{color:var(--text-muted)}.gripper-action-buttons{display:flex;gap:8px}.pendant-tool-btn{flex:1;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:6px;padding:10px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .15s}.pendant-tool-btn .btn-icon{font-size:16px}.pendant-tool-btn .btn-text{font-family:var(--font-mono);font-size:10px;font-weight:800;color:#fff}.btn-clamp{background:#182f22;border-color:#10b981}.btn-clamp:hover{background:#1f3d2c;box-shadow:0 0 12px var(--safety-green-glow)}.btn-open{background:#122838;border-color:#0284c7}.btn-open:hover{background:#18354a;box-shadow:0 0 12px var(--laser-cyan-glow)}.btn-drop{background:#3b1818;border-color:#ef4444}.btn-drop:hover{background:#4a1f1f;box-shadow:0 0 12px var(--alarm-red-glow)}.gripper-slider-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.slider-title-row{display:flex;justify-content:space-between;align-items:center}.slider-title{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-muted)}.slider-val{font-family:var(--font-mono);font-size:12px;font-weight:800;color:var(--fanuc-yellow)}.slider-scale-row{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:9px;color:var(--text-dim)}.gripper-presets-row{display:flex;gap:6px}.grip-preset-btn{flex:1;background:var(--bg-card);border:1px solid var(--border-medium);color:var(--text-main);font-family:var(--font-mono);font-size:9px;font-weight:700;padding:6px 2px;border-radius:4px;cursor:pointer;transition:all .15s}.grip-preset-btn:hover{border-color:var(--laser-cyan);color:var(--laser-cyan);background:var(--bg-hover)}.joint-slider{flex:1;-webkit-appearance:none;height:5px;border-radius:3px;background:#273145;outline:none}.joint-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--fanuc-yellow);cursor:pointer;box-shadow:0 0 6px var(--fanuc-yellow-glow);transition:transform .1s}.joint-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.cartesian-dpad-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dpad-axis{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:8px}.axis-tag{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--text-dim)}.dpad-btn-pair{display:flex;gap:6px}.jog-cart-btn{flex:1;background:var(--bg-hover);border:1px solid var(--border-medium);color:var(--text-main);font-family:var(--font-mono);font-size:11px;font-weight:700;padding:8px 4px;border-radius:4px;cursor:pointer;transition:all .15s}.jog-cart-btn:hover{background:var(--bg-active);border-color:var(--laser-cyan);color:var(--laser-cyan)}.tcp-telemetry-box{background:#0f131a;border:1px solid var(--border-medium);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.telemetry-header{display:flex;justify-content:space-between;align-items:center}.telemetry-title{font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:.8px;color:var(--laser-cyan)}.singularity-tag{font-family:var(--font-mono);font-size:9px;font-weight:800;padding:2px 6px;border-radius:3px;letter-spacing:.8px}.singularity-tag.safe{background:#132d20;border:1px solid #10b981;color:#34d399}.telemetry-values{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.coord-item{display:flex;align-items:baseline;gap:4px;font-family:var(--font-mono)}.coord-lbl{font-size:11px;font-weight:700;color:var(--text-dim)}.coord-num{font-size:12px;font-weight:700;color:#fff}.coord-unit{font-size:9px;color:var(--text-dim)}.pendant-action-deck{display:flex;gap:8px}.pendant-action-btn{flex:1;background:var(--bg-card);border:1px solid var(--border-medium);color:var(--text-main);font-family:var(--font-mono);font-size:11px;font-weight:700;padding:8px 6px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s}.pendant-action-btn:hover{background:var(--bg-hover);border-color:var(--border-accent)}.btn-teach{background:#3b2814;border-color:#d97706;color:#fbbf24}.btn-teach:hover{background:#4a3319;box-shadow:0 0 10px var(--fanuc-yellow-glow)}.btn-tool.active{background:#1c3427;border-color:#10b981;color:#34d399}.program-editor-panel{display:flex;flex-direction:column;height:100%;gap:10px}.program-toolbar{display:flex;flex-wrap:wrap;gap:6px}.inst-add-btn{background:var(--bg-card);border:1px solid var(--border-medium);color:var(--text-muted);font-family:var(--font-mono);font-size:10px;font-weight:700;padding:5px 8px;border-radius:4px;cursor:pointer;transition:all .15s}.inst-add-btn:hover{border-color:var(--fanuc-yellow);color:var(--fanuc-yellow);background:var(--bg-hover)}.instructions-scrollbox{flex:1;background:#0d1118;border:1px solid var(--border-medium);border-radius:6px;overflow-y:auto;max-height:380px}.instructions-list{display:flex;flex-direction:column}.instruction-row{display:flex;align-items:center;padding:8px 10px;border-bottom:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:11px;gap:10px;cursor:pointer;transition:background .1s}.instruction-row:hover{background:#ffffff08}.instruction-row.active-line{background:#f59e0b26;border-left:3px solid var(--fanuc-yellow);box-shadow:inset 0 0 12px #f59e0b1a}.line-num{color:var(--text-dim);font-size:10px;width:20px}.inst-badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;display:flex;align-items:center;gap:4px}.badge-move{background:#1e293b;color:var(--laser-cyan);border:1px solid #334155}.badge-tool{background:#27272a;color:var(--fanuc-yellow);border:1px solid #3f3f46}.badge-wait{background:#262626;color:#a3a3a3;border:1px solid #404040}.badge-io{background:#172554;color:#60a5fa;border:1px solid #1e40af}.badge-weld{background:#3b1414;color:#f87171;border:1px solid #7f1d1d;box-shadow:0 0 6px #ef444440}.badge-vision{background:#082f49;color:#38bdf8;border:1px solid #0284c7;box-shadow:0 0 6px #38bdf840}.badge-js{background:#1e1b4b;color:#c4b5fd;border:1px solid #6366f1;box-shadow:0 0 6px #6366f140}.btn-js-add{background:#6366f11f!important;border-color:#6366f1!important;color:#c4b5fd!important}.btn-js-add:hover{background:#6366f140!important;box-shadow:0 0 8px #6366f166!important}.inst-label{flex:1;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inst-actions{display:flex;gap:4px}.inst-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:2px 4px;font-size:10px;border-radius:2px}.inst-btn:hover{color:var(--alarm-red)}.target-waypoints-deck{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:8px}.deck-header{display:flex;justify-content:space-between;align-items:center}.deck-title{font-family:var(--font-mono);font-size:11px;font-weight:800;color:var(--text-muted)}.deck-count{font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}.targets-chips-list{display:flex;flex-wrap:wrap;gap:6px}.target-chip{background:var(--bg-hover);border:1px solid var(--border-medium);border-radius:4px;padding:3px 6px;display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px}.target-name{color:var(--fanuc-yellow);font-weight:700}.target-goto-btn{background:#273145;border:none;color:#fff;font-size:9px;font-weight:800;padding:2px 5px;border-radius:2px;cursor:pointer}.target-goto-btn:hover{background:var(--laser-cyan);color:#000}.io-deck-panel{display:flex;flex-direction:column;gap:14px}.io-columns-wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px}.io-column{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:8px}.io-col-header{display:flex;flex-direction:column;border-bottom:1px solid var(--border-subtle);padding-bottom:6px}.io-col-title{font-family:var(--font-mono);font-size:11px;font-weight:800;color:var(--text-main)}.io-col-sub{font-size:9px;color:var(--text-dim);font-family:var(--font-mono)}.io-signals-list{display:flex;flex-direction:column;gap:6px}.io-row{display:flex;align-items:center;justify-content:space-between;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:4px;padding:6px 8px;font-family:var(--font-mono);font-size:11px;transition:all .15s}.io-led-wrap{display:flex;align-items:center;gap:6px}.io-led{width:10px;height:10px;border-radius:50%;border:1px solid #334155}.led-on{background:var(--safety-green);box-shadow:0 0 8px var(--safety-green-glow);border-color:#34d399}.led-off{background:#1e293b}.io-pin-tag{font-size:10px;font-weight:700;color:var(--text-dim)}.io-name{flex:1;font-size:10px;color:var(--text-muted);margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.io-test-btn{background:var(--bg-hover);border:1px solid var(--border-medium);color:var(--text-muted);font-family:var(--font-mono);font-size:9px;font-weight:800;padding:3px 6px;border-radius:3px;cursor:pointer;transition:all .1s}.signal-high .io-test-btn{background:#132d20;border-color:var(--safety-green);color:#34d399}.io-status-badge{font-size:9px;font-weight:800;padding:2px 6px;border-radius:3px}.badge-on{background:#132d20;color:#34d399}.badge-off{background:#1e2430;color:var(--text-dim)}.io-logic-explainer{background:#0e121a99;border:1px solid var(--border-subtle);border-radius:6px;padding:10px;display:flex;gap:8px;font-size:11px;line-height:1.4;color:var(--text-muted)}.io-logic-explainer code{font-family:var(--font-mono);color:var(--fanuc-yellow);background:var(--bg-hover);padding:1px 4px;border-radius:3px}.gate-alert-banner{background:#0ea5e929;border:1px solid #0284c7;color:#38bdf8;border-radius:5px;padding:6px 10px;font-family:var(--font-mono);font-size:11px;font-weight:800;display:flex;align-items:center;gap:8px;box-shadow:0 0 10px #38bdf840;transition:all .2s ease}.gate-alert-banner.hidden{display:none}.gates-deck-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:10px}.gates-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--border-subtle);padding-bottom:6px}.gates-title{font-family:var(--font-mono);font-size:11px;font-weight:800;color:var(--laser-cyan)}.gates-sub{font-size:9px;color:var(--text-dim);font-family:var(--font-mono);display:block}.gates-presets-wrap{display:flex;gap:4px;flex-wrap:wrap}.gate-preset-btn{background:var(--bg-hover);border:1px solid var(--border-medium);color:var(--text-muted);font-size:9px;font-family:var(--font-mono);font-weight:800;padding:3px 6px;border-radius:3px;cursor:pointer;transition:all .1s}.gate-preset-btn:hover{background:#1e293b;color:var(--laser-cyan);border-color:var(--laser-cyan)}.gates-rungs-list{display:flex;flex-direction:column;gap:8px}.gate-rung-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:5px;padding:8px 10px;transition:all .2s ease}.gate-rung-card.rung-disabled{opacity:.45}.gate-rung-card.rung-satisfied{border-color:#059669;background:#10b9810d;box-shadow:0 0 10px #34d39933}.rung-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.rung-meta{display:flex;align-items:center;gap:6px}.rung-id{font-family:var(--font-mono);font-size:9px;font-weight:800;color:var(--laser-cyan);background:#0c1a2e;padding:1px 4px;border-radius:2px}.rung-name{font-size:10px;font-family:var(--font-mono);font-weight:700;color:var(--text-muted)}.rung-pulse-btn{background:#172554;border:1px solid #1e40af;color:#93c5fd;font-family:var(--font-mono);font-size:9px;font-weight:800;padding:2px 6px;border-radius:2px;cursor:pointer;transition:all .1s}.rung-pulse-btn:hover{background:#1d4ed8;color:#fff}.rung-logic-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rung-node{display:flex;flex-direction:column;gap:2px;flex:1;min-width:85px}.node-tag{font-size:8px;font-weight:800;color:var(--text-dim);font-family:var(--font-mono)}.rung-select{background:#090d14;border:1px solid var(--border-subtle);color:var(--text-main);font-family:var(--font-mono);font-size:9px;padding:4px;border-radius:3px;cursor:pointer;width:100%}.node-val-tag{font-size:8px;font-family:var(--font-mono);font-weight:800;text-align:center;padding:1px 4px;border-radius:2px;align-self:flex-start;margin-top:2px}.val-high{background:#132d20;color:#34d399;border:1px solid #059669}.val-low{background:#1e293b;color:#64748b}.rung-gate-chip{background:#080c14;border:1px solid #334155;border-radius:4px;padding:3px 6px;display:flex;align-items:center;gap:3px;position:relative;box-shadow:inset 0 0 4px #0009;margin-top:10px}.rung-gate-chip.chip-satisfied{border-color:#10b981;box-shadow:0 0 8px #10b98166}.rung-gate-select{background:transparent;border:none;color:#f59e0b;font-family:var(--font-mono);font-size:11px;font-weight:900;cursor:pointer}.gate-symbol{color:#64748b;font-size:10px;font-weight:900}.node-disabled{opacity:.25;pointer-events:none}.rung-eval-arrow{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:10px}.arrow-trace{color:var(--text-dim);font-size:11px}.eval-out-tag{font-size:8px;font-family:var(--font-mono);font-weight:800;padding:1px 4px;border-radius:2px;white-space:nowrap}.out-high{background:#132d20;color:#34d399;border:1px solid #059669;box-shadow:0 0 6px #34d3994d}.out-low{background:#1e293b;color:#64748b}.rung-action-box{display:flex;flex-direction:column;gap:2px;flex:1.3;min-width:120px}.prog-subtabs-nav{display:flex;gap:6px;margin-bottom:10px;border-bottom:1px solid var(--border-subtle);padding-bottom:8px}.prog-subtab-btn{background:var(--bg-hover);border:1px solid var(--border-subtle);color:var(--text-dim);font-family:var(--font-mono);font-size:10px;font-weight:800;padding:6px 12px;border-radius:4px;cursor:pointer;transition:all .15s}.prog-subtab-btn.active{background:var(--bg-card);color:var(--laser-cyan);border-color:var(--laser-cyan);box-shadow:0 0 8px #38bdf840}.prog-subview{display:none}.prog-subview.active{display:block}.js-controller-wrap{display:flex;flex-direction:column;gap:10px}.js-ctrl-header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.js-preset-wrap{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--text-dim)}.js-auto-wrap{display:flex;align-items:center}.js-auto-label{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:9px;font-weight:800;color:var(--laser-cyan);cursor:pointer}.js-editor-container{background:#080c14;border:1px solid var(--border-medium);border-radius:6px;overflow:hidden}.js-code-textarea{width:100%;height:165px;background:transparent;border:none;color:#e2e8f0;font-family:var(--font-mono);font-size:11px;line-height:1.5;padding:10px;resize:vertical;outline:none;-moz-tab-size:2;tab-size:2;box-sizing:border-box}.js-api-chips-bar{display:flex;gap:5px;flex-wrap:wrap}.api-chip{background:#111827;border:1px solid #1f2937;color:var(--laser-cyan);font-family:var(--font-mono);font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;cursor:pointer;transition:all .1s}.api-chip:hover{background:#1f2937;border-color:var(--laser-cyan)}.js-action-bar{display:flex;gap:8px}.btn-js-run{background:#1e1b4b!important;border-color:#6366f1!important;color:#e0e7ff!important;font-weight:900}.btn-js-run:hover{background:#312e81!important;box-shadow:0 0 10px #6366f166!important}.js-console-panel{background:#080c14;border:1px solid var(--border-subtle);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.js-console-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1e293b;padding-bottom:4px}.console-title{font-family:var(--font-mono);font-size:10px;font-weight:800;color:var(--text-dim)}.console-clear-btn{background:transparent;border:none;color:var(--text-dim);font-size:9px;cursor:pointer}.js-console-output{height:85px;overflow-y:auto;font-family:var(--font-mono);font-size:10px;display:flex;flex-direction:column;gap:3px}.console-line{color:#94a3b8;line-height:1.4;word-break:break-all}.line-error{color:#f87171;font-weight:700}.line-success{color:#34d399;font-weight:700}.line-accent{color:#38bdf8}.tasks-panel{display:flex;flex-direction:column;gap:12px}.tasks-header{display:flex;justify-content:space-between;align-items:center}.tasks-title{font-family:var(--font-mono);font-size:12px;font-weight:800;letter-spacing:.8px;color:var(--text-main)}.tasks-progress{font-family:var(--font-mono);font-size:10px;font-weight:700;background:var(--bg-card);padding:3px 8px;border-radius:3px;border:1px solid var(--border-medium);color:var(--laser-cyan)}.tasks-cards-list{display:flex;flex-direction:column;gap:10px}.task-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:8px;transition:all .2s}.task-card:hover{border-color:var(--border-accent)}.task-card.active-task{border-color:var(--fanuc-yellow);box-shadow:0 0 14px var(--fanuc-yellow-glow)}.task-badge-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.task-diff{font-family:var(--font-mono);font-size:9px;font-weight:800;color:var(--fanuc-yellow)}.task-badge{font-family:var(--font-mono);font-size:9px;font-weight:700;background:#1e2636;color:var(--laser-cyan);padding:2px 6px;border-radius:3px}.task-title{font-size:13px;font-weight:700;color:#fff}.task-desc{font-size:11px;color:var(--text-muted);line-height:1.4}.task-objectives{display:flex;flex-direction:column;gap:4px;background:#0d1118;padding:8px;border-radius:4px}.task-obj-item{display:flex;align-items:baseline;gap:6px;font-size:10px;font-family:var(--font-mono);color:var(--text-dim)}.obj-dot{color:var(--fanuc-yellow);font-size:8px}.task-footer{display:flex;justify-content:flex-end}.task-load-btn{background:var(--bg-hover);border:1px solid var(--border-medium);color:var(--text-main);font-family:var(--font-mono);font-size:10px;font-weight:700;padding:6px 12px;border-radius:4px;cursor:pointer;transition:all .15s}.task-load-btn:hover{background:var(--fanuc-yellow);border-color:var(--fanuc-yellow);color:#000}.export-panel-inner{display:flex;flex-direction:column;height:100%;gap:10px}.export-header-row{display:flex;justify-content:space-between;align-items:center}.dialect-select-wrap{display:flex;align-items:center;gap:8px}.dialect-lbl{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-dim)}.btn-copy{background:#172554;border-color:#2563eb;color:#60a5fa}.btn-copy:hover{background:#1e3a8a;box-shadow:0 0 10px #2563eb66}.code-editor-box{flex:1;background:#090c12;border:1px solid var(--border-medium);border-radius:6px;padding:14px;overflow:auto;font-family:var(--font-mono);font-size:11px;line-height:1.5;color:#38bdf8;white-space:pre}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-accent)}