.media-works-grid { display:flex; flex-direction:column; gap:0; padding-top:12px; }
.media-work-card { border-bottom:1px solid var(--line); padding:20px 0; }
.media-work-card:last-child { border-bottom:0; }
.media-work-link { display:grid; grid-template-columns:176px minmax(0,1fr); gap:22px; align-items:center; }
.media-work-link .media-cover { width:176px; aspect-ratio:16/9; border-radius:9px; }
.media-work-copy h3 { margin:5px 0 0; font-size:1rem; line-height:1.65; }
.media-work-category { color:var(--muted); font-size:.72rem; }
.media-work-stat { margin:8px 0 0; }
.media-work-link .media-cover.is-portrait {width:136px;aspect-ratio:var(--cover-ratio,4/5);}
.channel-panel {align-self:start;}
.media-image-state {display:block;position:relative;width:100%;height:100%;background:var(--surface);color:var(--muted);overflow:hidden;}
.channel-avatar-frame {width:96px;height:96px;border-radius:50%;margin:0 auto 20px;}
.channel-avatar-frame .channel-avatar {margin:0;width:100%;height:100%;}
@media(max-width:850px){
 .channel-panel{grid-template-columns:60px minmax(0,1fr);gap:6px 18px;align-items:start;}
 .channel-avatar-frame{grid-column:1;grid-row:1/5;align-self:start;width:60px;height:60px;margin:0;}
 .channel-panel .channel-account{grid-column:2;grid-row:3;}
 .channel-panel .channel-name{grid-column:2;grid-row:4;margin:0;}
 .channel-panel>.button{grid-column:1/-1;grid-row:5;margin-top:12px;}
}
@media(max-width:600px){.channel-avatar-frame{width:50px;height:50px;}}
.media-image-fallback {position:absolute;inset:0;display:grid;place-items:center;font-size:.8rem;}
.media-image-state img {position:relative;z-index:1;}
.media-image-state[data-image-state="loading"]::after {content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(100deg,transparent,var(--line),transparent);animation:media-loading 1.5s linear infinite;}
.media-image-state[data-image-state="failed"] img {visibility:hidden;}
.media-image-state[data-image-state="loaded"] .media-image-fallback {display:none;}
@keyframes media-loading {from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.media-image-state[data-image-state="loading"]::after{animation:none;}}
.media-snapshot-list .media-work-link {grid-template-columns:136px minmax(0,1fr);}
.media-snapshot-cover {display:block;width:100%;height:100%;background-repeat:no-repeat;}
.channel-account {font-size:12px;color:var(--muted);word-break:break-all;}
.media-work-rank { top:6px;left:6px;font-size:.75rem;padding:2px 6px; }
@media(max-width:600px) { .media-work-link { grid-template-columns:112px minmax(0,1fr);gap:13px; }.media-work-link .media-cover { width:112px; }.media-work-copy h3 { font-size:.86rem; } }
@media(max-width:600px){.media-snapshot-list .media-work-link{grid-template-columns:96px minmax(0,1fr);}.media-work-link .media-cover.is-portrait{width:96px;}}