.hero{display:none}.workspace{grid-template-columns:minmax(220px,0.42fr) minmax(600px,1.58fr);gap:14px;align-items:start}.right-rail{display:flex;flex-direction:column;gap:14px}.preview-panel{background:#0d192abd;border:1px solid var(--line);border-radius:13px;padding:10px}.preview-screen{height:255px;border-radius:9px;overflow:hidden;border:1px solid #24456f;background:linear-gradient(145deg,#102c53,#07111f 70%);position:relative;box-shadow:inset 0 0 40px #0c4ca633}.preview-topline{display:flex;justify-content:space-between;padding:11px 14px;color:#79b1ff;font-size:11px;font-weight:700;letter-spacing:1.5px}.preview-placeholder{height:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#87a1c2;font-size:12px}.preview-footer{position:absolute;bottom:0;left:0;right:0;padding:12px 15px;background:linear-gradient(transparent,#091424 25%);display:flex;justify-content:space-between;align-items:end;gap:12px}.preview-footer strong{font-size:15px}.preview-footer span{font-size:11px;color:var(--muted)}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 400px}}@media(max-width:900px){.workspace{grid-template-columns:1fr}.right-rail{display:grid;grid-template-columns:1fr 1fr}.guide-panel{display:block}}@media(max-width:560px){.right-rail{display:flex}}
/* Browser layout: categories stay left; selected category's channels appear in the guide area. */
.content{padding-left:14px}
/* Compact preview like the TV layout: video left, channel details alongside it. */
.preview-panel{padding:10px}
.preview-screen{height:205px}
.preview-placeholder{position:absolute;left:0;top:34px;bottom:0;width:66%;height:auto}
.preview-footer{left:68%;top:0;bottom:0;padding:42px 16px 18px;border-left:1px solid #24456f;background:linear-gradient(90deg,#0b1b30,#091424);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}
.preview-footer strong{font-size:16px;line-height:1.25}
.preview-footer span{line-height:1.4}
.channels-panel{padding:18px}.channels-panel .section-heading{margin-bottom:12px}.category-tabs{display:flex;flex-direction:column;gap:6px;border-bottom:0;padding:0}.category{width:100%;text-align:left;padding:11px 12px}.guide-channel-list{margin-bottom:12px}.guide-channel-list .channel-row{grid-template-columns:38px 1fr auto;padding:9px 8px}.guide-channel-list .channel-logo{width:32px;height:32px}.guide-channel-list + .guide-item{margin-top:4px}
/* Compact category rail and channel/program rows. */
.channels-panel{padding:14px}.channels-panel .section-heading h3{font-size:15px}.channels-panel .count{display:none}.category{font-size:12px;padding:9px 10px}.guide-channel-list .channel-row{grid-template-columns:34px minmax(130px,0.65fr) minmax(260px,1.35fr) auto;gap:10px;align-items:center}.guide-channel-list .channel-row>div:last-of-type:after{content:'  •  Now playing  12:00 PM  |  Next 1:00 PM';display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:4px}.guide-channel-list .channel-name{font-size:13px}.guide-channel-list .channel-number{font-size:10px}.guide-channel-list .channel-logo{width:28px;height:28px;font-size:11px}
@media(max-width:1100px){.workspace{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:900px){.content{padding-left:20px}}