.channels-page{margin:0 auto;max-width:1120px;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,4vw,3rem);width:100%}.channels-page .channel-showcase-intro{background:var(--color-bg-surface,#101827);border:1px solid var(--color-border,#334155);border-radius:1rem;margin-bottom:2rem;padding:clamp(1.25rem,3vw,2rem)}.channels-page .channel-eyebrow{color:var(--color-brand-primary,#00cfff);font:600 .75rem/1.5 var(--font-mono,monospace);letter-spacing:.12em;margin:0 0 .75rem;text-transform:uppercase}.channels-page h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em;line-height:1.12;margin:0 0 1rem;max-width:22ch}.channels-page .channel-showcase-intro>p:not(.channel-eyebrow){color:var(--color-text-secondary,#aabac3);max-width:65ch}.channel-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.channels-page .btn{justify-content:center;min-height:44px;text-align:center;white-space:normal}.channel-action-secondary{align-items:center;background:transparent;border:0;color:var(--color-brand-primary,#00cfff);cursor:pointer;display:inline-flex;font:inherit;font-weight:600;min-height:44px;padding:.5rem 0;text-decoration:none}.channel-action-secondary:hover{text-decoration:underline}.channels-page a:focus-visible,.channels-page button:focus-visible,.channels-page input:focus-visible,.channels-page summary:focus-visible{outline:2px solid var(--color-brand-primary,#00cfff);outline-offset:4px}.channel-directory-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.channel-directory-toolbar h2{font-size:clamp(1.4rem,3vw,2rem);margin:0 0 .35rem}.channel-directory-toolbar p{color:var(--color-text-secondary,#aabac3);margin:0}.channel-empty{border:1px dashed var(--color-border,#334155);border-radius:1rem;padding:clamp(1.5rem,4vw,3rem);text-align:center}.channel-empty h3{margin:0 0 .5rem}.channel-empty p{color:var(--color-text-secondary,#aabac3)}.channel-notice{margin-bottom:1rem;padding:1rem}.channel-notice,.channel-showcase-manage{border:1px solid var(--color-border,#334155);border-radius:.75rem}.channel-showcase-manage{color:var(--color-text-secondary,#aabac3);margin-top:1.5rem;padding:1rem 1.25rem}.channel-showcase-manage summary{color:var(--color-text-primary,#e6edf7);cursor:pointer;font-weight:600}.channel-showcase-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.channel-showcase-card{background:var(--color-surface,#101827);border:1px solid var(--color-border,#334155);border-radius:1rem;overflow-wrap:anywhere;padding:1.5rem}.channel-showcase-card--developer{border-color:var(--color-brand-primary,#00cfff);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-brand-primary,#00cfff) 30%,transparent)}.channel-developer-badge{border:1px solid var(--color-brand-primary,#00cfff);border-radius:999px;color:var(--color-brand-primary,#00cfff);display:inline-flex;font-size:.75rem;font-weight:700;padding:.25rem .65rem;width:fit-content}.channel-showcase-card img{border-radius:50%;object-fit:cover}.channel-showcase-card p{line-height:1.6}.channel-showcase-card small{display:block;margin-top:1rem}.channel-verified{color:var(--color-accent,#00cfff)}.channel-surfaces{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.channel-surfaces span{border:1px solid var(--color-border,#334155);border-radius:1rem;padding:.3rem .65rem;text-transform:capitalize}.channel-search{display:block;flex:0 1 340px;font-size:.875rem}.channel-search input{background:var(--color-surface,#101827);border:1px solid var(--color-border,#334155);border-radius:.6rem;color:inherit;display:block;font:inherit;margin-top:.5rem;min-height:44px;min-width:0;padding:.8rem;width:100%}@media (max-width:600px){.channel-search{flex-basis:100%}.channel-actions{align-items:stretch;flex-direction:column;gap:.5rem}.channel-actions .channel-action-secondary{justify-content:center}}