.stage-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px}
.stage-option{position:relative;min-width:0;padding:0;border:1px solid #36475e;border-radius:7px;overflow:hidden;background:#101c2e;cursor:pointer;text-align:left;color:#c6d5e8;transition:border-color .15s,box-shadow .15s}
.stage-option img{display:block;width:100%;height:83px;object-fit:cover;image-rendering:pixelated;opacity:.73}
.stage-option strong{display:block;font-size:12px;letter-spacing:1px;padding:9px 8px}
.stage-option:hover img,.stage-option.active img{opacity:1}
.stage-option.active{border-color:var(--stage-color,#7be8fa);box-shadow:0 0 0 1px var(--stage-color,#7be8fa)}
.stage-option.active::after{content:'✓';position:absolute;right:7px;top:5px;font-weight:bold;color:#faffff;text-shadow:0 1px 4px #000}
.stage-mode-options{margin-bottom:9px}.stage-mode-options button{font-size:12px}.stage-mode-options small{font-size:9px}
.stage-description{font-size:10px;line-height:1.8;color:#a4b6cc;margin:9px 0 18px;min-height:36px}
.stage-mode-note{margin-top:10px;border-top:1px solid #718ea533;padding-top:12px}
@media(max-width:500px){.stage-picker{gap:7px}.stage-option img{height:64px}.stage-option strong{font-size:11px;padding:9px 5px}.stage-mode-options button{font-size:11px}.stage-mode-options small{font-size:8px}.stage-description{font-size:10px}}

#campaign-settings{flex-wrap:wrap}#campaign-settings>small{flex-basis:100%}