.channel-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12px;font-weight:600;color:var(--text)}
.channel-field select[hidden],.channel-multi-panel[hidden]{display:none!important}
.channel-multi{position:relative;min-width:0}
.channel-multi .channel-multi-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:40px;padding:0 13px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font-size:12px;font-weight:500;text-align:left}
.channel-multi-summary{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.channel-multi-count{flex:none;min-width:22px;padding:2px 6px;border-radius:4px;background:var(--primary-soft);color:var(--primary);font-size:11px;text-align:center}
.channel-multi-count[hidden]{display:none}
.channel-multi-chevron{flex:none;color:var(--muted)}
.channel-multi-trigger[aria-expanded=true] .channel-multi-chevron{transform:rotate(180deg)}
.channel-multi-panel button[aria-pressed=true]{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}
.channel-multi-trigger[aria-expanded=true]{border-color:var(--primary)}
.channel-multi-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:30;width:max(100%,320px);max-width:calc(100vw - 48px);padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 8px 28px #0002}
.channel-multi-search-label{display:block;margin-bottom:6px;color:var(--muted);font-size:11px}
.channel-multi-panel input[type=search]{width:100%;height:36px}
.channel-multi-actions,.channel-multi-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}
.channel-multi-actions{margin:8px 0}
.channel-multi-panel button{height:32px;padding:0 8px;border:1px solid var(--line);border-radius:5px;background:var(--surface-soft);color:var(--text);font-size:12px}
.channel-multi-options{max-height:min(240px,40vh);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.channel-multi-options label{display:flex;align-items:center;gap:9px;min-height:38px;margin:0;padding:7px 6px;border-radius:5px;cursor:pointer}
.channel-multi-options label:hover,.channel-multi-options label:has(input:checked){background:var(--primary-soft)}
.channel-multi-options input[type=checkbox]{flex:none;width:16px;height:16px;margin:0;accent-color:var(--primary)}
.channel-multi-options span{min-width:0;overflow-wrap:anywhere;font-size:12px;font-weight:500}
.channel-multi-options p,.channel-multi-status{color:var(--muted);font-size:11px;font-weight:400}
.channel-multi-footer{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}
.channel-multi :focus-visible{outline:2px solid var(--primary);outline-offset:2px}
@media(max-width:600px){.channel-multi-panel{width:100%;max-width:100%}.channel-multi-options label{min-height:44px}.channel-multi-panel button{min-height:40px}}