.floating-toolbar {
  position: absolute;
  z-index: 10;
  left: 18px;
  top: 82px;
  width: 76px;
  padding: .45rem;
  display: flex;
  flex-direction: column;
  gap: .45rem;
  background: color-mix(in srgb, var(--panel) 92%, transparent);
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: 0 18px 40px #0008;
  backdrop-filter: blur(12px);
  touch-action: none;
}

.toolbar-grip,
.tool-button {
  display: grid;
  place-items: center;
  gap: .15rem;
  min-height: 54px;
  padding: .35rem;
  font-size: .68rem;
  line-height: 1;
}

.toolbar-grip {
  min-height: 30px;
  cursor: grab;
  color: var(--muted);
}

.toolbar-grip:active { cursor: grabbing; }

.tool-button svg,
.toolbar-grip svg {
  width: 23px;
  height: 23px;
  fill: currentColor;
}

.tool-button.active {
  background: linear-gradient(180deg, #255988, #1d4368);
  border-color: var(--accent);
  box-shadow: 0 0 0 2px #77b7ff22 inset;
}