.designer-tree{color:#fff;background:#111827;border-radius:12px;flex-direction:column;align-items:center;gap:4rem;min-height:400px;padding:3rem 2rem;font-family:Inter,sans-serif;display:flex;position:relative}.node{text-align:center;box-sizing:border-box;white-space:normal;word-wrap:break-word;z-index:2;background:#2b2b2b;border-radius:8px;min-width:140px;padding:.75rem 1.5rem;font-size:16px;font-weight:400;line-height:1.4;position:relative}.node.main{font-feature-settings:"liga" 0;font-variant-ligatures:none;background:#3b3b3b;min-width:300px;padding:1rem 2rem;font-size:18px;font-weight:400;font-family:JetBrains Mono,Roboto Mono,SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Source Code Pro,Consolas,Liberation Mono,Menlo,Courier,monospace!important}.row{z-index:2;flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;display:flex;position:relative}.row.level-1{grid-template-columns:repeat(4,1fr);gap:1.5rem;width:fit-content;max-width:800px;margin:0 auto;display:grid}.row.level-2{grid-template-columns:repeat(4,1fr);gap:1.5rem;width:fit-content;max-width:600px;margin:0 auto;display:grid}svg.connections{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.connection-line{stroke-linecap:round;stroke-linejoin:round}@media (max-width:1024px){.designer-tree{gap:3rem;padding:2rem 1rem}.row.level-1,.row.level-2{grid-template-columns:repeat(2,1fr);gap:1rem}.node{min-width:120px;padding:.5rem 1rem;font-size:14px}.node.main{min-width:250px;padding:.75rem 1.5rem;font-size:16px}}@media (max-width:768px){.designer-tree{gap:2rem;padding:1.5rem .5rem}.row.level-1,.row.level-2{grid-template-columns:1fr;gap:1rem}.node{min-width:120px;padding:.5rem 1rem;font-size:13px}.node.main{min-width:200px;padding:.75rem 1.5rem;font-size:15px}svg.connections{display:none}}@media (max-width:480px){.designer-tree{gap:1.5rem;padding:1rem .25rem}.node{min-width:100px;padding:.4rem .8rem;font-size:12px}.node.main{min-width:180px;padding:.6rem 1.2rem;font-size:14px}}