/* Shared help controls only. Never style body, editor, canvas, iframe or exported content.
 * Product --lb-* tokens win; component-local fallbacks support legacy hosts.
 * No :root declarations: importing this file cannot change a product's theme. */
:is(a.lb-tutorial-link, a.lb-usage-help) {
  --lb-help-bg: #141416;
  --lb-help-text: #F4F4F5;
  --lb-help-border: #6B6B74;
  --lb-help-hover: #232326;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: var(--lb-control-h, 44px);
  max-width: 100%;
  padding: var(--lb-space-2, 8px) var(--lb-space-3, 12px);
  border: 1px solid var(--lb-border-strong, var(--lb-help-border));
  border-radius: var(--lb-radius-sm, 8px);
  background: var(--lb-surface, var(--lb-help-bg));
  color: var(--lb-text, var(--lb-help-text));
  font-size: var(--lb-font-sm, 14px);
  line-height: 1.5;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
  vertical-align: middle;
  flex-shrink: 1;
}
[data-theme="light"] :is(a.lb-tutorial-link, a.lb-usage-help) {
  --lb-help-bg: #F4F4F5;
  --lb-help-text: #18181B;
  --lb-help-border: #71717A;
  --lb-help-hover: #E4E4E7;
}
:is(a.lb-tutorial-link, a.lb-usage-help):hover {
  background: var(--lb-secondary-bg-hover, var(--lb-help-hover));
}
:is(a.lb-tutorial-link, a.lb-usage-help):focus-visible {
  outline: 2px solid var(--lb-marker, var(--lb-help-text));
  outline-offset: 3px;
}
a.lb-tutorial-link { margin: var(--lb-space-1, 4px); }
.lb-usage-nav { margin: var(--lb-space-3, 12px) 0; display: flex; flex-wrap: wrap; gap: var(--lb-space-2, 8px); }