body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tree-node-container{display:flex;align-items:center;margin:8px 0}.tree-node{display:flex;align-items:center;justify-content:space-between;min-width:200px;padding:12px 16px;border-radius:8px;border-bottom:3px solid;box-shadow:0 2px 4px #0000001a;transition:all .2s}.tree-node:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.node-content{display:flex;flex-direction:column;gap:4px}.node-type{font-size:10px;text-transform:uppercase;font-weight:600;opacity:.8}.node-name{font-size:14px;font-weight:600}.toggle-btn{width:28px;height:28px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.toggle-btn:hover{background:#ffffff80}.node-red{background:#ef4444;color:#fff;border-color:#dc2626}.node-blue{background:#3b82f6;color:#fff;border-color:#2563eb}.node-gray{background:#94a3b8;color:#fff;border-color:#64748b}.node-green{background:#22c55e;color:#fff;border-color:#16a34a}.children-container{display:flex;align-items:center;margin-left:16px}.children-container:before{content:"";width:40px;height:2px;background:#cbd5e1}.children-list{display:flex;flex-direction:column;border-left:2px solid #cbd5e1;padding-left:24px;gap:16px}.child-wrapper{position:relative}.child-wrapper:before{content:"";position:absolute;left:-24px;top:50%;width:24px;height:2px;background:#cbd5e1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc;color:#1e293b}.app{min-height:100vh;padding:20px}.app-header{margin-bottom:24px}.app-header h1{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:4px}.app-header p{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:1px;font-weight:600}.search-container{display:flex;align-items:center;gap:12px;background:#fff;padding:12px 16px;border-radius:8px;border:2px solid #e2e8f0;margin-bottom:32px;max-width:400px}.search-container svg{color:#94a3b8}.search-input{border:none;outline:none;flex:1;font-size:14px;color:#1e293b}.search-input::placeholder{color:#94a3b8}.tree-container{background:#fff;padding:32px;border-radius:12px;box-shadow:0 1px 3px #0000001a}