.workflow-map-workspace{grid-template-columns:174px minmax(250px,1fr) 240px}.workflow-inventory{background:var(--surface);border-right:1px solid var(--line);padding:16px 12px;overflow:auto}.workflow-inventory h3{font-family:inherit;font-size:13px;font-weight:600;margin:0 0 8px}.workflow-inventory p{font-size:10px;line-height:1.5;margin:0 0 15px}.workflow-inventory .inventory-step,.inventory-ghost{display:flex;align-items:center;gap:9px;width:100%;padding:10px 8px;margin:0 0 7px;text-align:left;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);cursor:grab;touch-action:none;font-size:11px;user-select:none}.inventory-step>span:first-child{color:var(--graph-flow,#779e85);font-size:17px}.inventory-step>span:nth-child(2){flex:1}.inventory-step small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.inventory-step>span:last-child{color:var(--muted)}.inventory-step:disabled{cursor:default;opacity:.45}.inventory-ghost{position:fixed;z-index:10000;pointer-events:none;width:160px;box-shadow:0 8px 25px #00000020;opacity:.9}.inventory-drop-active{outline:2px dashed var(--graph-flow,#779e85);outline-offset:-6px}.graph2d-card.workflow-nearby{border-color:var(--graph-flow,#779e85);box-shadow:0 0 0 3px color-mix(in srgb,var(--graph-flow,#779e85) 20%,transparent)}
@media(max-width:1100px){.workflow-map-workspace{grid-template-columns:150px minmax(240px,1fr)}.workflow-map-workspace>.graph-inspector{grid-column:1/-1;border-top:1px solid var(--line);border-left:0;max-height:200px}.workflow-map-workspace{height:auto}.workflow-map-workspace #workflow-map-stage{min-height:440px}}
@media(max-width:850px){.workflow-map-workspace{display:grid;grid-template-columns:120px minmax(180px,1fr);overflow:auto}.workflow-inventory{padding:12px 7px}.workflow-inventory .inventory-step{font-size:10px;padding:8px 5px;gap:5px}.workflow-inventory p{font-size:9px}.workflow-map-workspace #workflow-map-stage{min-height:400px;height:400px}}