Verbindungsübersicht mit Raumtopologie und PNG-Export erweitert

closes #31

app/assets/css/floor-infrastructure-list.css

@@ -65,27 +65,25 @@
 
 .infra-floor-scene {
     position: absolute;
-    inset: 0;
-    transform-origin: center center;
+    left: 0;
+    top: 0;
+    transform-origin: 0 0;
     will-change: transform;
 }
 
 .infra-floor-svg {
     position: absolute;
-    inset: 0;
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-    object-position: center center;
+    left: 0;
+    top: 0;
+    object-fit: fill;
     pointer-events: none;
-    opacity: 0.85;
+    opacity: 0.22;
 }
 
 .infra-floor-overlay {
     position: absolute;
-    inset: 0;
-    width: 100%;
-    height: 100%;
+    left: 0;
+    top: 0;
     z-index: 2;
 }
 
@@ -93,13 +91,47 @@
     pointer-events: auto;
 }
 
-.infra-overlay-marker.patchpanel {
+.infra-room-shape {
+    fill: rgba(60, 102, 164, 0.06);
+    stroke: rgba(60, 102, 164, 0.55);
+    stroke-width: 1.4;
+}
+
+.infra-room-label {
+    fill: rgba(34, 59, 95, 0.9);
+    font-size: 18px;
+    font-weight: 700;
+    text-anchor: middle;
+    dominant-baseline: middle;
+    pointer-events: none;
+}
+
+.infra-connection-path {
+    fill: none;
+    stroke: rgba(212, 97, 54, 0.8);
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    stroke-dasharray: 6 5;
+}
+
+.infra-node {
+    cursor: move;
+}
+
+.infra-node-label {
+    font-size: 13px;
+    fill: #223a61;
+    font-weight: 600;
+    pointer-events: none;
+}
+
+.infra-node--patchpanel .infra-node-shape {
     fill: rgba(13, 110, 253, 0.25);
     stroke: #0d6efd;
     stroke-width: 2;
 }
 
-.infra-overlay-marker.outlet {
+.infra-node--outlet .infra-node-shape {
     fill: rgba(25, 135, 84, 0.25);
     stroke: #198754;
     stroke-width: 2;