.tools-container{max-width:900px;margin:0 auto;padding:40px 20px}.tools-title{margin-bottom:8px;font-size:2.2rem;font-weight:700}.tools-subtitle{color:#555;margin-bottom:25px;font-size:1.1rem}.tools-list{flex-direction:column;gap:14px;padding:0;list-style:none;display:flex}.tools-list li{background:#fafafa;border:1px solid #eee;border-radius:10px;padding:14px 18px;transition:all .25s}.tools-list li:hover{background:#f0f5ff;border-color:#cdd8ff;transform:translateY(-2px)}.tools-list a{color:#0b57d0;font-weight:600;text-decoration:none}.tools-content-wrapper{align-items:flex-start;gap:30px;display:flex}.tools-sidebar{min-width:300px}@media (max-width:850px){.tools-content-wrapper{flex-direction:column}.tools-sidebar{width:100%;margin-top:20px}}@media (max-width:600px){.tools-title{font-size:1.8rem}}.tools-section-title{margin-top:28px;margin-bottom:10px;font-size:22px;font-weight:600}.coming-soon{color:#777;margin-left:6px;font-size:13px;font-style:italic}.xml-tree-container{color:#e3e3e3;background:#1e1e1e;border:1px solid #444;border-radius:8px;max-height:500px;padding:15px;font-family:monospace;overflow:auto}.xml-node{margin-left:12px}.xml-line{cursor:pointer;margin:4px 0}.xml-arrow{color:#6cf;width:20px;display:inline-block}.xml-children{border-left:1px dashed #666;margin-left:12px;padding-left:8px}.xml-text{color:#cfcfcf;margin-left:20px}