/* Theme-agnostic via translucency + inherit, so it blends on light and dark themes. */
.fb-editor { border:1px solid rgba(127,127,127,.45); margin-bottom:6px; }
.fb-toolbar { display:flex; flex-wrap:wrap; gap:2px; padding:4px; background:rgba(127,127,127,.10); border-bottom:1px solid rgba(127,127,127,.35); }
.fb-toolbar button { font:inherit; font-size:12px; line-height:1; min-width:26px; height:24px; padding:0 6px; cursor:pointer;
  color:inherit; background:rgba(127,127,127,.14); border:1px solid rgba(127,127,127,.4); border-radius:3px; }
.fb-toolbar button:hover { background:rgba(127,127,127,.3); }
.fb-toolbar .sep { width:1px; align-self:stretch; background:rgba(127,127,127,.35); margin:0 3px; }
.fb-toolbar select { font:inherit; font-size:12px; height:24px; color:inherit; background:rgba(127,127,127,.14); border:1px solid rgba(127,127,127,.4); border-radius:3px; }
.fb-editor textarea.bbcode-editor { display:block; border:0 !important; margin:0 !important; width:100%; }
.fb-smilies { display:flex; flex-wrap:wrap; gap:4px; padding:4px 6px; border-top:1px solid rgba(127,127,127,.35); background:rgba(127,127,127,.06); font-size:15px; }
.fb-smilies span { cursor:pointer; padding:1px 3px; border-radius:3px; }
.fb-smilies span:hover { background:rgba(127,127,127,.25); }
.fb-bottom { display:flex; align-items:center; gap:8px; padding:4px 6px; border-top:1px solid rgba(127,127,127,.35); background:rgba(127,127,127,.06); font-size:11px; }
.fb-bottom .on { opacity:.7; } .fb-bottom .grow { flex:1; }
.fb-preview { border:1px solid rgba(127,127,127,.45); border-top:0; padding:8px; font-size:13px; }
.fb-preview:empty { display:none; }
.fb-preview .bbimg { max-width:100%; } .fb-preview .bblist { margin:4px 0 4px 22px; }
.fb-preview blockquote { border-left:3px solid rgba(127,127,127,.5); margin:4px 0; padding:3px 8px; }
.fb-preview cite { display:block; font-size:11px; opacity:.7; }