.code-input{width:100%;min-height:300px;background:var(--bg3);border:1px solid var(--border);color:#fff;padding:16px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6;resize:vertical;outline:none;border-radius:var(--r)}.code-input:focus{border-color:var(--accent)}.cascade-tree{flex:1;overflow-y:auto;min-height:300px}.tree-node{margin:4px 0;padding:6px 10px;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:12px;border-left:3px solid var(--border);background:var(--bg3)}.tree-node.defined{border-left-color:#2ea043}.tree-node.inherited{border-left-color:#58a6ff}.tree-node.overridden{border-left-color:#d29922}.tree-node.unused{border-left-color:#484f58;opacity:.6}.tree-var-name{font-weight:700;color:#fff}.tree-var-value{color:var(--accent);margin-left:8px}.tree-var-def{display:block;font-size:10px;color:var(--muted);margin-top:2px}.tree-children{margin-left:20px;padding-left:8px;border-left:1px dashed var(--border)}.tree-group{margin-bottom:12px}.tree-group-label{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--muted);letter-spacing:.5px;margin-bottom:6px}.legend{display:flex;gap:16px;flex-wrap:wrap;padding:10px 0}.legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.legend-dot.defined{background:#2ea043}.legend-dot.inherited{background:#58a6ff}.legend-dot.overridden{background:#d29922}.legend-dot.unused{background:#484f58}