.header-container{width:100vw;height:180px;position:relative;overflow:hidden;background:#000;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.animation-viewport{position:absolute;height:168px;width:100%;top:50%;transform:translateY(-50%);overflow:hidden}#animationCanvas{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;position:absolute;top:50%;transform:translateY(-50%);height:100%;width:100%}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#000c;color:#fff;font-size:16px}.monke-item{  background: #1a1a1a}.monke-item td{  padding: 12px;  border-bottom: 1px solid #333;  vertical-align: top}.monke-image-cell{  width: 180px;  height: 180px;  padding: 0 !important;  position: relative}.monke-image{  width: 100%;  height: 100%;  object-fit: cover;  image-rendering: pixelated;  display: block;  border-radius: 4px;  background-color: rgb(151,123,182)}.color-cell{  text-align: center;  padding: 4px;  height: 100%;  display: flex;  flex-direction: column;  align-items: center}.color-count{  font-size: 22px;  font-weight: bold;  margin-bottom: 4px;  color: #FFFFFF}.color-bar{  width: 30px;  height: 120px;  display: flex;  flex-direction: column;  border-radius: 4px;  overflow: hidden}.color-segment{  width: 100%;  flex: 1}.traits-list{  display: flex;  flex-direction: column;  gap: 4px}.trait-item{  background: #2a2a2a;  padding: 6px 8px;  border-radius: 4px;  font-family: monospace;  font-size: 14px;  color: #FFFFFF}.trait-item.rare{  color: #ff4444}.script-pubkey{  font-family: monospace;  font-size: 14px;  white-space: pre-wrap;  word-break: break-all;  background: #2a2a2a;  padding: 8px;  border-radius: 4px}.monke-id,.monke-rank,.monke-inscription,.monke-block{  font-family: monospace;  font-size: 16px;  text-align: center}.monke-image.error{  display: none}.search-container{background:#2d2d2d;border-radius:8px;padding:10px;display:flex;gap:10px;align-items:center;margin-bottom:10px}.search-container select,.search-container input{padding:8px;border:1px solid #3d3d3d;border-radius:4px;font-size:16px;color:#fff;background-color:#3d3d3d}.search-container input{width:150px}.search-container button{padding:8px 16px;background:#4d4d4d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s}.search-container button:hover{background:#5d5d5d}.gif-tool-link{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#4d4d4d;border-radius:4px;color:#fff;text-decoration:none;font-size:16px;font-weight:500;transition:background-color .2s}.gif-tool-link:hover{background:#5d5d5d}.gif-icon{width:16px;height:16px}.diy-tool-link{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#4d4d4d;border-radius:4px;color:#fff;text-decoration:none;font-size:16px;font-weight:500;transition:background-color .2s}.diy-tool-link:hover{background:#5d5d5d}.diy-icon{width:16px;height:16px}@media screen and (max-width: 768px){.search-container{flex-wrap:wrap}.gif-tool-link,.diy-tool-link{margin-top:8px;width:100%;justify-content:center}}.pagination{display:flex;justify-content:center;align-items:center;margin-top:10px;gap:10px}.pagination button{padding:5px 10px;background:#4d4d4d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500}.pagination button:disabled{background:#2d2d2d;cursor:not-allowed}.pagination span{font-size:16px;color:#fff}.jump-to-page{display:flex;gap:8px;margin-left:10px}.jump-to-page input{width:80px;padding:5px 10px;background:#3d3d3d;color:#fff;border:none;border-radius:4px;font-size:16px}.jump-to-page input::-webkit-inner-spin-button,.jump-to-page input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.jump-to-page button{padding:5px 10px;background:#4d4d4d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500}.jump-to-page button:hover{background:#5d5d5d}.monkes-container{padding:10px;background-color:#1e1e1e;color:#fff;font-family:Arial,sans-serif;font-size:16px;font-weight:400}h2{font-size:28px;margin:10px 0;color:#fff;font-weight:600}.table-container{background:#2d2d2d;border-radius:8px;padding:10px;overflow-x:auto}table{width:100%;border-collapse:collapse;table-layout:fixed}th,td{border:1px solid #3D3D3D;text-align:left;vertical-align:top;background:#2d2d2d;color:#fff;font-size:16px;font-weight:400;padding:8px}thead tr{height:40px!important}tbody tr{height:60px}td:nth-child(2){padding:0;width:180px;height:180px}th{background:#3d3d3d;position:sticky;top:0;font-weight:600;z-index:1;font-size:18px;white-space:nowrap;height:40px;line-height:40px;vertical-align:middle;padding:0 12px}th:nth-child(1),td:nth-child(1){width:50px}th:nth-child(2),td:nth-child(2){width:180px;padding:0}th:nth-child(3),td:nth-child(3){width:50px}th:nth-child(4),td:nth-child(4){width:200px}th:nth-child(5),td:nth-child(5){width:60px}th:nth-child(6),td:nth-child(6){width:100px}th:nth-child(7),td:nth-child(7){width:100px}th:nth-child(8),td:nth-child(8){width:200px}.color-bar{width:30px;height:120px;display:flex;flex-direction:column;border-radius:4px;overflow:hidden;margin:0 auto}.color-segment{width:100%;flex:1}.monke-image{width:180px;height:180px;image-rendering:pixelated;display:block;border-radius:4px;background-color:#977bb6}.script-pubkey{font-family:monospace;font-size:16px;line-height:1.4;white-space:pre-wrap;word-break:break-all;background:#3d3d3d;padding:8px;border-radius:4px;font-weight:500}.traits-list{display:flex;flex-direction:column;gap:4px}.trait-item{background:#3d3d3d;padding:6px 8px;border-radius:4px;font-size:16px;font-family:monospace;color:#fff;font-weight:500}.trait-item.rare{color:#f44;font-weight:600}.monke-image.error{display:none}td:nth-child(5),td:nth-child(6),td:nth-child(7){font-family:monospace;font-size:16px;text-align:center;font-weight:500}.color-info{display:flex;flex-direction:column;align-items:center;height:100%}.color-count{font-size:22px;font-weight:700;margin-bottom:4px;color:#fff}.color-cell{text-align:center;padding:4px;height:100%;display:flex;flex-direction:column;align-items:center}.loading,.error{text-align:center;padding:40px;font-size:18px}.error{color:#f44}.monke-image-cell{width:180px;height:180px}@media screen and (max-width: 768px){.monkes-container{padding:5px}h2{font-size:24px}.table-container{padding:5px}table{font-size:14px}th,td{padding:5px}th:nth-child(3),td:nth-child(3),th:nth-child(5),td:nth-child(5),th:nth-child(7),td:nth-child(7),th:nth-child(8),td:nth-child(8){display:none}th:nth-child(1),td:nth-child(1){width:40px}th:nth-child(2),td:nth-child(2){width:100px;height:100px}th:nth-child(4),td:nth-child(4){width:120px}th:nth-child(6),td:nth-child(6){width:80px}.monke-image,.monke-image-cell{width:100px;height:100px}.color-bar{width:20px;height:80px}.trait-item{font-size:12px;padding:4px 6px}.script-pubkey{font-size:12px}}@media screen and (max-width: 480px){th:nth-child(6),td:nth-child(6){display:none}th:nth-child(2),td:nth-child(2){width:80px;height:80px}.monke-image,.monke-image-cell{width:80px;height:80px}}body,html{margin:0;padding:0;height:100%;background-color:#1e1e1e;color:#fff;font-family:Arial,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.content-container{flex:1;overflow-y:auto;padding:20px}body,html{margin:0;padding:0;height:100%;font-family:Arial,sans-serif;background-color:#1a1a1a;color:#fff}#root{min-height:100vh;display:flex;flex-direction:column}.monkes-container{flex:1;padding:20px}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}