.editor-help {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.tree-group {
	position: absolute;
	width: 0;
	height: 0;
	pointer-events: none;
}

.nodes:focus {
	outline: none;
}

.nodes:focus-visible > .node.selected {
	outline: 2px solid var(--node-ink);
	outline-offset: 3px;
}

.branch-action {
	position: absolute;
	z-index: 12;
	top: max(8px, calc(100% - 112px));
	left: 12px;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid var(--glass-edge);
	border-radius: 50%;
	background: var(--surface);
	color: var(--text);
	box-shadow: 0 4px 12px var(--glass-shadow);
}

.branch-action[hidden],
.viewport:has(.node.editing) > .branch-action {
	display: none;
}

.branch-action .ico {
	width: 22px;
	height: 22px;
}

.branch-action[aria-expanded="false"] .ico {
	transform: rotate(-90deg);
}