/* Tool-specific styles. The shared look is in ../shared/shell.css and ../shared/theme.css. */

.tool .fx-on {
	font-family: var(--mono);
	font-weight: 800;
	color: var(--green);
}

.tool .fx-off {
	font-family: var(--mono);
	color: var(--muted);
	opacity: 0.55;
}

.tool .pm-lines {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tool .pm-line {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	padding: 0.4rem 0.6rem;
	background: color-mix(in srgb, var(--surface) 90%, transparent);
	border: 1px solid var(--line);
	border-left: 3px solid var(--h);
}

.tool .pm-raw {
	padding: 0;
	font-family: var(--mono);
	font-size: 0.76rem;
	color: var(--muted);
	background: none;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}

.tool .pm-says {
	font-size: 0.88rem;
	color: var(--ink);
}