.minimap {
  width: 184px;
  height: 126px;
  padding: 0;
  touch-action: none;
  user-select: none;
}
.minimap:not([data-navigation-ready="true"]) { visibility: hidden; }

.minimap .minimap-label {
  position: static;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 28px;
  padding: 0 10px;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: var(--panel-raised);
  color: var(--ink-soft);
  font: inherit;
  font-size: 11px;
  cursor: grab;
  touch-action: none;
}

.minimap-label span { color: var(--faint); font-size: 14px; }
.minimap-map { position: relative; height: 96px; overflow: hidden; cursor: crosshair; touch-action: none; }
.minimap-map[aria-disabled="true"] { cursor: default; }
.minimap .minimap-node { pointer-events: none; border-radius: 2px; }
.minimap .minimapViewport { cursor: grab; box-sizing: border-box; }
.minimap-dragging .minimap-label, .minimap-dragging .minimapViewport { cursor: grabbing; }
.minimap-label:focus-visible, .minimap-map:focus-visible { outline: 2px solid var(--primary); outline-offset: -3px; }

/* The dock's transparent 420px wrapper must never intercept the canvas. */
.generation-task-dock { pointer-events: none; }
.generation-task-dock > button, .generation-task-dock > section { pointer-events: auto; }
.generation-task-dock[data-canvas-positioned="true"] {
  right: var(--canvas-task-right);
  bottom: var(--canvas-task-bottom);
}
.generation-task-dock[data-canvas-positioned="true"] [data-generation-list] {
  max-height: var(--canvas-task-list-height, min(430px, calc(100vh - 170px)));
}

@media (max-width: 1180px) { .minimap { display: none; } }