/* STS v5.8.12 — cleaner Twitch-style channel panels */
html body.streamx-v5.twitch-v53 .sts-channel-panels-live{
  margin-top:18px!important;
  margin-bottom:34px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body.streamx-v5.twitch-v53 .sts-channel-panels-live::before{display:none!important}
html body.streamx-v5.twitch-v53 .sts-channel-panels-head{
  margin:0 0 18px!important;
  gap:4px!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-eyebrow{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#bf94ff!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}
html body.streamx-v5.twitch-v53 .sts-channel-panels-head h2{
  margin:0!important;
  color:#f7f7f8!important;
  font-size:clamp(24px,2.2vw,32px)!important;
  line-height:1.15!important;
  text-shadow:none!important;
  letter-spacing:-.02em!important;
}
html body.streamx-v5.twitch-v53 .sts-channel-panels-head p{
  margin:2px 0 0!important;
  color:#adadb8!important;
  font-size:14px!important;
}
html body.streamx-v5.twitch-v53 .sts-channel-panel-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(285px,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
html body.streamx-v5.twitch-v53 .sts-channel-panel-card{
  min-height:164px!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:13px!important;
  padding:18px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:10px!important;
  background:#18181b!important;
  box-shadow:0 2px 8px rgba(0,0,0,.22)!important;
  backdrop-filter:none!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
html body.streamx-v5.twitch-v53 .sts-channel-panel-card:hover{
  transform:translateY(-2px)!important;
  background:#1f1f23!important;
  border-color:rgba(191,148,255,.35)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.3)!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-icon{
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  border-radius:8px!important;
  background:#2f1f48!important;
  color:#d9b8ff!important;
  font-size:20px!important;
  box-shadow:none!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  height:100%!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-copy h3{
  margin:0 0 7px!important;
  color:#efeff1!important;
  font-size:17px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-copy p{
  margin:0!important;
  color:#adadb8!important;
  font-size:14px!important;
  line-height:1.5!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-copy small{
  display:block!important;
  margin-top:10px!important;
  color:#bf94ff!important;
  font-size:13px!important;
  font-weight:700!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  width:max-content!important;
  margin-top:auto!important;
  padding:9px 12px!important;
  border:0!important;
  border-radius:6px!important;
  background:#9147ff!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:700!important;
  text-decoration:none!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-link:hover{
  background:#772ce8!important;
  color:#fff!important;
}
/* Creator-supplied image panels become proper Twitch-like visual tiles. */
html body.streamx-v5.twitch-v53 .sts-custom-panel-card:has(.sts-panel-image){
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
}
html body.streamx-v5.twitch-v53 .sts-custom-panel-card:has(.sts-panel-image) .sts-panel-image{
  width:100%!important;
  height:150px!important;
  max-width:none!important;
  flex:none!important;
  border:0!important;
  border-radius:0!important;
  background:#0e0e10!important;
  box-shadow:none!important;
}
html body.streamx-v5.twitch-v53 .sts-custom-panel-card:has(.sts-panel-image) .sts-panel-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
html body.streamx-v5.twitch-v53 .sts-custom-panel-card:has(.sts-panel-image) .sts-panel-copy{
  padding:16px!important;
}
@media(max-width:760px){
  html body.streamx-v5.twitch-v53 .sts-channel-panel-grid{grid-template-columns:1fr!important;gap:12px!important}
  html body.streamx-v5.twitch-v53 .sts-channel-panel-card{min-height:auto!important;padding:15px!important}
  html body.streamx-v5.twitch-v53 .sts-custom-panel-card:has(.sts-panel-image){padding:0!important}
  html body.streamx-v5.twitch-v53 .sts-channel-panels-head h2{font-size:24px!important}
}


/* STS v5.8.16 — preserve creator formatting and stop cards stretching to the tallest panel */
html body.streamx-v5.twitch-v53 .sts-channel-panel-grid{
  align-items:start!important;
  grid-auto-rows:max-content!important;
}
html body.streamx-v5.twitch-v53 .sts-channel-panel-card{
  min-height:0!important;
  height:auto!important;
  align-self:start!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-copy{
  height:auto!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-copy .sts-panel-body,
html body.streamx-v5.twitch-v53 .sts-panel-copy p{
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  width:100%!important;
}
html body.streamx-v5.twitch-v53 .panel-type-pc_specs .sts-panel-body{
  line-height:1.7!important;
}
html body.streamx-v5.twitch-v53 .panel-type-pc_specs .sts-panel-icon{
  background:linear-gradient(135deg,#2f1f48,#183b35)!important;
}
.creator-panel-grid{align-items:start!important;grid-auto-rows:max-content!important}
.creator-panel-card{height:auto!important;align-self:start!important}
.creator-panel-content .creator-panel-body{
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}