.viz-box{width:100%;height:100%;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.ast-viz{align-items:center;justify-content:flex-start;padding-top:3rem;overflow-x:auto;padding-bottom:2rem}.ast-node{background:var(--color-bg-tertiary);color:var(--color-text-primary);padding:.4rem .8rem;border-radius:99px;border:1px solid var(--color-border);font-size:.75rem;font-weight:500;position:relative;z-index:2;white-space:nowrap;transition:all .3s ease}.ast-node:hover{border-color:var(--color-primary);transform:scale(1.05)}.ast-node.root{background:var(--color-primary);color:#fff;margin-bottom:2rem;border-color:var(--color-primary);box-shadow:0 0 15px #3b82f64d}.ast-node.small{padding:.3rem .6rem;font-size:.7rem;background:var(--color-bg-secondary)}.ast-branches{display:flex;gap:2rem;position:relative}.ast-branches:before{content:"";position:absolute;top:-2rem;left:50%;width:2px;height:2rem;background:var(--color-border);transform:translate(-50%)}.ast-branch{display:flex;flex-direction:column;align-items:center;position:relative}.ast-branch:before{content:"";position:absolute;top:-2rem;left:50%;width:2px;height:2rem;background:var(--color-border);transform:translate(-50%)}.ast-branch:after{content:"";position:absolute;top:-2rem;left:0;right:0;height:2px;background:var(--color-border)}.ast-branch:first-child:after{left:50%}.ast-branch:last-child:after{right:50%}.runtime-viz{gap:1.5rem}.viz-shield{position:relative;display:flex;align-items:center;justify-content:center}.viz-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:var(--color-primary);opacity:.2;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.2}50%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:0}}.viz-status{font-family:monospace;color:#10b981;background:#10b9811a;padding:.5rem 1rem;border-radius:4px;border:1px solid rgba(16,185,129,.3)}.hero-section{padding-top:4rem;padding-bottom:4rem}.hero-content{text-align:center;max-width:800px;margin:0 auto}.obfuscator-section,.more-tools-section{padding-bottom:var(--spacing-xl)}
