/* The tone rail shares markup across the retained production and local marketing shells. */
.rb-generator .tool-tone { grid-column: 1 / -1; min-width: 0; }
.rb-generator .tool-tone-label { font-weight: 600; margin: 0 0 8px; }
.rb-generator .tool-tone-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.rb-generator .tool-tone-chips button { display: grid; place-items: center; gap: 4px; padding: 8px 12px; border: 1px solid var(--rb-line, var(--cosmic-edge, var(--line))); border-radius: var(--rb-radius-control, 10px); background: var(--rb-page, var(--cosmic-surface, var(--paper))); color: var(--rb-ink, var(--ink)); font: inherit; font-size: .875rem; cursor: pointer; }
.rb-generator .tool-tone-chips button[aria-checked="true"] { border-color: var(--rb-accent, var(--cosmic-accent, var(--blue))); box-shadow: inset 0 0 0 1px var(--rb-accent, var(--cosmic-accent, var(--blue))); }
.rb-generator .tool-tone-chips button:focus-visible { outline: 3px solid var(--rb-focus, var(--cosmic-accent, var(--blue))); outline-offset: 3px; }
.rb-generator .tool-tone-chips button:disabled { opacity: .45; cursor: not-allowed; }
.rb-generator .tone-suggested { visibility: hidden; font-size: .75rem; line-height: 1; color: var(--rb-accent, var(--cosmic-accent, var(--blue))); }
.rb-generator .is-suggested .tone-suggested { visibility: visible; }
.rb-generator .tool-tone-help { margin-top: 8px; color: var(--rb-muted, var(--muted)); font-size: .875rem; }