/* WRM 2.0 — one BBCode editor component for Build Creator and DLE comments.
   Keep its visual rules HERE, not in page-specific override styles. */
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-mini-editor{position:relative;min-width:0;margin-top:12px;border:1px solid var(--wrbc-strong);background:var(--wrm2-canvas)}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-editor-head{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border-bottom:1px solid var(--wrbc-line)}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-editor-head>span{font-size:10px;color:var(--wrm2-muted)}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:6px 8px;border-bottom:1px solid var(--wrbc-line)}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-editor-toolbar .bb-btn{display:grid;place-items:center;box-sizing:border-box;min-width:30px;width:30px;min-height:30px;height:30px;padding:0;border:1px solid var(--wrbc-line);background:var(--wrm2-panel2);color:var(--wrm2-text);font:900 13px/1.2 var(--wrm2-font);cursor:pointer}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-editor-toolbar .bb-btn:hover{border-color:var(--wrm2-mint);color:var(--wrm2-mint)}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-mini-editor textarea{width:100%;border:0;border-radius:0;min-height:100px;background:transparent}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-mini-editor textarea[hidden],:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-rich-surface[hidden]{display:none!important}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-rich-surface{box-sizing:border-box;min-height:112px;padding:13px 12px;background:transparent;color:var(--wrm2-text);font:400 12px/1.7 var(--wrm2-font);overflow-wrap:anywhere;white-space:pre-wrap;outline:0;cursor:text}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-rich-surface:focus-visible{box-shadow:inset 0 0 0 1px var(--wrm2-mint)}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-rich-surface:empty::before{content:attr(data-placeholder);color:var(--wrm2-muted);pointer-events:none}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-rich-surface strong{font-weight:900}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-rich-surface em{font-style:italic}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-rich-surface u{text-decoration:underline}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-rich-surface s{text-decoration:line-through}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-rich-surface ul{margin:6px 0 6px 19px;padding:0;list-style:disc}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-rich-surface li{margin:2px 0}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-rich-surface a{color:var(--wrm2-mint);text-decoration:underline}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-rich-quote{margin:10px 0;padding:10px 13px;border:1px solid var(--wrbc-strong);border-left:3px solid var(--wrm2-mint);background:var(--wrm2-panel2);color:var(--wrm2-text);white-space:pre-wrap}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-rich-quote__author{display:block;margin:0 0 7px;padding-bottom:7px;border-bottom:1px solid var(--wrbc-line);color:var(--wrm2-mint);font:900 10px/1.4 var(--wrm2-font);overflow-wrap:anywhere;user-select:none}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-rich-quote__body{min-width:0}

:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-rich-emoji{display:inline-block;width:24px;height:24px;max-width:none;object-fit:contain;vertical-align:middle;margin:0 2px}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-rich-emoji--stat{width:16px;height:16px;margin:0 1px}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-editor-toolbar .wr-bc-source-toggle{margin-left:auto;min-width:59px;width:auto;padding:0 7px;font-size:10px}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-editor-toolbar .wr-bc-source-toggle[aria-pressed="true"]{border-color:var(--wrm2-mint);color:var(--wrm2-mint);background:var(--wrm2-canvas)}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-mini-editor>small{display:block;padding:4px 10px 8px;text-align:right}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-emoji-panel{position:absolute;z-index:10;top:43px;left:8px;right:8px;max-height:min(390px,65vh);display:flex;flex-direction:column;min-width:0;border:1px solid var(--wrbc-strong);background:var(--wrm2-panel)}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-emoji-panel[hidden],:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-emoji-filters[hidden]{display:none!important}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-emoji-tabs{display:flex;gap:0;overflow-x:auto;flex:none;border-bottom:1px solid var(--wrbc-line)}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-emoji-tab{flex:1 0 auto;min-width:56px;padding:10px 8px;border:0;border-right:1px solid var(--wrbc-line);background:var(--wrm2-canvas);color:var(--wrm2-muted);font:900 10px/1.2 var(--wrm2-font);cursor:pointer}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-emoji-tab.is-active{color:var(--wrm2-mint);background:var(--wrm2-panel2);box-shadow:inset 0 -2px var(--wrm2-mint)}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-emoji-controls{flex:none;min-width:0;padding:7px 8px;border-bottom:1px solid var(--wrbc-line)}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-emoji-search{display:block;box-sizing:border-box;width:100%;height:32px;padding:0 9px;border:1px solid var(--wrbc-line);border-radius:0;background:var(--wrm2-canvas);color:var(--wrm2-text);font:400 12px/1.2 var(--wrm2-font)}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-emoji-search:focus{outline:1px solid var(--wrm2-mint);outline-offset:0}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-emoji-filters{display:flex;gap:4px;max-width:100%;overflow-x:auto;margin-top:7px}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-emoji-filter{flex:none;padding:6px 8px;border:1px solid var(--wrbc-line);background:var(--wrm2-canvas);color:var(--wrm2-muted);font:900 9px/1.2 var(--wrm2-font);cursor:pointer}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-emoji-filter.is-active{border-color:var(--wrm2-mint);color:var(--wrm2-mint)}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-emoji-body{flex:1 1 auto;min-height:0;overflow:auto;padding:8px}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:5px}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-emoji-empty{grid-column:1/-1;margin:5px 0;color:var(--wrm2-muted);font-size:11px}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-emoji-item{display:grid;place-items:center;padding:4px;border:1px solid var(--wrbc-line);background:var(--wrm2-canvas)}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-emoji-item img{width:28px;height:28px;object-fit:contain;margin:0}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-emoji-item .wr-bc-rich-emoji--stat{width:16px;height:16px}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-editor-toolbar [data-emoji-toggle]{font-size:0}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-editor-toolbar [data-emoji-toggle] img{display:none}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-editor-toolbar [data-emoji-toggle]::before{content:'';display:block;width:14px;height:14px;background:currentColor;-webkit-mask:url('../../ui/axe.svg') center/contain no-repeat;mask:url('../../ui/axe.svg') center/contain no-repeat}

:is(.wrm2-creator,.wrm2-comments-form) :is(.wr-bc-emoji-panel,.wr-bc-emoji-body,.wr-bc-emoji-tabs,.wr-bc-emoji-filters){scrollbar-width:thin;scrollbar-color:var(--wrm2-mint) var(--wrm2-panel2)}
:is(.wrm2-creator,.wrm2-comments-form) :is(.wr-bc-emoji-panel,.wr-bc-emoji-body,.wr-bc-emoji-tabs,.wr-bc-emoji-filters)::-webkit-scrollbar{width:6px;height:6px}
:is(.wrm2-creator,.wrm2-comments-form) :is(.wr-bc-emoji-panel,.wr-bc-emoji-body,.wr-bc-emoji-tabs,.wr-bc-emoji-filters)::-webkit-scrollbar-track{background:var(--wrm2-panel2)}
:is(.wrm2-creator,.wrm2-comments-form) :is(.wr-bc-emoji-panel,.wr-bc-emoji-body,.wr-bc-emoji-tabs,.wr-bc-emoji-filters)::-webkit-scrollbar-thumb{background:var(--wrm2-mint);border-radius:0}

/* Stage 3.193: compact legacy NEW color picker for all shared BBCode instances. */
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-editor-toolbar{position:relative}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-editor-toolbar .wr-bc-color-toggle{font-size:15px;text-decoration:underline;text-decoration-color:var(--wrm2-mint);text-underline-offset:3px}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-editor-toolbar .wr-bc-color-toggle[aria-expanded="true"]{border-color:var(--wrm2-mint);color:var(--wrm2-mint)}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-color-panel{position:absolute;z-index:20;top:calc(100% + 2px);left:8px;box-sizing:border-box;width:min(340px,calc(100% - 16px));max-height:min(385px,65vh);overflow-y:auto;padding:10px;border:1px solid var(--wrbc-strong);background:var(--wrm2-panel);box-shadow:0 8px 22px rgba(0,0,0,.3)}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-color-panel[hidden]{display:none!important}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-color-label{margin:0 0 7px;color:var(--wrm2-muted);font:900 10px/1.3 var(--wrm2-font)}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-color-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-color-swatch{display:block;aspect-ratio:1;min-width:0;padding:0;border:2px solid var(--wrbc-line);border-radius:0;background:var(--wrm2-swatch);cursor:pointer}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-color-swatch:hover,:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-color-swatch:focus-visible{outline:2px solid var(--wrm2-mint);outline-offset:1px}
:is(.wrm2-creator,.wrm2-comments-form) .wr-bc-color-panel{scrollbar-width:thin;scrollbar-color:var(--wrm2-mint) var(--wrm2-panel2)}