/* Streaming shell layout; colors and type come from system/tokens.css. */
.viewer-main{min-height:calc(100vh - var(--v-header-height));padding-block:22px 34px;background:var(--bg-base);color:var(--text-primary)}.viewer-container{max-width:var(--v-container-max);margin-inline:auto;padding-inline:20px}.viewer-header{height:var(--v-header-height);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.viewer-header-inner{min-height:100%;display:flex;align-items:center;gap:22px}.viewer-brand,.viewer-nav-link{color:var(--text-primary)}.viewer-nav-link:hover,.viewer-drawer-link:hover{background:var(--bg-hover)}.viewer-drawer{background:var(--bg-elevated);color:var(--text-primary)}.viewer-footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface)}.viewer-card-title,.series-hero-title,.episode-card-title{unicode-bidi:isolate;overflow:hidden;text-overflow:ellipsis}.series-hero{background:var(--bg-surface);border-color:var(--border-subtle)}@media(max-width:640px){.viewer-main{padding-block:14px 24px}.viewer-container{padding-inline:14px}}

.viewer-empty-state--compact{grid-column:1/-1;min-height:150px;padding:22px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.viewer-empty-title{color:var(--text-secondary)}

/* One shared missing-artwork fallback for viewer media frames. */
.has-poster-fallback{position:relative;background:linear-gradient(145deg,var(--bg-elevated),var(--bg-base));overflow:hidden}.has-poster-fallback img{display:none!important}.has-poster-fallback::after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;color:var(--text-muted);font-size:24px;background:radial-gradient(ellipse at center,transparent 0 14%,#070b1440 15% 100%);pointer-events:none}