/* Inherit the public template; only the prompt builder needs a dedicated layout. */
.br-plugin-guide { padding-bottom: 88px; }
.br-plugin-guide__builder { align-items: start; }
.br-plugin-guide__steps { display: grid; gap: 28px; list-style: none; margin: 28px 0 0; padding: 0; }
.br-plugin-guide__steps li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 16px; }
.br-plugin-guide__number { color: var(--accent-link); font-size: 14px; padding-top: 3px; }
.br-plugin-guide__steps h3 { color: var(--text); font-size: 18px; font-weight: 500; letter-spacing: -.02em; margin: 0 0 6px; }
.br-plugin-guide__steps p { margin: 0; font-size: 16px; line-height: 1.65; }
.br-plugin-guide__editor { min-width: 0; padding: 32px; background: var(--bg); border: 1px solid var(--border); border-radius: 6px; }
.br-plugin-guide__eyebrow { margin: 0 0 12px; color: var(--accent-link); font-size: 13px; }
.br-plugin-guide__editor h2 { color: var(--text); font-size: 24px; line-height: 1.3; font-weight: 500; letter-spacing: -.03em; margin: 0 0 12px; }
.br-plugin-guide__intro { margin: 0 0 28px; font-size: 16px; }
.br-plugin-guide__editor label { display: block; color: var(--text); margin-bottom: 10px; font-size: 14px; font-weight: 500; }
.br-plugin-guide__editor input,
.br-plugin-guide__editor select,
.br-plugin-guide__editor textarea { display: block; width: 100%; min-width: 0; border: 1px solid var(--border-strong); border-radius: 6px; padding: 14px 16px; color: var(--text); background: var(--bg-elevated); font: inherit; font-size: 16px; }
.br-plugin-guide__editor input::placeholder { color: var(--text-muted); opacity: 1; }
.br-plugin-guide__editor textarea { font-family: var(--font-mono, monospace); font-size: 13px; line-height: 1.6; resize: vertical; overflow-wrap: anywhere; white-space: pre-wrap; }
.br-plugin-guide__hint { color: var(--text-muted); font-size: 13px; margin: 10px 0 24px; line-height: 1.6; }
.br-plugin-guide__actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 12px; }
.br-plugin-guide__actions[hidden] { display: none; }
.br-plugin-guide__status { min-height: 1.7em; margin: 12px 0; color: var(--accent-light); font-size: 14px; }
.br-plugin-guide__preview { border-top: 1px solid var(--border); }
.br-plugin-guide__preview summary { cursor: pointer; padding-block: 16px; color: var(--text-muted); font-size: 14px; }
.br-plugin-guide__preview summary:hover { color: var(--text); }
.br-plugin-guide__preview[open] summary { margin-bottom: 8px; }
.br-plugin-guide__resources { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 48px; padding: 48px 40px; border-top: 1px solid var(--border); }
.br-plugin-guide__section-copy h2 { color: var(--text); font-size: 28px; font-weight: 500; letter-spacing: -.035em; line-height: 1.25; margin: 0 0 16px; }
.br-plugin-guide__section-copy p { font-size: 16px; margin: 0; max-width: 38ch; }
.br-plugin-guide__notes .br-faq__item { border-color: var(--border); }
.br-plugin-guide__notes .br-faq__question { padding: 20px 0; font-size: 16px; font-weight: 500; }
.br-plugin-guide__notes .br-faq__answer { padding: 0 0 20px; font-size: 16px; }
@media (max-width: 879px) {
  .br-plugin-guide__editor { order: -1; }
  .br-plugin-guide__resources { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .br-plugin-guide__section-copy p { max-width: none; }
}
@media (max-width: 600px) {
  .br-plugin-guide__editor { padding: 20px; }
  .br-plugin-guide__resources { padding: 32px 0; }
  .br-plugin-guide__actions > * { max-width: 100%; white-space: normal; }
}

.br-plugin-guide__select { position: relative; }
.br-plugin-guide__select select { padding-left: 44px; }
.br-plugin-guide__os-icons { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--text-muted); }
.br-plugin-guide__os-icons [hidden] { display: none; }
.br-plugin-guide__editor select:focus-visible { outline: 2px solid var(--accent-link); outline-offset: 2px; }
.br-plugin-guide__actions button:disabled { opacity: .5; cursor: not-allowed; }