body,h1,h2,p,div,img{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f8f9fa;padding:15px;display:flex;justify-content:center;overflow:visible!important}.page-container{display:flex;width:100%}.sidebar{position:sticky;top:0;width:200px;background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:20px;border-radius:8px}.category-nav ul{list-style:none;padding:0}.category-nav ul li{margin-bottom:10px}.category-nav ul li a{text-decoration:none;color:#333;font-weight:700;display:block;padding:8px 10px;border-radius:4px;transition:background-color .3s}.category-nav ul li a:hover{background-color:#f0f0f0}.tool-container{flex:1;padding:20px}.category{background-color:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:40px}.category-title{font-size:20px;font-weight:700;color:#333;margin-bottom:20px}.category-content{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.tool-item{perspective:1000px}.tool-item-inner{position:relative;width:100%;height:180px;transform-style:preserve-3d;transition:transform .6s ease}.tool-item:hover .tool-item-inner{transform:rotateY(180deg)}.tool-front,.tool-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-radius:8px;padding:15px}.tool-front{transform:rotateY(0)}.tool-back{transform:rotateY(180deg);background:#f1f1f1}.tool-icon{width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.tool-icon img{max-width:100%;max-height:100%;border-radius:50%}.tool-title{font-size:16px;font-weight:700;color:#333;text-align:center}.tool-description{font-size:14px;color:#666;text-align:center;line-height:1.5;height:3em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 768px){.category-content{grid-template-columns:repeat(2,1fr)}.sidebar{display:none}}@media (min-width: 1024px){.category-content{grid-template-columns:repeat(6,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tool-nav.css.map */