.map-legend{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px;padding:12px 14px;background:var(--map-card);border:1px solid var(--map-line);border-radius:12px}.legend-item{display:inline-flex;align-items:center;gap:8px;color:var(--map-muted);font-size:12px}.legend-shape{display:inline-block;width:30px;height:20px;background:var(--map-pe);border:2px solid var(--map-pe-stroke)}.legend-shape.decision{transform:rotate(45deg);width:17px;height:17px;margin:2px 7px}.legend-shape.data{clip-path:polygon(18% 0,100% 0,82% 100%,0 100%)}.legend-shape.event{border-radius:999px}.legend-shape.extension{box-shadow:inset 4px 0 var(--map-card),inset 6px 0 var(--map-pe-stroke),inset -4px 0 var(--map-card),inset -6px 0 var(--map-pe-stroke)}.legend-shape.loop{background:var(--map-loop);border-color:var(--map-loop-stroke);clip-path:polygon(18% 0,82% 0,100% 50%,82% 100%,18% 100%,0 50%)}.pe-link .shape{fill:var(--map-pe);stroke:var(--map-pe-stroke);stroke-width:1.7;vector-effect:non-scaling-stroke}.pe-link .inner{fill:none;stroke:var(--map-pe-stroke);stroke-width:1;vector-effect:non-scaling-stroke}.pe-link:hover .shape,.pe-link:focus .shape{stroke-width:3}.pe-link:focus{outline:none}.pe-link:focus .shape{filter:drop-shadow(0 0 4px var(--map-pe-stroke))}.phase.loop .loop-shape{fill:var(--map-loop);stroke:var(--map-loop-stroke);stroke-width:1.7}.phase.loop .loop-return{stroke:var(--map-loop-stroke);stroke-width:2;fill:none}.phase.loop .loop-badge{fill:var(--map-loop-stroke)}.phase.loop .loop-badge-text{fill:var(--map-card);font-size:9px;font-weight:900}.pe-type{display:inline-block;margin:0 0 10px;padding:4px 8px;border:1px solid var(--map-pe-stroke);border-radius:999px;color:var(--map-pe-text);background:var(--map-pe);font-size:11px;font-weight:800}.pe[data-type=decision]{border-left:4px solid var(--map-loop-stroke)}.pe[data-type=data]{border-left:4px solid var(--map-phase-stroke)}.pe[data-type=event]{border-left:4px solid var(--map-tx-stroke)}.pe[data-type=extension]{border-left:4px solid var(--map-pe-stroke)}@media(max-width:600px){.map-legend{display:grid;grid-template-columns:1fr 1fr}}