.story-flow-container{min-height:650px}.story-flow-chart{background:linear-gradient(to bottom,#f8f9fa,#fff);cursor:move;position:relative;overflow:hidden}.flow-chart-controls{display:flex;gap:.5rem;flex-wrap:wrap}.story-flow-chart .link{transition:stroke-width .3s,stroke-opacity .3s}.story-flow-chart .link:hover{stroke-opacity:1!important}.story-flow-chart .node rect{transition:all .3s;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.story-flow-chart .node:hover rect{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));stroke-width:3!important}.story-flow-chart .collapse-indicator{transition:fill .3s}.story-flow-chart .node:hover .collapse-indicator{stroke-width:2}.story-flow-chart .collapse-button{transition:all .3s ease}.story-flow-chart .collapse-button:hover .collapse-button-bg{fill:#4f46e5;stroke:#3730a3;stroke-width:2;transform:scale(1.1);transform-origin:center}.story-flow-chart .collapse-button:hover .collapse-button-text{fill:#fff;transform:scale(1.1);transform-origin:center}.story-flow-chart .collapse-button:active .collapse-button-bg{fill:#3730a3;transform:scale(.95)}.story-flow-tooltip{pointer-events:none;box-shadow:0 4px 6px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.story-flow-tooltip hr{margin:5px 0;border:none;border-top:1px solid #666}@media (max-width: 768px){.story-flow-container{min-height:auto;margin-bottom:1.5rem}.story-flow-chart{height:400px!important}.flow-chart-controls{justify-content:center}}@media (max-width: 480px){.story-flow-chart{height:350px!important}.flow-chart-controls .btn{font-size:.75rem;padding:.375rem .5rem}.story-flow-container{min-height:450px}}