main{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px;gap:24px}.panel-layout{width:100%;max-width:1100px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px}.card-header{color:#fff;font-size:14px;font-weight:600;border-bottom:1px solid var(--border);padding-bottom:10px}.code-area{background:var(--bg3);color:#00a8ff;border:1px solid var(--border);font-family:monospace;font-size:13px;height:300px;padding:15px;border-radius:8px;resize:vertical}.tree-visual{background:var(--bg3);padding:16px;border-radius:var(--r);border:1px solid var(--border);font-family:monospace;line-height:1.5;color:var(--accent);white-space:pre}@media(max-width:768px){.panel-layout{grid-template-columns:1fr}}