/* WP35 · Landingszerkesztő: lebegő blokk-eszközsor, „Kérj az AI-tól” sáv, átírás előtte/utána kártya, A/B eredménykártya; #landing „Fut egy teszt” kártya. */
.f3b-center { display: grid; gap: 10px; min-width: 0; }
.f3b-page .f3b-blk .f3b-tb { position: absolute; top: 6px; right: 8px; display: flex; gap: 2px; background: #1b1714; border-radius: 8px; padding: 3px; z-index: 3; }
.f3b-tb span { color: #fff; font-size: 13px; padding: 4px 8px; border-radius: 5px; cursor: pointer; white-space: nowrap; }
.f3b-tb span:first-child { background: linear-gradient(135deg, var(--mk-g1, #a3157a), var(--mk-g2, #d4488e)); font-weight: 700; }
.f3b-tb span:hover, .f3b-tb span:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
.f3b-aibox { display: grid; gap: 6px; }
.f3b-ai { display: flex; gap: 8px; align-items: center; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 8px 10px; }
.f3b-ai > span:first-child { color: var(--mk-g2, var(--primary)); font-weight: 700; }
.f3b-ai input { flex: 1; min-width: 0; }
.f3b-mic { cursor: pointer; padding: 4px 6px; border-radius: 6px; }
.f3b-mic:hover, .f3b-mic:focus-visible { background: var(--surface-2); }
.f3b-ai-off { font-size: 13px; color: var(--warn); background: var(--warn-bg, #fcf3e1); border: 1px solid color-mix(in srgb, var(--warn) 35%, transparent); border-radius: 10px; padding: 8px 10px; }
.f3b-rev .f3a-diff { max-height: 200px; }
.f3b-abc .f3b-win td { background: color-mix(in srgb, var(--ok) 10%, transparent); }
.f3b-abc .card-h { flex-wrap: wrap; gap: 8px; }
.f3b-abtests { display: grid; gap: 10px; }
.f3b-abt { display: grid; gap: 4px; border: 1px solid var(--border); border-radius: 10px; padding: 10px 12px; }
.f3b-abt .ptr { justify-self: start; }
@media (max-width: 720px) { .f3b-ai { flex-wrap: wrap; } .f3b-tb span { padding: 6px 9px; } }