body.book-workflow .font-category-filters{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
html[data-theme] body.book-workflow .font-category-filters button{min-height:34px;padding:5px 12px;border-radius:18px;font-size:12px;background:var(--ui-panel);color:var(--ui-text)}
html[data-theme] body.book-workflow .font-category-filters button[aria-pressed=true]{background:var(--ui-active);color:var(--ui-accent);border-color:var(--ui-accent)}
body.book-workflow .font-category-count{display:block;margin:8px 0;color:var(--ui-muted);font-size:12px}
body.book-workflow #font-picker{max-width:900px}
body.book-workflow .font-choice-sample{white-space:pre-wrap;overflow-wrap:anywhere}
body.book-workflow .font-select-preview{position:relative;display:block;min-width:0;width:100%}
body.book-workflow .font-select-preview-native{width:100%}
html[data-theme] body.book-workflow .font-select-preview-list{
  overflow:auto;padding:4px 0;border:1px solid var(--ui-line);border-radius:8px;
  background:var(--ui-panel);color:var(--ui-text);box-shadow:0 12px 28px #00000055
}
html[data-theme] body.book-workflow .font-select-preview-group{
  padding:8px 12px 4px;font-size:11px;font-weight:700;color:var(--ui-muted);letter-spacing:.02em
}
html[data-theme] body.book-workflow .font-select-preview-option{
  display:block;width:100%;min-height:34px;padding:7px 12px;border:0;border-radius:0;
  background:transparent;color:var(--ui-text);font-size:14px;line-height:1.35;text-align:left;cursor:pointer
}
html[data-theme] body.book-workflow .font-select-preview-option:hover,
html[data-theme] body.book-workflow .font-select-preview-option.is-active{
  background:var(--ui-active)
}
html[data-theme] body.book-workflow .font-select-preview-option.is-selected{
  color:var(--ui-accent);font-weight:600
}
html[data-theme] body.book-workflow .font-select-preview-option[data-font-preview=failed]{
  color:var(--ui-muted)
}