.masonry-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;padding:0}.gallery-item{break-inside:avoid;margin-bottom:0;border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.gallery-item .ant-card-cover{overflow:hidden}.gallery-item .ant-card-cover img{transition:transform .3s ease}.gallery-item:hover .ant-card-cover img{transform:scale(1.05)}@media (max-width: 768px){.masonry-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}@media (max-width: 480px){.masonry-gallery{grid-template-columns:1fr;gap:12px}}.breed-sidebar{display:flex;flex-direction:column;height:100%;gap:16px}.breed-sidebar .ant-input-search{margin-bottom:8px}.breed-sidebar .ant-input-search .ant-input{border-radius:6px;border-color:#e1e8ed;transition:all .3s ease}.breed-sidebar .ant-input-search .ant-input:hover{border-color:#ff6b6b}.breed-sidebar .ant-input-search .ant-input:focus{border-color:#ff6b6b;box-shadow:0 0 0 2px #ff6b6b1a}.breed-sidebar .ant-input-search .ant-input-affix-wrapper{border-radius:6px}.breed-sidebar .ant-input-search .ant-btn{color:#7f8c8d;transition:color .2s ease}.breed-sidebar .ant-input-search .ant-btn:hover{color:#ff6b6b}.breed-sidebar .breed-tree{flex:1;overflow-y:auto;max-height:calc(100vh - 200px);background:transparent}.breed-sidebar .breed-tree .ant-tree-node-content-wrapper{padding:6px 8px;border-radius:6px;transition:all .2s ease;cursor:pointer}.breed-sidebar .breed-tree .ant-tree-node-content-wrapper:hover{background-color:#fff;box-shadow:0 2px 4px #0000000d}.breed-sidebar .breed-tree .ant-tree-node-selected .ant-tree-node-content-wrapper{background-color:#ff6b6b!important;background:#ff6b6b!important;color:#fff!important;font-weight:500}.breed-sidebar .breed-tree .ant-tree-node-selected .ant-tree-node-content-wrapper:hover{background-color:#ff5252!important;background:#ff5252!important;color:#fff!important}.breed-sidebar .breed-tree .ant-tree-node-selected .ant-tree-node-content-wrapper:before{display:none!important}.breed-sidebar .breed-tree .ant-tree-node-selected{background-color:transparent!important}.breed-sidebar .breed-tree .ant-tree-node-selected .ant-tree-node-content-wrapper .ant-tree-title,.breed-sidebar .breed-tree .ant-tree-node-selected .ant-tree-node-content-wrapper span,.breed-sidebar .breed-tree .ant-tree-node-selected .ant-tree-node-content-wrapper *,.breed-sidebar .breed-tree .ant-tree-node-selected .ant-tree-iconEle{color:#fff!important}.breed-sidebar .breed-tree .ant-tree-node-selected .ant-tree-node-content-wrapper[style]{background-color:#ff6b6b!important;background:#ff6b6b!important}.breed-sidebar .breed-tree .ant-tree-node-selected .ant-tree-node-content-wrapper[style]:hover{background-color:#ff5252!important;background:#ff5252!important}.breed-sidebar .breed-tree .ant-tree-switcher{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#7f8c8d;transition:all .2s ease}.breed-sidebar .breed-tree .ant-tree-switcher:hover{color:#ff6b6b}.breed-sidebar .breed-tree .ant-tree-switcher-open .anticon,.breed-sidebar .breed-tree .ant-tree-switcher_close .anticon{font-size:12px}.breed-sidebar .breed-tree .ant-tree-child-tree{margin-left:16px}.breed-sidebar .breed-tree .ant-tree-treenode{padding:2px 0}.breed-sidebar .breed-tree::-webkit-scrollbar{width:6px}.breed-sidebar .breed-tree::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.breed-sidebar .breed-tree::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:3px;transition:background .2s ease}.breed-sidebar .breed-tree::-webkit-scrollbar-thumb:hover{background:#7f8c8d}.breed-sidebar .ant-spin{display:flex;justify-content:center;align-items:center;padding:40px 0}.breed-sidebar .ant-empty{padding:40px 0}.breed-sidebar .ant-empty-description{color:#7f8c8d}@media (max-width: 768px){.breed-sidebar .breed-tree{max-height:calc(100vh - 180px)}.breed-sidebar .breed-tree .ant-tree-node-content-wrapper{padding:4px 6px;font-size:14px}}.breed-sidebar .breed-tree .ant-tree-treenode{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.app-container{padding:24px}*{margin:0;padding:0;box-sizing:border-box}body{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}#root{min-height:100vh}