.flowchart-connector{justify-content:center;align-items:center;margin:0 auto;display:flex}.flowchart-connector__svg{display:block}.flowchart-connector--branching{width:100%;max-width:200px}@media (max-width:767px){.flowchart-connector,.flowchart-connector__svg{height:32px!important}}
.isometric-layer{padding:var(--space-md);background-color:var(--color-bg-card);border:2px solid var(--border-color);box-shadow:4px 4px 0px var(--color-accent-secondary);margin-bottom:var(--space-sm);transition:all var(--transition-speed-fast);position:relative}.isometric-layer--active{background-color:var(--color-bg-card);border-color:var(--color-accent-primary);box-shadow:6px 6px 0px var(--color-accent-primary)}.isometric-layer__content{gap:var(--space-xs);flex-direction:column;display:flex}.isometric-layer__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);font-size:14px;font-weight:700}.isometric-layer--active .isometric-layer__label{color:var(--color-accent-primary)}.isometric-box{margin:var(--space-md);display:inline-block}.isometric-box__svg{max-width:100%;height:auto;display:block}.isometric-box--active{filter:drop-shadow(0 4px 0 var(--color-accent-primary))}.isometric-stack{gap:var(--space-sm);margin:var(--space-lg)auto;flex-direction:column-reverse;align-items:center;max-width:600px;display:flex}.isometric-3d-container{perspective:1000px;perspective-origin:50%}.isometric-3d-element{transform-style:preserve-3d;transform:rotateX(60deg)rotate(-45deg)}@media (max-width:767px){.isometric-layer{padding:var(--space-sm);margin-bottom:var(--space-xs)}.isometric-box{margin:var(--space-sm)}.isometric-stack{gap:var(--space-xs);margin:var(--space-md)auto}}@keyframes layer-stack-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.isometric-layer.animate-stack{animation:layer-stack-in .3s var(--transition-easing)forwards}