.ch-channel-settings { max-width: 640px; }
.ch-channel-settings__intro {
	font-size: 14px; color: rgba(255,255,255,.62); margin-bottom: 1.25rem; line-height: 1.45;
}
.ch-channel-settings__group { margin-bottom: 1.5rem; }
.ch-channel-settings__group-title {
	font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
	color: rgba(255,255,255,.45); margin-bottom: 10px;
}
.ch-channel-settings__item {
	display: flex; align-items: center; gap: 14px; width: 100%;
	padding: 14px 16px; margin-bottom: 10px; border: 0; text-align: left;
	background: rgba(255,255,255,.04); border-radius: 12px;
	border: 1px solid rgba(255,255,255,.08); cursor: pointer;
	transition: background .15s ease, border-color .15s ease;
}
.ch-channel-settings__item:hover {
	background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.14);
}
.ch-channel-settings__item-icon {
	flex-shrink: 0; width: 48px; height: 48px; border-radius: 12px;
	display: inline-flex; align-items: center; justify-content: center;
	background: rgba(255,60,60,.14); color: #ff6b6b;
}
.ch-channel-settings__item-icon--muted { background: rgba(255,255,255,.08); color: rgba(255,255,255,.85); }
.ch-channel-settings__item-body { flex: 1; min-width: 0; }
.ch-channel-settings__item-title {
	font-size: 15px; font-weight: 700; color: #fff; margin: 0 0 3px;
}
.ch-channel-settings__item-desc {
	font-size: 13px; color: rgba(255,255,255,.58); margin: 0; line-height: 1.35;
}
.ch-channel-settings__item-file {
	font-size: 12px; color: #8ef0b0; margin-top: 6px; display: none;
	word-break: break-all;
}
.ch-channel-settings__item-file.is-visible { display: block; }
.ch-channel-settings__item-arrow {
	flex-shrink: 0; color: rgba(255,255,255,.35);
}
.ch-channel-settings__comp {
	padding: 16px; border-radius: 12px;
	background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);
}
.ch-channel-settings__comp-title {
	font-size: 15px; font-weight: 700; color: #fff; margin: 0 0 6px;
}
.ch-channel-settings__comp-desc {
	font-size: 13px; color: rgba(255,255,255,.58); margin: 0 0 14px; line-height: 1.4;
}
.ch-channel-settings__comp-hint {
	font-size: 12px; color: rgba(255,255,255,.45); margin-top: 10px; margin-bottom: 0;
}
.ch-comp-select { position: relative; z-index: 1; }
.ch-comp-select.is-open { z-index: 50; }
.ch-comp-select__trigger {
	display: flex; align-items: center; gap: 12px; width: 100%;
	padding: 11px 14px; border-radius: 12px; text-align: left;
	background: linear-gradient(135deg, rgba(26,10,10,.55), rgba(10,10,10,.75));
	border: 1px solid rgba(255,255,255,.14); color: #fff; cursor: pointer;
	transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.ch-comp-select__trigger:hover,
.ch-comp-select.is-open .ch-comp-select__trigger {
	border-color: rgba(255,60,60,.45);
	box-shadow: 0 0 0 2px rgba(255,60,60,.12);
}
.ch-comp-select__trigger:disabled {
	opacity: .55; cursor: not-allowed;
}
.ch-comp-select__body { flex: 1; min-width: 0; }
.ch-comp-select__label {
	font-size: 14px; font-weight: 700; color: #fff; margin: 0;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ch-comp-select__meta {
	font-size: 12px; color: rgba(255,255,255,.58); margin: 2px 0 0;
}
.ch-comp-select__chev {
	flex-shrink: 0; color: rgba(255,255,255,.45);
	transition: transform .2s ease;
}
.ch-comp-select.is-open .ch-comp-select__chev { transform: rotate(180deg); }
.ch-comp-select__art {
	flex-shrink: 0; width: 44px; height: 44px; border-radius: 10px;
	object-fit: cover; background: rgba(255,255,255,.06);
}
.ch-comp-select__art--empty,
.ch-comp-select__art--none {
	display: inline-flex; align-items: center; justify-content: center;
	background: linear-gradient(135deg, rgba(127,29,29,.45), rgba(20,8,8,.85));
	color: #ff7b7b;
}
.ch-comp-select__art--none { background: rgba(255,255,255,.08); color: rgba(255,255,255,.55); }
.ch-comp-select__panel {
	position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 60;
	border-radius: 12px; overflow: hidden;
	background: #121318; border: 1px solid rgba(255,255,255,.12);
	box-shadow: 0 18px 40px rgba(0,0,0,.55);
	display: none;
}
.ch-comp-select.is-open .ch-comp-select__panel { display: block; }
.ch-comp-select__panel.is-floating {
	position: fixed;
	left: auto;
	right: auto;
	z-index: 2147482500;
}
.ch-comp-select__panel.is-open-up .ch-comp-select__chev,
.ch-comp-select.is-open.is-open-up .ch-comp-select__chev { transform: rotate(0deg); }
.ch-comp-select__search {
	padding: 10px; border-bottom: 1px solid rgba(255,255,255,.08);
}
.ch-comp-select__search input {
	width: 100%; border: 1px solid rgba(255,255,255,.12); border-radius: 8px;
	background: rgba(0,0,0,.35); color: #fff; font-size: 13px; padding: 8px 11px;
}
.ch-comp-select__search input:focus {
	outline: none; border-color: rgba(255,60,60,.45);
	box-shadow: 0 0 0 2px rgba(255,60,60,.12);
}
.ch-comp-select__list {
	max-height: 280px; overflow-y: auto; padding: 8px;
	-webkit-overflow-scrolling: touch;
}
.ch-comp-select__opt {
	display: flex; align-items: center; gap: 12px; width: 100%;
	padding: 10px 11px; margin: 0; border: 1px solid transparent;
	border-radius: 10px; background: transparent; color: #fff;
	text-align: left; cursor: pointer;
	transition: background .12s ease, border-color .12s ease;
}
.ch-comp-select__opt:hover { background: rgba(255,255,255,.05); }
.ch-comp-select__opt.is-active {
	background: rgba(127,29,29,.28); border-color: rgba(255,60,60,.55);
}
.ch-comp-select__opt.is-hidden { display: none; }
.ch-comp-select__opt-check {
	flex-shrink: 0; width: 18px; height: 18px; margin-left: auto;
	color: transparent;
}
.ch-comp-select__opt.is-active .ch-comp-select__opt-check { color: #ff6b6b; }
.ch-comp-select__empty {
	padding: 14px 12px; font-size: 13px; color: rgba(255,255,255,.5); text-align: center;
}