.channel-creation-state{max-width:720px;margin:24px auto;padding:30px 24px;border:1px solid var(--line);border-radius:12px;background:var(--panel,var(--bg));overflow-wrap:anywhere}
.channel-creation-state h2{margin:16px 0 10px;font-size:20px}
.channel-creation-state p{line-height:1.75}
.channel-creation-state details{margin:20px 0;color:var(--muted)}
.channel-creation-state details strong{display:block;margin-top:12px;color:var(--text)}
.channel-creation-state details p{white-space:pre-wrap}
.channel-creation-indicator{display:block;width:22px;height:22px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:channel-creation-spin 1.1s linear infinite}
.channel-creation-state[data-state="failed"] .channel-creation-indicator,.channel-creation-state[data-state="blocked"] .channel-creation-indicator,.channel-creation-state[data-state="connection_lost"] .channel-creation-indicator,.channel-creation-state[data-state="succeeded"] .channel-creation-indicator{animation:none;border-color:var(--muted)}
.channel-creation-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.custom-channel-pill [data-channel-tab-state]{margin-left:6px;font-size:10px;font-weight:400;opacity:.8}
.channel-builder-form fieldset{min-width:0;padding:0;margin:0;border:0}
@keyframes channel-creation-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.channel-creation-state{margin:18px 0;padding:22px 16px}.channel-creation-state h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.channel-creation-indicator{animation:none}}