/* v1.5.26.68 — fixed viewer status chips + dubber project library drag/preview */
.project-library-shell,
.project-library-stage,
.project-library-viewport{
  max-width:100%;
  min-width:0;
}
.project-library-shell{overflow:hidden}
.project-library-viewport{cursor:grab;overscroll-behavior-x:contain}
.project-library-viewport.dragging{cursor:grabbing;user-select:none;-webkit-user-select:none;scroll-behavior:auto!important}
.project-library-viewport.dragging .project-library-card{pointer-events:none}
.project-library-track.expanded{gap:18px;padding:6px 10px 16px}
.project-library-shell.expanded .project-library-card,
.project-library-card.expanded{
  flex:0 0 clamp(250px,20vw,280px)!important;
  width:clamp(250px,20vw,280px)!important;
  max-width:280px!important;
}
.project-library-shell.expanded .project-library-surface{
  height:376px!important;
  border-radius:28px!important;
  box-shadow:0 24px 48px rgba(0,0,0,.26)!important;
}
.project-library-shell.expanded .project-library-card:hover .project-library-surface,
.project-library-shell.expanded .project-library-card:focus-visible .project-library-surface{
  transform:translateY(-4px) scale(1.01)!important;
}
.project-library-media img{
  object-fit:cover;
  object-position:center top;
}
.project-library-shade{
  background:linear-gradient(180deg,
    rgba(6,12,24,0) 0%,
    rgba(6,12,24,.04) 42%,
    rgba(6,12,24,.28) 70%,
    rgba(6,12,24,.58) 100%)!important;
}
.project-library-overlay{
  left:16px!important;
  right:16px!important;
  bottom:16px!important;
  gap:6px!important;
}
.project-library-shell.expanded .project-library-title{
  font-size:21px!important;
  line-height:1.08!important;
  -webkit-line-clamp:2;
  text-shadow:0 4px 18px rgba(0,0,0,.42)!important;
}
.project-library-shell.expanded .project-library-meta{
  font-size:12px!important;
  color:rgba(255,255,255,.78)!important;
  text-shadow:0 3px 12px rgba(0,0,0,.34)!important;
}
.project-library-status .status-badge{
  min-height:23px;
  padding:0 11px!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.01em;
  background:rgba(7,17,36,.64)!important;
  border:1px solid rgba(226,238,255,.16)!important;
  color:rgba(242,247,255,.94)!important;
  backdrop-filter:blur(12px);
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
  text-shadow:none!important;
}
.project-library-status .status-badge.active{
  background:rgba(20,67,110,.66)!important;
  border-color:rgba(100,190,255,.34)!important;
  color:#e4f5ff!important;
}
.project-library-status .status-badge.finished{
  background:rgba(20,78,51,.66)!important;
  border-color:rgba(112,211,138,.32)!important;
}
.project-library-status .status-badge.dropped{
  background:rgba(88,30,42,.68)!important;
  border-color:rgba(215,75,98,.32)!important;
}
.viewer-rail-topline{
  left:16px!important;
  top:15px!important;
  right:auto!important;
  max-width:calc(100% - 32px);
  justify-content:flex-start!important;
  pointer-events:none;
}
.viewer-rail-topline .project-library-status{max-width:100%}
.viewer-rail-topline .status-badge{
  min-height:24px!important;
  height:24px!important;
  max-width:100%;
  padding:0 12px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:750!important;
  letter-spacing:.005em;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  background:rgba(7,18,38,.58)!important;
  border-color:rgba(232,242,255,.18)!important;
  color:rgba(245,249,255,.94)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.045)!important;
  backdrop-filter:blur(14px);
}
.viewer-rail-topline .status-badge.active{
  background:rgba(20,73,118,.62)!important;
  border-color:rgba(92,182,255,.36)!important;
  color:#e7f6ff!important;
}
.viewer-rail-glow{
  background:radial-gradient(circle at 20% 0%, rgba(82,182,255,.13), transparent 28%),
    linear-gradient(180deg, rgba(8,14,28,.02), rgba(8,14,28,.06) 54%, rgba(8,14,28,.44))!important;
}
.viewer-rail-hover{
  background:linear-gradient(180deg, rgba(12,24,48,.42), rgba(7,14,30,.88))!important;
}
.viewer-rail-media img{
  object-position:center top;
}
@media(max-width:1100px){
  .project-library-shell.expanded .project-library-card,
  .project-library-card.expanded{flex-basis:250px!important;width:250px!important;max-width:250px!important}
  .project-library-shell.expanded .project-library-surface{height:350px!important}
}
@media(max-width:680px){
  .project-library-shell.expanded .project-library-card,
  .project-library-card.expanded{flex-basis:220px!important;width:220px!important;max-width:220px!important}
  .project-library-shell.expanded .project-library-surface{height:315px!important}
  .project-library-shell.expanded .project-library-stage{padding-left:30px!important;padding-right:30px!important}
}


/* v1.5.26.69 — hard fix for status badges, drag-scroll and dubber poster previews */
.project-library-viewport,
.project-library-track,
.project-library-card,
.project-library-surface{
  min-width:0;
}
.project-library-viewport{
  cursor:grab!important;
  touch-action:pan-y!important;
  user-select:none;
  -webkit-user-select:none;
}
.project-library-viewport.dragging,
.project-library-viewport.is-dragging{
  cursor:grabbing!important;
  scroll-behavior:auto!important;
}
.project-library-viewport.dragging *,
.project-library-viewport.is-dragging *{
  pointer-events:none!important;
}
.project-library-card,
.project-library-card *,
.viewer-rail-card,
.viewer-rail-card *{
  -webkit-user-drag:none!important;
  user-drag:none!important;
}
.project-library-card.expanded{
  flex:0 0 clamp(250px,19vw,280px)!important;
  width:clamp(250px,19vw,280px)!important;
  max-width:280px!important;
}
.project-library-shell.expanded .project-library-surface{
  height:390px!important;
  min-height:390px!important;
}
.project-library-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  border-radius:inherit!important;
}
.project-library-media img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center top!important;
  transform:none!important;
}
.project-library-fallback{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  background:
    radial-gradient(circle at 28% 22%, rgba(82,182,255,.22), transparent 32%),
    linear-gradient(145deg, rgba(24,44,78,.96), rgba(7,14,29,.98))!important;
  color:rgba(233,241,255,.46)!important;
  font-size:28px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  text-shadow:none!important;
}
.project-library-shade{
  background:linear-gradient(180deg,
    rgba(4,10,23,0) 0%,
    rgba(4,10,23,.03) 46%,
    rgba(4,10,23,.22) 72%,
    rgba(4,10,23,.56) 100%)!important;
}
.project-library-overlay{
  left:16px!important;
  right:16px!important;
  bottom:17px!important;
  padding:0!important;
}
.project-library-shell.expanded .project-library-title{
  font-size:21px!important;
  line-height:1.08!important;
  max-width:100%!important;
  -webkit-line-clamp:2!important;
}
.project-library-shell.expanded .project-library-meta{
  font-size:12px!important;
  opacity:.86!important;
}
.project-library-topline{
  top:14px!important;
  left:14px!important;
  right:14px!important;
  overflow:visible!important;
  align-items:flex-start!important;
}
.project-library-status{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  min-width:92px!important;
  max-width:calc(100% - 46px)!important;
  overflow:visible!important;
  flex:0 0 auto!important;
}
.project-library-status .status-badge,
.viewer-rail-topline .status-badge{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-width:92px!important;
  max-width:none!important;
  height:24px!important;
  min-height:24px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  overflow:visible!important;
  white-space:nowrap!important;
  text-overflow:unset!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:24px!important;
  letter-spacing:.01em!important;
  color:rgba(246,249,255,.96)!important;
  background:rgba(6,18,38,.72)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  text-shadow:none!important;
}
.project-library-status .status-badge.active,
.viewer-rail-topline .status-badge.active{
  background:rgba(18,64,106,.76)!important;
  border-color:rgba(89,181,255,.38)!important;
  color:#e8f7ff!important;
}
.project-library-status .status-badge.finished,
.viewer-rail-topline .status-badge.finished{
  background:rgba(21,78,53,.74)!important;
  border-color:rgba(112,211,138,.36)!important;
  color:#ddffe7!important;
}
.project-library-status .status-badge.dropped,
.viewer-rail-topline .status-badge.dropped{
  background:rgba(90,29,42,.76)!important;
  border-color:rgba(215,75,98,.36)!important;
  color:#ffdce4!important;
}
.viewer-rail-topline{
  top:14px!important;
  left:14px!important;
  right:auto!important;
  width:auto!important;
  max-width:none!important;
  overflow:visible!important;
  display:flex!important;
  justify-content:flex-start!important;
  pointer-events:none!important;
}
.viewer-rail-topline .project-library-status{
  min-width:92px!important;
  max-width:none!important;
  width:max-content!important;
  overflow:visible!important;
}
.viewer-rail-media,
.viewer-rail-media img{
  width:100%!important;
  height:100%!important;
}
.viewer-rail-media img{
  object-fit:cover!important;
  object-position:center top!important;
}
.viewer-rail-card .viewer-project-fallback.big{
  font-size:30px!important;
  color:rgba(233,241,255,.46)!important;
}
@media(max-width:1100px){
  .project-library-card.expanded{flex-basis:250px!important;width:250px!important;max-width:250px!important}
  .project-library-shell.expanded .project-library-surface{height:360px!important;min-height:360px!important}
}
@media(max-width:680px){
  .project-library-card.expanded{flex-basis:224px!important;width:224px!important;max-width:224px!important}
  .project-library-shell.expanded .project-library-surface{height:320px!important;min-height:320px!important}
}


/* v1.5.26.70 — final click/drag + readable genres + real poster cards */
.viewer-card-hover-tags .tag,
.viewer-surface .viewer-card-hover-tags .tag,
.viewer-premium-home .viewer-card-hover-tags .tag,
.viewer-title-page .viewer-card-hover-tags .tag,
.viewer-genre-tag,
.viewer-title-tags .tag.viewer-genre-tag,
.viewer-surface .viewer-genre-tag{
  color:#eef7ff !important;
  background:rgba(82,150,255,.18) !important;
  border:1px solid rgba(150,200,255,.24) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 6px 16px rgba(0,0,0,.14) !important;
  text-shadow:none !important;
}

.viewer-rail-row.dragging,
.viewer-rail-row.is-dragging,
.project-library-viewport.dragging,
.project-library-viewport.is-dragging{
  cursor:grabbing !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  scroll-behavior:auto !important;
}
.viewer-rail-row.dragging .viewer-rail-card,
.viewer-rail-row.is-dragging .viewer-rail-card,
.project-library-viewport.dragging .project-library-card,
.project-library-viewport.is-dragging .project-library-card{
  pointer-events:none !important;
}
.viewer-rail-row:not(.dragging):not(.is-dragging) .viewer-rail-card,
.project-library-viewport:not(.dragging):not(.is-dragging) .project-library-card{
  pointer-events:auto !important;
}
.viewer-rail-card,
.project-library-card{
  cursor:pointer !important;
}
.viewer-rail-row,
.project-library-viewport{
  cursor:grab !important;
}

/* Дабберская библиотека — перебиваем старые горизонтальные 138/188/232px правила */
.project-library-shell.expanded .project-library-stage,
.shell.surface-workspace .project-library-shell.expanded .project-library-stage{
  min-height:430px !important;
  height:430px !important;
  max-height:none !important;
  padding-left:54px !important;
  padding-right:54px !important;
}
.project-library-shell.expanded .project-library-viewport,
.shell.surface-workspace .project-library-shell.expanded .project-library-viewport{
  min-height:420px !important;
  height:420px !important;
  max-height:none !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  background:linear-gradient(90deg,rgba(4,10,24,.56),rgba(5,9,23,.72) 50%,rgba(4,10,24,.56)) !important;
}
.project-library-shell.expanded .project-library-track,
.shell.surface-workspace .project-library-shell.expanded .project-library-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:18px !important;
  min-height:420px !important;
  height:420px !important;
  max-height:none !important;
  padding:14px 10px 18px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
}
.project-library-shell.expanded .project-library-card.expanded,
.project-library-shell.expanded .project-library-card:not(.compact),
.shell.surface-workspace .project-library-card.expanded,
.shell.surface-workspace .project-library-card:not(.compact){
  position:relative !important;
  flex:0 0 clamp(250px,19vw,280px) !important;
  flex-basis:clamp(250px,19vw,280px) !important;
  width:clamp(250px,19vw,280px) !important;
  min-width:clamp(250px,19vw,280px) !important;
  max-width:280px !important;
  height:390px !important;
  min-height:390px !important;
  max-height:390px !important;
  padding:0 !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
}
.project-library-shell.expanded .project-library-surface,
.shell.surface-workspace .project-library-card.expanded .project-library-surface,
.shell.surface-workspace .project-library-card:not(.compact) .project-library-surface{
  position:relative !important;
  width:100% !important;
  height:390px !important;
  min-height:390px !important;
  max-height:390px !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:28px !important;
  background:rgba(8,17,36,.78) !important;
  border:1px solid rgba(142,183,255,.16) !important;
  box-shadow:0 24px 48px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.055) !important;
}
.project-library-shell.expanded .project-library-media,
.shell.surface-workspace .project-library-card.expanded .project-library-media,
.shell.surface-workspace .project-library-card:not(.compact) .project-library-media{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  border-radius:inherit !important;
  overflow:hidden !important;
  background:transparent !important;
}
.project-library-shell.expanded .project-library-media img,
.shell.surface-workspace .project-library-card.expanded .project-library-media img,
.shell.surface-workspace .project-library-card:not(.compact) .project-library-media img{
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center top !important;
  transform:none !important;
  border-radius:inherit !important;
}
.project-library-shell.expanded .project-library-fallback,
.shell.surface-workspace .project-library-card.expanded .project-library-fallback,
.shell.surface-workspace .project-library-card:not(.compact) .project-library-fallback{
  width:100% !important;
  height:100% !important;
  display:grid !important;
  place-items:center !important;
  background:radial-gradient(circle at 28% 20%, rgba(82,182,255,.20), transparent 34%), linear-gradient(145deg, rgba(24,44,78,.96), rgba(7,14,29,.98)) !important;
  color:rgba(233,241,255,.42) !important;
  font-size:24px !important;
  font-weight:900 !important;
  letter-spacing:.05em !important;
}
.project-library-shell.expanded .project-library-shade,
.shell.surface-workspace .project-library-card.expanded .project-library-shade,
.shell.surface-workspace .project-library-card:not(.compact) .project-library-shade{
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  pointer-events:none !important;
  background:linear-gradient(180deg, rgba(4,10,23,0) 0%, rgba(4,10,23,.03) 45%, rgba(4,10,23,.22) 72%, rgba(4,10,23,.58) 100%) !important;
}
.project-library-shell.expanded .project-library-topline,
.shell.surface-workspace .project-library-card.expanded .project-library-topline,
.shell.surface-workspace .project-library-card:not(.compact) .project-library-topline{
  position:absolute !important;
  top:14px !important;
  left:14px !important;
  right:14px !important;
  z-index:4 !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  overflow:visible !important;
  pointer-events:none !important;
}
.project-library-shell.expanded .project-library-edit,
.shell.surface-workspace .project-library-card.expanded .project-library-edit,
.shell.surface-workspace .project-library-card:not(.compact) .project-library-edit{
  pointer-events:auto !important;
}
.project-library-shell.expanded .project-library-overlay,
.shell.surface-workspace .project-library-card.expanded .project-library-overlay,
.shell.surface-workspace .project-library-card:not(.compact) .project-library-overlay{
  position:absolute !important;
  left:16px !important;
  right:16px !important;
  bottom:17px !important;
  z-index:3 !important;
  display:grid !important;
  gap:6px !important;
  padding:0 !important;
  background:transparent !important;
}
.project-library-shell.expanded .project-library-title,
.shell.surface-workspace .project-library-card.expanded .project-library-title,
.shell.surface-workspace .project-library-card:not(.compact) .project-library-title{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
  color:#f4f8ff !important;
  font-size:21px !important;
  line-height:1.08 !important;
  font-weight:950 !important;
  letter-spacing:-.025em !important;
  text-shadow:0 4px 18px rgba(0,0,0,.42) !important;
}
.project-library-shell.expanded .project-library-meta,
.shell.surface-workspace .project-library-card.expanded .project-library-meta,
.shell.surface-workspace .project-library-card:not(.compact) .project-library-meta{
  color:rgba(235,242,255,.78) !important;
  font-size:12px !important;
  line-height:1.2 !important;
  text-shadow:0 3px 12px rgba(0,0,0,.34) !important;
}

@media(max-width:860px){
  .project-library-shell.expanded .project-library-stage,
  .shell.surface-workspace .project-library-shell.expanded .project-library-stage{
    height:360px !important;
    min-height:360px !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }
  .project-library-shell.expanded .project-library-viewport,
  .project-library-shell.expanded .project-library-track,
  .shell.surface-workspace .project-library-shell.expanded .project-library-viewport,
  .shell.surface-workspace .project-library-shell.expanded .project-library-track{
    height:350px !important;
    min-height:350px !important;
  }
  .project-library-shell.expanded .project-library-card.expanded,
  .project-library-shell.expanded .project-library-card:not(.compact),
  .shell.surface-workspace .project-library-card.expanded,
  .shell.surface-workspace .project-library-card:not(.compact){
    flex-basis:224px !important;
    width:224px !important;
    min-width:224px !important;
    max-width:224px !important;
    height:320px !important;
    min-height:320px !important;
    max-height:320px !important;
  }
  .project-library-shell.expanded .project-library-surface,
  .shell.surface-workspace .project-library-card.expanded .project-library-surface,
  .shell.surface-workspace .project-library-card:not(.compact) .project-library-surface{
    height:320px !important;
    min-height:320px !important;
    max-height:320px !important;
  }
}


/* v1.5.26.71 — click safety for all horizontal title rails */
.viewer-rail-row:not(.dragging):not(.is-dragging),
.project-library-viewport:not(.dragging):not(.is-dragging){
  pointer-events:auto !important;
}
.viewer-rail-row:not(.dragging):not(.is-dragging) .viewer-rail-card,
.viewer-rail-row:not(.dragging):not(.is-dragging) .viewer-rail-card *,
.project-library-viewport:not(.dragging):not(.is-dragging) .project-library-card,
.project-library-viewport:not(.dragging):not(.is-dragging) .project-library-card *{
  pointer-events:auto !important;
}
.viewer-rail-row.dragging .viewer-rail-card *,
.viewer-rail-row.is-dragging .viewer-rail-card *,
.project-library-viewport.dragging .project-library-card *,
.project-library-viewport.is-dragging .project-library-card *{
  pointer-events:none !important;
}
.viewer-rail-card,
.project-library-card{
  position:relative !important;
  cursor:pointer !important;
}

/* v1.5.26.73 — final rail scroll host fix + animation restore */
.project-library-shell.expanded .project-library-stage,
.shell.surface-workspace .project-library-shell.expanded .project-library-stage{
  position:relative !important;
  overflow:hidden !important;
}
.project-library-shell.expanded .project-library-viewport,
.shell.surface-workspace .project-library-shell.expanded .project-library-viewport{
  position:relative !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-behavior:smooth !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  touch-action:pan-y !important;
  cursor:grab !important;
}
.project-library-shell.expanded .project-library-viewport::-webkit-scrollbar,
.shell.surface-workspace .project-library-shell.expanded .project-library-viewport::-webkit-scrollbar{
  display:none !important;
  width:0 !important;
  height:0 !important;
}
.project-library-shell.expanded .project-library-track,
.shell.surface-workspace .project-library-shell.expanded .project-library-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  max-width:none !important;
  min-width:max-content !important;
  overflow:visible !important;
  overflow-x:visible !important;
  overflow-y:visible !important;
  scroll-snap-type:none !important;
  scrollbar-width:none !important;
  pointer-events:auto !important;
}
.project-library-shell.expanded .project-library-arrow,
.shell.surface-workspace .project-library-shell.expanded .project-library-arrow,
.project-library-arrow.left,
.project-library-arrow.right{
  z-index:80 !important;
  pointer-events:auto !important;
}
.project-library-shell.expanded .project-library-arrow:not(:disabled):not(.disabled){
  opacity:.96 !important;
  cursor:pointer !important;
}
.project-library-shell.expanded .project-library-stage::before,
.project-library-shell.expanded .project-library-stage::after{
  pointer-events:none !important;
  z-index:20 !important;
}
.project-library-viewport.dragging,
.project-library-viewport.is-dragging,
.project-library-track.dragging,
.project-library-track.is-dragging{
  cursor:grabbing !important;
  scroll-behavior:auto !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}
.project-library-viewport:not(.dragging):not(.is-dragging) .project-library-card,
.project-library-viewport:not(.dragging):not(.is-dragging) .project-library-card *{
  pointer-events:auto !important;
}
.project-library-viewport.dragging .project-library-card,
.project-library-viewport.is-dragging .project-library-card,
.project-library-track.dragging .project-library-card,
.project-library-track.is-dragging .project-library-card{
  pointer-events:none !important;
}

.viewer-surface .viewer-rail-row,
.viewer-premium-home .viewer-rail-row,
.viewer-title-page .viewer-rail-row{
  scroll-behavior:smooth !important;
  cursor:grab !important;
}
.viewer-surface .viewer-rail-row.dragging,
.viewer-surface .viewer-rail-row.is-dragging,
.viewer-premium-home .viewer-rail-row.dragging,
.viewer-premium-home .viewer-rail-row.is-dragging,
.viewer-title-page .viewer-rail-row.dragging,
.viewer-title-page .viewer-rail-row.is-dragging{
  scroll-behavior:auto !important;
  cursor:grabbing !important;
}
.viewer-surface .viewer-rail-card,
.viewer-premium-home .viewer-rail-card,
.viewer-title-page .viewer-rail-card{
  transition:
    transform .24s cubic-bezier(.2,.85,.25,1),
    box-shadow .24s ease,
    border-color .24s ease,
    filter .24s ease !important;
  will-change:transform !important;
}
.viewer-surface .viewer-rail-card:hover,
.viewer-premium-home .viewer-rail-card:hover,
.viewer-title-page .viewer-rail-card:hover{
  transform:translateY(-6px) scale(1.012) !important;
  filter:saturate(1.06) brightness(1.03) !important;
  border-color:rgba(126,190,255,.38) !important;
  box-shadow:0 24px 58px rgba(0,0,0,.34), 0 0 26px rgba(88,166,255,.12) !important;
}
.viewer-surface .viewer-rail-hover,
.viewer-premium-home .viewer-rail-hover,
.viewer-title-page .viewer-rail-hover{
  opacity:0 !important;
  transform:translateY(14px) scale(.985) !important;
  transition:opacity .22s ease, transform .22s cubic-bezier(.2,.85,.25,1), background .22s ease !important;
  pointer-events:none !important;
}
.viewer-surface .viewer-rail-card:hover .viewer-rail-hover,
.viewer-premium-home .viewer-rail-card:hover .viewer-rail-hover,
.viewer-title-page .viewer-rail-card:hover .viewer-rail-hover{
  opacity:1 !important;
  transform:translateY(0) scale(1) !important;
}
.viewer-rail-row.dragging .viewer-rail-card:hover,
.viewer-rail-row.is-dragging .viewer-rail-card:hover{
  transform:none !important;
}

/* v1.5.26.74 — restore premium hover animation for viewer rails */
.viewer-surface .viewer-rail-card,
.viewer-premium-home .viewer-rail-card,
.viewer-title-page .viewer-rail-card{
  transform:translateZ(0) !important;
  transform-origin:center center !important;
  transition:
    transform .34s cubic-bezier(.18,.9,.22,1),
    box-shadow .34s ease,
    border-color .34s ease,
    filter .34s ease !important;
  will-change:transform,filter !important;
}
.viewer-surface .viewer-rail-media img,
.viewer-premium-home .viewer-rail-media img,
.viewer-title-page .viewer-rail-media img{
  transition:transform .48s cubic-bezier(.18,.9,.22,1), filter .34s ease !important;
  transform:scale(1.001) translateZ(0) !important;
  will-change:transform,filter !important;
}
.viewer-surface .viewer-rail-glow,
.viewer-premium-home .viewer-rail-glow,
.viewer-title-page .viewer-rail-glow{
  opacity:.72 !important;
  transition:opacity .34s ease, background .34s ease !important;
}
.viewer-surface .viewer-rail-hover,
.viewer-premium-home .viewer-rail-hover,
.viewer-title-page .viewer-rail-hover{
  opacity:0 !important;
  transform:translateY(18px) scale(.985) !important;
  transition:
    opacity .26s ease,
    transform .34s cubic-bezier(.18,.9,.22,1),
    background .34s ease !important;
  will-change:opacity,transform !important;
}
.viewer-surface .viewer-card-hover-inner,
.viewer-premium-home .viewer-card-hover-inner,
.viewer-title-page .viewer-card-hover-inner{
  transform:translateY(10px) !important;
  opacity:.86 !important;
  transition:transform .34s cubic-bezier(.18,.9,.22,1), opacity .26s ease !important;
}
.viewer-surface .viewer-rail-card:hover,
.viewer-surface .viewer-rail-card.is-hovered,
.viewer-surface .viewer-rail-card:focus-visible,
.viewer-premium-home .viewer-rail-card:hover,
.viewer-premium-home .viewer-rail-card.is-hovered,
.viewer-premium-home .viewer-rail-card:focus-visible,
.viewer-title-page .viewer-rail-card:hover,
.viewer-title-page .viewer-rail-card.is-hovered,
.viewer-title-page .viewer-rail-card:focus-visible{
  transform:translateY(-8px) scale(1.018) !important;
  filter:saturate(1.08) brightness(1.04) !important;
  border-color:rgba(128,198,255,.48) !important;
  box-shadow:0 28px 64px rgba(0,0,0,.38), 0 0 34px rgba(88,166,255,.15) !important;
}
.viewer-surface .viewer-rail-card:hover .viewer-rail-media img,
.viewer-surface .viewer-rail-card.is-hovered .viewer-rail-media img,
.viewer-surface .viewer-rail-card:focus-visible .viewer-rail-media img,
.viewer-premium-home .viewer-rail-card:hover .viewer-rail-media img,
.viewer-premium-home .viewer-rail-card.is-hovered .viewer-rail-media img,
.viewer-premium-home .viewer-rail-card:focus-visible .viewer-rail-media img,
.viewer-title-page .viewer-rail-card:hover .viewer-rail-media img,
.viewer-title-page .viewer-rail-card.is-hovered .viewer-rail-media img,
.viewer-title-page .viewer-rail-card:focus-visible .viewer-rail-media img{
  transform:scale(1.055) translateZ(0) !important;
  filter:saturate(1.08) contrast(1.03) !important;
}
.viewer-surface .viewer-rail-card:hover .viewer-rail-glow,
.viewer-surface .viewer-rail-card.is-hovered .viewer-rail-glow,
.viewer-surface .viewer-rail-card:focus-visible .viewer-rail-glow,
.viewer-premium-home .viewer-rail-card:hover .viewer-rail-glow,
.viewer-premium-home .viewer-rail-card.is-hovered .viewer-rail-glow,
.viewer-premium-home .viewer-rail-card:focus-visible .viewer-rail-glow,
.viewer-title-page .viewer-rail-card:hover .viewer-rail-glow,
.viewer-title-page .viewer-rail-card.is-hovered .viewer-rail-glow,
.viewer-title-page .viewer-rail-card:focus-visible .viewer-rail-glow{
  opacity:1 !important;
}
.viewer-surface .viewer-rail-card:hover .viewer-rail-hover,
.viewer-surface .viewer-rail-card.is-hovered .viewer-rail-hover,
.viewer-surface .viewer-rail-card:focus-visible .viewer-rail-hover,
.viewer-premium-home .viewer-rail-card:hover .viewer-rail-hover,
.viewer-premium-home .viewer-rail-card.is-hovered .viewer-rail-hover,
.viewer-premium-home .viewer-rail-card:focus-visible .viewer-rail-hover,
.viewer-title-page .viewer-rail-card:hover .viewer-rail-hover,
.viewer-title-page .viewer-rail-card.is-hovered .viewer-rail-hover,
.viewer-title-page .viewer-rail-card:focus-visible .viewer-rail-hover{
  opacity:1 !important;
  transform:translateY(0) scale(1) !important;
}
.viewer-surface .viewer-rail-card:hover .viewer-card-hover-inner,
.viewer-surface .viewer-rail-card.is-hovered .viewer-card-hover-inner,
.viewer-surface .viewer-rail-card:focus-visible .viewer-card-hover-inner,
.viewer-premium-home .viewer-rail-card:hover .viewer-card-hover-inner,
.viewer-premium-home .viewer-rail-card.is-hovered .viewer-card-hover-inner,
.viewer-premium-home .viewer-rail-card:focus-visible .viewer-card-hover-inner,
.viewer-title-page .viewer-rail-card:hover .viewer-card-hover-inner,
.viewer-title-page .viewer-rail-card.is-hovered .viewer-card-hover-inner,
.viewer-title-page .viewer-rail-card:focus-visible .viewer-card-hover-inner{
  transform:translateY(0) !important;
  opacity:1 !important;
}
.viewer-rail-row.dragging .viewer-rail-card,
.viewer-rail-row.is-dragging .viewer-rail-card,
.viewer-rail-row.dragging .viewer-rail-card:hover,
.viewer-rail-row.is-dragging .viewer-rail-card:hover{
  transform:translateZ(0) !important;
  filter:none !important;
}
.viewer-rail-row.dragging .viewer-rail-card .viewer-rail-hover,
.viewer-rail-row.is-dragging .viewer-rail-card .viewer-rail-hover{
  opacity:0 !important;
  transform:translateY(18px) scale(.985) !important;
}

/* v1.5.26.75 — smoother drag-feel for viewer preview rails */
.viewer-surface .viewer-rail-row,
.viewer-premium-home .viewer-rail-row,
.viewer-title-page .viewer-rail-row{
  scroll-snap-type:none !important;
  scroll-padding:0 !important;
  overscroll-behavior-x:contain !important;
  -webkit-overflow-scrolling:touch !important;
  will-change:scroll-position !important;
  transform:translateZ(0) !important;
  backface-visibility:hidden !important;
  contain:layout paint !important;
}
.viewer-surface .viewer-rail-card,
.viewer-premium-home .viewer-rail-card,
.viewer-title-page .viewer-rail-card{
  scroll-snap-align:none !important;
  backface-visibility:hidden !important;
  transform:translate3d(0,0,0) scale(1) !important;
  transform-origin:center center !important;
  will-change:transform,filter !important;
}
.viewer-surface .viewer-rail-media,
.viewer-premium-home .viewer-rail-media,
.viewer-title-page .viewer-rail-media,
.viewer-surface .viewer-rail-media img,
.viewer-premium-home .viewer-rail-media img,
.viewer-title-page .viewer-rail-media img{
  backface-visibility:hidden !important;
  transform:translate3d(0,0,0) scale(1.001) !important;
  will-change:transform !important;
}
.viewer-rail-row.is-pressing .viewer-rail-card.is-pressed,
.viewer-rail-row:not(.is-dragging):not(.dragging) .viewer-rail-card.is-pressed{
  transform:translate3d(0,-5px,0) scale(1.016) !important;
  filter:saturate(1.06) brightness(1.035) !important;
  transition:transform .16s cubic-bezier(.18,.9,.22,1), filter .16s ease, box-shadow .16s ease !important;
}
.viewer-rail-row.dragging .viewer-rail-card,
.viewer-rail-row.is-dragging .viewer-rail-card{
  transform:translate3d(0,-1px,0) scale(.998) !important;
  transition:transform .10s linear, filter .10s linear !important;
  filter:saturate(1.01) brightness(.98) !important;
}
.viewer-rail-row.dragging .viewer-rail-card.is-pressed,
.viewer-rail-row.is-dragging .viewer-rail-card.is-pressed{
  transform:translate3d(var(--rail-drag-shift,0px),-6px,0) scale(1.018) rotate(var(--rail-drag-tilt,0deg)) !important;
  filter:saturate(1.08) brightness(1.045) !important;
  box-shadow:0 30px 72px rgba(0,0,0,.42), 0 0 34px rgba(88,166,255,.17) !important;
  transition:transform .055s linear, filter .12s ease, box-shadow .12s ease !important;
  z-index:5 !important;
}
.viewer-rail-row.dragging .viewer-rail-card .viewer-rail-hover,
.viewer-rail-row.is-dragging .viewer-rail-card .viewer-rail-hover,
.viewer-rail-row.dragging .viewer-rail-card.is-hovered .viewer-rail-hover,
.viewer-rail-row.is-dragging .viewer-rail-card.is-hovered .viewer-rail-hover{
  opacity:0 !important;
  transform:translateY(18px) scale(.985) !important;
  transition:opacity .08s linear, transform .08s linear !important;
}
.viewer-rail-row.dragging .viewer-rail-card .viewer-rail-media img,
.viewer-rail-row.is-dragging .viewer-rail-card .viewer-rail-media img{
  transform:translate3d(0,0,0) scale(1.012) !important;
  transition:transform .10s linear !important;
}
.viewer-rail-row.dragging .viewer-rail-card.is-pressed .viewer-rail-media img,
.viewer-rail-row.is-dragging .viewer-rail-card.is-pressed .viewer-rail-media img{
  transform:translate3d(0,0,0) scale(1.045) !important;
}

/* Same drag polish for workspace/dubber project cards, without changing their layout */
.project-library-viewport{
  scroll-snap-type:none !important;
  overscroll-behavior-x:contain !important;
  will-change:scroll-position !important;
  transform:translateZ(0) !important;
}
.project-library-card{
  scroll-snap-align:none !important;
  backface-visibility:hidden !important;
  will-change:transform !important;
}
.project-library-viewport.is-pressing .project-library-card.is-pressed,
.project-library-viewport:not(.is-dragging):not(.dragging) .project-library-card.is-pressed{
  transform:translate3d(0,-4px,0) scale(1.012) !important;
  transition:transform .16s cubic-bezier(.18,.9,.22,1), filter .16s ease !important;
}
.project-library-viewport.dragging .project-library-card,
.project-library-viewport.is-dragging .project-library-card{
  transform:translate3d(0,-1px,0) scale(.998) !important;
  transition:transform .10s linear !important;
}
.project-library-viewport.dragging .project-library-card.is-pressed,
.project-library-viewport.is-dragging .project-library-card.is-pressed{
  transform:translate3d(var(--rail-drag-shift,0px),-5px,0) scale(1.016) rotate(var(--rail-drag-tilt,0deg)) !important;
  z-index:5 !important;
  transition:transform .055s linear !important;
}

/* v1.5.26.76 — viewer rail drag animation made 1:1 with dubber project library */
.viewer-surface .viewer-rail-row,
.viewer-premium-home .viewer-rail-row,
.viewer-title-page .viewer-rail-row{
  scroll-behavior:smooth !important;
  scroll-snap-type:none !important;
  scroll-padding:0 !important;
  overscroll-behavior-x:contain !important;
  -webkit-overflow-scrolling:auto !important;
  touch-action:pan-y !important;
  cursor:grab !important;
  user-select:auto !important;
  -webkit-user-select:auto !important;
  will-change:scroll-position !important;
  transform:translateZ(0) !important;
  backface-visibility:hidden !important;
  contain:none !important;
}
.viewer-surface .viewer-rail-row.dragging,
.viewer-surface .viewer-rail-row.is-dragging,
.viewer-premium-home .viewer-rail-row.dragging,
.viewer-premium-home .viewer-rail-row.is-dragging,
.viewer-title-page .viewer-rail-row.dragging,
.viewer-title-page .viewer-rail-row.is-dragging{
  scroll-behavior:auto !important;
  cursor:grabbing !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}
.viewer-rail-row:not(.dragging):not(.is-dragging) .viewer-rail-card,
.viewer-rail-row:not(.dragging):not(.is-dragging) .viewer-rail-card *{
  pointer-events:auto !important;
}
.viewer-rail-row.dragging .viewer-rail-card,
.viewer-rail-row.is-dragging .viewer-rail-card{
  pointer-events:none !important;
  transform:translate3d(0,-1px,0) scale(.998) !important;
  transition:transform .10s linear, filter .10s linear !important;
  filter:saturate(1.01) brightness(.98) !important;
}
.viewer-rail-row.is-pressing .viewer-rail-card.is-pressed,
.viewer-rail-row:not(.dragging):not(.is-dragging) .viewer-rail-card.is-pressed{
  transform:translate3d(0,-4px,0) scale(1.012) !important;
  transition:transform .16s cubic-bezier(.18,.9,.22,1), filter .16s ease, box-shadow .16s ease !important;
}
.viewer-rail-row.dragging .viewer-rail-card.is-pressed,
.viewer-rail-row.is-dragging .viewer-rail-card.is-pressed{
  transform:translate3d(0,-5px,0) scale(1.016) !important;
  transition:transform .055s linear !important;
  filter:saturate(1.04) brightness(1.02) !important;
  z-index:5 !important;
}
.viewer-rail-row.dragging .viewer-rail-card .viewer-rail-media img,
.viewer-rail-row.is-dragging .viewer-rail-card .viewer-rail-media img{
  transform:translate3d(0,0,0) scale(1.01) !important;
  transition:transform .10s linear !important;
}
.viewer-rail-row.dragging .viewer-rail-card.is-pressed .viewer-rail-media img,
.viewer-rail-row.is-dragging .viewer-rail-card.is-pressed .viewer-rail-media img{
  transform:translate3d(0,0,0) scale(1.02) !important;
}
.viewer-rail-row.dragging .viewer-rail-card .viewer-rail-hover,
.viewer-rail-row.is-dragging .viewer-rail-card .viewer-rail-hover,
.viewer-rail-row.dragging .viewer-rail-card.is-hovered .viewer-rail-hover,
.viewer-rail-row.is-dragging .viewer-rail-card.is-hovered .viewer-rail-hover{
  opacity:0 !important;
  transform:translateY(18px) scale(.985) !important;
  transition:opacity .08s linear, transform .08s linear !important;
}


/* v1.5.26.77 — header center + identical drag feel for viewer/workspace rails */
.head.header-topbar,
.header-topbar.head-redesign,
.glass.head.header-topbar{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  align-items:center !important;
  gap:18px !important;
}

.head.header-topbar .header-left,
.header-topbar.head-redesign .header-left{
  grid-column:1 !important;
  justify-self:start !important;
  min-width:0 !important;
  max-width:100% !important;
}

.head.header-topbar .top-home-button,
.header-topbar.head-redesign .top-home-button{
  grid-column:2 !important;
  justify-self:center !important;
  align-self:center !important;
  margin:0 !important;
  position:relative !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
  z-index:2 !important;
}

.head.header-topbar .header-right,
.header-topbar.head-redesign .header-right{
  grid-column:3 !important;
  justify-self:end !important;
  min-width:0 !important;
  max-width:100% !important;
}

.head.header-topbar .header-actions-compact,
.header-topbar.head-redesign .header-actions-compact{
  justify-content:flex-end !important;
}

.viewer-rail-row,
.project-library-viewport,
.project-library-track{
  cursor:grab !important;
  touch-action:pan-y !important;
  overscroll-behavior-x:contain !important;
  scroll-snap-type:none !important;
  scroll-behavior:smooth !important;
  -webkit-overflow-scrolling:auto !important;
}

.viewer-rail-row.dragging,
.viewer-rail-row.is-dragging,
.project-library-viewport.dragging,
.project-library-viewport.is-dragging,
.project-library-track.dragging,
.project-library-track.is-dragging{
  cursor:grabbing !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  scroll-behavior:auto !important;
}

.viewer-rail-row.dragging .viewer-rail-card,
.viewer-rail-row.is-dragging .viewer-rail-card,
.project-library-viewport.dragging .project-library-card,
.project-library-viewport.is-dragging .project-library-card,
.project-library-track.dragging .project-library-card,
.project-library-track.is-dragging .project-library-card{
  pointer-events:none !important;
}

.viewer-rail-row:not(.dragging):not(.is-dragging) .viewer-rail-card,
.project-library-viewport:not(.dragging):not(.is-dragging) .project-library-card,
.project-library-track:not(.dragging):not(.is-dragging) .project-library-card{
  pointer-events:auto !important;
}

.viewer-rail-card,
.project-library-card{
  cursor:pointer !important;
  -webkit-user-drag:none !important;
  user-drag:none !important;
  transform:translate3d(0,0,0) scale(1) !important;
  transform-origin:center center !important;
  backface-visibility:hidden !important;
  will-change:transform,filter !important;
  transition:
    transform .22s cubic-bezier(.18,.9,.22,1),
    filter .22s ease,
    box-shadow .22s ease,
    opacity .18s ease !important;
}

.viewer-rail-card *,
.project-library-card *{
  -webkit-user-drag:none !important;
  user-drag:none !important;
}

.viewer-rail-row.is-pressing .viewer-rail-card.is-pressed,
.viewer-rail-row:not(.dragging):not(.is-dragging) .viewer-rail-card.is-pressed,
.project-library-viewport.is-pressing .project-library-card.is-pressed,
.project-library-viewport:not(.dragging):not(.is-dragging) .project-library-card.is-pressed,
.project-library-track.is-pressing .project-library-card.is-pressed,
.project-library-track:not(.dragging):not(.is-dragging) .project-library-card.is-pressed{
  transform:translate3d(0,-4px,0) scale(1.012) !important;
  filter:saturate(1.04) brightness(1.02) !important;
}

.viewer-rail-row.dragging .viewer-rail-card,
.viewer-rail-row.is-dragging .viewer-rail-card,
.project-library-viewport.dragging .project-library-card,
.project-library-viewport.is-dragging .project-library-card,
.project-library-track.dragging .project-library-card,
.project-library-track.is-dragging .project-library-card{
  transform:translate3d(0,-1px,0) scale(.998) !important;
  filter:saturate(1.01) brightness(.98) !important;
  transition:transform .10s linear, filter .10s linear !important;
}

.viewer-rail-row.dragging .viewer-rail-card.is-pressed,
.viewer-rail-row.is-dragging .viewer-rail-card.is-pressed,
.project-library-viewport.dragging .project-library-card.is-pressed,
.project-library-viewport.is-dragging .project-library-card.is-pressed,
.project-library-track.dragging .project-library-card.is-pressed,
.project-library-track.is-dragging .project-library-card.is-pressed{
  transform:translate3d(var(--rail-drag-shift,0px),-5px,0) scale(1.016) rotate(var(--rail-drag-tilt,0deg)) !important;
  filter:saturate(1.04) brightness(1.02) !important;
  z-index:5 !important;
  transition:transform .055s linear, filter .10s linear !important;
}

.viewer-rail-row.dragging .viewer-rail-card .viewer-rail-hover,
.viewer-rail-row.is-dragging .viewer-rail-card .viewer-rail-hover,
.viewer-rail-row.dragging .viewer-rail-card.is-hovered .viewer-rail-hover,
.viewer-rail-row.is-dragging .viewer-rail-card.is-hovered .viewer-rail-hover{
  opacity:0 !important;
  transform:translateY(18px) scale(.985) !important;
  transition:opacity .08s linear, transform .08s linear !important;
}

.viewer-rail-row.dragging .viewer-rail-card .viewer-rail-media img,
.viewer-rail-row.is-dragging .viewer-rail-card .viewer-rail-media img{
  transform:translate3d(0,0,0) scale(1.01) !important;
  transition:transform .10s linear !important;
}

.viewer-rail-row.dragging .viewer-rail-card.is-pressed .viewer-rail-media img,
.viewer-rail-row.is-dragging .viewer-rail-card.is-pressed .viewer-rail-media img{
  transform:translate3d(0,0,0) scale(1.02) !important;
}

.project-library-track{
  scrollbar-width:none !important;
}

.project-library-track::-webkit-scrollbar{
  display:none !important;
}

.project-library-shell.expanded .project-library-track{
  overflow-x:auto !important;
  overflow-y:hidden !important;
}

/* v1.5.26.78 — organic dubber project summary panel */
.surface-workspace .summary-grid{
  grid-template-columns:minmax(260px,300px) minmax(0,1fr) !important;
  gap:18px !important;
  align-items:start !important;
  margin-top:16px !important;
}
.surface-workspace .poster-panel{
  padding:14px !important;
  border-radius:26px !important;
  align-self:start !important;
}
.surface-workspace .poster-card{
  height:410px !important;
  min-height:410px !important;
  max-height:410px !important;
  border-radius:24px !important;
  box-shadow:0 22px 52px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.surface-workspace .poster-overlay{
  padding:18px 16px 16px !important;
  background:linear-gradient(180deg, rgba(4,10,23,0) 0%, rgba(4,10,23,.14) 30%, rgba(4,10,23,.62) 100%) !important;
  backdrop-filter:blur(8px) !important;
}
.surface-workspace .poster-title{
  font-size:23px !important;
  line-height:1.08 !important;
  letter-spacing:-.02em !important;
}
.surface-workspace .poster-subtitle{
  font-size:13px !important;
  opacity:.82 !important;
}
.surface-workspace .project-info-panel{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  align-content:start !important;
  gap:14px !important;
  padding:22px 24px !important;
  min-height:410px !important;
  border-radius:26px !important;
  background:
    radial-gradient(circle at 82% 10%, rgba(82,150,255,.08), transparent 26%),
    linear-gradient(180deg, rgba(12,25,52,.78), rgba(6,14,30,.84)) !important;
  border:1px solid rgba(147,185,255,.14) !important;
  overflow:hidden !important;
}
.surface-workspace .project-info-panel::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(255,255,255,.035), transparent 28%, transparent 72%, rgba(82,150,255,.035));
  opacity:.8;
}
.surface-workspace .project-info-panel > *{
  position:relative !important;
  z-index:1 !important;
}
.surface-workspace .project-head-row{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  margin:0 !important;
}
.surface-workspace .project-head-row .title{
  margin:0 !important;
  font-size:22px !important;
  letter-spacing:-.015em !important;
}
.surface-workspace .project-head-row .status-badge{
  height:28px !important;
  min-height:28px !important;
  padding:0 13px !important;
  font-size:11px !important;
  box-shadow:none !important;
}
.surface-workspace .project-info-panel .rating-row,
.surface-workspace .project-info-panel .stars,
.surface-workspace .project-info-panel .rating-stars{
  margin-top:-4px !important;
  margin-bottom:0 !important;
}
.surface-workspace .project-desc-static{
  width:min(100%,780px) !important;
  min-height:0 !important;
  max-height:138px !important;
  margin:0 !important;
  padding:0 10px 0 0 !important;
  overflow:auto !important;
  color:rgba(232,241,255,.82) !important;
  font-size:15px !important;
  line-height:1.6 !important;
  scrollbar-width:thin !important;
}
.surface-workspace .project-desc-static.expanded{
  max-height:260px !important;
}
.surface-workspace .project-info-panel .stats-below{
  width:min(100%,780px) !important;
  padding-top:0 !important;
  margin-top:0 !important;
  gap:8px !important;
}
.surface-workspace .project-info-panel .tag{
  min-height:32px !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:0 12px !important;
  border-radius:999px !important;
  font-size:12px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(155,190,255,.12) !important;
  color:rgba(240,247,255,.86) !important;
}
.surface-workspace .episode-deadline-card{
  width:100% !important;
  margin-top:0 !important;
  padding:13px 16px !important;
  border-radius:18px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(145,180,255,.12) !important;
}
.surface-workspace .deadline-copy{
  font-size:14px !important;
  color:#ffdc8a !important;
}
.surface-workspace .deadline-copy.muted{
  color:rgba(225,236,255,.66) !important;
}
.surface-workspace .deadline-manage-btn{
  height:38px !important;
  min-height:38px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.09) !important;
}
.surface-workspace .materials-shell{
  margin-top:0 !important;
  display:grid !important;
  gap:12px !important;
}
.surface-workspace .materials-toggle-btn{
  min-height:46px !important;
  padding:0 16px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(145,180,255,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.surface-workspace .materials-toggle-copy{
  font-size:14px !important;
  letter-spacing:-.005em !important;
}
.surface-workspace .materials-toggle-arrow{
  width:24px !important;
  height:24px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.07) !important;
  font-size:13px !important;
}
.surface-workspace .materials-body.project-feature-row,
.surface-workspace .project-feature-row-compact.materials-body{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:stretch !important;
  width:100% !important;
}
.surface-workspace .compact-material-card,
.surface-workspace .feature-card.compact-material-card{
  min-height:190px !important;
  padding:14px 16px !important;
  border-radius:20px !important;
  display:grid !important;
  align-content:start !important;
  gap:12px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.032)) !important;
  border:1px solid rgba(145,180,255,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
  overflow:hidden !important;
}
.surface-workspace .compact-material-card .feature-card-head{
  align-items:flex-start !important;
  gap:10px !important;
}
.surface-workspace .compact-material-card .feature-title{
  font-size:17px !important;
  line-height:1.1 !important;
  letter-spacing:-.01em !important;
}
.surface-workspace .compact-material-card .muted{
  color:rgba(226,237,255,.72) !important;
  font-size:13px !important;
  line-height:1.4 !important;
}
.surface-workspace .compact-material-card .chip-edit{
  position:static !important;
  width:34px !important;
  height:34px !important;
  flex:0 0 34px !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.075) !important;
}
.surface-workspace .subtitle-strip.compact-strip{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(46px,1fr)) !important;
  gap:7px !important;
  overflow:visible !important;
  padding:0 !important;
  max-height:130px !important;
}
.surface-workspace .subtitle-strip.compact-strip::-webkit-scrollbar{
  display:none !important;
}
.surface-workspace .subtitle-strip.compact-strip .episode-chip{
  min-width:0 !important;
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  padding:6px 8px !important;
  border-radius:14px !important;
}
.surface-workspace .subtitle-strip.compact-strip .episode-num{
  font-size:15px !important;
}
.surface-workspace .subtitle-strip.compact-strip .episode-sub{
  font-size:10px !important;
}
.surface-workspace .episode-link-badges{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
}
.surface-workspace .compact-actions,
.surface-workspace .subtitle-actions.compact-actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin-top:0 !important;
}
.surface-workspace .compact-actions .btn,
.surface-workspace .compact-actions a.btn{
  min-height:42px !important;
  padding:0 15px !important;
  border-radius:15px !important;
  font-size:13px !important;
}
.surface-workspace .compact-actions .btn.blue{
  background:linear-gradient(135deg,#52b6ff,#2f8fff) !important;
}
@media(max-width:1180px){
  .surface-workspace .summary-grid{
    grid-template-columns:260px minmax(0,1fr) !important;
  }
  .surface-workspace .poster-card{
    height:370px !important;
    min-height:370px !important;
    max-height:370px !important;
  }
  .surface-workspace .materials-body.project-feature-row,
  .surface-workspace .project-feature-row-compact.materials-body{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:880px){
  .surface-workspace .summary-grid{
    grid-template-columns:1fr !important;
  }
  .surface-workspace .poster-panel{
    max-width:340px !important;
  }
  .surface-workspace .project-info-panel{
    min-height:0 !important;
  }
}
@media(max-width:640px){
  .surface-workspace .episode-deadline-card{
    grid-template-columns:1fr !important;
  }
  .surface-workspace .deadline-manage-btn{
    width:100% !important;
  }
}

/* v1.5.26.80 — dubber project battle-card: unified hero + sane materials center */
.surface-workspace .project-battle-card,
.projects-wrap > .project-battle-card{
  width:100% !important;
  max-width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(260px,310px) minmax(0,1fr) !important;
  gap:22px !important;
  align-items:stretch !important;
  padding:24px !important;
  border-radius:30px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 17% 4%, rgba(82,182,255,.13), transparent 28%),
    radial-gradient(circle at 88% 10%, rgba(125,88,255,.13), transparent 30%),
    linear-gradient(135deg, rgba(10,23,48,.92), rgba(5,12,27,.96)) !important;
  border:1px solid rgba(145,185,255,.15) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.31), inset 0 1px 0 rgba(255,255,255,.055) !important;
}
.surface-workspace .project-battle-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(255,255,255,.035), transparent 24%, transparent 72%, rgba(82,150,255,.045));
}
.surface-workspace .project-battle-card > *{
  position:relative !important;
  z-index:1 !important;
}
.surface-workspace .project-battle-poster,
.projects-wrap .project-battle-poster{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  align-self:stretch !important;
  min-width:0 !important;
}
.surface-workspace .project-battle-poster .poster-card{
  width:100% !important;
  height:100% !important;
  min-height:420px !important;
  max-height:none !important;
  border-radius:24px !important;
  border:1px solid rgba(180,210,255,.13) !important;
  box-shadow:0 20px 54px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.surface-workspace .project-battle-poster .poster-card img{
  object-fit:cover !important;
  object-position:center top !important;
}
.surface-workspace .project-battle-poster .poster-overlay{
  padding:78px 18px 18px !important;
  background:linear-gradient(180deg, rgba(4,10,23,0), rgba(4,10,23,.18) 32%, rgba(4,10,23,.72) 100%) !important;
  backdrop-filter:none !important;
}
.surface-workspace .project-battle-poster .poster-title{
  font-size:24px !important;
  line-height:1.02 !important;
  letter-spacing:-.025em !important;
}
.surface-workspace .project-battle-poster .poster-subtitle{
  font-size:13px !important;
  color:rgba(235,244,255,.78) !important;
}
.surface-workspace .project-battle-info,
.projects-wrap .project-battle-info{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  align-content:start !important;
  gap:14px !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:8px 2px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.surface-workspace .project-battle-info::after{display:none !important;}
.surface-workspace .project-battle-info .project-head-row{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 !important;
}
.surface-workspace .project-battle-info .project-head-row .title{
  margin:0 !important;
  font-size:clamp(25px,2vw,34px) !important;
  line-height:1 !important;
  letter-spacing:-.035em !important;
}
.surface-workspace .project-battle-info .rating-row{
  margin:0 !important;
  min-height:30px !important;
}
.surface-workspace .project-battle-info .project-desc-static{
  position:relative !important;
  width:min(100%,900px) !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  color:rgba(232,241,255,.82) !important;
  font-size:15.5px !important;
  line-height:1.62 !important;
  scrollbar-width:none !important;
}
.surface-workspace .project-battle-info .project-desc-static:not(.expanded){
  display:-webkit-box !important;
  -webkit-line-clamp:4 !important;
  -webkit-box-orient:vertical !important;
  max-height:102px !important;
}
.surface-workspace .project-battle-info .project-desc-static:not(.expanded)::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:36px;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(7,15,33,0), rgba(7,15,33,.96));
}
.surface-workspace .project-battle-info .project-desc-static.expanded{
  display:block !important;
  max-height:none !important;
  overflow:visible !important;
}
.surface-workspace .project-battle-info .project-desc-toggle{
  height:34px !important;
  min-height:34px !important;
  padding:0 13px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.065) !important;
  border:1px solid rgba(155,190,255,.14) !important;
  color:rgba(238,247,255,.9) !important;
}
.surface-workspace .project-battle-info .stats-below{
  width:100% !important;
  max-width:980px !important;
  margin:0 !important;
  padding:0 !important;
  gap:8px !important;
}
.surface-workspace .project-battle-info .project-stat-chip,
.surface-workspace .project-battle-info .tag{
  min-height:34px !important;
  padding:0 13px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  color:rgba(241,248,255,.9) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04)) !important;
  border:1px solid rgba(152,191,255,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.surface-workspace .project-battle-info .project-stat-chip b{
  font-size:13px !important;
  line-height:1 !important;
  opacity:.92 !important;
}
.surface-workspace .project-battle-info .episode-deadline-card{
  width:100% !important;
  max-width:100% !important;
  min-height:62px !important;
  margin:2px 0 0 !important;
  padding:14px 16px !important;
  border-radius:20px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:14px !important;
  align-items:center !important;
  background:
    radial-gradient(circle at 0% 50%, rgba(255,198,87,.14), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.035)) !important;
  border:1px solid rgba(255,207,120,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045), 0 10px 28px rgba(0,0,0,.14) !important;
}
.surface-workspace .project-battle-info .deadline-copy{
  font-size:16px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  color:#ffdd8d !important;
}
.surface-workspace .project-battle-info .deadline-copy.muted{
  color:rgba(229,239,255,.68) !important;
  font-weight:800 !important;
}
.surface-workspace .project-battle-info .materials-shell{
  margin-top:0 !important;
  padding:15px !important;
  display:grid !important;
  gap:14px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.028)) !important;
  border:1px solid rgba(145,185,255,.13) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.surface-workspace .project-battle-info .materials-toggle-btn{
  min-height:40px !important;
  padding:0 4px 0 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.surface-workspace .project-battle-info .materials-toggle-btn .small-label{
  color:rgba(170,202,255,.74) !important;
}
.surface-workspace .project-battle-info .materials-toggle-copy{
  font-size:18px !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
  color:#f4f8ff !important;
}
.surface-workspace .project-battle-info .materials-body.project-feature-row,
.surface-workspace .project-battle-info .project-feature-row-compact.materials-body{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:14px !important;
  align-items:stretch !important;
  width:100% !important;
  overflow:visible !important;
}
.surface-workspace .project-battle-info .materials-body.hidden{display:none !important;}
.surface-workspace .project-battle-info .compact-material-card{
  min-height:214px !important;
  padding:16px !important;
  border-radius:20px !important;
  display:grid !important;
  align-content:start !important;
  gap:12px !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(82,182,255,.09), transparent 38%),
    linear-gradient(180deg, rgba(13,27,55,.78), rgba(7,16,35,.82)) !important;
  border:1px solid rgba(151,190,255,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.surface-workspace .project-battle-info .compact-material-card .feature-title{
  font-size:19px !important;
  line-height:1.08 !important;
  letter-spacing:-.02em !important;
}
.surface-workspace .project-battle-info .subtitle-strip.compact-strip{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(48px,1fr)) !important;
  gap:8px !important;
  max-height:none !important;
  overflow:visible !important;
  padding:0 !important;
}
.surface-workspace .project-battle-info .subtitle-strip.compact-strip .episode-chip{
  position:relative !important;
  min-width:0 !important;
  width:100% !important;
  height:45px !important;
  min-height:45px !important;
  padding:6px 8px !important;
  border-radius:15px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(165,196,255,.12) !important;
}
.surface-workspace .project-battle-info .subtitle-strip.compact-strip .episode-chip.has-file::after,
.surface-workspace .episode-strip .episode-chip .ep-flag.file{
  box-shadow:0 0 0 3px rgba(112,211,138,.08) !important;
}
.surface-workspace .project-battle-info .subtitle-strip.compact-strip .episode-chip.has-file::after{
  content:"";
  position:absolute;
  top:7px;
  right:7px;
  width:6px;
  height:6px;
  border-radius:999px;
  background:#70d38a;
}
.surface-workspace .project-battle-info .subtitle-strip.compact-strip .episode-chip.empty{
  opacity:.58 !important;
}
.surface-workspace .project-battle-info .subtitle-strip.compact-strip .episode-chip.active{
  transform:translateY(-1px) scale(1.04) !important;
  background:linear-gradient(135deg,#55baff,#2f8fff 58%,#725cff) !important;
  border-color:rgba(178,217,255,.35) !important;
  box-shadow:0 12px 28px rgba(47,143,255,.22) !important;
  opacity:1 !important;
}
.surface-workspace .project-battle-info .episode-link-badges .tag-ready{
  background:rgba(112,211,138,.13) !important;
  border-color:rgba(112,211,138,.24) !important;
  color:#dcffe8 !important;
}
.surface-workspace .episode-strip-limited-wrap{
  margin-top:0 !important;
  border-radius:26px !important;
  background:linear-gradient(180deg, rgba(12,25,52,.76), rgba(6,14,30,.84)) !important;
}
.surface-workspace .episode-strip-limited-wrap .title{
  margin-bottom:10px !important;
}
.surface-workspace .episode-strip-limited .episode-chip{
  position:relative !important;
  min-width:66px !important;
  min-height:54px !important;
  border-radius:17px !important;
  transition:transform .16s ease, opacity .16s ease, background .16s ease, border-color .16s ease !important;
}
.surface-workspace .episode-strip-limited .episode-chip:hover{
  transform:translateY(-2px) !important;
}
.surface-workspace .episode-strip-limited .episode-chip.active{
  min-width:78px !important;
  transform:translateY(-1px) !important;
  box-shadow:0 14px 30px rgba(47,143,255,.24) !important;
}
.surface-workspace .episode-strip-limited .episode-chip:not(.active){
  opacity:.76 !important;
}
.surface-workspace .episode-strip-limited .episode-chip:has(.ep-flag.file)::after,
.surface-workspace .episode-strip-limited .episode-chip:has(.ep-flag.srt)::before{
  content:"";
  position:absolute;
  top:8px;
  width:6px;
  height:6px;
  border-radius:999px;
}
.surface-workspace .episode-strip-limited .episode-chip:has(.ep-flag.file)::after{right:8px;background:#70d38a;}
.surface-workspace .episode-strip-limited .episode-chip:has(.ep-flag.srt)::before{right:18px;background:#58baff;}
@media(max-width:1180px){
  .surface-workspace .project-battle-card,
  .projects-wrap > .project-battle-card{
    grid-template-columns:minmax(220px,270px) minmax(0,1fr) !important;
    padding:20px !important;
  }
  .surface-workspace .project-battle-poster .poster-card{min-height:380px !important;}
  .surface-workspace .project-battle-info .materials-body.project-feature-row,
  .surface-workspace .project-battle-info .project-feature-row-compact.materials-body{grid-template-columns:1fr !important;}
}
@media(max-width:880px){
  .surface-workspace .project-battle-card,
  .projects-wrap > .project-battle-card{
    grid-template-columns:1fr !important;
  }
  .surface-workspace .project-battle-poster{max-width:340px !important;justify-self:center !important;width:100% !important;}
}
@media(max-width:640px){
  .surface-workspace .project-battle-info .episode-deadline-card{grid-template-columns:1fr !important;}
  .surface-workspace .project-battle-info .deadline-manage-btn{width:100% !important;}
}

/* v1.5.26.80 — fixed project hero composition + scalable materials episode center */
.surface-workspace .project-battle-card,
.projects-wrap > .project-battle-card{
  grid-template-columns:minmax(280px,330px) minmax(0,1fr) !important;
  align-items:start !important;
  gap:24px !important;
}
.surface-workspace .project-battle-poster,
.projects-wrap .project-battle-poster{
  align-self:start !important;
  width:100% !important;
  max-width:330px !important;
}
.surface-workspace .project-battle-poster .poster-card,
.projects-wrap .project-battle-poster .poster-card{
  height:clamp(300px,22vw,340px) !important;
  min-height:300px !important;
  max-height:340px !important;
  aspect-ratio:auto !important;
}
.surface-workspace .project-battle-poster .poster-card img,
.projects-wrap .project-battle-poster .poster-card img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center top !important;
}
.surface-workspace .project-battle-info,
.projects-wrap .project-battle-info{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  align-self:start !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
}
.surface-workspace .project-battle-info .project-desc-static{
  width:min(100%,900px) !important;
  max-width:900px !important;
  font-size:15.5px !important;
  line-height:1.6 !important;
  overflow:hidden !important;
}
.surface-workspace .project-battle-info .project-desc-static:not(.expanded){
  max-height:100px !important;
  -webkit-line-clamp:4 !important;
}
.surface-workspace .project-battle-info .project-desc-static.expanded{
  max-height:260px !important;
  overflow:auto !important;
  padding-right:8px !important;
  scrollbar-width:thin !important;
}
.surface-workspace .project-battle-info .desc-actions{
  margin-top:-4px !important;
}
.surface-workspace .project-battle-info .stats-below{
  max-width:1100px !important;
  align-items:center !important;
}
.surface-workspace .project-battle-info .episode-deadline-card{
  max-width:1100px !important;
}
.surface-workspace .project-battle-info .materials-shell{
  max-width:1100px !important;
  width:100% !important;
  max-height:560px !important;
  overflow:hidden !important;
}
.surface-workspace .project-battle-info .materials-body.project-feature-row,
.surface-workspace .project-battle-info .project-feature-row-compact.materials-body{
  grid-template-columns:minmax(0,1.14fr) minmax(300px,.86fr) !important;
  align-items:stretch !important;
  min-height:0 !important;
  max-height:470px !important;
  overflow:hidden !important;
}
.surface-workspace .project-battle-info .compact-material-card{
  min-height:0 !important;
  height:100% !important;
  max-height:470px !important;
  overflow:hidden !important;
  align-content:stretch !important;
  grid-auto-rows:max-content !important;
}
.surface-workspace .project-battle-info .subtitle-card.compact-material-card{
  display:grid !important;
  grid-template-rows:auto auto auto minmax(0,1fr) auto !important;
}
.surface-workspace .project-battle-info .episode-file-card.compact-material-card{
  display:grid !important;
  grid-template-rows:auto auto auto 1fr !important;
}
.surface-workspace .materials-episode-tools{
  display:grid !important;
  gap:8px !important;
  min-width:0 !important;
}
.surface-workspace .materials-episode-search{
  height:40px !important;
  min-height:40px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(150,190,255,.14) !important;
  color:#eef7ff !important;
  padding:0 13px !important;
}
.surface-workspace .materials-range-row{
  display:flex !important;
  gap:7px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding-bottom:2px !important;
  scrollbar-width:thin !important;
}
.surface-workspace .episode-range-chip{
  flex:0 0 auto !important;
  height:30px !important;
  padding:0 11px !important;
  border-radius:999px !important;
  border:1px solid rgba(150,190,255,.13) !important;
  background:rgba(255,255,255,.052) !important;
  color:rgba(235,244,255,.82) !important;
  font-weight:900 !important;
  font-size:12px !important;
  cursor:pointer !important;
}
.surface-workspace .episode-range-chip.active,
.surface-workspace .episode-range-chip:hover{
  background:linear-gradient(135deg,rgba(82,182,255,.25),rgba(125,88,255,.20)) !important;
  border-color:rgba(138,202,255,.30) !important;
  color:#fff !important;
}
.surface-workspace .project-battle-info .subtitle-strip.compact-strip.materials-episode-grid,
.surface-workspace .project-battle-info .materials-episode-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(54px,1fr)) !important;
  gap:8px !important;
  min-height:0 !important;
  max-height:390px !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  padding:2px 5px 2px 0 !important;
  scrollbar-width:thin !important;
  align-content:start !important;
}
.surface-workspace .project-battle-info .materials-episode-grid::-webkit-scrollbar{width:8px !important;}
.surface-workspace .project-battle-info .materials-episode-grid::-webkit-scrollbar-thumb{background:rgba(130,170,230,.32) !important;border-radius:999px !important;}
.surface-workspace .project-battle-info .materials-episode-grid .episode-chip{
  width:100% !important;
  min-width:54px !important;
  height:48px !important;
  min-height:48px !important;
  border-radius:15px !important;
  padding:7px 8px !important;
}
.surface-workspace .project-battle-info .materials-episode-grid .episode-chip.has-video::before,
.surface-workspace .project-battle-info .materials-episode-grid .episode-chip.has-srt::after{
  content:"";
  position:absolute;
  top:7px;
  width:6px;
  height:6px;
  border-radius:999px;
  box-shadow:0 0 0 3px rgba(255,255,255,.055) !important;
}
.surface-workspace .project-battle-info .materials-episode-grid .episode-chip.has-video::before{
  right:16px;
  background:#70d38a;
}
.surface-workspace .project-battle-info .materials-episode-grid .episode-chip.has-srt::after{
  right:7px;
  background:#58baff;
}
.surface-workspace .project-battle-info .materials-episode-grid .episode-chip.active{
  min-width:58px !important;
  height:52px !important;
  opacity:1 !important;
}
.surface-workspace .episode-empty-note{
  grid-column:1/-1 !important;
  min-height:80px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.035) !important;
  border:1px dashed rgba(150,190,255,.18) !important;
}
.surface-workspace .project-battle-info .episode-file-card .episode-link-badges{
  min-height:34px !important;
}
.surface-workspace .project-battle-info .episode-file-actions{
  align-self:end !important;
}
@media(max-width:1180px){
  .surface-workspace .project-battle-card,
  .projects-wrap > .project-battle-card{
    grid-template-columns:minmax(240px,300px) minmax(0,1fr) !important;
  }
  .surface-workspace .project-battle-poster .poster-card,
  .projects-wrap .project-battle-poster .poster-card{
    height:320px !important;
    min-height:320px !important;
    max-height:320px !important;
  }
  .surface-workspace .project-battle-info .materials-body.project-feature-row,
  .surface-workspace .project-battle-info .project-feature-row-compact.materials-body{
    grid-template-columns:1fr !important;
    max-height:none !important;
    overflow:visible !important;
  }
  .surface-workspace .project-battle-info .materials-shell{max-height:none !important;}
  .surface-workspace .project-battle-info .compact-material-card{max-height:none !important;}
  .surface-workspace .project-battle-info .materials-episode-grid{max-height:360px !important;}
}
@media(max-width:880px){
  .surface-workspace .project-battle-card,
  .projects-wrap > .project-battle-card{
    grid-template-columns:1fr !important;
  }
  .surface-workspace .project-battle-poster,
  .projects-wrap .project-battle-poster{
    max-width:340px !important;
    justify-self:center !important;
  }
}

/* v1.5.26.81 — project page layout guard + full-width materials center */
html,body{max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}*,*::before,*::after{box-sizing:border-box!important}
.surface-workspace,.surface-workspace .projects-wrap,.projects-wrap{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
.surface-workspace .project-battle-card,.projects-wrap>.project-battle-card{position:relative!important;width:min(1560px,calc(100vw - 48px))!important;max-width:min(1560px,calc(100vw - 48px))!important;margin-left:auto!important;margin-right:auto!important;display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:32px!important;align-items:start!important;overflow:hidden!important;transform:none!important;left:auto!important;right:auto!important;padding:24px!important}
.surface-workspace .project-battle-poster,.projects-wrap .project-battle-poster{width:300px!important;min-width:300px!important;max-width:300px!important;flex:0 0 300px!important;align-self:start!important;justify-self:start!important;overflow:visible!important}
.surface-workspace .project-battle-poster .poster-card,.projects-wrap .project-battle-poster .poster-card{width:300px!important;min-width:300px!important;max-width:300px!important;height:440px!important;min-height:440px!important;max-height:440px!important;aspect-ratio:auto!important;overflow:hidden!important;border-radius:24px!important}
.surface-workspace .project-battle-poster .poster-card img,.projects-wrap .project-battle-poster .poster-card img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;display:block!important}
.surface-workspace .project-battle-info,.projects-wrap .project-battle-info{width:100%!important;max-width:none!important;min-width:0!important;align-self:start!important;overflow:visible!important}
.surface-workspace .project-battle-info .project-desc-static,.projects-wrap .project-battle-info .project-desc-static{width:min(100%,950px)!important;max-width:950px!important;min-height:0!important;overflow:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important}
.surface-workspace .project-battle-info .project-desc-static::-webkit-scrollbar,.projects-wrap .project-battle-info .project-desc-static::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.surface-workspace .project-battle-info .project-desc-static:not(.expanded),.projects-wrap .project-battle-info .project-desc-static:not(.expanded){display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;max-height:104px!important;padding-right:0!important}
.surface-workspace .project-battle-info .project-desc-static.expanded,.projects-wrap .project-battle-info .project-desc-static.expanded{display:block!important;max-height:none!important;overflow:visible!important;padding-right:0!important}
.surface-workspace .project-battle-info .project-desc-static.expanded::after,.projects-wrap .project-battle-info .project-desc-static.expanded::after{display:none!important}
.surface-workspace .project-battle-info .stats-below,.surface-workspace .project-battle-info .episode-deadline-card,.projects-wrap .project-battle-info .stats-below,.projects-wrap .project-battle-info .episode-deadline-card{width:100%!important;max-width:1180px!important}
.surface-workspace .project-materials-full,.projects-wrap .project-materials-full,.surface-workspace .project-battle-card>.materials-shell.project-materials-full{grid-column:1/-1!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:6px 0 0!important;padding:16px!important;overflow:hidden!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.028))!important;border:1px solid rgba(145,185,255,.13)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
.surface-workspace .project-materials-full .materials-toggle-btn,.projects-wrap .project-materials-full .materials-toggle-btn{min-height:42px!important;width:100%!important;padding:0 4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.surface-workspace .project-materials-full .materials-body.project-feature-row,.surface-workspace .project-materials-full .project-feature-row-compact.materials-body,.projects-wrap .project-materials-full .materials-body.project-feature-row,.projects-wrap .project-materials-full .project-feature-row-compact.materials-body{display:grid!important;grid-template-columns:minmax(520px,1fr) minmax(360px,.8fr)!important;gap:16px!important;align-items:stretch!important;width:100%!important;max-width:100%!important;min-width:0!important;max-height:520px!important;overflow:hidden!important}
.surface-workspace .project-materials-full .materials-body.hidden,.projects-wrap .project-materials-full .materials-body.hidden{display:none!important}
.surface-workspace .project-materials-full .compact-material-card,.projects-wrap .project-materials-full .compact-material-card{min-width:0!important;min-height:0!important;height:100%!important;max-height:520px!important;overflow:hidden!important;padding:16px!important;border-radius:20px!important;background:radial-gradient(circle at 96% 0%,rgba(82,182,255,.09),transparent 38%),linear-gradient(180deg,rgba(13,27,55,.78),rgba(7,16,35,.82))!important;border:1px solid rgba(151,190,255,.14)!important}
.surface-workspace .project-materials-full .subtitle-card.compact-material-card,.projects-wrap .project-materials-full .subtitle-card.compact-material-card{display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr) auto!important}
.surface-workspace .project-materials-full .episode-file-card.compact-material-card,.projects-wrap .project-materials-full .episode-file-card.compact-material-card{display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr)!important}
.surface-workspace .project-materials-full .materials-range-row,.projects-wrap .project-materials-full .materials-range-row{display:flex!important;flex-wrap:wrap!important;gap:7px!important;overflow-x:hidden!important;overflow-y:auto!important;max-height:74px!important;padding:0 4px 2px 0!important;scrollbar-width:thin!important;scrollbar-color:rgba(120,166,230,.34) rgba(255,255,255,.035)!important}
.surface-workspace .project-materials-full .episode-range-chip,.projects-wrap .project-materials-full .episode-range-chip{flex:0 0 auto!important}
.surface-workspace .project-materials-full .subtitle-strip.compact-strip.materials-episode-grid,.surface-workspace .project-materials-full .materials-episode-grid,.projects-wrap .project-materials-full .subtitle-strip.compact-strip.materials-episode-grid,.projects-wrap .project-materials-full .materials-episode-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(58px,1fr))!important;gap:8px!important;min-height:0!important;max-height:390px!important;overflow-x:hidden!important;overflow-y:auto!important;padding:2px 6px 2px 0!important;align-content:start!important;scrollbar-width:thin!important;scrollbar-color:rgba(120,166,230,.38) rgba(255,255,255,.035)!important}
.surface-workspace .project-materials-full .materials-range-row::-webkit-scrollbar,.surface-workspace .project-materials-full .materials-episode-grid::-webkit-scrollbar,.projects-wrap .project-materials-full .materials-range-row::-webkit-scrollbar,.projects-wrap .project-materials-full .materials-episode-grid::-webkit-scrollbar{width:8px!important;height:8px!important}
.surface-workspace .project-materials-full .materials-range-row::-webkit-scrollbar-track,.surface-workspace .project-materials-full .materials-episode-grid::-webkit-scrollbar-track,.projects-wrap .project-materials-full .materials-range-row::-webkit-scrollbar-track,.projects-wrap .project-materials-full .materials-episode-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.035)!important;border-radius:999px!important}
.surface-workspace .project-materials-full .materials-range-row::-webkit-scrollbar-thumb,.surface-workspace .project-materials-full .materials-episode-grid::-webkit-scrollbar-thumb,.projects-wrap .project-materials-full .materials-range-row::-webkit-scrollbar-thumb,.projects-wrap .project-materials-full .materials-episode-grid::-webkit-scrollbar-thumb{background:rgba(120,166,230,.38)!important;border-radius:999px!important;border:2px solid rgba(8,16,35,.9)!important}
.surface-workspace .project-materials-full .materials-episode-grid .episode-chip,.projects-wrap .project-materials-full .materials-episode-grid .episode-chip{width:100%!important;min-width:58px!important;height:48px!important;min-height:48px!important;border-radius:15px!important}
.surface-workspace .project-materials-full .materials-episode-grid .episode-chip.active,.projects-wrap .project-materials-full .materials-episode-grid .episode-chip.active{height:52px!important;box-shadow:0 14px 30px rgba(47,143,255,.28)!important}
@media(max-width:1180px){.surface-workspace .project-battle-card,.projects-wrap>.project-battle-card{width:min(100%,calc(100vw - 32px))!important;max-width:min(100%,calc(100vw - 32px))!important;grid-template-columns:280px minmax(0,1fr)!important;gap:22px!important}.surface-workspace .project-battle-poster,.projects-wrap .project-battle-poster,.surface-workspace .project-battle-poster .poster-card,.projects-wrap .project-battle-poster .poster-card{width:280px!important;min-width:280px!important;max-width:280px!important}.surface-workspace .project-battle-poster .poster-card,.projects-wrap .project-battle-poster .poster-card{height:420px!important;min-height:420px!important;max-height:420px!important}.surface-workspace .project-materials-full .materials-body.project-feature-row,.surface-workspace .project-materials-full .project-feature-row-compact.materials-body,.projects-wrap .project-materials-full .materials-body.project-feature-row,.projects-wrap .project-materials-full .project-feature-row-compact.materials-body{grid-template-columns:1fr!important;max-height:none!important;overflow:visible!important}.surface-workspace .project-materials-full .compact-material-card,.projects-wrap .project-materials-full .compact-material-card{max-height:none!important}.surface-workspace .project-materials-full .materials-episode-grid,.projects-wrap .project-materials-full .materials-episode-grid{max-height:380px!important}}
@media(max-width:760px){.surface-workspace .project-battle-card,.projects-wrap>.project-battle-card{width:min(100%,calc(100vw - 24px))!important;max-width:min(100%,calc(100vw - 24px))!important;grid-template-columns:1fr!important;gap:18px!important;padding:16px!important}.surface-workspace .project-battle-poster,.projects-wrap .project-battle-poster{justify-self:center!important;width:min(320px,100%)!important;min-width:0!important;max-width:320px!important}.surface-workspace .project-battle-poster .poster-card,.projects-wrap .project-battle-poster .poster-card{width:100%!important;min-width:0!important;max-width:320px!important;height:430px!important;min-height:430px!important;max-height:430px!important}.surface-workspace .project-battle-info .episode-deadline-card,.projects-wrap .project-battle-info .episode-deadline-card{grid-template-columns:1fr!important}.surface-workspace .project-materials-full,.projects-wrap .project-materials-full{padding:12px!important}}

/* v1.5.26.82 — плотный hero + удобный рабочий центр без раздробленных плит */
.surface-workspace .project-battle-card,
.projects-wrap > .project-battle-card{
  width:min(1500px, calc(100vw - 48px)) !important;
  max-width:min(1500px, calc(100vw - 48px)) !important;
  margin:18px auto 26px !important;
  display:grid !important;
  grid-template-columns:minmax(270px,300px) minmax(0,1fr) !important;
  gap:28px !important;
  align-items:start !important;
  padding:22px !important;
  min-height:0 !important;
  overflow:hidden !important;
}
.surface-workspace .project-battle-poster,
.projects-wrap .project-battle-poster{
  width:300px !important;
  min-width:300px !important;
  max-width:300px !important;
  align-self:start !important;
  position:sticky !important;
  top:14px !important;
}
.surface-workspace .project-battle-poster .poster-card,
.projects-wrap .project-battle-poster .poster-card{
  width:300px !important;
  height:420px !important;
  min-height:420px !important;
  max-height:420px !important;
  border-radius:26px !important;
}
.surface-workspace .project-battle-info,
.projects-wrap .project-battle-info{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  overflow:visible !important;
  padding-top:4px !important;
}
.surface-workspace .project-battle-info .project-head-row,
.projects-wrap .project-battle-info .project-head-row{
  margin-bottom:0 !important;
}
.surface-workspace .project-battle-info .rating-row,
.projects-wrap .project-battle-info .rating-row{
  margin:0 0 2px !important;
}
.surface-workspace .project-battle-info .project-desc-static,
.projects-wrap .project-battle-info .project-desc-static{
  width:min(100%, 980px) !important;
  max-width:980px !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  color:rgba(235,243,255,.84) !important;
  line-height:1.55 !important;
  scrollbar-width:none !important;
}
.surface-workspace .project-battle-info .project-desc-static::-webkit-scrollbar,
.projects-wrap .project-battle-info .project-desc-static::-webkit-scrollbar{display:none !important;}
.surface-workspace .project-battle-info .project-desc-static:not(.expanded),
.projects-wrap .project-battle-info .project-desc-static:not(.expanded){
  max-height:96px !important;
  position:relative !important;
}
.surface-workspace .project-battle-info .project-desc-static:not(.expanded)::after,
.projects-wrap .project-battle-info .project-desc-static:not(.expanded)::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0; right:0; bottom:0;
  height:36px;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(5,13,30,0), rgba(5,13,30,.94)) !important;
}
.surface-workspace .project-battle-info .project-desc-static.expanded,
.projects-wrap .project-battle-info .project-desc-static.expanded{
  max-height:none !important;
  overflow:visible !important;
}
.surface-workspace .project-battle-info .desc-actions,
.projects-wrap .project-battle-info .desc-actions{
  margin:0 !important;
}
.surface-workspace .project-battle-info .stats-below,
.projects-wrap .project-battle-info .stats-below{
  width:100% !important;
  max-width:1120px !important;
  margin-top:2px !important;
  gap:9px !important;
}
.surface-workspace .project-battle-info .episode-deadline-card,
.projects-wrap .project-battle-info .episode-deadline-card{
  width:100% !important;
  max-width:1120px !important;
  margin:0 !important;
  min-height:66px !important;
}

/* Рабочий центр теперь внутри правой части, а не отдельная каменная плита внизу */
.surface-workspace .project-battle-info .project-materials-side,
.projects-wrap .project-battle-info .project-materials-side,
.surface-workspace .project-battle-info .materials-shell.project-materials-side{
  grid-column:auto !important;
  width:100% !important;
  max-width:1120px !important;
  min-width:0 !important;
  margin:2px 0 0 !important;
  padding:12px !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.028)) !important;
  border:1px solid rgba(145,185,255,.13) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.surface-workspace .project-battle-card > .project-materials-full,
.projects-wrap > .project-battle-card > .project-materials-full{
  display:none !important;
}
.surface-workspace .project-materials-side .materials-toggle-btn,
.projects-wrap .project-materials-side .materials-toggle-btn{
  min-height:40px !important;
  width:100% !important;
  padding:0 8px !important;
  border:0 !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
}
.surface-workspace .project-materials-side .materials-toggle-btn:hover,
.projects-wrap .project-materials-side .materials-toggle-btn:hover{
  background:rgba(92,150,255,.08) !important;
}
.surface-workspace .project-materials-side .materials-body.materials-compact-center,
.projects-wrap .project-materials-side .materials-body.materials-compact-center{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  max-height:none !important;
  overflow:visible !important;
  padding-top:10px !important;
}
.surface-workspace .project-materials-side .materials-body.hidden,
.projects-wrap .project-materials-side .materials-body.hidden{display:none !important;}
.surface-workspace .project-materials-side .materials-workbar,
.projects-wrap .project-materials-side .materials-workbar{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(220px,320px) !important;
  align-items:end !important;
  gap:12px !important;
  min-width:0 !important;
}
.surface-workspace .project-materials-side .materials-workbar .feature-title,
.projects-wrap .project-materials-side .materials-workbar .feature-title{
  font-size:21px !important;
  line-height:1.05 !important;
}
.surface-workspace .project-materials-side .materials-workbar-search .input,
.projects-wrap .project-materials-side .materials-workbar-search .input{
  height:42px !important;
  border-radius:14px !important;
}
.surface-workspace .project-materials-side .materials-main-grid,
.projects-wrap .project-materials-side .materials-main-grid{
  display:grid !important;
  grid-template-columns:minmax(480px, 1fr) minmax(320px, 390px) !important;
  gap:12px !important;
  align-items:start !important;
  min-width:0 !important;
}
.surface-workspace .project-materials-side .compact-material-card,
.projects-wrap .project-materials-side .compact-material-card{
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  overflow:hidden !important;
  padding:14px !important;
  border-radius:18px !important;
  background:radial-gradient(circle at 96% 0%, rgba(82,182,255,.075), transparent 34%), linear-gradient(180deg, rgba(13,27,55,.72), rgba(7,16,35,.78)) !important;
  border:1px solid rgba(151,190,255,.13) !important;
}
.surface-workspace .project-materials-side .materials-file-card,
.projects-wrap .project-materials-side .materials-file-card{
  min-height:238px !important;
  display:grid !important;
  grid-template-rows:auto auto auto auto !important;
  align-content:start !important;
  gap:12px !important;
}
.surface-workspace .project-materials-side .materials-episodes-card,
.projects-wrap .project-materials-side .materials-episodes-card{
  display:grid !important;
  grid-template-rows:auto auto auto minmax(0,1fr) auto !important;
  gap:10px !important;
}
.surface-workspace .project-materials-side .materials-range-row,
.projects-wrap .project-materials-side .materials-range-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  max-height:58px !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  padding:0 4px 2px 0 !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(120,166,230,.34) rgba(255,255,255,.035) !important;
}
.surface-workspace .project-materials-side .episode-range-chip,
.projects-wrap .project-materials-side .episode-range-chip{
  height:25px !important;
  padding:0 10px !important;
  flex:0 0 auto !important;
  font-size:11px !important;
}
.surface-workspace .project-materials-side .subtitle-strip.compact-strip.materials-episode-grid,
.surface-workspace .project-materials-side .materials-episode-grid,
.projects-wrap .project-materials-side .subtitle-strip.compact-strip.materials-episode-grid,
.projects-wrap .project-materials-side .materials-episode-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill, minmax(56px,1fr)) !important;
  gap:8px !important;
  max-height:282px !important;
  min-height:116px !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  padding:2px 6px 2px 0 !important;
  align-content:start !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(120,166,230,.38) rgba(255,255,255,.035) !important;
}
.surface-workspace .project-materials-side .materials-range-row::-webkit-scrollbar,
.surface-workspace .project-materials-side .materials-episode-grid::-webkit-scrollbar,
.projects-wrap .project-materials-side .materials-range-row::-webkit-scrollbar,
.projects-wrap .project-materials-side .materials-episode-grid::-webkit-scrollbar{width:8px !important;height:8px !important;}
.surface-workspace .project-materials-side .materials-range-row::-webkit-scrollbar-track,
.surface-workspace .project-materials-side .materials-episode-grid::-webkit-scrollbar-track,
.projects-wrap .project-materials-side .materials-range-row::-webkit-scrollbar-track,
.projects-wrap .project-materials-side .materials-episode-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.035) !important;border-radius:999px !important;}
.surface-workspace .project-materials-side .materials-range-row::-webkit-scrollbar-thumb,
.surface-workspace .project-materials-side .materials-episode-grid::-webkit-scrollbar-thumb,
.projects-wrap .project-materials-side .materials-range-row::-webkit-scrollbar-thumb,
.projects-wrap .project-materials-side .materials-episode-grid::-webkit-scrollbar-thumb{background:rgba(120,166,230,.38) !important;border-radius:999px !important;border:2px solid rgba(8,16,35,.9) !important;}
.surface-workspace .project-materials-side .materials-episode-grid .episode-chip,
.projects-wrap .project-materials-side .materials-episode-grid .episode-chip{
  width:100% !important;
  min-width:54px !important;
  height:46px !important;
  min-height:46px !important;
  border-radius:14px !important;
  padding:7px 8px !important;
}
.surface-workspace .project-materials-side .materials-episode-grid .episode-chip.active,
.projects-wrap .project-materials-side .materials-episode-grid .episode-chip.active{
  height:50px !important;
  box-shadow:0 12px 26px rgba(47,143,255,.28) !important;
}
.surface-workspace .project-materials-side .episode-link-badges,
.projects-wrap .project-materials-side .episode-link-badges{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  min-height:0 !important;
}
.surface-workspace .project-materials-side .episode-file-actions,
.projects-wrap .project-materials-side .episode-file-actions{
  align-self:start !important;
  margin-top:8px !important;
}
.surface-workspace .project-materials-side .episode-file-actions .btn,
.projects-wrap .project-materials-side .episode-file-actions .btn,
.surface-workspace .project-materials-side .subtitle-actions .btn,
.projects-wrap .project-materials-side .subtitle-actions .btn{
  min-height:38px !important;
  padding:0 14px !important;
}

@media(max-width:1280px){
  .surface-workspace .project-battle-card,
  .projects-wrap > .project-battle-card{
    grid-template-columns:280px minmax(0,1fr) !important;
    gap:22px !important;
  }
  .surface-workspace .project-battle-poster,
  .projects-wrap .project-battle-poster,
  .surface-workspace .project-battle-poster .poster-card,
  .projects-wrap .project-battle-poster .poster-card{
    width:280px !important;
    min-width:280px !important;
    max-width:280px !important;
  }
  .surface-workspace .project-battle-poster .poster-card,
  .projects-wrap .project-battle-poster .poster-card{
    height:400px !important;
    min-height:400px !important;
    max-height:400px !important;
  }
  .surface-workspace .project-materials-side .materials-main-grid,
  .projects-wrap .project-materials-side .materials-main-grid{
    grid-template-columns:1fr !important;
  }
  .surface-workspace .project-materials-side .materials-file-card,
  .projects-wrap .project-materials-side .materials-file-card{
    min-height:0 !important;
  }
}
@media(max-width:860px){
  .surface-workspace .project-battle-card,
  .projects-wrap > .project-battle-card{
    width:min(100%, calc(100vw - 24px)) !important;
    max-width:min(100%, calc(100vw - 24px)) !important;
    grid-template-columns:1fr !important;
    padding:16px !important;
  }
  .surface-workspace .project-battle-poster,
  .projects-wrap .project-battle-poster{
    position:relative !important;
    top:auto !important;
    justify-self:center !important;
    width:min(320px,100%) !important;
    min-width:0 !important;
    max-width:320px !important;
  }
  .surface-workspace .project-battle-poster .poster-card,
  .projects-wrap .project-battle-poster .poster-card{
    width:100% !important;
    min-width:0 !important;
    max-width:320px !important;
    height:430px !important;
    min-height:430px !important;
    max-height:430px !important;
  }
  .surface-workspace .project-materials-side .materials-workbar,
  .projects-wrap .project-materials-side .materials-workbar{
    grid-template-columns:1fr !important;
  }
}

/* v1.5.26.83 — серия-лента больше не вылезает из логова, все серии живут в рабочем центре */
html,body,#app,.shell,.projects-wrap{max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}
.surface-workspace .episode-strip-limited-wrap,.projects-wrap>.episode-strip-limited-wrap,.projects-wrap>.episode-strip-wrap:has(.episode-strip-limited){display:none!important}
.surface-workspace .projects-wrap,.projects-wrap{gap:16px!important}
.surface-workspace .project-battle-card,.projects-wrap>.project-battle-card{width:min(1500px,calc(100vw - 48px))!important;max-width:min(1500px,calc(100vw - 48px))!important;margin:14px auto 18px!important;min-height:0!important;height:auto!important}
.surface-workspace .project-battle-poster,.projects-wrap .project-battle-poster{position:relative!important;top:auto!important}
.surface-workspace .project-battle-poster .poster-card,.projects-wrap .project-battle-poster .poster-card{height:410px!important;min-height:410px!important;max-height:410px!important}
.surface-workspace .project-materials-side.collapsed,.projects-wrap .project-materials-side.collapsed{padding:9px 12px!important}
.surface-workspace .project-materials-side.collapsed .materials-toggle-btn,.projects-wrap .project-materials-side.collapsed .materials-toggle-btn{min-height:38px!important}
.surface-workspace .project-materials-side .materials-main-grid,.projects-wrap .project-materials-side .materials-main-grid{grid-template-columns:minmax(520px,1fr) minmax(320px,400px)!important;align-items:start!important}
.surface-workspace .project-materials-side .materials-range-row,.projects-wrap .project-materials-side .materials-range-row{display:flex!important;flex-wrap:wrap!important;gap:7px!important;max-height:64px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important}
.surface-workspace .project-materials-side .materials-episode-grid,.projects-wrap .project-materials-side .materials-episode-grid,.surface-workspace .project-materials-side .subtitle-strip.compact-strip.materials-episode-grid,.projects-wrap .project-materials-side .subtitle-strip.compact-strip.materials-episode-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(62px,1fr))!important;max-height:330px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding-right:8px!important}
.surface-workspace .project-materials-side .materials-episode-grid .episode-chip,.projects-wrap .project-materials-side .materials-episode-grid .episode-chip{min-width:0!important;width:100%!important}
.surface-workspace .project-materials-side .materials-range-row,.surface-workspace .project-materials-side .materials-episode-grid,.projects-wrap .project-materials-side .materials-range-row,.projects-wrap .project-materials-side .materials-episode-grid{scrollbar-width:thin!important;scrollbar-color:rgba(120,166,230,.42) rgba(255,255,255,.04)!important}
.surface-workspace .project-materials-side .materials-range-row::-webkit-scrollbar,.surface-workspace .project-materials-side .materials-episode-grid::-webkit-scrollbar,.projects-wrap .project-materials-side .materials-range-row::-webkit-scrollbar,.projects-wrap .project-materials-side .materials-episode-grid::-webkit-scrollbar{width:8px!important;height:8px!important}
.surface-workspace .project-materials-side .materials-range-row::-webkit-scrollbar-track,.surface-workspace .project-materials-side .materials-episode-grid::-webkit-scrollbar-track,.projects-wrap .project-materials-side .materials-range-row::-webkit-scrollbar-track,.projects-wrap .project-materials-side .materials-episode-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.04)!important;border-radius:999px!important}
.surface-workspace .project-materials-side .materials-range-row::-webkit-scrollbar-thumb,.surface-workspace .project-materials-side .materials-episode-grid::-webkit-scrollbar-thumb,.projects-wrap .project-materials-side .materials-range-row::-webkit-scrollbar-thumb,.projects-wrap .project-materials-side .materials-episode-grid::-webkit-scrollbar-thumb{background:rgba(120,166,230,.42)!important;border-radius:999px!important;border:2px solid rgba(8,16,35,.9)!important}
.surface-workspace .toolbar,.projects-wrap>.toolbar,.surface-workspace .board-wrap,.projects-wrap>.board-wrap{width:min(1500px,calc(100vw - 48px))!important;max-width:min(1500px,calc(100vw - 48px))!important;margin-left:auto!important;margin-right:auto!important}
.surface-workspace .toolbar,.projects-wrap>.toolbar{margin-top:0!important;margin-bottom:16px!important}
@media(max-width:1280px){.surface-workspace .project-materials-side .materials-main-grid,.projects-wrap .project-materials-side .materials-main-grid{grid-template-columns:1fr!important}}
@media(max-width:860px){.surface-workspace .project-battle-card,.projects-wrap>.project-battle-card,.surface-workspace .toolbar,.projects-wrap>.toolbar,.surface-workspace .board-wrap,.projects-wrap>.board-wrap{width:min(100%,calc(100vw - 24px))!important;max-width:min(100%,calc(100vw - 24px))!important}.surface-workspace .project-battle-poster .poster-card,.projects-wrap .project-battle-poster .poster-card{height:430px!important;min-height:430px!important;max-height:430px!important}}

/* v1.5.26.87 — сабы вверх, диапазоны по 24, короткое описание без тёмной кляксы */
.surface-workspace .project-battle-info .project-desc-static.project-desc-short,
.projects-wrap .project-battle-info .project-desc-static.project-desc-short{
  display:block !important;
  width:min(100%, 950px) !important;
  max-width:950px !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  padding:0 !important;
  margin:8px 0 18px !important;
  color:rgba(233,241,255,.86) !important;
  line-height:1.55 !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:unset !important;
  background:none !important;
}
.surface-workspace .project-battle-info .project-desc-static.project-desc-short::before,
.surface-workspace .project-battle-info .project-desc-static.project-desc-short::after,
.projects-wrap .project-battle-info .project-desc-static.project-desc-short::before,
.projects-wrap .project-battle-info .project-desc-static.project-desc-short::after{
  content:none !important;
  display:none !important;
  background:none !important;
}
.surface-workspace .project-battle-info .project-desc-static.project-desc-short + .tags,
.projects-wrap .project-battle-info .project-desc-static.project-desc-short + .tags,
.surface-workspace .project-battle-info .tags.stats-below,
.projects-wrap .project-battle-info .tags.stats-below{
  margin-top:18px !important;
  margin-bottom:12px !important;
}
.surface-workspace .project-battle-info .project-desc-static.project-desc-long:not(.expanded),
.projects-wrap .project-battle-info .project-desc-static.project-desc-long:not(.expanded){
  margin-bottom:12px !important;
}
.surface-workspace .project-materials-side .materials-subtitle-topline,
.projects-wrap .project-materials-side .materials-subtitle-topline{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  padding:10px 12px !important;
  margin:8px 0 10px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(145,185,255,.11) !important;
}
.surface-workspace .project-materials-side .materials-subtitle-topline .subtitle-current-copy,
.projects-wrap .project-materials-side .materials-subtitle-topline .subtitle-current-copy{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  margin:0 !important;
}
.surface-workspace .project-materials-side .subtitle-actions-top,
.projects-wrap .project-materials-side .subtitle-actions-top{
  margin:0 !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:wrap !important;
}
.surface-workspace .project-materials-side .subtitle-actions-top .btn,
.projects-wrap .project-materials-side .subtitle-actions-top .btn{
  min-height:36px !important;
  padding:0 13px !important;
  white-space:nowrap !important;
}
.surface-workspace .project-materials-side .materials-range-row,
.projects-wrap .project-materials-side .materials-range-row{
  max-height:76px !important;
  margin-top:8px !important;
  margin-bottom:10px !important;
  padding-right:6px !important;
}
.surface-workspace .project-materials-side .episode-range-chip,
.projects-wrap .project-materials-side .episode-range-chip{
  min-width:64px !important;
  height:28px !important;
  padding:0 10px !important;
  font-size:12px !important;
}
.surface-workspace .project-materials-side .materials-episode-grid,
.projects-wrap .project-materials-side .materials-episode-grid,
.surface-workspace .project-materials-side .subtitle-strip.compact-strip.materials-episode-grid,
.projects-wrap .project-materials-side .subtitle-strip.compact-strip.materials-episode-grid{
  max-height:300px !important;
  grid-template-columns:repeat(auto-fill,minmax(58px,1fr)) !important;
}
@media(max-width:1180px){
  .surface-workspace .project-materials-side .materials-subtitle-topline,
  .projects-wrap .project-materials-side .materials-subtitle-topline{grid-template-columns:1fr !important;}
  .surface-workspace .project-materials-side .subtitle-actions-top,
  .projects-wrap .project-materials-side .subtitle-actions-top{justify-content:flex-start !important;}
}


/* v1.5.26.87 — единый строй кнопок скачивания, дабы ящеры не раскидывали сабы и серию по разным княжествам */
.surface-workspace .project-materials-side .materials-subtitle-topline.subtitle-status-only,
.projects-wrap .project-materials-side .materials-subtitle-topline.subtitle-status-only{
  display:block !important;
  grid-template-columns:1fr !important;
  padding:10px 12px !important;
  margin:8px 0 10px !important;
}
.surface-workspace .project-materials-side .subtitle-status-stack,
.projects-wrap .project-materials-side .subtitle-status-stack{
  display:grid !important;
  gap:8px !important;
  min-width:0 !important;
}
.surface-workspace .project-materials-side .subtitle-status-only .subtitle-current-copy,
.projects-wrap .project-materials-side .subtitle-status-only .subtitle-current-copy{
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:unset !important;
  line-height:1.35 !important;
}
.surface-workspace .project-materials-side .materials-inline-status,
.projects-wrap .project-materials-side .materials-inline-status{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  align-items:center !important;
}
.surface-workspace .project-materials-side .episode-actions-panel,
.projects-wrap .project-materials-side .episode-actions-panel{
  display:grid !important;
  gap:10px !important;
  margin-top:4px !important;
  padding-top:12px !important;
  border-top:1px solid rgba(151,190,255,.11) !important;
}
.surface-workspace .project-materials-side .episode-actions-grid,
.projects-wrap .project-materials-side .episode-actions-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  margin-top:0 !important;
  width:100% !important;
}
.surface-workspace .project-materials-side .episode-actions-grid .btn,
.projects-wrap .project-materials-side .episode-actions-grid .btn{
  width:100% !important;
  min-height:44px !important;
  justify-content:center !important;
  padding:0 14px !important;
  white-space:nowrap !important;
  border-radius:15px !important;
  font-weight:900 !important;
}
.surface-workspace .project-materials-side .btn.secondary,
.projects-wrap .project-materials-side .btn.secondary{
  background:linear-gradient(135deg,rgba(51,96,165,.92),rgba(37,68,126,.94)) !important;
  border:1px solid rgba(130,186,255,.23) !important;
  box-shadow:0 10px 22px rgba(31,94,170,.16), inset 0 1px 0 rgba(255,255,255,.07) !important;
  color:#eef7ff !important;
}
.surface-workspace .project-materials-side .btn.secondary:hover,
.projects-wrap .project-materials-side .btn.secondary:hover{
  filter:brightness(1.08) saturate(1.05) !important;
}
.surface-workspace .project-materials-side .episode-secondary-actions,
.projects-wrap .project-materials-side .episode-secondary-actions{
  margin-top:0 !important;
  gap:8px !important;
}
.surface-workspace .project-materials-side .episode-secondary-actions .btn,
.projects-wrap .project-materials-side .episode-secondary-actions .btn{
  min-height:34px !important;
  padding:0 11px !important;
  font-size:12px !important;
  border-radius:13px !important;
}
.surface-workspace .project-materials-side .episode-link-badges,
.projects-wrap .project-materials-side .episode-link-badges{
  margin-bottom:2px !important;
}
.surface-workspace .project-materials-side .materials-file-card,
.projects-wrap .project-materials-side .materials-file-card{
  gap:11px !important;
  align-content:start !important;
}
.surface-workspace .project-materials-side .subtitle-actions-top,
.projects-wrap .project-materials-side .subtitle-actions-top{
  display:none !important;
}
@media(max-width:760px){
  .surface-workspace .project-materials-side .episode-actions-grid,
  .projects-wrap .project-materials-side .episode-actions-grid{
    grid-template-columns:1fr !important;
  }
}


/* v1.5.26.88 — remove stray top HP-bar/status capsule from project preview cards */
.viewer-rail-card .viewer-rail-topline,
.viewer-rail-topline,
.viewer-rail-topline .project-library-status,
.viewer-rail-topline .status-badge{
  display:none !important;
  width:0 !important;
  min-width:0 !important;
  height:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.project-library-card:not(.compact) .project-library-topline .project-library-status,
.project-library-card:not(.compact) .project-library-topline .status-badge,
.project-library-card.compact .project-library-list-topline .project-library-status,
.project-library-card.compact .project-library-list-topline .status-badge{
  display:none !important;
  width:0 !important;
  min-width:0 !important;
  height:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.project-library-card:not(.compact) .project-library-topline{
  top:14px !important;
  left:auto !important;
  right:14px !important;
  width:auto !important;
  min-width:0 !important;
  display:flex !important;
  justify-content:flex-end !important;
  gap:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.project-library-card:not(.compact) .project-library-topline:empty,
.project-library-card.compact .project-library-list-topline:empty{
  display:none !important;
}

.project-library-status:empty,
.status-badge:empty{
  display:none !important;
}

.viewer-rail-card::before,
.viewer-rail-card::after,
.project-library-card::before,
.project-library-card::after{
  box-shadow:none !important;
}

/* v1.5.26.89 — возвращаем нормальные мини-плашки статуса и чиним компактный список */
.viewer-rail-card .viewer-rail-topline,
.viewer-rail-topline{
  display:flex !important;
  position:absolute !important;
  top:14px !important;
  left:14px !important;
  right:auto !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  opacity:1 !important;
  pointer-events:none !important;
  z-index:7 !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.viewer-rail-topline .project-library-status,
.project-library-card .project-library-status,
.project-library-card:not(.compact) .project-library-topline .project-library-status,
.project-library-card.compact .project-library-list-topline .project-library-status{
  display:inline-flex !important;
  opacity:1 !important;
  width:96px !important;
  min-width:96px !important;
  max-width:96px !important;
  height:22px !important;
  min-height:22px !important;
  padding:0 !important;
  margin:0 !important;
  pointer-events:none !important;
  flex:0 0 96px !important;
  overflow:visible !important;
}
.viewer-rail-topline .status-badge,
.project-library-card .preview-status-badge,
.project-library-status .preview-status-badge,
.project-library-card:not(.compact) .project-library-topline .status-badge,
.project-library-card.compact .project-library-list-topline .status-badge{
  display:inline-flex !important;
  opacity:1 !important;
  width:96px !important;
  min-width:96px !important;
  max-width:96px !important;
  height:22px !important;
  min-height:22px !important;
  padding:0 10px !important;
  margin:0 !important;
  border-radius:999px !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
  font-size:10.5px !important;
  line-height:22px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  color:rgba(241,247,255,.96) !important;
  background:rgba(7,18,38,.72) !important;
  border:1px solid rgba(226,238,255,.16) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.055) !important;
  backdrop-filter:blur(9px) !important;
  -webkit-backdrop-filter:blur(9px) !important;
  text-shadow:none !important;
  pointer-events:none !important;
}
.viewer-rail-topline .status-badge.active,
.project-library-card .preview-status-badge.active{
  background:rgba(20,73,118,.72) !important;
  border-color:rgba(92,182,255,.34) !important;
  color:#e7f6ff !important;
}
.viewer-rail-topline .status-badge.finished,
.project-library-card .preview-status-badge.finished{
  background:rgba(20,78,51,.72) !important;
  border-color:rgba(112,211,138,.32) !important;
  color:#e2ffe9 !important;
}
.viewer-rail-topline .status-badge.dropped,
.project-library-card .preview-status-badge.dropped{
  background:rgba(88,30,42,.72) !important;
  border-color:rgba(215,75,98,.32) !important;
  color:#ffdce4 !important;
}
.project-library-card:not(.compact) .project-library-topline,
.project-library-card.expanded .project-library-topline{
  position:absolute !important;
  top:14px !important;
  left:14px !important;
  right:14px !important;
  width:auto !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  gap:8px !important;
  z-index:8 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  pointer-events:none !important;
}
.project-library-card.compact .project-library-list-topline{
  position:absolute !important;
  top:12px !important;
  left:12px !important;
  right:12px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:8px !important;
  z-index:8 !important;
  pointer-events:none !important;
}
.project-library-card .chip-edit.project-library-edit{
  pointer-events:auto !important;
  flex:0 0 34px !important;
  position:relative !important;
  top:auto !important;
  right:auto !important;
  margin-left:auto !important;
}
.project-library-card .project-library-topline:empty,
.project-library-card .project-library-list-topline:empty{
  display:none !important;
}

.project-library-compact-modal-shell{
  width:min(820px,96vw) !important;
  padding:18px !important;
}
.project-library-compact-modal-body{
  display:grid !important;
  gap:12px !important;
}
.project-library-compact-search{
  width:100% !important;
  height:46px !important;
  border-radius:16px !important;
}
.project-library-compact-list{
  display:grid !important;
  gap:9px !important;
  max-height:min(62vh,620px) !important;
  overflow:auto !important;
  padding:2px 4px 2px 0 !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(122,174,255,.36) rgba(255,255,255,.045) !important;
}
.project-library-compact-list::-webkit-scrollbar{width:8px !important;}
.project-library-compact-list::-webkit-scrollbar-track{background:rgba(255,255,255,.045) !important;border-radius:999px !important;}
.project-library-compact-list::-webkit-scrollbar-thumb{background:rgba(122,174,255,.36) !important;border-radius:999px !important;}
.project-library-compact-item{
  width:100% !important;
  min-height:74px !important;
  display:grid !important;
  grid-template-columns:54px minmax(0,1fr) 96px !important;
  align-items:center !important;
  gap:12px !important;
  padding:10px 12px !important;
  border-radius:18px !important;
  border:1px solid rgba(151,181,255,.12) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.032)) !important;
  color:#fff !important;
  text-align:left !important;
  cursor:pointer !important;
}
.project-library-compact-item:hover,
.project-library-compact-item.selected{
  border-color:rgba(82,166,255,.42) !important;
  background:rgba(82,150,255,.105) !important;
}
.project-library-compact-thumb{
  width:54px !important;
  height:54px !important;
  border-radius:14px !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.06) !important;
  display:grid !important;
  place-items:center !important;
}
.project-library-compact-thumb img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center top !important;display:block !important;}
.project-library-compact-copy{display:grid !important;gap:4px !important;min-width:0 !important;}
.project-library-compact-copy strong{font-size:16px !important;line-height:1.15 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
.project-library-compact-copy span{font-size:12px !important;color:rgba(230,239,255,.66) !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
.project-library-compact-item .compact-list-badge{justify-self:end !important;}
.project-library-compact-empty{padding:18px !important;border-radius:18px !important;background:rgba(255,255,255,.045) !important;color:rgba(230,239,255,.72) !important;}
@media(max-width:640px){
  .project-library-compact-item{grid-template-columns:48px minmax(0,1fr) !important;}
  .project-library-compact-item .compact-list-badge{grid-column:2 !important;justify-self:start !important;}
}


/* v1.5.26.91 — safe custom background + soft block palette */
:root{
  --theme-panel-rgb:11,24,49;
  --theme-panel-strong-rgb:5,14,30;
  --theme-accent-rgb:82,166,255;
  --theme-stroke-rgb:151,181,255;
}
body.has-custom-bg{
  background:
    linear-gradient(180deg, rgba(3,8,18,.74), rgba(3,8,18,.90)),
    radial-gradient(circle at 50% 0%, rgba(var(--theme-accent-rgb), .18), transparent 30%),
    var(--user-background-image) center center / cover fixed no-repeat !important;
}
body.has-custom-bg::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(3,8,18,.18), rgba(3,8,18,.42));
}
.glass,
.panel,
.header-topbar,
.head,
.modal,
.project-hero,
.workspace-project-hero,
.project-materials-shell,
.project-materials-row,
.project-work-center,
.project-work-card,
.project-library-shell,
.library-panel,
.viewer-title-hero,
.viewer-title-page .viewer-title-hero,
.viewer-surface .viewer-catalog-bar,
.viewer-rail-card,
.viewer-card,
.actor-card,
.profile-list-card,
.char-card,
.column,
.track-list-shell,
.compact-title-modal{
  border-color:rgba(var(--theme-stroke-rgb), .14) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(var(--theme-accent-rgb), .07), transparent 34%),
    linear-gradient(180deg, rgba(var(--theme-panel-rgb), var(--panel-alpha, .92)), rgba(var(--theme-panel-strong-rgb), var(--panel-alpha, .92))) !important;
}
.btn.primary,
.btn.blue,
.mode-chip.active,
.tab.active,
.episode-card.active,
.materials-download-btn.primary,
.viewer-cta-main{
  background:linear-gradient(135deg, rgba(var(--theme-accent-rgb), .98), rgba(125,88,255,.92)) !important;
}
.input:focus,
textarea:focus,
select:focus{
  border-color:rgba(var(--theme-accent-rgb), .44) !important;
  box-shadow:0 0 0 3px rgba(var(--theme-accent-rgb), .12) !important;
}
.appearance-section{
  display:grid;
  gap:14px;
  padding:16px;
  border-radius:22px;
  border:1px solid rgba(var(--theme-stroke-rgb), .12);
  background:linear-gradient(180deg, rgba(var(--theme-panel-rgb), .56), rgba(var(--theme-panel-strong-rgb), .48));
}
.appearance-bg-grid{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:14px;
  align-items:stretch;
}
.appearance-bg-preview{
  min-height:116px;
  border-radius:18px;
  overflow:hidden;
  display:grid;
  place-items:center;
  color:rgba(235,244,255,.68);
  border:1px solid rgba(255,255,255,.09);
  background:radial-gradient(circle at top, rgba(var(--theme-accent-rgb), .18), transparent 38%), linear-gradient(145deg, rgba(20,34,62,.82), rgba(6,12,26,.88));
}
.appearance-bg-preview img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.82)}
.appearance-bg-controls{display:grid;gap:8px;align-content:start}
.appearance-actions-inline{margin-top:2px}
.appearance-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.theme-swatch{
  min-height:48px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  background:linear-gradient(135deg, rgba(var(--swatch-panel), .86), rgba(5,10,22,.88));
  color:#f2f7ff;
  font-weight:900;
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 11px;
  cursor:pointer;
}
.theme-swatch span{
  width:24px;
  height:24px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(var(--swatch-panel), 1), rgba(var(--swatch-accent), 1));
  box-shadow:0 0 0 2px rgba(255,255,255,.12) inset;
  flex:0 0 auto;
}
.theme-swatch strong{font-size:12px;line-height:1.15;text-align:left}
.theme-swatch.active{outline:2px solid rgba(var(--theme-accent-rgb), .72);background:linear-gradient(135deg, rgba(var(--swatch-panel), .98), rgba(var(--swatch-accent), .22))}
@media(max-width:760px){.appearance-bg-grid{grid-template-columns:1fr}.appearance-bg-preview{min-height:150px}}


/* v1.5.26.92 — theme reaches project library + project page blocks */
body[class*="theme-"] .project-library-shell,
body[class*="theme-"] .library-panel,
body[class*="theme-"] .projects-library,
body[class*="theme-"] .panel:has(.project-library-card){
  border-color:rgba(var(--theme-stroke-rgb), .16) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(var(--theme-accent-rgb), .10), transparent 36%),
    linear-gradient(180deg, rgba(var(--theme-panel-rgb), .88), rgba(var(--theme-panel-strong-rgb), .92)) !important;
}
body[class*="theme-"] .project-library-stage,
body[class*="theme-"] .project-library-viewport,
body[class*="theme-"] .project-library-track{
  border-color:rgba(var(--theme-stroke-rgb), .10) !important;
  background:
    linear-gradient(90deg, rgba(var(--theme-panel-strong-rgb), .58), rgba(var(--theme-panel-rgb), .38) 48%, rgba(var(--theme-panel-strong-rgb), .58)) !important;
}
body[class*="theme-"] .project-library-surface,
body[class*="theme-"] .project-library-card.compact,
body[class*="theme-"] .project-library-card.compact .project-library-surface,
body[class*="theme-"] .project-library-list-body,
body[class*="theme-"] .project-library-search-input,
body[class*="theme-"] .project-library-toggle,
body[class*="theme-"] .project-library-search-toggle,
body[class*="theme-"] .project-library-arrow{
  border-color:rgba(var(--theme-stroke-rgb), .16) !important;
  background:
    radial-gradient(circle at 22% 0%, rgba(var(--theme-accent-rgb), .13), transparent 34%),
    linear-gradient(180deg, rgba(var(--theme-panel-rgb), .74), rgba(var(--theme-panel-strong-rgb), .82)) !important;
}
body[class*="theme-"] .project-library-card .project-library-shade,
body[class*="theme-"] .viewer-rail-card .viewer-rail-hover,
body[class*="theme-"] .viewer-rail-card .viewer-rail-glow{
  background:linear-gradient(180deg, rgba(var(--theme-panel-strong-rgb), 0) 0%, rgba(var(--theme-panel-strong-rgb), .05) 44%, rgba(var(--theme-panel-strong-rgb), .30) 72%, rgba(var(--theme-panel-strong-rgb), .66) 100%) !important;
}
body[class*="theme-"] .project-battle-card,
body[class*="theme-"] .summary-grid.project-battle-card,
body[class*="theme-"] .projects-wrap > .project-battle-card{
  border-color:rgba(var(--theme-stroke-rgb), .16) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(var(--theme-accent-rgb), .12), transparent 42%),
    linear-gradient(180deg, rgba(var(--theme-panel-rgb), .86), rgba(var(--theme-panel-strong-rgb), .91)) !important;
}
body[class*="theme-"] .project-battle-info,
body[class*="theme-"] .project-info-panel,
body[class*="theme-"] .project-battle-poster,
body[class*="theme-"] .poster-panel,
body[class*="theme-"] .poster-card,
body[class*="theme-"] .episode-deadline-card,
body[class*="theme-"] .materials-shell,
body[class*="theme-"] .project-materials-side,
body[class*="theme-"] .materials-toggle-btn,
body[class*="theme-"] .materials-body,
body[class*="theme-"] .project-feature-row,
body[class*="theme-"] .materials-workbar,
body[class*="theme-"] .feature-card,
body[class*="theme-"] .compact-material-card,
body[class*="theme-"] .materials-episodes-card,
body[class*="theme-"] .materials-file-card,
body[class*="theme-"] .materials-range-row,
body[class*="theme-"] .materials-episode-grid,
body[class*="theme-"] .episode-chip,
body[class*="theme-"] .episode-range-chip,
body[class*="theme-"] .toolbar,
body[class*="theme-"] .board-wrap{
  border-color:rgba(var(--theme-stroke-rgb), .15) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(var(--theme-accent-rgb), .08), transparent 38%),
    linear-gradient(180deg, rgba(var(--theme-panel-rgb), .62), rgba(var(--theme-panel-strong-rgb), .74)) !important;
}
body[class*="theme-"] .materials-toggle-btn:hover,
body[class*="theme-"] .project-library-toggle:hover,
body[class*="theme-"] .project-library-search-toggle:hover,
body[class*="theme-"] .episode-chip:hover,
body[class*="theme-"] .episode-range-chip:hover{
  border-color:rgba(var(--theme-accent-rgb), .30) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(var(--theme-accent-rgb), .15), transparent 38%),
    linear-gradient(180deg, rgba(var(--theme-panel-rgb), .76), rgba(var(--theme-panel-strong-rgb), .80)) !important;
}
body[class*="theme-"] .tag,
body[class*="theme-"] .project-stat-chip,
body[class*="theme-"] .status-badge,
body[class*="theme-"] .episode-link-badges .tag,
body[class*="theme-"] .materials-inline-status .tag{
  border-color:rgba(var(--theme-stroke-rgb), .20) !important;
  background:rgba(var(--theme-panel-rgb), .52) !important;
}
body[class*="theme-"] .tag-ready,
body[class*="theme-"] .episode-chip.active,
body[class*="theme-"] .episode-range-chip.active{
  border-color:rgba(var(--theme-accent-rgb), .38) !important;
  background:linear-gradient(135deg, rgba(var(--theme-accent-rgb), .34), rgba(var(--theme-panel-rgb), .62)) !important;
}
body[class*="theme-"] .project-desc-static::after{
  background:linear-gradient(180deg, rgba(var(--theme-panel-strong-rgb), 0), rgba(var(--theme-panel-strong-rgb), .94)) !important;
}
body[class*="theme-"] .poster-overlay{
  background:linear-gradient(180deg, rgba(var(--theme-panel-strong-rgb), 0) 0%, rgba(var(--theme-panel-strong-rgb), .20) 24%, rgba(var(--theme-panel-strong-rgb), .70) 100%) !important;
}


/* v1.5.26.94 — profile ideas modal + full theme coverage */
:root{
  --theme-panel-soft-rgb:var(--theme-panel-rgb);
  --theme-accent-2-rgb:125,88,255;
  --theme-glow-rgb:var(--theme-accent-rgb);
}
body[class*="theme-"] .top-home-button,
body[class*="theme-"] .home-button,
body[class*="theme-"] .brand-home-button,
body[class*="theme-"] .mode-switch,
body[class*="theme-"] .surface-switch,
body[class*="theme-"] .mode-chip,
body[class*="theme-"] .tab,
body[class*="theme-"] .primary-tabs,
body[class*="theme-"] .workspace-tabs,
body[class*="theme-"] .main-tabs,
body[class*="theme-"] .nav-tabs,
body[class*="theme-"] .icon-chip,
body[class*="theme-"] .icon-chip-mini,
body[class*="theme-"] .profile-trigger,
body[class*="theme-"] .viewer-catalog-trigger,
body[class*="theme-"] .viewer-catalog-trigger-centered,
body[class*="theme-"] .viewer-mini-arrow,
body[class*="theme-"] .viewer-provider-tab,
body[class*="theme-"] .viewer-provider-tabs .btn,
body[class*="theme-"] .viewer-back-link,
body[class*="theme-"] .viewer-desc-toggle,
body[class*="theme-"] .btn:not(.danger),
body[class*="theme-"] .header-popover-item{
  border-color:rgba(var(--theme-stroke-rgb), .16) !important;
  background:linear-gradient(180deg, rgba(var(--theme-panel-rgb), .72), rgba(var(--theme-panel-strong-rgb), .82)) !important;
  color:#eef6ff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055), 0 10px 26px rgba(0,0,0,.16) !important;
}
body[class*="theme-"] .top-home-button:hover,
body[class*="theme-"] .home-button:hover,
body[class*="theme-"] .mode-chip:hover,
body[class*="theme-"] .tab:hover,
body[class*="theme-"] .icon-chip:hover,
body[class*="theme-"] .profile-trigger:hover,
body[class*="theme-"] .viewer-catalog-trigger:hover,
body[class*="theme-"] .viewer-mini-arrow:hover,
body[class*="theme-"] .viewer-back-link:hover,
body[class*="theme-"] .viewer-desc-toggle:hover,
body[class*="theme-"] .btn:not(.danger):hover,
body[class*="theme-"] .header-popover-item:hover{
  border-color:rgba(var(--theme-accent-rgb), .34) !important;
  background:linear-gradient(180deg, rgba(var(--theme-panel-rgb), .86), rgba(var(--theme-panel-strong-rgb), .86)) !important;
  transform:translateY(-1px);
}
body[class*="theme-"] .top-home-button.active,
body[class*="theme-"] .mode-chip.active,
body[class*="theme-"] .tab.active,
body[class*="theme-"] .surface-switch .active,
body[class*="theme-"] .btn.primary,
body[class*="theme-"] .btn.blue,
body[class*="theme-"] .viewer-cta-main,
body[class*="theme-"] #viewerWatchBtn,
body[class*="theme-"] .viewer-provider-tabs .active,
body[class*="theme-"] .viewer-provider-tab.active{
  border-color:rgba(var(--theme-accent-rgb), .36) !important;
  background:linear-gradient(135deg, rgba(var(--theme-accent-rgb), .96), rgba(var(--theme-accent-2-rgb), .88)) !important;
  color:#fff !important;
  box-shadow:0 16px 34px rgba(var(--theme-glow-rgb), .22), inset 0 1px 0 rgba(255,255,255,.13) !important;
}
body[class*="theme-"] .viewer-title-page,
body[class*="theme-"] .viewer-title-hero,
body[class*="theme-"] .viewer-title-shell,
body[class*="theme-"] .viewer-title-content,
body[class*="theme-"] .viewer-title-copy,
body[class*="theme-"] .viewer-title-cast-side,
body[class*="theme-"] .viewer-cast-panel,
body[class*="theme-"] .viewer-title-stat,
body[class*="theme-"] .viewer-title-stat-accent,
body[class*="theme-"] .viewer-title-stat-wide,
body[class*="theme-"] .viewer-title-tags,
body[class*="theme-"] .viewer-player-shell,
body[class*="theme-"] .viewer-watch-shell,
body[class*="theme-"] .viewer-watch-card,
body[class*="theme-"] .viewer-watch-info,
body[class*="theme-"] .viewer-watch-meta-card,
body[class*="theme-"] .viewer-episodes,
body[class*="theme-"] .viewer-episode-btn,
body[class*="theme-"] .viewer-related-section,
body[class*="theme-"] .viewer-continue-section,
body[class*="theme-"] .viewer-section,
body[class*="theme-"] .viewer-rail-shell,
body[class*="theme-"] .viewer-catalog-modal,
body[class*="theme-"] .viewer-catalog-bar,
body[class*="theme-"] .viewer-search-results,
body[class*="theme-"] .viewer-search-card,
body[class*="theme-"] .viewer-card-hover,
body[class*="theme-"] .viewer-card-hover-tags .tag,
body[class*="theme-"] .viewer-genre-tag{
  border-color:rgba(var(--theme-stroke-rgb), .16) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(var(--theme-accent-rgb), .10), transparent 34%),
    linear-gradient(180deg, rgba(var(--theme-panel-rgb), .68), rgba(var(--theme-panel-strong-rgb), .82)) !important;
}
body[class*="theme-"] .viewer-title-page .viewer-title-hero,
body[class*="theme-"] .viewer-title-hero{
  background:
    radial-gradient(circle at 10% 0%, rgba(var(--theme-accent-rgb), .16), transparent 34%),
    radial-gradient(circle at 85% 0%, rgba(var(--theme-accent-2-rgb), .12), transparent 32%),
    linear-gradient(135deg, rgba(var(--theme-panel-rgb), .78), rgba(var(--theme-panel-strong-rgb), .90)) !important;
}
body[class*="theme-"] .viewer-title-stat,
body[class*="theme-"] .viewer-title-stat-accent,
body[class*="theme-"] .viewer-title-stat-wide{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 24px rgba(0,0,0,.12) !important;
}
body[class*="theme-"] .viewer-title-stat-accent,
body[class*="theme-"] .viewer-title-stat:hover{
  border-color:rgba(var(--theme-accent-rgb), .28) !important;
  background:linear-gradient(180deg, rgba(var(--theme-accent-rgb), .16), rgba(var(--theme-panel-rgb), .58)) !important;
}
body[class*="theme-"] .viewer-catalog-trigger-centered,
body[class*="theme-"] .viewer-catalog-search-row,
body[class*="theme-"] .viewer-catalog-search-big,
body[class*="theme-"] .viewer-catalog-search-big .input,
body[class*="theme-"] .viewer-search-input,
body[class*="theme-"] .viewer-search,
body[class*="theme-"] input[placeholder*="Найти тайтл"]{
  border-color:rgba(var(--theme-stroke-rgb), .18) !important;
  background:linear-gradient(180deg, rgba(var(--theme-panel-rgb), .62), rgba(var(--theme-panel-strong-rgb), .78)) !important;
  color:#f1f7ff !important;
}
body[class*="theme-"] .viewer-desc-toggle{
  width:max-content !important;
  min-height:36px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-weight:900 !important;
  font-size:13px !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}
body[class*="theme-"] .viewer-hero-desc::after,
body[class*="theme-"] .viewer-desc-clamped::after,
body[class*="theme-"] .viewer-title-description::after{
  background:linear-gradient(180deg, rgba(var(--theme-panel-strong-rgb), 0), rgba(var(--theme-panel-strong-rgb), .94)) !important;
}
body[class*="theme-"] .modal,
body[class*="theme-"] .header-popover,
body[class*="theme-"] .notification-popover,
body[class*="theme-"] .profile-popover,
body[class*="theme-"] .search-popover,
body[class*="theme-"] .work-overlay-modal,
body[class*="theme-"] .work-panel,
body[class*="theme-"] .work-panel-sidebar,
body[class*="theme-"] .work-panel-content,
body[class*="theme-"] .chat-panel,
body[class*="theme-"] .chat-message,
body[class*="theme-"] .notification-card,
body[class*="theme-"] .actor-picker-inline,
body[class*="theme-"] .picker-item,
body[class*="theme-"] .track-project-display,
body[class*="theme-"] .track-picker-toggle{
  border-color:rgba(var(--theme-stroke-rgb), .16) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(var(--theme-accent-rgb), .08), transparent 34%),
    linear-gradient(180deg, rgba(var(--theme-panel-rgb), .70), rgba(var(--theme-panel-strong-rgb), .86)) !important;
}
body[class*="theme-"] .input,
body[class*="theme-"] textarea,
body[class*="theme-"] select{
  border-color:rgba(var(--theme-stroke-rgb), .14) !important;
  background:rgba(var(--theme-panel-strong-rgb), .58) !important;
  color:#f3f8ff !important;
}
.ideas-modal{width:min(980px, calc(100vw - 32px)) !important;max-width:980px !important;}
.ideas-modal-wrap{display:grid;gap:16px;}
.ideas-submit-card,
.ideas-dev-card{
  display:grid;
  gap:11px;
  padding:16px;
  border-radius:22px;
  border:1px solid rgba(var(--theme-stroke-rgb), .15);
  background:linear-gradient(180deg, rgba(var(--theme-panel-rgb), .62), rgba(var(--theme-panel-strong-rgb), .80));
}
.ideas-submit-card textarea{min-height:130px;resize:vertical;}
.ideas-dev-list{display:grid;gap:10px;max-height:420px;overflow:auto;padding-right:6px;scrollbar-color:rgba(var(--theme-accent-rgb), .42) rgba(255,255,255,.05);}
.idea-card{display:grid;gap:9px;padding:13px;border-radius:18px;border:1px solid rgba(var(--theme-stroke-rgb), .13);background:rgba(var(--theme-panel-strong-rgb), .42);}
.idea-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.idea-card-head div{display:grid;gap:3px;min-width:0;}
.idea-card-head strong{font-size:15px;color:#f5f8ff;}
.idea-card-head span{font-size:12px;color:rgba(234,242,255,.62);}
.idea-card p{margin:0;color:rgba(238,245,255,.82);line-height:1.45;white-space:pre-wrap;}
.idea-status-pill{height:26px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:rgba(var(--theme-accent-rgb), .16);border:1px solid rgba(var(--theme-accent-rgb), .24);font-size:11px;font-weight:900;color:#f7fbff;white-space:nowrap;}
.idea-actions{display:flex;gap:7px;flex-wrap:wrap;}
.ideas-empty{padding:14px;border-radius:16px;background:rgba(255,255,255,.045);}
@media(max-width:720px){.idea-card-head{display:grid}.ideas-modal{width:calc(100vw - 20px) !important;}}


/* v1.5.26.95 — full visual polish system pass
   Большой единый слой дизайна: темы, карточки, ленты, модалки, рабочая зона.
   Не удаляет старую логику, только выравнивает внешний вид. */
:root{
  --ui-max:1560px;
  --ui-page-pad:clamp(16px,2.4vw,48px);
  --ui-section-gap:clamp(22px,3.1vw,42px);
  --ui-card-radius:28px;
  --ui-panel-radius:34px;
  --ui-chip-radius:999px;
  --ui-fast:180ms;
  --theme-text-rgb:242,247,255;
  --theme-muted-rgb:178,192,216;
}
*,*::before,*::after{box-sizing:border-box;}
html,body{overflow-x:hidden!important;}
body{
  background-color:#071226;
  color:rgb(var(--theme-text-rgb));
}
body::before{
  background:
    radial-gradient(circle at 12% -8%, rgba(var(--theme-accent-rgb,88,166,255),.22), transparent 34%),
    radial-gradient(circle at 88% 8%, rgba(var(--theme-accent-2-rgb,125,88,255),.16), transparent 36%),
    linear-gradient(180deg, rgba(3,8,18,.86), rgba(4,10,22,.94))!important;
}
.shell,
.surface-workspace,
.surface-viewer,
.viewer-surface,
.workspace-surface,
.workspace-main,
.viewer-premium-home,
.viewer-title-page,
.viewer-watch-page{
  max-width:var(--ui-max)!important;
  width:calc(100% - var(--ui-page-pad)*2)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:720px){
  .shell,.surface-workspace,.surface-viewer,.viewer-surface,.workspace-surface,.workspace-main,.viewer-premium-home,.viewer-title-page,.viewer-watch-page{width:calc(100% - 20px)!important;}
}
/* Unified panels */
.glass,
.panel,
.topbar,
.header-topbar,
.viewer-section,
.viewer-rail-section,
.viewer-title-hero,
.viewer-title-shell,
.viewer-watch-shell,
.project-details-shell,
.project-hero-card,
.project-overview-card,
.project-main-card,
.project-library-shell,
.project-workspace-card,
.project-work-panel,
.materials-workbar,
.materials-episodes-card,
.materials-file-card,
.episode-actions-panel,
.gender-column,
.gender-lane,
.character-lane,
.chat-panel,
.chat-compose,
.notification-popover,
.header-popover,
.profile-popover,
.modal,
.work-overlay-modal,
.work-panel,
.work-panel-sidebar,
.work-panel-content,
.casting-card,
.actor-card,
.profile-card,
.track-card,
.fix-item,
.subtitle-card,
.compact-material-card,
.equipment-card,
.feature-card,
.profile-detail-card,
.profile-hero-card,
.actor-bio-card,
.integration-editor-card,
.integration-public-card{
  border:1px solid rgba(var(--theme-stroke-rgb,120,170,255),.16)!important;
  background:
    radial-gradient(circle at 10% 0%, rgba(var(--theme-accent-rgb,88,166,255),.095), transparent 34%),
    linear-gradient(180deg, rgba(var(--theme-panel-rgb,12,24,49),.76), rgba(var(--theme-panel-strong-rgb,5,14,30),.88))!important;
  box-shadow:0 22px 60px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.viewer-section,
.project-library-shell,
.viewer-title-hero,
.viewer-watch-shell,
.project-details-shell,
.project-main-card,
.work-panel,
.chat-panel{border-radius:var(--ui-panel-radius)!important;}
/* Header polish */
.header-topbar,.topbar{
  min-height:118px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  padding:26px clamp(20px,3vw,34px)!important;
}
.header-brand,.brand-block{min-width:0!important;}
.header-actions,.topbar-actions,.header-right{justify-self:end!important;display:flex!important;align-items:center!important;gap:10px!important;}
.top-home-button,.home-button,.brand-home-button{justify-self:center!important;}
.mode-switch,.surface-switch,.primary-tabs,.workspace-tabs,.main-tabs,.nav-tabs{
  padding:5px!important;
  gap:5px!important;
  border-radius:22px!important;
  border:1px solid rgba(var(--theme-stroke-rgb,120,170,255),.13)!important;
  background:rgba(var(--theme-panel-strong-rgb,5,14,30),.46)!important;
}
/* Buttons, inputs and actions */
.btn,.tab,.mode-chip,.top-home-button,.icon-chip,.icon-chip-mini,.profile-trigger,
.viewer-catalog-trigger,.viewer-catalog-trigger-centered,.viewer-mini-arrow,.viewer-rail-arrow,.project-library-arrow,
.viewer-back-link,.viewer-desc-toggle,.materials-toggle-btn,.track-picker-toggle,.header-popover-item,
.viewer-provider-tabs button,.viewer-provider-tabs .btn,.viewer-episode-btn,.episode-chip,.episode-range-chip{
  transition:transform var(--ui-fast) ease, border-color var(--ui-fast) ease, background var(--ui-fast) ease, box-shadow var(--ui-fast) ease, opacity var(--ui-fast) ease!important;
  border-color:rgba(var(--theme-stroke-rgb,120,170,255),.16)!important;
  background:linear-gradient(180deg, rgba(var(--theme-panel-rgb,12,24,49),.70), rgba(var(--theme-panel-strong-rgb,5,14,30),.82))!important;
  color:rgb(var(--theme-text-rgb))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 24px rgba(0,0,0,.14)!important;
}
.btn:hover,.tab:hover,.mode-chip:hover,.top-home-button:hover,.icon-chip:hover,.icon-chip-mini:hover,.profile-trigger:hover,
.viewer-catalog-trigger:hover,.viewer-catalog-trigger-centered:hover,.viewer-mini-arrow:hover,.viewer-rail-arrow:hover,.project-library-arrow:hover,
.viewer-back-link:hover,.viewer-desc-toggle:hover,.materials-toggle-btn:hover,.track-picker-toggle:hover,.header-popover-item:hover,
.viewer-episode-btn:hover,.episode-chip:hover,.episode-range-chip:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(var(--theme-accent-rgb,88,166,255),.36)!important;
  background:linear-gradient(180deg, rgba(var(--theme-panel-rgb,12,24,49),.86), rgba(var(--theme-panel-strong-rgb,5,14,30),.92))!important;
  box-shadow:0 14px 30px rgba(var(--theme-glow-rgb,var(--theme-accent-rgb,88,166,255)),.16), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.btn.primary,.btn.blue,.tab.active,.mode-chip.active,.surface-switch .active,.top-home-button.active,
.viewer-cta-main,#viewerWatchBtn,.viewer-provider-tabs .active,.viewer-episode-btn.active,.episode-chip.active,.episode-range-chip.active,
.action-btn-subtitles,.action-btn-episode{
  border-color:rgba(var(--theme-accent-rgb,88,166,255),.44)!important;
  background:linear-gradient(135deg, rgba(var(--theme-accent-rgb,88,166,255),.96), rgba(var(--theme-accent-2-rgb,125,88,255),.88))!important;
  color:#fff!important;
  box-shadow:0 18px 38px rgba(var(--theme-glow-rgb,var(--theme-accent-rgb,88,166,255)),.26), inset 0 1px 0 rgba(255,255,255,.15)!important;
}
.btn.danger{background:linear-gradient(135deg,rgba(214,66,100,.90),rgba(122,28,58,.82))!important;border-color:rgba(255,120,150,.34)!important;}
.input,textarea,select,.chat-input,.header-search-input,.viewer-search-input,.viewer-catalog-search-big input,.viewer-catalog-search-row input,
input[placeholder*="Найти"],input[placeholder*="Поиск"],input[placeholder*="Найти тайтл"]{
  border:1px solid rgba(var(--theme-stroke-rgb,120,170,255),.16)!important;
  background:linear-gradient(180deg,rgba(var(--theme-panel-rgb,12,24,49),.58),rgba(var(--theme-panel-strong-rgb,5,14,30),.72))!important;
  color:rgb(var(--theme-text-rgb))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.input:focus,textarea:focus,select:focus,.chat-input:focus,.header-search-input:focus{
  outline:none!important;
  border-color:rgba(var(--theme-accent-rgb,88,166,255),.44)!important;
  box-shadow:0 0 0 4px rgba(var(--theme-accent-rgb,88,166,255),.12), inset 0 1px 0 rgba(255,255,255,.055)!important;
}
/* Viewer home and rails */
.viewer-premium-home{display:grid!important;gap:var(--ui-section-gap)!important;}
.viewer-search-hero{margin-block:22px 8px!important;}
.viewer-catalog-trigger-centered,.viewer-catalog-search-big{
  max-width:560px!important;
  margin-inline:auto!important;
  border-radius:28px!important;
}
.viewer-section,.viewer-rail-section{
  padding:clamp(22px,2.7vw,34px)!important;
  overflow:hidden!important;
}
.viewer-section-head{margin-bottom:18px!important;align-items:center!important;}
.viewer-rail-row,.viewer-rail-track,.viewer-rail-viewport{
  min-height:auto!important;
  background:linear-gradient(90deg,rgba(var(--theme-panel-strong-rgb,5,14,30),.44),rgba(var(--theme-panel-rgb,12,24,49),.24) 52%,rgba(var(--theme-panel-strong-rgb,5,14,30),.44))!important;
  border-radius:26px!important;
  scrollbar-width:none!important;
}
.viewer-rail-row::-webkit-scrollbar,.viewer-rail-track::-webkit-scrollbar,.viewer-rail-viewport::-webkit-scrollbar{display:none!important;}
.viewer-rail-card,.project-library-card{transition:transform 220ms ease, filter 220ms ease!important;}
.viewer-rail-card:hover,.project-library-card:hover{transform:translateY(-5px) scale(1.012)!important;filter:saturate(1.07) contrast(1.04)!important;}
.viewer-rail-card:active,.project-library-card:active{transform:translateY(-1px) scale(.995)!important;}
.viewer-rail-media img,.project-library-media img,.viewer-project-thumb img,.viewer-title-poster img,.poster-card img{transition:transform 360ms ease!important;}
.viewer-rail-card:hover .viewer-rail-media img,.project-library-card:hover .project-library-media img{transform:scale(1.035)!important;}
.viewer-rail-hover,.viewer-rail-glow,.project-library-shade{
  background:linear-gradient(180deg,rgba(var(--theme-panel-strong-rgb,5,14,30),0) 0%,rgba(var(--theme-panel-strong-rgb,5,14,30),.22) 48%,rgba(var(--theme-panel-strong-rgb,5,14,30),.86) 100%)!important;
}
.status-badge,.project-library-status .status-badge,.viewer-rail-topline .status-badge{
  min-width:86px!important;height:24px!important;padding:0 10px!important;border-radius:999px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:10.5px!important;font-weight:900!important;letter-spacing:.02em!important;
  background:rgba(var(--theme-panel-strong-rgb,5,14,30),.70)!important;
  border:1px solid rgba(var(--theme-stroke-rgb,120,170,255),.18)!important;
  backdrop-filter:blur(12px)!important;
}
.status-badge.active{background:linear-gradient(135deg,rgba(var(--theme-accent-rgb,88,166,255),.44),rgba(var(--theme-panel-strong-rgb,5,14,30),.68))!important;}
.status-badge.finished{background:linear-gradient(135deg,rgba(58,190,115,.36),rgba(var(--theme-panel-strong-rgb,5,14,30),.66))!important;}
/* Viewer title and watch pages */
.viewer-title-hero,.viewer-watch-shell{
  padding:clamp(22px,3vw,36px)!important;
  gap:clamp(20px,3vw,34px)!important;
}
.viewer-title-layout,.viewer-title-layout-with-cast{
  display:grid!important;
  grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(260px,340px)!important;
  gap:clamp(20px,2.6vw,34px)!important;
  align-items:start!important;
}
.viewer-title-poster,.poster-card{
  border-radius:28px!important;
  overflow:hidden!important;
  box-shadow:0 26px 56px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.viewer-title-copy{min-width:0!important;display:grid!important;gap:16px!important;}
.viewer-hero-title,.viewer-title-copy h1,.viewer-title-title{
  font-size:clamp(30px,4.4vw,58px)!important;
  line-height:.95!important;
  letter-spacing:-.045em!important;
  text-wrap:balance!important;
}
.viewer-title-inline-stats{display:grid!important;grid-template-columns:repeat(4,minmax(120px,1fr))!important;gap:12px!important;}
.viewer-title-stat,.viewer-title-stat-accent,.viewer-title-stat-wide{
  min-height:78px!important;
  padding:15px 17px!important;
  border-radius:20px!important;
}
.viewer-title-stat-wide{grid-column:span 2!important;}
.viewer-desc-block,.viewer-hero-desc,.viewer-desc-clamped,.viewer-title-description{
  max-width:960px!important;
  color:rgba(var(--theme-text-rgb),.88)!important;
  line-height:1.58!important;
}
.viewer-title-cast-side,.viewer-cast-panel{
  max-height:520px!important;
  overflow:auto!important;
  scrollbar-color:rgba(var(--theme-accent-rgb,88,166,255),.42) rgba(255,255,255,.04)!important;
}
.viewer-title-cast-list{display:grid!important;gap:10px!important;}
.viewer-title-cast-head,.viewer-cast-profile-head{
  border-radius:18px!important;
  padding:10px!important;
  background:rgba(var(--theme-panel-strong-rgb,5,14,30),.40)!important;
  border:1px solid rgba(var(--theme-stroke-rgb,120,170,255),.10)!important;
}
.viewer-watch-player,.viewer-iframe-player{
  border-radius:30px!important;
  overflow:hidden!important;
  background:#030713!important;
  box-shadow:0 30px 80px rgba(0,0,0,.36),0 0 0 1px rgba(var(--theme-stroke-rgb,120,170,255),.14)!important;
}
.viewer-watch-bottom-row{gap:20px!important;align-items:start!important;}
.viewer-episode-row{display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:center!important;}
/* Workspace project dashboard */
.project-details-shell,.project-main-card{padding:clamp(20px,2.8vw,34px)!important;}
.project-head-row{gap:20px!important;align-items:start!important;}
.project-title{letter-spacing:-.035em!important;line-height:1.02!important;}
.project-stat-chip,.tag,.viewer-genre-tag,.materials-inline-status .tag,.episode-link-badges .tag{
  border-radius:999px!important;
  background:rgba(var(--theme-panel-rgb,12,24,49),.52)!important;
  border:1px solid rgba(var(--theme-stroke-rgb,120,170,255),.18)!important;
  color:rgba(var(--theme-text-rgb),.92)!important;
}
.materials-workbar{padding:14px!important;border-radius:22px!important;}
.materials-episodes-card,.materials-file-card{padding:16px!important;border-radius:24px!important;align-self:start!important;}
.materials-episode-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(58px,1fr))!important;gap:9px!important;max-height:330px!important;overflow:auto!important;padding-right:6px!important;}
.episode-range-chip{height:28px!important;font-size:12px!important;}
.episode-chip{min-height:52px!important;border-radius:16px!important;}
.gender-column,.gender-lane,.role-card,.character-card{
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(var(--theme-panel-rgb,12,24,49),.55),rgba(var(--theme-panel-strong-rgb,5,14,30),.72))!important;
  border:1px solid rgba(var(--theme-stroke-rgb,120,170,255),.12)!important;
}
/* Actors / people / casting */
.actor-card,.profile-card,.casting-card{
  border-radius:28px!important;
  transition:transform 200ms ease,border-color 200ms ease,box-shadow 200ms ease!important;
}
.actor-card:hover,.profile-card:hover,.casting-card:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(var(--theme-accent-rgb,88,166,255),.28)!important;
  box-shadow:0 22px 50px rgba(var(--theme-glow-rgb,var(--theme-accent-rgb,88,166,255)),.14),0 22px 60px rgba(0,0,0,.18)!important;
}
/* Chat */
.chat-list{display:grid!important;gap:13px!important;}
.chat-message,.chat-bubble{
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(var(--theme-panel-rgb,12,24,49),.50),rgba(var(--theme-panel-strong-rgb,5,14,30),.68))!important;
  border:1px solid rgba(var(--theme-stroke-rgb,120,170,255),.11)!important;
}
.chat-author-link,.mention,.chat-bubble a{color:rgb(var(--theme-accent-rgb,88,166,255))!important;}
.chat-compose{position:sticky!important;bottom:12px!important;z-index:8!important;}
/* Modals and popovers */
.modal-backdrop,.inline-cropper-backdrop{backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;background:rgba(1,4,10,.68)!important;}
.modal-head{border-bottom:1px solid rgba(var(--theme-stroke-rgb,120,170,255),.12)!important;background:linear-gradient(90deg,rgba(var(--theme-panel-rgb,12,24,49),.66),rgba(var(--theme-panel-strong-rgb,5,14,30),.38))!important;}
.header-popover,.notification-popover,.profile-popover{border-radius:28px!important;}
.notification-card,.notification-row,.picker-item,.idea-card{
  border-radius:18px!important;
  background:rgba(var(--theme-panel-strong-rgb,5,14,30),.44)!important;
  border:1px solid rgba(var(--theme-stroke-rgb,120,170,255),.12)!important;
}
/* Scrollers */
*{scrollbar-color:rgba(var(--theme-accent-rgb,88,166,255),.42) rgba(255,255,255,.045);scrollbar-width:thin;}
*::-webkit-scrollbar{width:10px;height:10px;}
*::-webkit-scrollbar-track{background:rgba(255,255,255,.035);border-radius:999px;}
*::-webkit-scrollbar-thumb{background:rgba(var(--theme-accent-rgb,88,166,255),.36);border:2px solid transparent;background-clip:padding-box;border-radius:999px;}
*::-webkit-scrollbar-thumb:hover{background:rgba(var(--theme-accent-rgb,88,166,255),.54);border:2px solid transparent;background-clip:padding-box;}
@media(max-width:1180px){
  .viewer-title-layout,.viewer-title-layout-with-cast{grid-template-columns:220px minmax(0,1fr)!important;}
  .viewer-title-cast-side,.viewer-cast-panel{grid-column:1/-1!important;max-height:none!important;}
  .viewer-title-inline-stats{grid-template-columns:repeat(2,minmax(120px,1fr))!important;}
}
@media(max-width:780px){
  .header-topbar,.topbar{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;padding:20px 14px!important;}
  .header-actions,.topbar-actions,.header-right{justify-self:center!important;flex-wrap:wrap!important;justify-content:center!important;}
  .viewer-title-layout,.viewer-title-layout-with-cast{grid-template-columns:1fr!important;}
  .viewer-title-poster,.poster-card{width:min(280px,100%)!important;margin-inline:auto!important;}
  .viewer-title-inline-stats{grid-template-columns:1fr 1fr!important;}
  .viewer-title-stat-wide{grid-column:1/-1!important;}
  .viewer-hero-title,.viewer-title-copy h1,.viewer-title-title{font-size:clamp(28px,11vw,42px)!important;}
  .viewer-section,.project-library-shell,.viewer-title-hero,.viewer-watch-shell{padding:18px!important;border-radius:24px!important;}
  .materials-workbar-inner,.episode-actions-grid,.viewer-watch-bottom-row{grid-template-columns:1fr!important;}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}
}


/* v1.5.26.96 — UX + function polish: command center, continue watching, production hub */
:root{
  --surface-gap:clamp(22px,2.4vw,36px);
  --card-pad:clamp(16px,1.5vw,24px);
  --ux-radius-xl:34px;
  --ux-radius-lg:26px;
  --ux-radius-md:18px;
}
body{--soft-panel:rgba(var(--theme-panel-rgb,12,24,49),calc(var(--panel-alpha,.92) * .76));}
.viewer-surface,.projects-wrap,.actors-wrap,.page-enter{display:grid!important;gap:var(--surface-gap)!important;}
.glass.panel,.viewer-rail-shell,.project-library-shell,.workspace-command-center,.viewer-title-hero,.viewer-watch-panel,.work-overlay-modal,.modal{
  background:
    radial-gradient(circle at 12% 0%,rgba(var(--theme-glow-rgb,var(--theme-accent-rgb,82,166,255)),.12),transparent 30%),
    linear-gradient(180deg,rgba(var(--theme-panel-rgb,12,24,49),.76),rgba(var(--theme-panel-strong-rgb,5,14,30),.86))!important;
  border:1px solid rgba(var(--theme-stroke-rgb,140,190,255),.14)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.btn,.top-home-button,.mode-chip,.tab,.icon-chip,.viewer-catalog-trigger,.viewer-mini-arrow,.project-library-arrow,.header-popover-item,.episode-chip{
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.btn:hover,.top-home-button:hover,.mode-chip:hover,.tab:hover,.icon-chip:hover,.viewer-catalog-trigger:hover,.header-popover-item:hover,.episode-chip:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(var(--theme-accent-rgb,82,166,255),.34)!important;
  box-shadow:0 14px 34px rgba(var(--theme-glow-rgb,var(--theme-accent-rgb,82,166,255)),.13)!important;
}
.btn.primary,.btn.blue,.mode-chip.active,.tab.active,.top-home-button,.viewer-cta-main,.viewer-random-title,.episode-chip.active{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(var(--theme-accent-rgb,82,166,255),.96),rgba(var(--theme-accent-2-rgb,145,111,255),.88))!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 16px 42px rgba(var(--theme-glow-rgb,var(--theme-accent-rgb,82,166,255)),.24),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.input,select.input,textarea.input{
  background:rgba(var(--theme-panel-strong-rgb,5,14,30),.58)!important;
  border:1px solid rgba(var(--theme-stroke-rgb,120,170,255),.16)!important;
  color:rgba(var(--theme-text-rgb,238,246,255),.94)!important;
  border-radius:18px!important;
}
.input:focus,select.input:focus,textarea.input:focus{border-color:rgba(var(--theme-accent-rgb,82,166,255),.42)!important;box-shadow:0 0 0 4px rgba(var(--theme-accent-rgb,82,166,255),.12)!important;}
/* Viewer home */
.viewer-catalog-bar{
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) auto auto!important;
  align-items:center!important;
  gap:14px!important;
  padding:18px!important;
  border-radius:30px!important;
}
.viewer-catalog-trigger{min-height:58px!important;justify-content:flex-start!important;padding-inline:22px!important;border-radius:22px!important;}
.viewer-catalog-helper{justify-self:start!important;color:rgba(var(--theme-muted-rgb,200,215,240),.72)!important;}
.viewer-rail-shell{padding:clamp(18px,2vw,28px)!important;border-radius:32px!important;overflow:hidden!important;}
.viewer-section-head{margin-bottom:16px!important;}
.viewer-rail-row{gap:18px!important;padding:6px 6px 18px!important;}
.viewer-rail-card{border-radius:28px!important;box-shadow:0 18px 46px rgba(0,0,0,.24)!important;}
.viewer-rail-card:hover,.viewer-rail-card.is-hovered{transform:translateY(-5px) scale(1.01)!important;}
.viewer-rail-card:hover .viewer-rail-media img,.viewer-rail-card.is-hovered .viewer-rail-media img{transform:scale(1.035)!important;filter:saturate(1.06) brightness(1.03)!important;}
.viewer-progress-rail{border-color:rgba(var(--theme-accent-rgb,82,166,255),.24)!important;}
.viewer-progress-badge{position:absolute;right:14px;top:14px;z-index:8;height:26px;padding:0 10px;display:inline-flex;align-items:center;border-radius:999px;background:rgba(var(--theme-accent-rgb,82,166,255),.22);border:1px solid rgba(var(--theme-stroke-rgb,140,190,255),.28);color:#fff;font-size:11px;font-weight:900;backdrop-filter:blur(10px);}
/* Workspace command center */
.workspace-command-center{border-radius:32px!important;padding:clamp(18px,2vw,26px)!important;}
.workspace-command-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;}
.workspace-command-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
.command-widget{min-height:112px;text-align:left;padding:16px;border-radius:24px;background:linear-gradient(180deg,rgba(var(--theme-panel-rgb,12,24,49),.62),rgba(var(--theme-panel-strong-rgb,5,14,30),.72));border:1px solid rgba(var(--theme-stroke-rgb,140,190,255),.13);color:inherit;cursor:pointer;display:grid;gap:5px;align-content:center;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.command-widget:hover{transform:translateY(-3px);border-color:rgba(var(--theme-accent-rgb,82,166,255),.28);box-shadow:0 18px 44px rgba(var(--theme-glow-rgb,var(--theme-accent-rgb,82,166,255)),.14);}
.command-widget span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:rgba(var(--theme-muted-rgb,210,225,245),.64);font-weight:900;}
.command-widget strong{font-size:clamp(24px,2.4vw,36px);line-height:.95;letter-spacing:-.04em;color:#fff;}
.command-widget em{font-style:normal;color:rgba(var(--theme-muted-rgb,210,225,245),.72);font-size:12px;}
.command-widget.success{border-color:rgba(var(--theme-success-rgb,91,218,154),.22);}
.command-widget.danger{border-color:rgba(var(--theme-danger-rgb,238,91,124),.26);}
/* Production hub */
.project-battle-card{grid-template-columns:minmax(240px,300px) minmax(0,1fr)!important;gap:clamp(20px,2.6vw,34px)!important;}
.project-materials-hub,.materials-workbar,.materials-workbar-inner{border-radius:28px!important;}
.materials-workbar-inner{align-items:start!important;}
.materials-episode-toolbar,.episode-range-list{gap:8px!important;}
.episode-range-chip{border-radius:999px!important;}
.episode-chip{min-height:50px!important;}
.readiness-checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:12px;}
.readiness-chip{padding:10px 12px;border-radius:16px;background:rgba(var(--theme-panel-strong-rgb,5,14,30),.44);border:1px solid rgba(var(--theme-stroke-rgb,140,190,255),.12);font-size:12px;color:rgba(var(--theme-text-rgb,238,246,255),.82);}
/* Roles/tracks/fixes polish */
.role-card,.character-card,.track-card,.fix-card,.casting-card,.actor-card,.profile-card{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;}
.fix-card,.track-card{border-radius:24px!important;background:linear-gradient(180deg,rgba(var(--theme-panel-rgb,12,24,49),.56),rgba(var(--theme-panel-strong-rgb,5,14,30),.74))!important;border:1px solid rgba(var(--theme-stroke-rgb,140,190,255),.12)!important;}
/* Ideas 2.0 */
.idea-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.ideas-submit-card,.ideas-dev-card{border-radius:28px!important;background:linear-gradient(180deg,rgba(var(--theme-panel-rgb,12,24,49),.58),rgba(var(--theme-panel-strong-rgb,5,14,30),.78))!important;border:1px solid rgba(var(--theme-stroke-rgb,140,190,255),.14)!important;padding:18px!important;}
.idea-card-head span+span{display:block;margin-top:4px;font-size:11px;color:rgba(var(--theme-muted-rgb,205,220,245),.64);}
.idea-status-pill{background:rgba(var(--theme-accent-rgb,82,166,255),.18)!important;border-color:rgba(var(--theme-accent-rgb,82,166,255),.28)!important;}
/* Watch page */
.viewer-watch-panel{border-radius:34px!important;padding:clamp(18px,2vw,28px)!important;}
.viewer-player-shell{aspect-ratio:16/9!important;max-width:1380px!important;margin-inline:auto!important;}
.viewer-watch-bottom-row{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)!important;}
.viewer-provider-tabs .btn{min-width:92px!important;}
/* Empty/loading states */
.empty-state,.project-library-empty{border-radius:28px!important;background:linear-gradient(180deg,rgba(var(--theme-panel-rgb,12,24,49),.50),rgba(var(--theme-panel-strong-rgb,5,14,30),.72))!important;border:1px dashed rgba(var(--theme-stroke-rgb,140,190,255),.18)!important;}
@media(max-width:1240px){.workspace-command-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.viewer-catalog-bar{grid-template-columns:1fr;}.viewer-watch-bottom-row{grid-template-columns:1fr!important;}}
@media(max-width:820px){.workspace-command-head{display:grid;}.workspace-command-grid{grid-template-columns:1fr 1fr;}.project-battle-card{grid-template-columns:1fr!important;}.idea-form-row{grid-template-columns:1fr;}}
@media(max-width:560px){.workspace-command-grid{grid-template-columns:1fr;}.viewer-title-inline-stats{grid-template-columns:1fr!important;}.viewer-rail-card{min-width:220px!important;}}


/* v1.5.26.98 — compact viewer home redesign: only user-facing catalog surface */
.viewer-surface{gap:clamp(14px,1.55vw,22px)!important;}
.viewer-surface .viewer-search-strip,.viewer-surface .viewer-catalog-bar{max-width:min(1180px,calc(100vw - 56px))!important;margin:0 auto!important;padding:10px!important;border-radius:24px!important;display:grid!important;grid-template-columns:minmax(260px,1fr) auto auto!important;gap:10px!important;min-height:0!important;}
.viewer-surface .viewer-catalog-trigger{min-height:46px!important;height:46px!important;border-radius:18px!important;padding:0 18px!important;justify-content:center!important;font-size:16px!important;}
.viewer-surface .viewer-catalog-helper{align-self:center!important;justify-self:start!important;font-size:12px!important;max-width:320px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:rgba(var(--theme-muted-rgb,200,215,240),.68)!important;}
.viewer-surface .viewer-random-title{height:42px!important;min-height:42px!important;padding:0 16px!important;border-radius:999px!important;white-space:nowrap!important;}
.viewer-home-content{display:grid!important;gap:clamp(16px,1.8vw,24px)!important;}
.viewer-surface .viewer-rail-shell{padding:clamp(14px,1.35vw,20px)!important;border-radius:28px!important;min-height:0!important;overflow:hidden!important;}
.viewer-surface .viewer-section-head{min-height:34px!important;margin-bottom:10px!important;display:flex!important;align-items:center!important;}
.viewer-surface .viewer-section-head .title{font-size:clamp(20px,1.65vw,28px)!important;line-height:1.06!important;}
.viewer-surface .viewer-rail-stage{min-height:0!important;height:auto!important;padding:0 44px!important;overflow:hidden!important;}
.viewer-surface .viewer-rail-row{gap:14px!important;padding:4px 4px 12px!important;min-height:0!important;height:auto!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;}
.viewer-surface .viewer-rail-row::-webkit-scrollbar{display:none!important;}
.viewer-surface .viewer-rail-card{flex:0 0 clamp(162px,10.8vw,208px)!important;width:clamp(162px,10.8vw,208px)!important;min-width:clamp(162px,10.8vw,208px)!important;height:clamp(240px,15.7vw,310px)!important;min-height:clamp(240px,15.7vw,310px)!important;max-height:310px!important;border-radius:24px!important;}
.viewer-surface .viewer-rail-media,.viewer-surface .viewer-rail-media img{width:100%!important;height:100%!important;}
.viewer-surface .viewer-rail-media img{object-fit:cover!important;object-position:center top!important;}
.viewer-surface .viewer-rail-hover{padding:14px!important;}
.viewer-surface .viewer-card-hover-title{font-size:16px!important;line-height:1.08!important;-webkit-line-clamp:2!important;}
.viewer-surface .viewer-card-hover-meta,.viewer-surface .viewer-card-hover-desc{font-size:11px!important;line-height:1.35!important;}
.viewer-surface .viewer-card-hover-desc{-webkit-line-clamp:3!important;max-height:4.1em!important;overflow:hidden!important;}
.viewer-surface .viewer-rail-arrow,.viewer-surface .project-library-arrow.viewer-rail-arrow{width:42px!important;height:42px!important;min-width:42px!important;border-radius:16px!important;font-size:24px!important;}
.viewer-continue-compact{padding:10px 12px!important;border-radius:24px!important;min-height:0!important;}
.viewer-continue-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:8px!important;}
.viewer-continue-head .title{font-size:18px!important;line-height:1!important;}
.viewer-continue-row{display:flex!important;align-items:center!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 4px!important;scrollbar-width:none!important;cursor:grab!important;}
.viewer-continue-row::-webkit-scrollbar{display:none!important;}.viewer-continue-row.dragging,.viewer-continue-row.is-dragging{cursor:grabbing!important;}
.viewer-continue-mini-card{flex:0 0 252px!important;min-width:252px!important;height:76px!important;display:grid!important;grid-template-columns:58px minmax(0,1fr) 34px!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(var(--theme-panel-rgb,12,24,49),.64),rgba(var(--theme-panel-strong-rgb,5,14,30),.82))!important;border:1px solid rgba(var(--theme-stroke-rgb,140,190,255),.13)!important;color:inherit!important;text-align:left!important;cursor:pointer!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;}
.viewer-continue-mini-card:hover{transform:translateY(-2px)!important;border-color:rgba(var(--theme-accent-rgb,82,166,255),.30)!important;box-shadow:0 14px 34px rgba(var(--theme-glow-rgb,var(--theme-accent-rgb,82,166,255)),.12)!important;}
.viewer-continue-poster{width:58px!important;height:58px!important;border-radius:14px!important;overflow:hidden!important;background:rgba(0,0,0,.22)!important;}
.viewer-continue-poster img,.viewer-continue-poster .viewer-project-fallback{width:100%!important;height:100%!important;object-fit:cover!important;display:grid!important;place-items:center!important;font-size:14px!important;}
.viewer-continue-copy{min-width:0!important;display:grid!important;gap:4px!important;}.viewer-continue-copy strong{display:block!important;font-size:13px!important;line-height:1.12!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:rgba(var(--theme-text-rgb,238,246,255),.96)!important;}.viewer-continue-copy span{font-size:11px!important;color:rgba(var(--theme-muted-rgb,205,220,245),.70)!important;}
.viewer-continue-progress{height:4px!important;overflow:hidden!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;}.viewer-continue-progress i{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,rgba(var(--theme-accent-rgb,82,166,255),.95),rgba(var(--theme-accent-2-rgb,145,111,255),.95))!important;}
.viewer-continue-play{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:rgba(var(--theme-accent-rgb,82,166,255),.18)!important;border:1px solid rgba(var(--theme-accent-rgb,82,166,255),.24)!important;color:#fff!important;font-size:12px!important;}
.viewer-continue-compact.expanded .viewer-continue-row{flex-wrap:wrap!important;overflow:visible!important;}
.viewer-surface .workspace-command-center,.viewer-surface .command-widget{display:none!important;}
@media(max-width:1368px){.viewer-surface .viewer-rail-card{flex-basis:clamp(150px,12.2vw,180px)!important;width:clamp(150px,12.2vw,180px)!important;min-width:clamp(150px,12.2vw,180px)!important;height:clamp(222px,18vw,270px)!important;min-height:clamp(222px,18vw,270px)!important;}.viewer-surface .viewer-rail-stage{padding-inline:38px!important;}}
@media(max-width:860px){.viewer-surface .viewer-search-strip,.viewer-surface .viewer-catalog-bar{grid-template-columns:1fr!important;max-width:calc(100vw - 24px)!important;}.viewer-surface .viewer-catalog-helper{display:none!important;}.viewer-surface .viewer-rail-stage{padding-inline:8px!important;}.viewer-surface .viewer-rail-card{flex-basis:150px!important;width:150px!important;min-width:150px!important;height:224px!important;min-height:224px!important;}.viewer-continue-mini-card{flex-basis:220px!important;min-width:220px!important;}}


/* v1.5.27.00 — mobile-only rescue layout for viewer pages; desktop untouched */
@media (max-width: 768px){
  html,body{
    max-width:100%;
    overflow-x:hidden!important;
  }
  body{
    --ui-page-pad:10px;
  }
  #app,#modal-root{
    max-width:100%;
    overflow-x:clip;
  }
  .shell,
  .surface-workspace,
  .surface-viewer,
  .viewer-surface,
  .workspace-surface,
  .workspace-main,
  .viewer-premium-home,
  .viewer-title-page,
  .viewer-watch-page{
    width:calc(100% - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    min-width:0!important;
  }
  .viewer-surface *,
  .viewer-title-page *,
  .viewer-watch-page *,
  .header-topbar *,
  .topbar *{
    min-width:0;
    box-sizing:border-box;
  }

  .header-topbar,
  .topbar{
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;
    gap:12px!important;
    min-height:0!important;
    padding:14px!important;
    border-radius:24px!important;
  }
  .header-left,
  .header-brand,
  .brand-home-button{
    min-width:0!important;
    width:100%!important;
  }
  .brand-title{
    font-size:clamp(28px,11vw,46px)!important;
    line-height:.92!important;
    letter-spacing:-.05em!important;
    text-wrap:balance!important;
  }
  .statham-quote-line{
    max-width:100%!important;
    font-size:13px!important;
    line-height:1.42!important;
    white-space:normal!important;
  }
  .header-actions-compact,
  .header-actions-min,
  .header-actions,
  .topbar-actions,
  .header-right{
    grid-column:1 / -1!important;
    width:100%!important;
    justify-self:stretch!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:10px!important;
  }
  .mode-switch,
  .surface-switch,
  .profile-trigger,
  .top-home-button,
  .icon-chip,
  .icon-chip-mini{
    max-width:100%!important;
  }
  .profile-trigger{
    margin-left:auto!important;
  }
  .notification-popover,
  .profile-popover,
  .header-popover{
    left:8px!important;
    right:8px!important;
    width:auto!important;
    max-width:calc(100vw - 16px)!important;
  }

  .viewer-surface{
    gap:14px!important;
  }
  .viewer-title-page,
  .viewer-watch-page{
    overflow-x:hidden!important;
  }
  .viewer-title-backdrop{
    display:none!important;
  }
  .viewer-title-hero,
  .viewer-watch-shell,
  .viewer-watch-panel,
  .viewer-section,
  .viewer-rail-shell,
  .project-library-shell{
    padding:14px!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }
  .viewer-title-content,
  .viewer-title-layout,
  .viewer-title-layout-with-cast,
  .viewer-watch-bottom-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    align-items:start!important;
  }
  .viewer-title-poster,
  .poster-card{
    width:min(72vw,280px)!important;
    max-width:100%!important;
    margin:0 auto!important;
    border-radius:24px!important;
  }
  .viewer-title-copy{
    width:100%!important;
    min-width:0!important;
    gap:12px!important;
  }
  .viewer-back-link{
    align-self:flex-start!important;
    justify-self:start!important;
  }
  .viewer-hero-title,
  .viewer-title-copy h1,
  .viewer-title-title{
    font-size:clamp(24px,8.8vw,38px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
    text-wrap:balance!important;
    overflow-wrap:anywhere!important;
  }
  .viewer-hero-meta{
    font-size:13px!important;
    line-height:1.38!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .viewer-title-inline-stats{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .viewer-title-stat,
  .viewer-title-stat-accent,
  .viewer-title-stat-wide{
    min-height:64px!important;
    padding:12px!important;
    border-radius:18px!important;
  }
  .viewer-title-stat-wide{
    grid-column:1 / -1!important;
  }
  .viewer-title-tags,
  .tags{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }
  .viewer-desc-block,
  .viewer-hero-desc,
  .viewer-desc-clamped,
  .viewer-title-description{
    max-width:none!important;
    font-size:14px!important;
    line-height:1.56!important;
  }
  .summary-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .summary-actions > .btn,
  .summary-actions > button,
  #viewerWatchBtn{
    width:100%!important;
    min-height:46px!important;
  }
  .viewer-title-cast-side,
  .viewer-cast-panel{
    width:100%!important;
    max-width:none!important;
    max-height:none!important;
    overflow:visible!important;
    min-width:0!important;
  }
  .viewer-title-cast-nav{
    display:none!important;
  }
  .viewer-title-cast-list{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .viewer-title-cast-chip{
    width:100%!important;
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    padding:10px!important;
  }
  .viewer-title-cast-avatar{
    width:52px!important;
    height:52px!important;
  }

  .viewer-player-shell,
  .viewer-watch-player,
  .viewer-iframe-player{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    border-radius:22px!important;
  }
  .viewer-provider-tabs{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }
  .viewer-provider-tabs .btn,
  .viewer-provider-tabs button{
    flex:1 1 calc(50% - 8px)!important;
    min-width:0!important;
  }
  .viewer-episode-row{
    justify-content:flex-start!important;
    gap:8px!important;
  }
  .viewer-episode-btn,
  .episode-chip,
  .episode-range-chip{
    min-width:44px!important;
  }

  .viewer-surface .viewer-search-strip,
  .viewer-surface .viewer-catalog-bar{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:10px!important;
    overflow:visible!important;
  }
  .viewer-surface .viewer-catalog-trigger,
  .viewer-surface .viewer-random-title{
    width:100%!important;
  }
  .viewer-surface .viewer-catalog-helper{
    display:none!important;
  }
  .viewer-surface .viewer-section-head{
    flex-wrap:wrap!important;
    gap:8px!important;
    margin-bottom:8px!important;
  }
  .viewer-surface .viewer-rail-nav,
  .viewer-rail-nav{
    display:none!important;
  }
  .viewer-surface .viewer-rail-stage,
  .viewer-rail-stage{
    padding-inline:0!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .viewer-surface .viewer-rail-row,
  .viewer-rail-row{
    padding:4px 0 10px!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x proximity;
  }
  .viewer-surface .viewer-rail-card,
  .viewer-rail-card{
    flex:0 0 148px!important;
    width:148px!important;
    min-width:148px!important;
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
    scroll-snap-align:start;
  }
  .viewer-continue-compact{
    padding:10px!important;
    border-radius:22px!important;
  }
  .viewer-continue-head{
    flex-wrap:wrap!important;
    gap:8px!important;
    margin-bottom:8px!important;
  }
  .viewer-continue-row{
    padding:2px 0 6px!important;
    gap:8px!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .viewer-continue-mini-card{
    flex:0 0 min(82vw,240px)!important;
    min-width:min(82vw,240px)!important;
    max-width:min(82vw,240px)!important;
    scroll-snap-align:start;
  }
}

@media (max-width: 560px){
  body{
    --ui-page-pad:8px;
  }
  .header-topbar,
  .topbar{
    padding:12px!important;
    border-radius:20px!important;
  }
  .brand-title{
    font-size:clamp(26px,12vw,40px)!important;
  }
  .statham-quote-line{
    font-size:12px!important;
  }
  .viewer-title-poster,
  .poster-card{
    width:min(78vw,240px)!important;
  }
  .viewer-hero-title,
  .viewer-title-copy h1,
  .viewer-title-title{
    font-size:clamp(22px,10vw,34px)!important;
  }
  .viewer-title-inline-stats{
    grid-template-columns:1fr!important;
  }
  .viewer-hero-meta{
    font-size:12px!important;
  }
  .viewer-title-cast-chip{
    grid-template-columns:46px minmax(0,1fr)!important;
    padding:9px!important;
  }
  .viewer-title-cast-avatar{
    width:46px!important;
    height:46px!important;
  }
  .viewer-surface .viewer-rail-card,
  .viewer-rail-card{
    flex-basis:136px!important;
    width:136px!important;
    min-width:136px!important;
    height:204px!important;
    min-height:204px!important;
    max-height:204px!important;
  }
  .viewer-continue-mini-card{
    flex-basis:min(86vw,228px)!important;
    min-width:min(86vw,228px)!important;
    max-width:min(86vw,228px)!important;
  }
}


/* v1.5.27.01 — mobile hardfix for header, title page and viewer layout; desktop untouched */
@media (max-width: 768px){
  html, body{
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
  }
  #app,
  #modal-root,
  .shell,
  .shell.surface-viewer,
  .shell.surface-workspace,
  .surface-viewer,
  .surface-workspace,
  .viewer-surface,
  .viewer-premium-home,
  .viewer-home-content,
  .viewer-title-page,
  .viewer-watch-page{
    width:min(100%, calc(100vw - 16px))!important;
    max-width:calc(100vw - 16px)!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .header-topbar,
  .topbar,
  body[class*="theme-"] .header-topbar,
  body[class*="theme-"] .topbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:start!important;
    justify-items:stretch!important;
    gap:12px!important;
    padding:14px!important;
    border-radius:24px!important;
  }
  .header-topbar > .header-left,
  .header-topbar > .header-right,
  .header-topbar > .top-home-button,
  .topbar > .header-left,
  .topbar > .header-right,
  .topbar > .top-home-button{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
  }
  .header-topbar > .top-home-button,
  .topbar > .top-home-button{
    display:none!important;
  }
  .header-brand,
  .brand-home-button{
    display:grid!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    text-align:left!important;
  }
  .brand-title{
    display:block!important;
    width:100%!important;
    max-width:8.2ch!important;
    font-size:clamp(24px, 13vw, 58px)!important;
    line-height:.9!important;
    letter-spacing:-.06em!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .statham-quote-line{
    max-width:100%!important;
    white-space:normal!important;
  }
  .header-right,
  .header-actions,
  .header-actions-compact,
  .header-actions-min,
  .topbar-actions{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  .icon-chip,
  .icon-chip-mini{
    flex:0 0 52px!important;
    width:52px!important;
    height:52px!important;
  }
  .profile-trigger{
    flex:1 1 220px!important;
    min-width:0!important;
    width:auto!important;
    margin-left:0!important;
  }
  .profile-trigger-copy,
  .profile-trigger-name,
  .profile-trigger-role{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .viewer-title-page,
  .viewer-watch-page,
  .viewer-premium-home{
    overflow-x:hidden!important;
  }
  .viewer-title-page .viewer-title-hero,
  .viewer-watch-page .viewer-watch-panel,
  .viewer-premium-home .viewer-rail-shell,
  .viewer-premium-home .viewer-section,
  .viewer-premium-home .project-library-shell{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:14px!important;
    border-radius:22px!important;
  }

  .viewer-title-page .viewer-title-content.viewer-title-layout.viewer-title-layout-with-cast,
  .viewer-title-page .viewer-title-layout.viewer-title-layout-with-cast,
  .viewer-title-page .viewer-title-layout,
  .viewer-title-page .viewer-title-content{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .viewer-title-page .viewer-title-content > .viewer-title-poster,
  .viewer-title-page .viewer-title-layout > .viewer-title-poster,
  .viewer-title-page .viewer-title-layout-with-cast > .viewer-title-poster,
  .viewer-title-page .viewer-title-content > .poster-card{
    order:1!important;
    width:min(72vw, 248px)!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 auto!important;
    align-self:center!important;
  }
  .viewer-title-page .viewer-title-content > .viewer-title-copy,
  .viewer-title-page .viewer-title-layout > .viewer-title-copy,
  .viewer-title-page .viewer-title-layout-with-cast > .viewer-title-copy{
    order:2!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    gap:12px!important;
    align-self:stretch!important;
  }
  .viewer-title-page .viewer-title-content > .viewer-title-cast-side,
  .viewer-title-page .viewer-title-layout > .viewer-title-cast-side,
  .viewer-title-page .viewer-title-layout-with-cast > .viewer-title-cast-side,
  .viewer-title-page .viewer-cast-panel{
    order:3!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .viewer-title-page .viewer-back-link,
  .viewer-watch-page .viewer-back-link{
    width:max-content!important;
    max-width:100%!important;
  }
  .viewer-title-page .viewer-hero-title,
  .viewer-title-page .viewer-title-copy h1,
  .viewer-title-page .viewer-title-title,
  .viewer-watch-page .title{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    font-size:clamp(24px, 10.2vw, 38px)!important;
    line-height:1.02!important;
    text-align:left!important;
  }
  .viewer-title-page .viewer-hero-meta,
  .viewer-watch-page .muted,
  .viewer-title-page .muted{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .viewer-title-page .viewer-title-inline-stats,
  .viewer-watch-page .viewer-watch-side-stats{
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
  }
  .viewer-title-page .viewer-title-stat-wide,
  .viewer-watch-page .viewer-watch-mini-wide{
    grid-column:1 / -1!important;
  }
  .viewer-title-page .viewer-title-tags,
  .viewer-watch-page .viewer-watch-genres{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }

  .viewer-watch-page .viewer-watch-head,
  .viewer-watch-page .viewer-watch-inner,
  .viewer-watch-page .viewer-watch-bottom-row{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .viewer-watch-page .viewer-watch-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .viewer-watch-page .viewer-provider-tabs{
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
  }
  .viewer-watch-page .viewer-provider-tabs .btn,
  .viewer-watch-page .viewer-provider-tabs button{
    width:100%!important;
    min-width:0!important;
  }
  .viewer-player-shell,
  .viewer-watch-player,
  .viewer-iframe-player{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .viewer-watch-page .viewer-episode-row{
    display:grid!important;
    grid-template-columns:repeat(4, minmax(0,1fr))!important;
    gap:8px!important;
    justify-content:stretch!important;
  }
  .viewer-watch-page .episode-chip,
  .viewer-watch-page .episode-more-chip,
  .viewer-watch-page .viewer-episode-btn{
    width:100%!important;
    min-width:0!important;
    min-height:64px!important;
  }

  .viewer-premium-home .viewer-search-strip,
  .viewer-premium-home .viewer-catalog-bar,
  .viewer-premium-home .viewer-home-content,
  .viewer-premium-home .viewer-section,
  .viewer-premium-home .viewer-rail-shell,
  .viewer-premium-home .project-library-shell{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .viewer-premium-home .viewer-rail-stage,
  .viewer-premium-home .viewer-rail-row,
  .viewer-premium-home .viewer-rail-viewport,
  .viewer-premium-home .viewer-rail-track,
  .viewer-premium-home .viewer-continue-row{
    max-width:100%!important;
    min-width:0!important;
  }
}

@media (max-width: 420px){
  .viewer-title-page .viewer-title-inline-stats,
  .viewer-watch-page .viewer-watch-side-stats,
  .viewer-watch-page .viewer-provider-tabs,
  .viewer-watch-page .viewer-episode-row{
    grid-template-columns:1fr 1fr!important;
  }
  .viewer-title-page .viewer-title-poster,
  .viewer-title-page .poster-card{
    width:min(78vw, 228px)!important;
  }
}


/* v1.5.27.20 — title comments with nsfw filter badge + anti-spam composer */
.viewer-title-comments{
  margin-top:20px;
  padding:22px;
  display:grid;
  gap:18px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(8,14,28,.92), rgba(7,12,24,.82));
  border:1px solid rgba(125,177,255,.12);
  box-shadow:0 24px 56px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
}
.viewer-title-comments-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.viewer-title-comments-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
.viewer-title-comment-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(13,28,56,.72);
  border:1px solid rgba(132,184,255,.18);
  color:rgba(237,244,255,.9);
  font-size:12px;
  font-weight:800;
  letter-spacing:.01em;
}
.viewer-title-comment-composer,
.viewer-title-comment-card{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:14px;
  align-items:flex-start;
}
.viewer-title-comment-form,
.viewer-title-comment-body{
  min-width:0;
  display:grid;
  gap:10px;
}
.viewer-title-comment-form-head,
.viewer-title-comment-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.viewer-title-comment-form-head span,
.viewer-title-comment-time{
  color:rgba(210,222,244,.72);
  font-size:12px;
}
.viewer-title-comment-author{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.viewer-title-comment-role{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(229,238,255,.78);
  font-size:11px;
  font-weight:800;
}
.viewer-title-comment-textarea{
  min-height:116px;
  resize:vertical;
  line-height:1.45;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(8,17,34,.86);
}
.viewer-title-comment-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.viewer-title-comment-limit{
  color:rgba(210,222,244,.62);
  font-size:12px;
}
.viewer-title-comment-list{
  display:grid;
  gap:14px;
}
.viewer-title-comment-card{
  padding:16px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(11,20,39,.9), rgba(8,14,28,.82));
  border:1px solid rgba(255,255,255,.06);
}
.viewer-title-comment-text{
  color:#eef4ff;
  line-height:1.55;
  word-break:break-word;
}
.viewer-title-comment-avatar .avatar,
.viewer-title-comment-avatar .avatar-fallback{
  width:56px;
  height:56px;
}
.viewer-title-comment-empty{
  padding:20px;
  border-radius:22px;
  background:rgba(255,255,255,.04);
  border:1px dashed rgba(255,255,255,.09);
  display:grid;
  gap:6px;
}
@media (max-width: 980px){
  .viewer-title-comments{
    padding:18px;
  }
  .viewer-title-comments-head{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media (max-width: 720px){
  .viewer-title-comment-composer,
  .viewer-title-comment-card{
    grid-template-columns:1fr;
  }
  .viewer-title-comment-avatar{
    display:flex;
    align-items:center;
    gap:10px;
  }
}

/* v1.5.27.22 — restore dubber episode switcher layout in project toolbar */
.toolbar.toolbar--episodes{
  grid-template-columns:minmax(140px,160px) minmax(420px,1.45fr) minmax(250px,1fr) auto !important;
  align-items:stretch !important;
  gap:14px !important;
}

.toolbar-metric-box,
.toolbar-search,
.episode-switcher{
  min-width:0 !important;
}

.episode-switcher{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}

.episode-switcher-shell{
  min-width:0 !important;
  min-height:84px !important;
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) 44px !important;
  align-items:stretch !important;
  gap:10px !important;
  padding:10px !important;
  border-radius:20px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.035)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.episode-switcher-main{
  min-width:0 !important;
  display:grid !important;
  gap:10px !important;
  align-content:center !important;
}

.episode-switcher-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  min-width:0 !important;
}

.episode-switcher-meta{
  font-size:13px !important;
  font-weight:800 !important;
  color:rgba(255,255,255,.86) !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}

.episode-nav-btn{
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.08) !important;
  color:#f4f8ff !important;
  display:grid !important;
  place-items:center !important;
  font-size:22px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  transition:transform .18s ease, filter .18s ease, opacity .18s ease !important;
}

.episode-nav-btn:hover{
  filter:brightness(1.08) !important;
  transform:translateY(-1px) !important;
}

.episode-nav-btn:disabled{
  opacity:.34 !important;
  cursor:not-allowed !important;
  transform:none !important;
}

.episode-jump-btn{
  flex:0 0 auto !important;
  min-height:30px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  background:rgba(255,255,255,.07) !important;
  color:rgba(244,248,255,.92) !important;
  font-size:12px !important;
  font-weight:800 !important;
  cursor:pointer !important;
}

.toolbar-episode-strip{
  min-width:0 !important;
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:8px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:2px 2px 4px !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(255,255,255,.16) transparent !important;
}

.toolbar-episode-strip::-webkit-scrollbar{
  height:6px !important;
}

.toolbar-episode-strip::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.16) !important;
  border-radius:999px !important;
}

.toolbar-episode-chip{
  flex:0 0 74px !important;
  width:74px !important;
  min-width:74px !important;
  max-width:74px !important;
  min-height:64px !important;
  padding:8px 8px 9px !important;
  border-radius:16px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
}

.toolbar-episode-chip .episode-num{
  font-size:17px !important;
  line-height:1 !important;
}

.toolbar-episode-chip .episode-sub{
  font-size:11px !important;
  line-height:1.05 !important;
  text-align:center !important;
  white-space:nowrap !important;
}

.toolbar-episode-chip .episode-flags{
  min-height:10px !important;
}

.toolbar-episode-chip.active{
  box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 10px 24px rgba(47,143,255,.22) !important;
}

.episode-switcher:focus-visible{
  outline:2px solid rgba(82,182,255,.45) !important;
  outline-offset:4px !important;
  border-radius:18px !important;
}

@media (max-width: 1180px){
  .toolbar.toolbar--episodes{
    grid-template-columns:minmax(140px,160px) minmax(0,1fr) !important;
  }

  .toolbar-search,
  .toolbar-actions{
    grid-column:1 / -1 !important;
  }
}

@media (max-width: 760px){
  .toolbar.toolbar--episodes{
    grid-template-columns:1fr !important;
  }

  .episode-switcher-shell{
    grid-template-columns:40px minmax(0,1fr) 40px !important;
    gap:8px !important;
    padding:8px !important;
  }

  .episode-switcher-head{
    flex-wrap:wrap !important;
  }

  .toolbar-episode-chip{
    flex-basis:66px !important;
    width:66px !important;
    min-width:66px !important;
    max-width:66px !important;
    min-height:60px !important;
  }

  .toolbar-episode-chip .episode-num{
    font-size:16px !important;
  }

  .toolbar-episode-chip .episode-sub{
    font-size:10px !important;
  }
}


/* v1.5.27.31 — emergency rail scroll restore for viewer shelves */
.viewer-surface .viewer-rail-shell,
.viewer-premium-home .viewer-rail-shell,
.viewer-title-page .viewer-rail-shell,
.viewer-continue-compact{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
}

.viewer-surface .viewer-rail-stage,
.viewer-premium-home .viewer-rail-stage,
.viewer-title-page .viewer-rail-stage{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
}

.viewer-surface .viewer-rail-row,
.viewer-premium-home .viewer-rail-row,
.viewer-title-page .viewer-rail-row,
.viewer-continue-row{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  width:auto !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  overscroll-behavior-x:contain !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none !important;
  touch-action:pan-y !important;
  cursor:grab !important;
}

.viewer-surface .viewer-rail-row::-webkit-scrollbar,
.viewer-premium-home .viewer-rail-row::-webkit-scrollbar,
.viewer-title-page .viewer-rail-row::-webkit-scrollbar,
.viewer-continue-row::-webkit-scrollbar{
  display:none !important;
}

.viewer-surface .viewer-rail-row > *,
.viewer-premium-home .viewer-rail-row > *,
.viewer-title-page .viewer-rail-row > *,
.viewer-continue-row > *{
  flex:0 0 auto !important;
}

.viewer-surface .viewer-rail-row.dragging,
.viewer-surface .viewer-rail-row.is-dragging,
.viewer-premium-home .viewer-rail-row.dragging,
.viewer-premium-home .viewer-rail-row.is-dragging,
.viewer-title-page .viewer-rail-row.dragging,
.viewer-title-page .viewer-rail-row.is-dragging,
.viewer-continue-row.dragging,
.viewer-continue-row.is-dragging{
  cursor:grabbing !important;
}

.viewer-surface .viewer-rail-row:not(.dragging):not(.is-dragging) .viewer-rail-card,
.viewer-premium-home .viewer-rail-row:not(.dragging):not(.is-dragging) .viewer-rail-card,
.viewer-title-page .viewer-rail-row:not(.dragging):not(.is-dragging) .viewer-rail-card,
.viewer-continue-row:not(.dragging):not(.is-dragging) .viewer-continue-mini-card,
.viewer-surface .viewer-rail-row:not(.dragging):not(.is-dragging) .viewer-rail-card *,
.viewer-premium-home .viewer-rail-row:not(.dragging):not(.is-dragging) .viewer-rail-card *,
.viewer-title-page .viewer-rail-row:not(.dragging):not(.is-dragging) .viewer-rail-card *,
.viewer-continue-row:not(.dragging):not(.is-dragging) .viewer-continue-mini-card *{
  pointer-events:auto !important;
}

.viewer-surface .viewer-rail-row.dragging .viewer-rail-card,
.viewer-surface .viewer-rail-row.is-dragging .viewer-rail-card,
.viewer-premium-home .viewer-rail-row.dragging .viewer-rail-card,
.viewer-premium-home .viewer-rail-row.is-dragging .viewer-rail-card,
.viewer-title-page .viewer-rail-row.dragging .viewer-rail-card,
.viewer-title-page .viewer-rail-row.is-dragging .viewer-rail-card,
.viewer-continue-row.dragging .viewer-continue-mini-card,
.viewer-continue-row.is-dragging .viewer-continue-mini-card{
  pointer-events:none !important;
}