.code-shell{display:grid;grid-template-columns:280px minmax(0,1fr) 330px;gap:14px;min-height:72vh}.code-pane{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:auto}.code-pane h2{font-size:1rem;margin:0;padding:14px;border-bottom:1px solid var(--line)}.file-list,.node-list{padding:10px}.file-btn,.node-btn{display:block;width:100%;text-align:left;border:0;border-radius:10px;padding:9px;margin:3px 0;background:transparent;color:var(--text);cursor:pointer}.file-btn:hover,.file-btn.active,.node-btn:hover,.node-btn.active{background:var(--soft)}.file-btn small,.node-btn small{display:block;color:var(--muted)}.code-view{margin:0;border-radius:0;min-height:60vh;white-space:pre;counter-reset:line}.flow-svg{width:100%;min-height:520px;background:var(--panel)}.flow-node rect{fill:var(--panel);stroke:var(--accent);stroke-width:2;rx:12}.flow-node text{fill:var(--text);font-size:12px;font-weight:700}.flow-node{cursor:pointer}.flow-edge{stroke:var(--muted);stroke-width:1.7;marker-end:url(#ceArrow)}.detail-box{padding:16px}.ce-tabs{display:flex;gap:8px;padding:10px;border-bottom:1px solid var(--line)}.ce-hidden{display:none}.ce-search{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text)}@media(max-width:1050px){.code-shell{grid-template-columns:240px 1fr}.code-shell>.code-pane:last-child{grid-column:1/-1}}@media(max-width:700px){.code-shell{grid-template-columns:1fr}.code-pane{max-height:none}.flow-svg{min-height:650px}}