.story-tree-card{border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-md);overflow:hidden}.story-tree-card .card-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px;border-bottom:2px solid #dee2e6}#storyTreeContainer{font-size:.95rem;padding:20px}.story-tree-item{margin-bottom:15px}.tree-part-content{display:flex;align-items:flex-start;position:relative}.tree-connector{display:flex;align-items:flex-start;flex-shrink:0;height:100%;position:relative}.tree-indent,.tree-line{width:30px;height:100%;position:relative}.tree-line:before{content:"";position:absolute;top:0;left:15px;width:2px;height:22px;background:linear-gradient(180deg,#667eea,#764ba2);opacity:.3}.tree-line:after{content:"";position:absolute;top:22px;left:15px;width:15px;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:.3}.tree-line-last:before{height:22px}.tree-part-card{flex-grow:1;min-width:0}.tree-part-card .card{margin-bottom:0;border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);transition:all .3s ease;border:1px solid #e9ecef}.tree-part-card .card:hover{box-shadow:var(--box-shadow-md)}.tree-preview-content,.tree-part-info{margin-left:-52px}.tree-level-0 .tree-part-card .card{border-left:5px solid;-o-border-image:linear-gradient(135deg,#667eea 0%,#764ba2 100%) 1;border-image:linear-gradient(135deg,#667eea,#764ba2) 1}.tree-level-1 .tree-part-card .card{border-left:5px solid;-o-border-image:linear-gradient(135deg,#6f42c1 0%,#8E2DE2 100%) 1;border-image:linear-gradient(135deg,#6f42c1,#8e2de2) 1}.tree-level-2 .tree-part-card .card{border-left:5px solid;-o-border-image:linear-gradient(135deg,#d63384 0%,#f093fb 100%) 1;border-image:linear-gradient(135deg,#d63384,#f093fb) 1}.tree-level-3 .tree-part-card .card{border-left:5px solid;-o-border-image:linear-gradient(135deg,#fd7e14 0%,#ff6a00 100%) 1;border-image:linear-gradient(135deg,#fd7e14,#ff6a00) 1}.tree-level-4 .tree-part-card .card{border-left:5px solid;-o-border-image:linear-gradient(135deg,#20c997 0%,#38ef7d 100%) 1;border-image:linear-gradient(135deg,#20c997,#38ef7d) 1}.tree-level-5 .tree-part-card .card{border-left:5px solid;-o-border-image:linear-gradient(135deg,#6c757d 0%,#495057 100%) 1;border-image:linear-gradient(135deg,#6c757d,#495057) 1}.tree-toggle-btn{width:36px!important;height:36px!important;min-width:36px;padding:0!important;display:flex;align-items:center;justify-content:center;border-radius:50%!important;transition:all .3s ease;position:relative;background:#fff;border:2px solid #dee2e6;box-shadow:0 2px 5px #0000001a;flex-shrink:0}.tree-toggle-btn:hover{background:var(--primary-gradient);border-color:transparent;transform:scale(1.15);box-shadow:0 5px 15px #667eea4d}.tree-expand-icon,.tree-collapse-icon{font-size:18px;transition:all .3s ease;color:#667eea;line-height:1;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tree-collapse-icon{transform:translate(-50%,-50%) translate(-8px)}.tree-toggle-btn:hover .tree-expand-icon,.tree-toggle-btn:hover .tree-collapse-icon{color:#fff}.tree-leaf-indicator{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.tree-leaf-indicator i{font-size:8px;opacity:.6}.tree-children-container{padding-top:.5rem}.tree-children.collapsing{transition:height .3s ease}@media (max-width: 768px){.tree-connector{margin-right:.5rem}.tree-indent,.tree-line{width:20px}.tree-line:before{left:10px}.tree-line:after{left:10px;width:10px}.tree-toggle-btn{width:28px;height:28px}.tree-preview-content,.tree-part-info{margin-left:-36px}.tree-part-card .card-body{padding:.75rem}.btn-group-sm .btn .d-none.d-sm-inline{display:none!important}}@media (max-width: 480px){.tree-indent,.tree-line{width:16px}.tree-line:before{left:8px}.tree-line:after{left:8px;width:8px}.tree-preview-content,.tree-part-info{margin-left:-36px}.story-tree-item{margin-bottom:.75rem}.tree-part-card .card-body{padding:.5rem}}.tree-toggle-btn:focus{outline:2px solid #0d6efd;outline-offset:2px}#expandAllBtn,#collapseAllBtn{transition:all .2s ease}#expandAllBtn:hover{background-color:#0d6efd;color:#fff}#collapseAllBtn:hover{background-color:#6c757d;color:#fff}.tree-level-4 .tree-part-card .card,.tree-level-5 .tree-part-card .card{opacity:.9}#storyTreeContainer{overflow-x:auto}@media (max-width: 768px){#storyTreeContainer{padding:.5rem}}