/* Catalog display preference; player and sidebar retain their own layout. */
.catalog-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.catalog-tools>div:first-child{display:flex;align-items:baseline;gap:12px}.catalog-tools strong{font-size:14px}.catalog-tools>div>span{color:var(--muted);font-size:12px}.layout-options{display:flex;gap:4px;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.layout-options button{display:flex;gap:7px;align-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted);padding:9px 13px;font:inherit;font-size:12px;cursor:pointer;min-height:40px}.layout-options button[aria-pressed=true]{background:var(--soft);color:var(--accent);font-weight:700}.layout-options button:hover{color:var(--text)}.layout-options .ui-icon{width:18px;height:18px}.catalog-intro{padding-top:30px;padding-bottom:20px}.section-heading h2{font-weight:750}.channel-grid .channel-card{transition:none;transform:none;box-shadow:none}.channel-grid .card-category{display:block;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:3px}.card-watch{display:none}.watch-aside .card-category{display:none}.channel-grid .empty{grid-column:1/-1}
:root[data-catalog-layout=grid] .channel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
:root[data-catalog-layout=grid] .channel-grid .channel-card{display:flex;flex-direction:column;align-items:stretch;padding:0;gap:0;overflow:hidden;border-radius:14px}
:root[data-catalog-layout=grid] .channel-grid .channel-art{height:154px;width:100%;padding:26px;display:flex;align-items:center;justify-content:center;border-radius:0;background:#fafbfc;border-bottom:1px solid #e6eaeb}
:root[data-catalog-layout=grid] .channel-grid .channel-art img{width:100%;height:100%;max-width:160px;object-fit:contain}
:root[data-catalog-layout=grid] .channel-grid .card-info{padding:16px 18px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:110px}
:root[data-catalog-layout=grid] .channel-grid .card-info h3{font-size:16px;line-height:1.35;margin:0;min-height:22px;padding-right:36px}
:root[data-catalog-layout=grid] .channel-grid .state{color:var(--accent);font-size:9px}
:root[data-catalog-layout=grid] .channel-grid .card-play{position:absolute;right:14px;bottom:47px;display:grid;background:var(--soft);color:var(--accent);height:29px;width:29px;border-radius:50%}
:root[data-catalog-layout=list] .channel-grid{grid-template-columns:minmax(0,1fr);gap:10px}
:root[data-catalog-layout=list] .channel-grid .channel-card{min-height:96px;padding:14px 20px;gap:20px;border-radius:12px}
:root[data-catalog-layout=list] .channel-grid .channel-art{width:68px;height:68px;padding:10px}
:root[data-catalog-layout=list] .channel-grid .card-info h3{font-size:17px;-webkit-line-clamp:2}
:root[data-catalog-layout=list] .channel-grid .card-category{font-size:12px}
:root[data-catalog-layout=list] .channel-grid .card-play{display:flex;gap:8px;width:auto;height:auto;padding:10px 15px;border-radius:8px;background:var(--soft);color:var(--accent);font-size:12px;font-weight:650}
:root[data-catalog-layout=list] .channel-grid .card-watch{display:inline}
:root[data-catalog-layout=compact] .channel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
:root[data-catalog-layout=compact] .channel-grid .channel-card{min-height:92px;border-radius:12px}
:root[data-catalog-layout=compact] .channel-grid .channel-art{width:58px;height:58px;padding:8px}
:root[data-catalog-layout=compact] .channel-grid .card-info h3{font-size:13px}
:root[data-catalog-layout=compact] .channel-grid .card-category{font-size:10px}
.category-card{border-top:3px solid var(--accent);border-radius:12px}.category-card h2{font-weight:750}.highlight{border-radius:14px}.favorite-item{min-width:0}.channel-grid .favorite-item .channel-card{flex:1;height:auto}.remove-favorite{min-height:40px}
@media(max-width:1100px){:root[data-catalog-layout=grid] .channel-grid,:root[data-catalog-layout=compact] .channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-tools>div:first-child{display:block}.catalog-tools>div>span{display:block}}
@media(max-width:700px){:root[data-catalog-layout=grid] .channel-grid,:root[data-catalog-layout=compact] .channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-tools{align-items:flex-start;flex-direction:column;gap:10px;padding:18px 0}.catalog-tools>div:first-child{display:flex;gap:8px;flex-wrap:wrap}.layout-options{width:100%}.layout-options button{flex:1;justify-content:center;padding:8px}.catalog-intro h1{line-height:1.2}:root[data-catalog-layout=grid] .channel-grid .channel-art{height:122px;padding:20px}:root[data-catalog-layout=grid] .channel-grid .card-info{padding:13px;min-height:102px}:root[data-catalog-layout=grid] .channel-grid .card-info h3{font-size:14px;padding-right:0}:root[data-catalog-layout=grid] .channel-grid .card-play{display:none}:root[data-catalog-layout=list] .channel-grid .channel-card{padding:12px;gap:13px;min-height:86px}:root[data-catalog-layout=list] .channel-grid .channel-art{width:57px;height:57px}:root[data-catalog-layout=list] .channel-grid .card-info h3{font-size:14px}:root[data-catalog-layout=list] .channel-grid .card-play{padding:8px}:root[data-catalog-layout=list] .channel-grid .card-watch{display:none}:root[data-catalog-layout=compact] .channel-grid .channel-card{padding:10px;gap:9px}:root[data-catalog-layout=compact] .channel-grid .channel-art{width:42px;height:48px;padding:5px}:root[data-catalog-layout=compact] .channel-grid .card-info h3{font-size:11px}:root[data-catalog-layout=compact] .channel-grid .card-category{display:none}}