.bb-editor { min-width:0; margin:8px 0 20px; border:1px solid #465071; border-radius:6px; background:#0b1020; overflow:hidden; }
.bb-toolbar { display:flex; flex-wrap:wrap; gap:4px; padding:10px; border-bottom:1px solid #343b56; background:#171c30; }
.bb-toolbar button,.bb-toggle { min-height:38px; padding:7px 11px; border:1px solid #45415f; border-radius:4px; background:#23223d; color:#f0edff; font:600 12px/1.3 var(--body,sans-serif); cursor:pointer; }
.bb-toolbar [data-bb=b] { font-weight:800; }.bb-toolbar [data-bb=i] { font-style:italic; }.bb-toolbar [data-bb=u] { text-decoration:underline; }.bb-toolbar [data-bb=s] { text-decoration:line-through; }
.bb-toolbar button:hover,.bb-toggle:hover { border-color:#ae8bff; background:#322950; }
.bb-editor button:focus-visible,.bb-help summary:focus-visible { outline:2px solid #58d6ff; outline-offset:2px; }
.bb-editor textarea { display:block; width:100%; min-height:190px; margin:0; padding:18px; border:0; border-radius:0; background:transparent; color:#f0edff; font:14px/1.65 var(--body,sans-serif); resize:vertical; }
.bb-editor textarea:focus-visible { outline:2px solid #ae8bff; outline-offset:-3px; }
.bb-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 14px; border-top:1px solid #343b56; color:#b5bdd3; font-size:11px; }
.bb-toggle { color:#cdb5ff; background:transparent; }
.bb-preview { padding:20px; border-top:1px solid #343b56; background:#101626; }.bb-preview[hidden] { display:none; }
.bb-preview-label { margin:0 0 16px!important; color:#6edcff!important; font:10px/1.4 var(--mono,monospace)!important; letter-spacing:.12em; }
.bb-empty { color:#a6b1c8; font-size:13px; }
.bb-help { border-top:1px solid #343b56; padding:0 14px; color:#b5bdd3; font-size:12px; }
.bb-help summary { cursor:pointer; padding:12px 0; min-height:44px; }.bb-help p { font-size:12px; margin:0 0 14px; line-height:1.65; }.bb-help code { color:#d1baff; overflow-wrap:anywhere; }
.bb-content,.forum-post .post-body.bb-content { color:var(--text,#f0edff); font:14px/1.8 var(--body,sans-serif); white-space:normal; overflow-wrap:anywhere; }
.bb-content a { color:#70d9ff; text-decoration:underline; text-underline-offset:3px; }.bb-content strong { font-weight:750; }.bb-content em { font-style:italic; }
.bb-content blockquote { margin:16px 0; padding:12px 18px; border-left:3px solid #ac85ff; background:#211e39; color:#dbd4ee; }.bb-content cite { display:block; margin-bottom:6px; font-style:normal; font-weight:600; color:#cbb1ff; }
.bb-content pre { white-space:pre-wrap; margin:16px 0; padding:16px; border:1px solid #3d4863; border-radius:4px; background:#080d18; overflow-wrap:anywhere; }.bb-content code { font:12px/1.7 var(--mono,monospace); color:#b9edff; }
.bb-content ul,.bb-content ol { margin:12px 0; padding-left:28px; }.bb-content ul { list-style:disc; }.bb-content ol { list-style:decimal; }.bb-content li { padding-left:3px; }
.bb-spoiler { border:1px solid #45415f; border-radius:4px; margin:14px 0; }.bb-spoiler summary { padding:9px 14px; min-height:44px; cursor:pointer; color:#cdb5ff; }.bb-spoiler>div { padding:4px 14px 14px; }
@media(max-width:600px) { .bb-toolbar { padding:8px; gap:5px; }.bb-toolbar button { min-width:44px; min-height:44px; padding:9px; }.bb-editor textarea { padding:14px; }.bb-preview { padding:16px; }.bb-toggle { min-height:44px; }.bb-content { font-size:14px; } }