/* ---- board-index overlay (the live result) ---- */
.cc-wrap { position: relative; }
.cc-layer { position: absolute; inset: 0; overflow: visible; pointer-events: none; z-index: 3; } /* spans the WHOLE category */
.cc-sticker { position: absolute; display: block; pointer-events: none; user-select: none; }
/* category title replaced by an image (e.g. an animated GIF) */
.cc-cat-img { display: inline-block; max-height: 46px; width: auto; vertical-align: middle; }

/* ---- ACP editor: a true-to-size preview of the real category ---- */
.cc-editor { margin: 0 0 26px; }
.cc-editor h3 { margin: 0 0 6px; }
.cc-stage { position: relative; width: 100%; } /* height comes from the real forum rows inside */
.cc-stage > table.forumlist { margin: 0 !important; }
.cc-stage .cc-orb { display: inline-block; width: 18px; height: 18px; border-radius: 50%; background: rgba(127,127,127,.45); vertical-align: middle; }
.cc-stage .cc-sticker { cursor: move; pointer-events: auto; outline: 0; }
.cc-stage .cc-sticker.sel { outline: 2px dashed #2148a0; outline-offset: 1px; }

.cc-tools { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 8px; font-size: 12px; }
.cc-tools label { display: inline-flex; align-items: center; gap: 5px; }
.cc-tools input[type=range] { width: 120px; }
.cc-tools .cc-hint { color: #7a7f8a; }
.cc-tools[data-has-sel="0"] .cc-sel-only { opacity: .4; pointer-events: none; }