.control-loop-container{border-radius:var(--radius);-webkit-backdrop-filter:blur(20px)saturate(120%);background:#0d1117a6;border:1px solid #ffffff14;grid-template-columns:1.1fr .9fr;gap:30px;min-height:520px;padding:24px;display:grid;overflow:hidden;box-shadow:0 40px 100px #0006}@media (max-width:980px){.control-loop-container{grid-template-columns:1fr;gap:24px}}.loop-visualizer{background:radial-gradient(circle,#00d4ff0a,#0000 70%);border-radius:16px;justify-content:center;align-items:center;min-height:380px;display:flex;position:relative}.loop-svg{width:100%;height:100%;max-height:400px;overflow:visible}.radar-sweep{transform-origin:250px 200px;animation:12s linear infinite radar-rotate}@keyframes radar-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.laser-path{stroke-dasharray:8 8;animation:10s linear infinite laser-dash}@keyframes laser-dash{to{stroke-dashoffset:-100px}}.pulse-beam{stroke-dasharray:20 180;animation:2s cubic-bezier(.4,0,.2,1) infinite laser-pulse}@keyframes laser-pulse{0%{stroke-dashoffset:200px}to{stroke-dashoffset:0}}.node-group{cursor:pointer}.node-ring{fill:#141b23;stroke:#00d4ff40;stroke-width:1.5px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.node-group.active .node-ring{stroke-width:3px;fill:#1a2432;transform-origin:var(--cx) var(--cy);transform:scale(1.08)}.node-text{font-family:var(--font-display);fill:#ffffffd9;text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-size:11px;font-weight:700;transition:fill .3s}.node-group.active .node-text{fill:#fff}.core-node{transform-origin:250px 200px}.core-outer{fill:#00ff881a;stroke:var(--lime-bright);stroke-width:1.5px;animation:3s ease-in-out infinite alternate core-pulse}@keyframes core-pulse{0%{opacity:.8;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}.core-text{font-family:var(--font-display);fill:var(--lime-bright);text-anchor:middle;dominant-baseline:middle;letter-spacing:.05em;text-transform:uppercase;font-size:13px;font-weight:800}.loop-console{background:#141b23d9;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;height:100%;display:flex;overflow:hidden}.console-head{background:#0d1117e6;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.console-head h3{color:#fff;font-size:14px;font-weight:700;font-family:var(--font-display);margin:0}.console-status{color:var(--lime-bright);align-items:center;gap:8px;font-family:ui-monospace,monospace;font-size:9px;display:flex}.console-status i{background:var(--lime-bright);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #0f8c}.console-body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex}.console-title{align-items:center;gap:10px;display:flex}.console-title i{font-size:9px;font-weight:700;font-family:var(--font-display);text-transform:uppercase;border-radius:6px;padding:4px 8px;display:inline-block}.console-title h4{color:#fff;font-size:18px;font-weight:700;font-family:var(--font-display);margin:0}.console-desc{color:var(--muted-light);margin:0;font-size:13px;line-height:1.6}.console-action-box{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;padding:16px}.console-logs{color:#ffffffa6;background:#090d13;border:1px solid #ffffff0d;border-radius:8px;height:110px;padding:10px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;line-height:1.5;overflow-y:auto}.console-log-entry{margin:2px 0}.console-log-entry.info{color:var(--cyan-bright)}.console-log-entry.success{color:var(--lime-bright)}.console-log-entry.warning{color:#f59e0b}.console-log-entry.system{color:#fff6}.console-controls{gap:10px;margin-top:10px;display:flex}.console-btn{color:#fff;font-family:var(--font-display);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:99px;padding:8px 16px;font-size:11px;font-weight:800;transition:all .2s}.console-btn.btn-primary{background:linear-gradient(135deg, var(--brand-cyan), var(--brand-green));color:#fff;border:0}.switch-row{justify-content:space-between;align-items:center;margin:8px 0;display:flex}.switch-label{font-size:11px;font-weight:700;font-family:var(--font-display);color:#fffc}.switch-control{cursor:pointer;background:0 0;border:0;border-radius:99px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;transition:background .3s;position:relative}.switch-control:before{content:"";background:#ffffff1a;border-radius:99px;transition:background .3s;position:absolute;inset:10px 0}.switch-control.active:before{background:var(--lime-bright)}.switch-handle{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:12px;left:2px}.switch-control.active .switch-handle{transform:translate(20px)}@media (hover:hover) and (pointer:fine){.node-group:hover .node-ring{stroke-width:2.5px;transform-origin:var(--cx) var(--cy);transform:scale(1.05)}.console-btn:hover{background:#ffffff1a;transform:translateY(-1px)}.console-btn.btn-primary:hover{filter:brightness(1.1)}}@media (max-width:640px){.control-loop-container{gap:16px;min-height:0;padding:14px}.loop-visual{min-height:290px}.loop-console{border-radius:12px}.console-head,.console-body{padding:14px}.console-controls{flex-wrap:wrap}.console-btn{flex:150px}}