.cloud-architecture{flex-direction:column;gap:1.5rem;width:100%;padding:2rem;display:flex;position:relative;overflow:visible}.architecture-svg{background:#0003;border-radius:12px;width:100%;height:500px;min-height:500px;padding:3rem;display:block;overflow:visible}.node-group{pointer-events:none}.viz-node{border:2px solid var(--node-color,#00d4ff);pointer-events:auto;box-sizing:border-box;background:#0006;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;width:100%;height:100%;padding:.5rem .35rem;transition:box-shadow .3s,border-color .3s;display:flex;overflow:visible;transform:none!important}.viz-node:hover{border-color:var(--node-color,#00d4ff);box-shadow:0 0 20px #00d4ff33}.viz-node.processing{border-color:var(--node-color,#00d4ff);animation:1.5s ease-in-out infinite pulse-glow}.viz-node.success{border-color:#10b981;box-shadow:0 0 25px #10b98166,inset 0 0 15px #10b9811a}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px color-mix(in srgb,var(--node-color,#00d4ff)30%,transparent)}50%{box-shadow:0 0 30px color-mix(in srgb,var(--node-color,#00d4ff)50%,transparent),0 0 50px color-mix(in srgb,var(--node-color,#00d4ff)20%,transparent)}}.node-icon{color:var(--node-color,#00d4ff);justify-content:center;align-items:center;display:flex}.node-label{font-family:var(--font-mono,"Geist Mono",monospace);color:var(--foreground);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.8rem;font-weight:600;overflow:hidden}.node-status{font-family:var(--font-mono,"Geist Mono",monospace);color:var(--muted-foreground);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.7rem;overflow:hidden}.conn-line-bg{stroke:#ffffff1a;stroke-width:2px}.conn-line-active{stroke:#ffffff4d;stroke-width:2px;stroke-dasharray:5 5;animation:1s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-10px}}.data-packet{filter:drop-shadow(0 0 4px);animation:.5s ease-in-out infinite pulse-packet}@keyframes pulse-packet{0%,to{opacity:1}50%{opacity:.7}}.dark .viz-node{background:#0006}.dark .architecture-svg{background:#0000004d}:root:not(.dark) .viz-node{border-color:var(--node-color,#00d4ff);background:#ffffff1a}:root:not(.dark) .architecture-svg{background:#0000000d}:root:not(.dark) .conn-line-bg{stroke:#0000001a}:root:not(.dark) .conn-line-active{stroke:#0003}.live-terminal{contain:layout style paint;isolation:isolate;background:#0006;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;height:500px;min-height:500px;max-height:500px;display:flex;position:relative;overflow:hidden}.terminal-header{background:#0000004d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.terminal-controls{gap:.5rem;display:flex}.control-dot{border-radius:50%;width:12px;height:12px}.control-dot.red{background:#ef4444}.control-dot.yellow{background:#f59e0b}.control-dot.green{background:#10b981}.terminal-title{color:var(--muted-foreground);font-size:.875rem;font-family:var(--font-mono,"Geist Mono",monospace);align-items:center;gap:.5rem;display:flex}.terminal-body{min-height:0;max-height:100%;font-family:var(--font-mono,"Geist Mono",monospace);scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-direction:column;flex:1;padding:1.5rem;display:flex;position:relative;overflow:hidden auto}.terminal-body::-webkit-scrollbar{width:6px}.terminal-body::-webkit-scrollbar-track{background:0 0}.terminal-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.terminal-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.terminal-line{flex-shrink:0;align-items:flex-start;gap:.5rem;min-height:1.5rem;margin-bottom:.5rem;display:flex}.terminal-prompt{color:#00d4ff;-webkit-user-select:none;user-select:none;min-width:30px;font-size:.875rem;font-weight:600}.terminal-text{white-space:pre-wrap;word-break:break-all;flex:1;font-size:.875rem;line-height:1.6}.terminal-text.command{color:#00d4ff}.terminal-text.output{color:#10b981}.terminal-text.code{color:#e5e7eb}.cursor{color:#00d4ff;background:currentColor;width:2px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width:768px){.cloud-architecture{padding:1rem}.architecture-svg{height:280px;min-height:280px;padding:1rem}.viz-node{border-width:1.5px;border-radius:8px;gap:.2rem;padding:.35rem .25rem}.node-icon svg{width:16px;height:16px}.node-label{font-size:.6rem;line-height:1.2}.node-status{font-size:.5rem;line-height:1.2}.data-packet{r:3}.live-terminal{height:400px;min-height:400px;max-height:400px}}@media (max-width:480px){.cloud-architecture{padding:.5rem}.architecture-svg{border-radius:8px;height:240px;min-height:240px;padding:.75rem}.viz-node{border-radius:6px;gap:.15rem;padding:.25rem .2rem}.node-icon svg{width:14px;height:14px}.node-label{font-size:.5rem}.node-status{font-size:.45rem}}