.level-visibility-control { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; padding:8px 10px; cursor:pointer; color:var(--text); font-size:13px; }
.level-visibility-control.set-card { padding:16px; }
.level-visibility-copy { display:flex; flex-direction:column; gap:5px; min-width:0; }
.level-visibility-copy strong { font-size:13px; font-weight:600; }
.level-visibility-copy small { color:var(--muted); font-size:12px; line-height:1.5; }
.level-visibility-control input[type="checkbox"] { appearance:none; -webkit-appearance:none; box-sizing:border-box; position:relative; flex:0 0 36px; width:36px; height:20px; margin:0; padding:0; border:1px solid var(--border,#777); border-radius:12px; background:var(--bg,#ddd); cursor:pointer; }
.level-visibility-control input[type="checkbox"]::before { content:""; position:absolute; left:3px; top:3px; width:12px; height:12px; border-radius:50%; background:var(--muted,#777); }
.level-visibility-control input[type="checkbox"]:checked { background:var(--accent,#d6336c); border-color:var(--accent,#d6336c); }
.level-visibility-control input[type="checkbox"]:checked::before { transform:translateX(16px); background:#fff; }
.level-visibility-control input[type="checkbox"]:focus-visible { outline:2px solid var(--accent,#d6336c); outline-offset:3px; }
.level-visibility-control input[type="checkbox"]:disabled { opacity:.55; cursor:wait; }
@media (forced-colors:active) { .level-visibility-control input[type="checkbox"]:checked { background:Highlight; border-color:Highlight; } .level-visibility-control input[type="checkbox"]::before { background:ButtonText; } .level-visibility-control input[type="checkbox"]:checked::before { background:HighlightText; } }