/* Per-package choice, separate from global font/logo preferences. */
.character-image-control{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:14px 0 18px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#0b1929}
.character-image-control>div{min-width:0}.character-image-control strong{display:block;font-size:.95rem}
.character-image-control p{margin:5px 0 0;color:var(--muted);font-size:.8rem;line-height:1.5;font-weight:400}
.character-image-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 100px;min-width:100px;min-height:44px;padding:7px 12px;border:1px solid #318abd;border-radius:24px;background:#073c62;color:#fff;font-weight:900}
.character-image-switch[aria-checked="false"]{background:#172235;border-color:#64758d}.character-image-knob{display:block;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#39bdff}
.character-image-switch[aria-checked="false"] .character-image-knob{background:#99a9bd}.character-image-switch:focus-visible{outline:3px solid #fff;outline-offset:3px}
.character-image-switch:disabled::after{content:none}.character-image-switch:disabled{cursor:wait}
@media(max-width:560px){.character-image-control{gap:12px;padding:12px}.character-image-switch{flex-basis:88px;min-width:88px;gap:8px}}