.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:0}.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{width:10px;height:100%;position:relative}.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:0}.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-children-container{padding-top:.5rem}@media (max-width: 768px){.tree-connector{margin-right:.5rem}.tree-indent{width:7px}.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{width:5px}.story-tree-item{margin-bottom:.75rem}.tree-part-card .card-body{padding:.5rem}}.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:0}}