/* The link every editor opens its header bar with, back to the landing page's
   Tools tab. One file so the seven editors cannot drift apart. Self-contained:
   the icon mask is set here rather than leaning on each editor's own .ic rule. */
.tools-back {
  display: inline-flex; align-items: center; gap: 4px; flex: none;
  padding-right: .8rem; border-right: 1px solid currentColor;
  color: inherit; opacity: .6; text-decoration: none; white-space: nowrap;
}

.tools-back:hover,
.tools-back:focus-visible { opacity: 1; }

/* A left arrow on the same 12x12 crispEdges grid as the editor icons. */
.tools-back .ic-back {
  display: inline-block; width: 1.2em; height: 1.2em; flex: none;
  background: currentColor;
  -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat;
}
.tools-back .ic-back { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' shape-rendering='crispEdges'%3E%3Crect x='1' y='5' width='10' height='2'/%3E%3Crect x='4' y='2' width='2' height='2'/%3E%3Crect x='3' y='3' width='2' height='2'/%3E%3Crect x='2' y='4' width='2' height='2'/%3E%3Crect x='2' y='6' width='2' height='2'/%3E%3Crect x='3' y='7' width='2' height='2'/%3E%3Crect x='4' y='8' width='2' height='2'/%3E%3C/svg%3E"); }