/* Font picker and text style controls (ui/fontpicker.js, ПЛАГИНЫ.md D4).
 * The list is a scrolling column inside the tool card or the text window;
 * every family name is drawn in its own face once it is loaded. */
.text-style { gap: 6px; }
.font-picker-button {
  width: 100%; text-align: left; padding: 6px 10px; border-radius: 8px;
  border: 1px solid var(--край-ярче); background: var(--к-2); color: var(--текст);
  font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.font-picker-button::after { content: " ▾"; color: var(--текст-тише); font-family: system-ui; }
.font-picker { display: flex; flex-direction: column; gap: 6px; }
.font-picker-search {
  width: 100%; box-sizing: border-box; padding: 5px 8px; border-radius: 7px;
  border: 1px solid var(--край-ярче); background: var(--к-1); color: var(--текст);
}
.font-picker-list {
  max-height: 240px; overflow-y: auto; border-radius: 8px; border: 1px solid var(--край-ярче);
  background: var(--к-1); padding: 2px 0;
}
.font-picker-head {
  font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.06em;
  color: var(--текст-совсем-тихо); padding: 6px 10px 2px;
}
.font-picker-row {
  display: flex; align-items: center; gap: 6px; padding: 3px 6px 3px 10px; cursor: default;
}
.font-picker-row:hover { background: var(--к-3); }
.font-picker-row[data-выбрана] { background: color-mix(in srgb, var(--акцент) 22%, transparent); }
.font-picker-name { flex: 1; font-size: 17px; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.font-picker-star {
  border: 0; background: none; color: var(--текст-тише); font-size: 14px; padding: 2px 4px; cursor: default;
}
.font-picker-star:hover { color: var(--акцент); }
.font-picker-sample {
  font-size: 20px; line-height: 1.3; color: var(--текст); padding: 2px 2px 4px;
  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
:root[data-уклад="палец"] .font-picker-row { padding-top: 8px; padding-bottom: 8px; }