:root{
  --ta3-bg:#0b0f14;
  --ta3-panel:#121920;
  --ta3-panel-2:#172029;
  --ta3-line:rgba(255,255,255,.09);
  --ta3-line-hover:rgba(88,218,199,.34);
  --ta3-text:#edf3f5;
  --ta3-text-2:#b5c0c7;
  --ta3-muted:#7f8d96;
  --ta3-accent:#55d6c2;
  --ta3-accent-soft:rgba(85,214,194,.12);
}

/* Project management light-theme synchronization. */
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage>.sfProjectHomeTopbar{background:transparent!important;border:0!important;box-shadow:none!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage>.sfProjectHomeTopbar h1{color:#20383d!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage>.sfProjectHomeTopbar p{color:#728681!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .sfProjectHomeTools .sfProjectSearchBox,
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .sfProjectHomeTools>button,
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .sfProjectFolderActions :is(button,select),
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .sfProjectViewTools :is(button,select){color:#405a56!important;background:#f5f8f7!important;border-color:rgba(39,69,76,.14)!important;box-shadow:none!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .sfProjectHomeTools .sfProjectSearchBox input{color:#29433f!important;background:transparent!important;border:0!important;box-shadow:none!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .sfProjectHomeTools .sfProjectSearchBox input::placeholder{color:#8b9b97!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .sfProjectHomeTools>button.primary,
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .sfProjectHomeTools>[data-sf-project-create]{color:#f5fffd!important;background:#248f86!important;border-color:#248f86!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage>.sfProjectViewBar{background:transparent!important;border-color:rgba(39,69,76,.13)!important;box-shadow:none!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage :is(.sfProjectViewTabs,.sfProjectFolderArea){background:transparent!important;border:0!important;box-shadow:none!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .sfProjectViewTabs button,
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .sfProjectFolderItem>button{color:#637975!important;background:transparent!important;border-color:transparent!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .sfProjectViewTabs button.active,
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .sfProjectFolderItem>button.active{color:#176f68!important;background:rgba(36,143,134,.10)!important;border-color:rgba(36,143,134,.18)!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage>.projectGrid>.projectCard,
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage>.projectGrid>.projectCard[class*="sfProjectTone"]{color:#29433f!important;background:#f5f8f7!important;border-color:rgba(39,69,76,.13)!important;border-top-color:rgba(39,69,76,.13)!important;box-shadow:0 8px 24px rgba(21,58,63,.06)!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage>.projectGrid>.projectCard:hover{background:#f8faf9!important;border-color:rgba(36,143,134,.28)!important;border-top-color:rgba(36,143,134,.28)!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .projectCard>.cover,
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .projectCard>.sfProjectCoverGenerated,
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .projectCard[class*="sfProjectTone"]>.sfProjectCoverGenerated{background:#e8efed!important;border-color:rgba(39,69,76,.08)!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .sfProjectCoverFallback strong{color:#6f8580!important;background:transparent!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .projectCard h3{color:#203a35!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .projectCard>p{color:#70837f!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .projectCard>footer,
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .projectCard>footer :is(span,small,time){color:#718681!important;border-color:rgba(39,69,76,.08)!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .sfProjectCardStatus{color:#55706a!important;background:transparent!important;border-color:transparent!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage :is(.sfProjectFolderBadge,.sfProjectFolderSelect){color:#48625d!important;background:#eaf0ef!important;border-color:rgba(39,69,76,.12)!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.pointsButton,[data-sf-points-button]){color:#286b64!important;background:#e5f1ef!important;border-color:rgba(36,143,134,.17)!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.avatarButton,[data-sf-account-button]){color:#f5fffd!important;background:#38615d!important;border-color:#38615d!important}

/* Project summary cards inspired by a production dashboard layout. */
html body.ta-v3-visual-only main.sfProjectHomePage>.projectGrid.ta-project-summary-grid{
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;
  grid-template-rows:none!important;
  grid-auto-rows:338px!important;
  gap:14px!important;
  align-items:stretch!important;
  align-content:start!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-bottom:12px!important;
}
html body.ta-v3-visual-only main.sfProjectHomePage .projectCard.ta-project-summary-card{
  position:relative!important;
  padding:10px!important;
  overflow:hidden!important;
  border-radius:14px!important;
  align-self:start!important;
}
html body.ta-v3-visual-only main.sfProjectHomePage .projectCard.ta-project-summary-card>.cover,
html body.ta-v3-visual-only main.sfProjectHomePage .projectCard.ta-project-summary-card>.sfProjectCoverGenerated{
  grid-row:1!important;
  width:100%!important;
  height:150px!important;
  min-height:150px!important;
  max-height:150px!important;
  margin:0!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
html body.ta-v3-visual-only main.sfProjectHomePage .projectCard.ta-project-summary-card>.cover img,
html body.ta-v3-visual-only main.sfProjectHomePage .projectCard.ta-project-summary-card>.sfProjectCoverGenerated img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
html body.ta-v3-visual-only main.sfProjectHomePage .projectCard.ta-project-summary-card>.sfProjectCardStatus{
  position:absolute!important;
  top:20px!important;
  left:20px!important;
  z-index:3!important;
  min-height:24px!important;
  padding:3px 9px!important;
  border-radius:999px!important;
  background:rgba(8,20,25,.66)!important;
  color:#d8ebe7!important;
  backdrop-filter:blur(8px)!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .projectCard.ta-project-summary-card>.sfProjectCardStatus{
  background:rgba(245,248,247,.84)!important;
  color:#526b66!important;
}
html body.ta-v3-visual-only main.sfProjectHomePage .projectCard.ta-project-summary-card>.sfProjectCardActions{
  top:18px!important;
  right:18px!important;
  z-index:4!important;
}
html body.ta-v3-visual-only main.sfProjectHomePage .projectCard.ta-project-summary-card>h3{
  grid-row:2!important;
  margin:0!important;
  padding:0 2px!important;
  font-size:16px!important;
  line-height:24px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.ta-v3-visual-only main.sfProjectHomePage .projectCard.ta-project-summary-card>.ta-project-director{
  grid-row:3!important;
  min-width:0!important;
  padding:0 2px!important;
  color:#47d7d0!important;
  font-size:12px!important;
  font-weight:720!important;
  line-height:18px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .projectCard.ta-project-summary-card>.ta-project-director{color:#19847b!important}
html body.ta-v3-visual-only main.sfProjectHomePage .projectCard.ta-project-summary-card>p{
  grid-row:4!important;
  min-width:0!important;
  margin:0!important;
  padding:0 2px!important;
  font-size:12px!important;
  line-height:18px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.ta-v3-visual-only main.sfProjectHomePage .projectCard.ta-project-summary-card>.miniStats.ta-project-summary-stats{
  grid-row:5!important;
  display:grid!important;
  grid-template-columns:1.25fr .72fr 1.15fr .72fr .72fr!important;
  align-items:stretch!important;
  gap:4px!important;
  min-height:58px!important;
  padding:6px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.045)!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .projectCard.ta-project-summary-card>.miniStats.ta-project-summary-stats{
  background:#edf3f1!important;
  border-color:rgba(39,69,76,.08)!important;
}
html body.ta-v3-visual-only main.sfProjectHomePage .ta-project-summary-stats>div{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
}
html body.ta-v3-visual-only main.sfProjectHomePage .ta-project-summary-stats b{
  width:100%!important;
  color:#45d7d0!important;
  font-size:13px!important;
  line-height:18px!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .ta-project-summary-stats b{color:#167a72!important}
html body.ta-v3-visual-only main.sfProjectHomePage .ta-project-summary-stats span{
  width:100%!important;
  color:#778a90!important;
  font-size:10px!important;
  line-height:14px!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.ta-v3-visual-only main.sfProjectHomePage .projectCard.ta-project-summary-card>.labels[hidden]{display:none!important}
html body.ta-v3-visual-only main.sfProjectHomePage .projectCard.ta-project-summary-card>footer.sfProjectCardMeta{
  grid-row:6!important;
  min-height:28px!important;
  padding:4px 2px 0!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfProjectHomePage .projectCard.ta-project-summary-card>footer.sfProjectCardMeta{border-color:rgba(39,69,76,.08)!important}
@media(max-width:680px){
  html body.ta-v3-visual-only main.sfProjectHomePage>.projectGrid.ta-project-summary-grid{grid-template-columns:1fr!important}
}

/* Keep all ledger columns available without forcing users to reach a bottom-only scrollbar. */
html body.ta-v3-visual-only .sfConsumptionLayout{
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.55fr)!important;
  align-items:start!important;
}
html body.ta-v3-visual-only .sfConsumptionTableWrap,
html body.ta-v3-visual-only .sfConsumptionTableScroll{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
html body.ta-v3-visual-only .sfConsumptionTable{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  table-layout:fixed!important;
}
html body.ta-v3-visual-only .sfConsumptionTable th,
html body.ta-v3-visual-only .sfConsumptionTable td{
  padding:9px 8px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
html body.ta-v3-visual-only .sfConsumptionTable :is(th,td):nth-child(1){width:14%!important}
html body.ta-v3-visual-only .sfConsumptionTable :is(th,td):nth-child(2){width:12%!important}
html body.ta-v3-visual-only .sfConsumptionTable :is(th,td):nth-child(3){width:12%!important}
html body.ta-v3-visual-only .sfConsumptionTable :is(th,td):nth-child(4){width:16%!important}
html body.ta-v3-visual-only .sfConsumptionTable :is(th,td):nth-child(5){width:8%!important}
html body.ta-v3-visual-only .sfConsumptionTable :is(th,td):nth-child(6){width:9%!important}
html body.ta-v3-visual-only .sfConsumptionTable :is(th,td):nth-child(7){width:29%!important}
@media(max-width:1180px){
  html body.ta-v3-visual-only .sfConsumptionLayout{grid-template-columns:1fr!important}
  html body.ta-v3-visual-only .sfConsumptionSide{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  html body.ta-v3-visual-only .sfConsumptionSide>h3{grid-column:1/-1!important}
}
@media(max-width:760px){
  html body.ta-v3-visual-only .sfConsumptionSide{grid-template-columns:1fr!important}
  html body.ta-v3-visual-only .sfConsumptionTable{font-size:11px!important}
  html body.ta-v3-visual-only .sfConsumptionTable th,
  html body.ta-v3-visual-only .sfConsumptionTable td{padding:7px 5px!important}
}

html body.ta-v3-visual-only{
  color:var(--ta3-text);
  background:var(--ta3-bg);
  font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  font-size:14px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

html body.ta-v3-visual-only :is(h1,h2,h3,h4,b,strong){
  color:var(--ta3-text);
  font-weight:720;
  letter-spacing:-.012em;
}
html body.ta-v3-visual-only :is(p,small,time,em){color:var(--ta3-muted)}
html body.ta-v3-visual-only :is(label,th){color:var(--ta3-text-2);font-weight:650}

html body.ta-v3-visual-only :is(.appHeader,header.appHeader){
  border-color:var(--ta3-line)!important;
  background:rgba(12,17,23,.96)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.2)!important;
}
html body.ta-v3-visual-only .topNav{
  border-color:var(--ta3-line)!important;
  background:#10171e!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only .topNav button{color:var(--ta3-text-2)!important}
html body.ta-v3-visual-only .topNav button.active{
  color:#071411!important;
  background:var(--ta3-accent)!important;
  box-shadow:none!important;
}

html body.ta-v3-visual-only :is(.panel,.projectCard,.creatorPanel,.assetPage,.assetCard,.assetTile,.settingsNav,.sfSettingsPanel,.sfScriptColumnPanel,.sfOverviewElementPanel,.sfProjectStoryboardPane,.sfManagerPage,.sfTaskPage,.sfTeamPanel,.sfRoleModal,.sfStoryEditModal){
  border-color:var(--ta3-line)!important;
  background:var(--ta3-panel)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
}
html body.ta-v3-visual-only :is(.projectCard,.assetCard,.assetTile,.sfOverviewElementCard,.sfStoryboardCard):hover{
  border-color:var(--ta3-line-hover)!important;
  background:var(--ta3-panel-2)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
}

html body.ta-v3-visual-only :is(button,input,select,textarea){
  font:inherit;
}
html body.ta-v3-visual-only :is(input,select,textarea){
  border-color:var(--ta3-line)!important;
  background:#0e151b!important;
  color:var(--ta3-text)!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only :is(input,textarea)::placeholder{color:#65747e!important}
html body.ta-v3-visual-only :is(input,select,textarea):focus{
  border-color:rgba(85,214,194,.55)!important;
  outline:2px solid rgba(85,214,194,.12)!important;
  outline-offset:1px!important;
}
html body.ta-v3-visual-only button{
  border-color:var(--ta3-line)!important;
  color:var(--ta3-text-2)!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only button:hover{
  border-color:var(--ta3-line-hover)!important;
  color:var(--ta3-text)!important;
}
html body.ta-v3-visual-only :is(button.primary,.primary,.createVideoButton){
  border-color:transparent!important;
  background:var(--ta3-accent)!important;
  color:#071411!important;
}

html body.ta-v3-visual-only :is(.projectActionBar,.projectCrumb,.sfStoryUnifiedBar,.sfEpisodeRailHead,.assetToolbar,.assetFilters,.assetTabs){
  border-color:var(--ta3-line)!important;
  background:var(--ta3-panel-2)!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only :is(.sfEpisodeSwitch.active,.assetTabs button.active,.settingsNav button.active){
  border-color:rgba(85,214,194,.3)!important;
  background:var(--ta3-accent-soft)!important;
  color:#8ce8db!important;
}

html body.ta-v3-visual-only :is(table,.sfStoryboardTable,.sfTaskTable,.sfTeamTable){color:var(--ta3-text-2)!important}
html body.ta-v3-visual-only :is(th,.sfStoryboardTable th,.sfTaskTable th,.sfTeamTable th){
  border-color:var(--ta3-line)!important;
  background:#172029!important;
  color:#96a4ad!important;
}
html body.ta-v3-visual-only :is(td,.sfStoryboardTable td,.sfTaskTable td,.sfTeamTable td){
  border-color:rgba(255,255,255,.065)!important;
  background:#11181f!important;
}
html body.ta-v3-visual-only tbody tr:hover td{background:#172129!important}

html body.ta-v3-visual-only :is(.sfSiteFooter,footer[aria-label="网站备案信息"]){
  border-color:var(--ta3-line)!important;
  background:#090d11!important;
  color:#596872!important;
}

html body.ta-v3-visual-only ::selection{
  background:rgba(85,214,194,.28);
  color:#f5fffd;
}
html body.ta-v3-visual-only *{
  scrollbar-color:#34444c #0d1318;
}

html body.ta-v3-visual-only :is(.projectCrumb,.sfManagerCrumbs,.sfProjectOwnerMeta,.sfProjectCreatedAt){
  color:var(--ta3-muted)!important;
}
html body.ta-v3-visual-only :is(.projectCrumb b,.sfManagerCrumbs b,.sfStoryUnifiedTitle h2,.sfStoryUnifiedTitle h3){
  color:var(--ta3-text)!important;
}

html body.ta-v3-visual-only :is(.sfProjectCardStatus,.sfStatusPill,.sfProjectFolderBadge){
  border-color:rgba(85,214,194,.18)!important;
  background:var(--ta3-accent-soft)!important;
  color:#86e3d6!important;
}
html body.ta-v3-visual-only :is(.sfProjectFavoriteButton,.sfProjectCardActions button){
  color:#81919b!important;
}
html body.ta-v3-visual-only .sfProjectFavoriteButton.active{color:#f1c967!important}

html body.ta-v3-visual-only :is(.sfOverviewElementCard,.sfOverviewAddCard,.sfEpisodeSwitch,.sfStoryboardCard){
  border-color:var(--ta3-line)!important;
  background:var(--ta3-panel-2)!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only :is(.sfOverviewElementCard,.sfStoryboardCard) :is(p,small,span){
  color:var(--ta3-muted)!important;
}
html body.ta-v3-visual-only :is(.sfOverviewElementCard,.sfStoryboardCard) :is(b,strong,h3){
  color:var(--ta3-text)!important;
}

html body.ta-v3-visual-only :is(.sfRoleModalMask,.sfStoryEditMask,.sfCacheOverlay,.sfTeamOverlay,.sfLoginOnlyMask){
  background:rgba(2,7,10,.72)!important;
  backdrop-filter:blur(10px) saturate(1.05)!important;
}
html body.ta-v3-visual-only :is(.sfRoleModal,.sfStoryEditModal,.sfCacheModal,.sfTeamPanel,.sfLoginOnlyModal){
  border-color:rgba(255,255,255,.12)!important;
  background:#121920!important;
  color:var(--ta3-text)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.5)!important;
}
html body.ta-v3-visual-only :is(.sfRoleModal,.sfStoryEditModal,.sfCacheModal,.sfTeamPanel,.sfLoginOnlyModal) header{
  border-color:var(--ta3-line)!important;
  background:#172029!important;
}

html body.ta-v3-visual-only :is(.sfToast,.toast,[role="status"]){
  border-color:rgba(85,214,194,.24)!important;
  background:#152129!important;
  color:var(--ta3-text)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.35)!important;
}

html body.ta-v3-visual-only :is(button,input,select,textarea):disabled{
  opacity:.48!important;
  cursor:not-allowed!important;
}
html body.ta-v3-visual-only button.danger,
html body.ta-v3-visual-only [data-sf-project-delete]{
  border-color:rgba(244,112,112,.2)!important;
  color:#e99a9a!important;
}
html body.ta-v3-visual-only button.danger:hover,
html body.ta-v3-visual-only [data-sf-project-delete]:hover{
  border-color:rgba(244,112,112,.38)!important;
  background:rgba(244,112,112,.1)!important;
  color:#ffc0c0!important;
}

html body.ta-v3-visual-only a{
  color:#78dfd0!important;
  text-decoration-color:rgba(120,223,208,.34)!important;
  text-underline-offset:3px;
}
html body.ta-v3-visual-only a:hover{color:#adf4ea!important}

html body.ta-v3-visual-only :is(.sfTabs,.sfCacheTabs,.assetTabs,.sfProjectViewTabs){
  border-color:var(--ta3-line)!important;
  background:#0e151b!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only :is(.sfTabs,.sfCacheTabs,.assetTabs,.sfProjectViewTabs) button{
  color:#93a1aa!important;
  background:transparent!important;
}
html body.ta-v3-visual-only :is(.sfTabs,.sfCacheTabs,.assetTabs,.sfProjectViewTabs) button.active{
  color:#dffff9!important;
  background:rgba(85,214,194,.14)!important;
  box-shadow:inset 0 0 0 1px rgba(85,214,194,.18)!important;
}

html body.ta-v3-visual-only :is(.cover,.projectCover,.sfProjectCoverReady,.sfOverviewElementCard img,.assetCard img,.assetTile img){
  background-color:#182129!important;
  filter:saturate(.92) contrast(1.02);
}
html body.ta-v3-visual-only :is(.projectCard,.sfOverviewElementCard,.assetCard,.assetTile) img{
  transition:filter .18s ease,opacity .18s ease!important;
}
html body.ta-v3-visual-only :is(.projectCard,.sfOverviewElementCard,.assetCard,.assetTile):hover img{
  filter:saturate(1.04) contrast(1.04)!important;
}

html body.ta-v3-visual-only :is(code,pre,.sfPromptText,.sfStoryboardPrompt,.sfPromptPreview){
  border-color:rgba(255,255,255,.075)!important;
  background:#0d141a!important;
  color:#b9c7ce!important;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace!important;
}
html body.ta-v3-visual-only :is(.sfStoryboardTable td,.sfTaskTable td) :is(p,div){
  color:#aebbc3!important;
}

html body.ta-v3-visual-only :is(.sfProgressBar,.progressBar,[role="progressbar"]){
  background:#202a32!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)!important;
}
html body.ta-v3-visual-only :is(.sfProgressBar,.progressBar,[role="progressbar"])>span{
  background:linear-gradient(90deg,#3fc6b2,#66e0ce)!important;
  box-shadow:0 0 14px rgba(85,214,194,.26)!important;
}

html body.ta-v3-visual-only :is(.sfEmptyState,.emptyState,.sfProjectLoadingState){
  border-color:rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.025)!important;
  color:#7f8e97!important;
}
html body.ta-v3-visual-only :is(hr,.divider,.sfProjectVerticalSplitter){
  border-color:var(--ta3-line)!important;
  background-color:var(--ta3-line)!important;
}

html body.ta-v3-visual-only :is(.pointsButton,[data-sf-points-button]){
  border-color:rgba(85,214,194,.24)!important;
  background:rgba(85,214,194,.09)!important;
  color:#b9f5ec!important;
}
html body.ta-v3-visual-only :is(.sfAvatar,.avatar,.sfProjectOwnerMeta>i){
  background:#26343d!important;
  color:#c8d5db!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important;
}

html body.ta-v3-visual-only :is(.sfSkeleton,.skeleton,[data-loading="true"]){
  background:linear-gradient(90deg,#151e25,#202b33,#151e25)!important;
  background-size:200% 100%!important;
}

html body.ta-v3-visual-only :is(button,.projectCard,.assetCard,.assetTile,.sfEpisodeSwitch,.sfOverviewElementCard){
  transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}

/* Light theme: color-only correction, original geometry remains untouched. */
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only{
  --ta3-bg:#e9efee;
  --ta3-panel:#f5f8f7;
  --ta3-panel-2:#eef3f2;
  --ta3-line:rgba(39,69,76,.14);
  --ta3-line-hover:rgba(13,139,124,.34);
  --ta3-text:#172b30;
  --ta3-text-2:#465f66;
  --ta3-muted:#74878c;
  --ta3-accent:#25bba8;
  --ta3-accent-soft:rgba(37,187,168,.11);
  color:var(--ta3-text)!important;
  background:#e9efee!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(#root,.appFrame,main,main.workspace){
  background:#e9efee!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(h1,h2,h3,h4,b,strong){color:#172b30!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(p,small,time,em){color:#74878c!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(label,th){color:#526a70!important}

html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.appHeader,header.appHeader){
  border-color:rgba(39,69,76,.13)!important;
  background:rgba(245,248,247,.97)!important;
  box-shadow:0 7px 22px rgba(21,58,63,.08)!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.appHeader,header.appHeader) :is(.brand,b,strong,em){color:#20383d!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.appHeader,header.appHeader) .brand span{color:#6d817d!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only .topNav{
  border-color:rgba(32,72,78,.12)!important;
  background:rgba(232,238,237,.96)!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only .topNav button{
  color:#4b6268!important;
  background:transparent!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only .topNav button.active{
  color:#062e2a!important;
  background:#8eddd2!important;
}

html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.panel,.projectCard,.creatorPanel,.assetPage,.assetCard,.assetTile,.settingsNav,.sfSettingsPanel,.sfScriptColumnPanel,.sfOverviewElementPanel,.sfProjectStoryboardPane,.sfManagerPage,.sfTaskPage,.sfTeamPanel,.sfRoleModal,.sfStoryEditModal){
  border-color:rgba(39,69,76,.14)!important;
  background:#f5f8f7!important;
  box-shadow:0 9px 26px rgba(21,58,63,.07)!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.projectCard,.assetCard,.assetTile,.sfOverviewElementCard,.sfStoryboardCard):hover{
  border-color:rgba(13,139,124,.32)!important;
  background:#f1f6f5!important;
  box-shadow:0 13px 32px rgba(21,58,63,.1)!important;
}

html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(input,select,textarea){
  border-color:rgba(39,69,76,.16)!important;
  background:#f8faf9!important;
  color:#20373c!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(input,textarea)::placeholder{color:#91a1a5!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only button{
  border-color:rgba(39,69,76,.15)!important;
  background:#f5f8f7!important;
  color:#40585e!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only button:hover{
  border-color:rgba(13,139,124,.32)!important;
  color:#116f65!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(button.primary,.primary,.createVideoButton){
  border-color:transparent!important;
  background:#25bba8!important;
  color:#052d29!important;
}

html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.projectActionBar,.projectCrumb,.sfStoryUnifiedBar,.sfEpisodeRailHead,.assetToolbar,.assetFilters,.assetTabs){
  border-color:rgba(39,69,76,.13)!important;
  background:#eef3f2!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfOverviewElementCard,.sfOverviewAddCard,.sfEpisodeSwitch,.sfStoryboardCard){
  border-color:rgba(39,69,76,.13)!important;
  background:#f1f5f4!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfOverviewElementCard,.sfStoryboardCard) :is(p,small,span){color:#71858a!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfOverviewElementCard,.sfStoryboardCard) :is(b,strong,h3){color:#20363b!important}

html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfTabs,.sfCacheTabs,.assetTabs,.sfProjectViewTabs){
  border-color:rgba(39,69,76,.13)!important;
  background:#e7eeed!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfTabs,.sfCacheTabs,.assetTabs,.sfProjectViewTabs) button{color:#587076!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfTabs,.sfCacheTabs,.assetTabs,.sfProjectViewTabs) button.active{
  color:#0a6d63!important;
  background:rgba(37,187,168,.12)!important;
}

html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(th,.sfStoryboardTable th,.sfTaskTable th,.sfTeamTable th){
  border-color:rgba(39,69,76,.12)!important;
  background:#edf4f4!important;
  color:#5c7176!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(td,.sfStoryboardTable td,.sfTaskTable td,.sfTeamTable td){
  border-color:rgba(39,69,76,.09)!important;
  background:#f7f9f8!important;
  color:#40575d!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only tbody tr:hover td{background:#f1faf8!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(code,pre,.sfPromptText,.sfStoryboardPrompt,.sfPromptPreview){
  border-color:rgba(39,69,76,.12)!important;
  background:#f4f8f8!important;
  color:#40575d!important;
}

html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfRoleModalMask,.sfStoryEditMask,.sfCacheOverlay,.sfTeamOverlay,.sfLoginOnlyMask){
  background:rgba(20,40,44,.42)!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfRoleModal,.sfStoryEditModal,.sfCacheModal,.sfTeamPanel,.sfLoginOnlyModal){
  border-color:rgba(39,69,76,.16)!important;
  background:#f6f9f8!important;
  color:#20373c!important;
  box-shadow:0 28px 80px rgba(20,52,57,.24)!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfRoleModal,.sfStoryEditModal,.sfCacheModal,.sfTeamPanel,.sfLoginOnlyModal) header{
  border-color:rgba(39,69,76,.12)!important;
  background:#edf3f2!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.pointsButton,[data-sf-points-button]){
  border-color:rgba(37,187,168,.25)!important;
  background:rgba(37,187,168,.1)!important;
  color:#156f66!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfAvatar,.avatar,.sfProjectOwnerMeta>i){
  background:#e5eeee!important;
  color:#526a70!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.detail,.threeCols,.sfProjectStoryMain,.sfProjectEpisodeRail){
  background-color:#edf2f1!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfProjectVerticalSplitter,.divider){
  background-color:rgba(37,112,105,.16)!important;
}

/* Light-theme coverage for every business surface. */
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfProjectHomePage,.sfAssetLibraryShell,.sfSettingsShell,.sfVideoCompactPage,.sfElementManagerPage,.sfManagerPage,.sfTaskPage){
  background:#e9efee!important;
  color:#29423e!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.projectGrid,.assetWall,.assetGrid,.sfElementManagerGrid,.sfStoryboardGrid,.sfStoryboardTableWrap,.sfTaskTableWrap){
  border-color:rgba(50,92,88,.12)!important;
  background:#edf2f1!important;
  box-shadow:none!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfVideoCompactPage .creatorPanel,.sfVideoCompactPage section,.sfVideoCompactPage aside,.ta-v2-cost-panel){
  border-color:rgba(50,92,88,.15)!important;
  background:#f3f6f5!important;
  color:#304b46!important;
  box-shadow:0 8px 24px rgba(35,68,66,.06)!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfVideoCompactPage .creatorPanel,.sfVideoCompactPage section,.sfVideoCompactPage aside) :is(h2,h3,b,strong){color:#203c37!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfVideoCompactPage .creatorPanel,.sfVideoCompactPage section,.sfVideoCompactPage aside) :is(p,small,span){color:#6d817d!important}

html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfElementManagerPage,.sfManagerPage,.sfTaskPage) :is(.sfManagerToolbar,.sfTaskToolbar,.sfManagerCrumbs,.sfManagerTitle){
  border-color:rgba(50,92,88,.13)!important;
  background:#edf3f2!important;
  color:#29443f!important;
  box-shadow:none!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfRoleCard,.sfElementManagerAddCard){
  border-color:rgba(50,92,88,.14)!important;
  background:#f2f6f5!important;
  color:#2e4844!important;
  box-shadow:none!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfRoleCard,.sfElementManagerAddCard) :is(p,small,span){color:#70837f!important}

html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.settingsLayout,.sfSettingsShell){background:#e9efee!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfSettingCard,.sfProfileHero,.profileBlock,.sfSettingsCards>*){
  border-color:rgba(50,92,88,.13)!important;
  background:#eef3f2!important;
  color:#2d4742!important;
  box-shadow:none!important;
}

html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfPointLedger,.sfTeamPanel,.sfCacheModal){
  border-color:rgba(50,92,88,.16)!important;
  background:#f4f7f6!important;
  color:#2d4742!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfPointLedger,.sfTeamPanel,.sfCacheModal) :is(header,.sfTabs,.sfCacheTabs){
  border-color:rgba(50,92,88,.12)!important;
  background:#eaf0ef!important;
}

html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfToast,.toast,[role="status"]){
  border-color:rgba(37,139,126,.2)!important;
  background:#e8f3f1!important;
  color:#31504a!important;
  box-shadow:0 12px 32px rgba(35,68,66,.12)!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only :is(.sfEmptyState,.emptyState,.sfProjectLoadingState){
  border-color:rgba(50,92,88,.12)!important;
  background:rgba(255,255,255,.34)!important;
  color:#748783!important;
}

/* Video creation: independently collapsible episode/story rails. */
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid{
  transition:grid-template-columns .2s ease!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-episodes-collapsed:not(.ta-video-stories-collapsed) .videoGrid{
  grid-template-columns:46px 178px minmax(0,1fr)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-stories-collapsed:not(.ta-video-episodes-collapsed) .videoGrid{
  grid-template-columns:140px 46px minmax(0,1fr)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-episodes-collapsed.ta-video-stories-collapsed .videoGrid{
  grid-template-columns:46px 46px minmax(0,1fr)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel[data-ta-collapsed="1"]{
  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  padding:6px!important;
  overflow:hidden!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel[data-ta-collapsed="1"]>:not(header){
  display:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel>header{
  position:relative!important;
  padding:0!important;
  overflow:visible!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel>header>h2,
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel>header>h3{
  padding:0 30px 0 8px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-sidebar-toggle{
  position:absolute!important;
  top:50%!important;
  right:3px!important;
  transform:translateY(-50%)!important;
  z-index:3!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:24px!important;
  min-width:24px!important;
  height:22px!important;
  min-height:22px!important;
  padding:0!important;
  border-radius:8px!important;
  font-size:16px!important;
  line-height:1!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-sidebar-toggle-text{
  display:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header{
  width:32px!important;
  height:auto!important;
  min-height:92px!important;
  padding:5px 0!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:6px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header>h2,
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header>h3{
  order:2!important;
  width:22px!important;
  padding:0!important;
  white-space:normal!important;
  font-size:12px!important;
  line-height:16px!important;
  writing-mode:vertical-rl!important;
  letter-spacing:2px!important;
  overflow:visible!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle{
  position:static!important;
  order:1!important;
  transform:none!important;
  flex:none!important;
}
@media(max-width:980px){
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid,
  html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-episodes-collapsed .videoGrid,
  html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-stories-collapsed .videoGrid{
    grid-template-columns:1fr!important;
  }
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel[data-ta-collapsed="1"]{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header{
    width:100%!important;
    min-height:32px!important;
    flex-direction:row!important;
    justify-content:center!important;
  }
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header>h2,
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header>h3{
    width:auto!important;
    writing-mode:horizontal-tb!important;
    letter-spacing:0!important;
  }
}

/* Video workspace proportion pass 2026-08-19: compact navigation, prompt-first editing. */
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid{
  grid-template-columns:112px 132px minmax(0,1fr)!important;
  gap:10px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-episodes-collapsed:not(.ta-video-stories-collapsed) .videoGrid{
  grid-template-columns:40px 132px minmax(0,1fr)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-stories-collapsed:not(.ta-video-episodes-collapsed) .videoGrid{
  grid-template-columns:112px 40px minmax(0,1fr)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-episodes-collapsed.ta-video-stories-collapsed .videoGrid{
  grid-template-columns:40px 40px minmax(0,1fr)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel{
  padding:7px!important;
  border-radius:12px!important;
}
/* Remove the legacy sticky fade injected after both episode/story rails. */
html body.ta-v3-visual-only main.workspace.sfVideoCompactPage .videoGrid>.videoSidebar.panel::after{
  content:none!important;
  display:none!important;
  height:0!important;
  margin:0!important;
  background:none!important;
  opacity:0!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel[data-ta-collapsed="1"]{
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  padding:3px!important;
  background:color-mix(in srgb,var(--ta-video-accent) 7%,var(--ta-video-surface))!important;
  border-color:color-mix(in srgb,var(--ta-video-accent) 24%,transparent)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel>header{
  min-height:34px!important;
  padding:0!important;
  gap:4px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel>header>h2,
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel>header>h3{
  padding:0 52px 0 5px!important;
  font-size:13px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-sidebar-toggle{
  position:absolute!important;
  top:50%!important;
  right:2px!important;
  transform:translateY(-50%)!important;
  width:48px!important;
  min-width:48px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0 7px!important;
  gap:3px!important;
  border-radius:9px!important;
  color:var(--ta-video-text)!important;
  background:color-mix(in srgb,var(--ta-video-accent) 13%,var(--ta-video-surface-strong))!important;
  border:1px solid color-mix(in srgb,var(--ta-video-accent) 34%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  cursor:pointer!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-sidebar-toggle:hover{
  background:color-mix(in srgb,var(--ta-video-accent) 22%,var(--ta-video-surface-strong))!important;
  border-color:color-mix(in srgb,var(--ta-video-accent) 60%,transparent)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-sidebar-toggle-icon{
  display:inline!important;
  color:var(--ta-video-accent)!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-sidebar-toggle-text{
  display:inline!important;
  color:var(--ta-video-text)!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header{
  width:32px!important;
  height:138px!important;
  min-height:138px!important;
  padding:2px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header>h2,
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header>h3{
  display:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle{
  position:static!important;
  transform:none!important;
  width:30px!important;
  min-width:30px!important;
  height:132px!important;
  min-height:132px!important;
  padding:9px 4px!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:7px!important;
  border-radius:10px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-text{
  writing-mode:vertical-rl!important;
  letter-spacing:1px!important;
  font-size:10px!important;
  line-height:14px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel{
  grid-template-columns:minmax(156px,180px) minmax(560px,1.75fr) minmax(280px,.86fr)!important;
  gap:10px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>.sfVideoInputCol{
  padding-right:2px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>.sfVideoPromptCol.sfVideoPromptCol{
  display:grid!important;
  grid-template-columns:minmax(138px,21%) minmax(0,1fr) 100px!important;
  grid-template-rows:auto minmax(0,1fr) minmax(0,1fr) minmax(0,.82fr) 52px!important;
  gap:10px!important;
  min-width:0!important;
  overflow:hidden!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>[data-sf-video-prompt-field="core"]{
  grid-column:2 / 4!important;
  grid-row:2 / 5!important;
  min-width:0!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>[data-sf-video-prompt-field="core"] textarea{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  font-size:14px!important;
  line-height:1.65!important;
}
@media(max-width:1180px) and (min-width:981px){
  html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel{
    grid-template-columns:minmax(150px,165px) minmax(460px,1.6fr) minmax(240px,.82fr)!important;
  }
  html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>.sfVideoPromptCol.sfVideoPromptCol{
    grid-template-columns:minmax(126px,24%) minmax(0,1fr) 92px!important;
  }
}
@media(max-width:980px){
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid,
  html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-episodes-collapsed .videoGrid,
  html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-stories-collapsed .videoGrid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel[data-ta-collapsed="1"]{
    width:100%!important;min-width:0!important;max-width:none!important;
  }
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header{
    width:100%!important;height:36px!important;min-height:36px!important;
  }
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle{
    width:100%!important;height:32px!important;min-height:32px!important;flex-direction:row!important;
  }
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-text{
    writing-mode:horizontal-tb!important;letter-spacing:0!important;
  }
  html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>.sfVideoPromptCol.sfVideoPromptCol{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto repeat(3,minmax(150px,auto)) auto auto!important;
    overflow:visible!important;
  }
}

/* Reference-informed storyboard workspace: fixed episode rail + scrollable production table. */
html body.ta-v3-visual-only .sfManagerPage{
  --ta-manager-page:#081419;
  --ta-manager-surface:#101f25;
  --ta-manager-surface-strong:#14272e;
  --ta-manager-field:#071319;
  --ta-manager-line:rgba(126,224,215,.13);
  --ta-manager-line-soft:rgba(126,224,215,.07);
  --ta-manager-text:#ecfbf8;
  --ta-manager-muted:#8faeaa;
  --ta-manager-accent:#22c7c8;
  background:radial-gradient(circle at 45% -20%,rgba(34,199,200,.11),transparent 42%),var(--ta-manager-page)!important;
  color:var(--ta-manager-text)!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only .sfManagerPage{
  --ta-manager-page:#e8efed;
  --ta-manager-surface:#f4f7f6;
  --ta-manager-surface-strong:#edf3f1;
  --ta-manager-field:#fff;
  --ta-manager-line:rgba(49,91,86,.14);
  --ta-manager-line-soft:rgba(49,91,86,.07);
  --ta-manager-text:#203b36;
  --ta-manager-muted:#6d817d;
  --ta-manager-accent:#178f8e;
}
html body.ta-v3-visual-only .sfManagerPage .sfManagerToolbar{
  min-height:54px!important;
  padding:7px 12px!important;
  gap:12px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--ta-manager-line-soft)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only .sfManagerPage :is(.sfManagerTitle,.sfManagerCrumbs,.sfManagerTools){
  position:relative!important;
  inset:auto!important;
  min-width:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only .sfManagerPage .sfManagerTools{
  margin-left:auto!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:8px!important;
}
html body.ta-v3-visual-only .sfManagerPage .sfManagerTools button{
  min-height:34px!important;
  padding:0 12px!important;
  border:1px solid var(--ta-manager-line)!important;
  background:var(--ta-manager-surface)!important;
  color:var(--ta-manager-text)!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only .sfManagerPage .sfStoryboardManagerLayout{
  display:grid!important;
  grid-template-columns:180px minmax(0,1fr)!important;
  gap:12px!important;
  min-height:0!important;
  min-width:0!important;
  padding:12px!important;
  overflow:hidden!important;
}
html body.ta-v3-visual-only .sfManagerPage .sfEpisodeRail{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  padding:8px!important;
  overflow:auto!important;
  background:var(--ta-manager-surface)!important;
  border:1px solid var(--ta-manager-line)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only .sfManagerPage .sfEpisodeRailHead{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  min-height:38px!important;
  padding:0 6px 8px!important;
  background:var(--ta-manager-surface)!important;
  border:0!important;
  border-bottom:1px solid var(--ta-manager-line-soft)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only .sfManagerPage .sfEpisodeSwitchGrid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  padding-top:8px!important;
}
html body.ta-v3-visual-only .sfManagerPage .sfEpisodeSwitch{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:42px!important;
  padding:0 12px!important;
  background:var(--ta-manager-surface-strong)!important;
  border:1px solid transparent!important;
  color:var(--ta-manager-text)!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only .sfManagerPage .sfEpisodeSwitch:is(.active,[aria-current="true"]){
  border-color:color-mix(in srgb,var(--ta-manager-accent) 55%,transparent)!important;
  background:color-mix(in srgb,var(--ta-manager-accent) 14%,var(--ta-manager-surface-strong))!important;
}
html body.ta-v3-visual-only .sfManagerPage .sfStoryboardManagerMain{
  position:relative!important;
  inset:auto!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only .sfManagerPage .sfStoryboardTableWrap{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  overflow:auto!important;
  background:var(--ta-manager-surface)!important;
  border:1px solid var(--ta-manager-line)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only .sfManagerPage .sfStoryboardTable{
  width:max-content!important;
  min-width:1180px!important;
  max-width:none!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:transparent!important;
  color:var(--ta-manager-text)!important;
}
html body.ta-v3-visual-only .sfManagerPage .sfStoryboardTable thead th{
  position:sticky!important;
  top:0!important;
  z-index:3!important;
  height:44px!important;
  padding:0 10px!important;
  background:var(--ta-manager-surface-strong)!important;
  color:var(--ta-manager-text)!important;
  border:0!important;
  border-bottom:1px solid var(--ta-manager-line)!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
html body.ta-v3-visual-only .sfManagerPage .sfStoryboardTable tbody td{
  padding:10px!important;
  background:transparent!important;
  color:var(--ta-manager-text)!important;
  border:0!important;
  border-bottom:1px solid var(--ta-manager-line-soft)!important;
  box-shadow:none!important;
  vertical-align:middle!important;
}
html body.ta-v3-visual-only .sfManagerPage .sfStoryboardTable tbody tr{
  position:relative!important;
  inset:auto!important;
  background:transparent!important;
}
html body.ta-v3-visual-only .sfManagerPage .sfStoryboardTable tbody tr:hover td{
  background:color-mix(in srgb,var(--ta-manager-accent) 6%,transparent)!important;
}
html body.ta-v3-visual-only .sfManagerPage .sfStoryboardTable :is(input,textarea,select){
  color:var(--ta-manager-text)!important;
  -webkit-text-fill-color:var(--ta-manager-text)!important;
  background:var(--ta-manager-field)!important;
  border:1px solid var(--ta-manager-line)!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only .sfManagerPage .sfStoryboardTable :is(img,video){
  border:0!important;
  border-radius:9px!important;
  background:var(--ta-manager-field)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.12)!important;
}
html body.ta-v3-visual-only .sfManagerPage .sfStoryboardTable button{
  min-height:30px!important;
  padding:0 9px!important;
  border:1px solid var(--ta-manager-line)!important;
  background:var(--ta-manager-surface-strong)!important;
  color:var(--ta-manager-text)!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only .sfManagerPage .sfStoryboardCardGrid{
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;
  gap:12px!important;
  min-width:0!important;
}
html body.ta-v3-visual-only .sfManagerPage .sfStoryboardCard{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  background:var(--ta-manager-surface)!important;
  border:1px solid var(--ta-manager-line)!important;
  box-shadow:none!important;
}

/* Creation records use previews as the visual anchor, like a compact media library. */
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoRecordList{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:max-content!important;
  gap:10px!important;
  align-content:start!important;
  overflow-x:hidden!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoRecordCard{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  overflow:hidden!important;
  border-radius:12px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoRecordMedia{
  width:100%!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
  object-fit:cover!important;
}

@media(max-width:1180px){
  html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoRecordList{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:980px){
  html body.ta-v3-visual-only .sfManagerPage{height:auto!important;min-height:calc(100vh - 92px)!important;overflow:auto!important}
  html body.ta-v3-visual-only .sfManagerPage .sfManagerToolbar{align-items:flex-start!important;flex-wrap:wrap!important}
  html body.ta-v3-visual-only .sfManagerPage .sfManagerTools{width:100%!important;margin-left:0!important;justify-content:flex-start!important}
  html body.ta-v3-visual-only .sfManagerPage .sfStoryboardManagerLayout{grid-template-columns:minmax(0,1fr)!important;overflow:visible!important}
  html body.ta-v3-visual-only .sfManagerPage .sfEpisodeRail{overflow:hidden!important}
  html body.ta-v3-visual-only .sfManagerPage .sfEpisodeRailHead{position:relative!important}
  html body.ta-v3-visual-only .sfManagerPage .sfEpisodeSwitchGrid{
    grid-template-columns:none!important;
    grid-auto-flow:column!important;
    grid-auto-columns:minmax(108px,1fr)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  html body.ta-v3-visual-only .sfManagerPage .sfStoryboardTableWrap{height:min(68vh,760px)!important}
}

/* Video creation hierarchy refresh: fewer frames, clearer primary workspace. */
html body.ta-v3-visual-only main.sfVideoCompactPage{
  --ta-video-page:#081419;
  --ta-video-surface:#101f25;
  --ta-video-surface-strong:#14272e;
  --ta-video-field:#071319;
  --ta-video-border:rgba(126,224,215,.13);
  --ta-video-border-soft:rgba(126,224,215,.07);
  --ta-video-text:#ecfbf8;
  --ta-video-muted:#8faeaa;
  --ta-video-accent:#22c7c8;
  background:radial-gradient(circle at 48% -20%,rgba(35,199,200,.12),transparent 40%),var(--ta-video-page)!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfVideoCompactPage{
  --ta-video-page:#e8efed;
  --ta-video-surface:#f4f7f6;
  --ta-video-surface-strong:#edf3f1;
  --ta-video-field:#fff;
  --ta-video-border:rgba(49,91,86,.14);
  --ta-video-border-soft:rgba(49,91,86,.07);
  --ta-video-text:#203b36;
  --ta-video-muted:#6d817d;
  --ta-video-accent:#178f8e;
  background:radial-gradient(circle at 48% -20%,rgba(33,155,148,.10),transparent 40%),var(--ta-video-page)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoWorkspace{
  gap:10px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoWorkspace>.projectCrumb{
  margin:0!important;
  padding:0 10px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--ta-video-border-soft)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoWorkspace>.videoTopActions{
  padding:4px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoTopActions button{
  background:var(--ta-video-surface)!important;
  border-color:var(--ta-video-border)!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid{
  gap:12px!important;
  align-items:stretch!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel,
html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel{
  margin:0!important;
  border:1px solid var(--ta-video-border)!important;
  background:var(--ta-video-surface)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.10)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel{
  padding:10px!important;
  gap:12px!important;
  grid-template-columns:minmax(190px,.72fr) minmax(420px,1.85fr) minmax(250px,.95fr)!important;
  align-items:stretch!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>:is(.sfVideoInputCol,.sfVideoPromptCol,.sfVideoRecordCol){
  min-width:0!important;
  padding:0!important;
  gap:10px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>:is(.sfVideoPromptCol,.sfVideoRecordCol){
  padding-left:12px!important;
  border-left:1px solid var(--ta-video-border-soft)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoColHead,
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoInputCol>.sfVideoColHead,
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>.sfVideoColHead,
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoRecordCol>.sfVideoColHead{
  height:36px!important;
  min-height:36px!important;
  padding:0 4px!important;
  justify-content:flex-start!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--ta-video-border-soft)!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-align:left!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoColHead b,
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoInputCol>.sfVideoColHead b,
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>.sfVideoColHead b,
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoRecordCol>.sfVideoColHead b{
  color:var(--ta-video-text)!important;
  font-size:14px!important;
  line-height:36px!important;
  text-align:left!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage :is(.modeTabs,.referenceBands,.uploadRows>*,.sfAssetControlLabel,.formGrid.five,.fieldBlock,.creationRecords){
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .modeTabs{
  padding:3px!important;
  gap:3px!important;
  border-radius:12px!important;
  background:var(--ta-video-surface-strong)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .modeTabs button{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .modeTabs button.active{
  color:var(--ta-video-text)!important;
  background:color-mix(in srgb,var(--ta-video-accent) 22%,transparent)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage :is(textarea,input,select){
  color:var(--ta-video-text)!important;
  background:var(--ta-video-field)!important;
  border:1px solid transparent!important;
  box-shadow:inset 0 0 0 1px var(--ta-video-border-soft)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage :is(textarea,input,select):focus{
  border-color:color-mix(in srgb,var(--ta-video-accent) 58%,transparent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--ta-video-accent) 12%,transparent)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage :is(.referenceBands button,.uploadRows button,.sfAssetSelectButtons button){
  background:var(--ta-video-surface-strong)!important;
  border:0!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol .formGrid.five{
  padding-top:2px!important;
  gap:6px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage button.createVideoButton{
  min-height:44px!important;
  border:0!important;
  background:linear-gradient(135deg,#19b7b8,#2879e8)!important;
  box-shadow:0 10px 24px rgba(25,183,184,.20)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .creationRecords{
  padding-top:0!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage :is(.sfVideoRecordCard,.sfVideoRecordBlank){
  background:var(--ta-video-surface-strong)!important;
  border:0!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoRecordMedia{
  background:var(--ta-video-field)!important;
  border:0!important;
  box-shadow:inset 0 0 0 1px var(--ta-video-border-soft)!important;
}

/* Clear, self-explanatory collapse handles. */
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-sidebar-toggle{
  width:54px!important;
  min-width:54px!important;
  gap:4px!important;
  padding:0 7px!important;
  color:var(--ta-video-text)!important;
  background:color-mix(in srgb,var(--ta-video-accent) 14%,var(--ta-video-surface-strong))!important;
  border:1px solid color-mix(in srgb,var(--ta-video-accent) 32%,transparent)!important;
  box-shadow:none!important;
  font-size:11px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-sidebar-toggle-text{
  display:inline!important;
  white-space:nowrap!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-sidebar-toggle-icon{
  color:var(--ta-video-accent)!important;
  font-size:10px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header{
  width:34px!important;
  height:150px!important;
  min-height:150px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header>h2,
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header>h3{
  display:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle{
  position:static!important;
  width:34px!important;
  min-width:34px!important;
  height:146px!important;
  min-height:146px!important;
  padding:10px 5px!important;
  flex-direction:column!important;
  justify-content:center!important;
  border-radius:12px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-text{
  writing-mode:vertical-rl!important;
  letter-spacing:2px!important;
  line-height:16px!important;
}
@media(max-width:1180px){
  html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel{
    grid-template-columns:minmax(180px,.7fr) minmax(360px,1.55fr) minmax(230px,.9fr)!important;
  }
}
@media(max-width:980px){
  html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel{
    grid-template-columns:1fr!important;
  }
  html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>:is(.sfVideoPromptCol,.sfVideoRecordCol){
    padding-left:0!important;
    padding-top:12px!important;
    border-left:0!important;
    border-top:1px solid var(--ta-video-border-soft)!important;
  }
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header{
    height:36px!important;
    min-height:36px!important;
  }
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle{
    width:100%!important;
    height:34px!important;
    min-height:34px!important;
    flex-direction:row!important;
  }
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-text{
    writing-mode:horizontal-tb!important;
    letter-spacing:0!important;
  }
}

/* Final precedence guard for the 2026-08-19 prompt-first video layout. */
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel{
  padding:7px!important;
  border-radius:12px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel[data-ta-collapsed="1"]{
  width:40px!important;min-width:40px!important;max-width:40px!important;padding:3px!important;
  background:color-mix(in srgb,var(--ta-video-accent) 7%,var(--ta-video-surface))!important;
  border-color:color-mix(in srgb,var(--ta-video-accent) 24%,transparent)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel>header{
  min-height:34px!important;padding:0!important;gap:4px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel>header>h2,
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel>header>h3{
  padding:0 52px 0 5px!important;font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  color:var(--ta-video-text)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel>header,
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-sidebar-toggle-text{
  color:var(--ta-video-text)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-sidebar-toggle{
  position:absolute!important;top:50%!important;right:2px!important;transform:translateY(-50%)!important;
  width:48px!important;min-width:48px!important;height:28px!important;min-height:28px!important;padding:0 7px!important;gap:3px!important;
  flex-direction:row!important;border-radius:9px!important;cursor:pointer!important;
  color:var(--ta-video-text)!important;background:color-mix(in srgb,var(--ta-video-accent) 13%,var(--ta-video-surface-strong))!important;
  border:1px solid color-mix(in srgb,var(--ta-video-accent) 34%,transparent)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-sidebar-toggle:hover{
  background:color-mix(in srgb,var(--ta-video-accent) 22%,var(--ta-video-surface-strong))!important;
  border-color:color-mix(in srgb,var(--ta-video-accent) 60%,transparent)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-sidebar-toggle-icon{
  display:inline!important;color:var(--ta-video-accent)!important;font-size:17px!important;font-weight:900!important;line-height:1!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-sidebar-toggle-text{
  display:inline!important;color:var(--ta-video-text)!important;font-size:10px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header{
  width:32px!important;height:138px!important;min-height:138px!important;padding:2px!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle{
  position:static!important;transform:none!important;width:30px!important;min-width:30px!important;height:132px!important;min-height:132px!important;
  padding:9px 4px!important;flex-direction:column!important;justify-content:center!important;gap:7px!important;border-radius:10px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-text{
  writing-mode:vertical-rl!important;letter-spacing:1px!important;font-size:10px!important;line-height:14px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>.sfVideoPromptCol.sfVideoPromptCol{
  grid-template-columns:minmax(138px,21%) minmax(0,1fr) 100px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>[data-sf-video-prompt-field="core"] textarea{
  height:100%!important;min-height:0!important;max-height:none!important;font-size:14px!important;line-height:1.65!important;
}
@media(max-width:980px){
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel[data-ta-collapsed="1"]{width:100%!important;min-width:0!important;max-width:none!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header{width:100%!important;height:36px!important;min-height:36px!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle{width:100%!important;height:32px!important;min-height:32px!important;flex-direction:row!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-text{writing-mode:horizontal-tb!important;letter-spacing:0!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>.sfVideoPromptCol.sfVideoPromptCol{grid-template-columns:minmax(0,1fr)!important}
}

/* Keep creation-record video previews at a usable editing size. */
html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel{
  grid-template-columns:minmax(156px,176px) minmax(520px,1.55fr) minmax(360px,1fr)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>.sfVideoRecordCol{
  min-width:360px!important;
  width:auto!important;
  max-width:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoRecordList{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-rows:max-content!important;
  gap:12px!important;
  align-content:start!important;
  overflow-x:hidden!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoRecordCard{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoRecordMedia{
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:180px!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  background:#050d12!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoRecordMedia :is(video,img){
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:contain!important;
}
@media(max-width:1180px) and (min-width:981px){
  html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel{
    grid-template-columns:minmax(145px,160px) minmax(420px,1.45fr) minmax(320px,.95fr)!important;
  }
  html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>.sfVideoRecordCol{min-width:320px!important}
}
@media(max-width:980px){
  html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel{grid-template-columns:minmax(0,1fr)!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>.sfVideoRecordCol{min-width:0!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoRecordMedia{min-height:150px!important}
}

/* XSTakeFlow-inspired workspace structure, retaining Turing Ark branding and controls. */
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid{
  grid-template-columns:130px 160px minmax(0,1fr)!important;
  gap:12px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-episodes-collapsed:not(.ta-video-stories-collapsed) .videoGrid{grid-template-columns:40px 160px minmax(0,1fr)!important}
html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-stories-collapsed:not(.ta-video-episodes-collapsed) .videoGrid{grid-template-columns:130px 40px minmax(0,1fr)!important}
html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-episodes-collapsed.ta-video-stories-collapsed .videoGrid{grid-template-columns:40px 40px minmax(0,1fr)!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel{
  display:grid!important;
  grid-template-columns:minmax(260px,.85fr) minmax(440px,1.35fr) minmax(300px,.85fr)!important;
  gap:12px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>:is(.sfVideoInputCol,.sfVideoPromptCol,.sfVideoRecordCol){
  min-width:0!important;
  height:100%!important;
  padding:12px!important;
  background:var(--ta-video-surface)!important;
  border:1px solid var(--ta-video-border)!important;
  border-radius:14px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>.sfVideoInputCol{
  overflow-y:auto!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>.sfVideoPromptCol.sfVideoPromptCol{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 138px!important;
  grid-template-rows:auto minmax(90px,.34fr) minmax(250px,1.45fr) minmax(120px,.52fr) 58px!important;
  gap:10px!important;
  overflow:hidden!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>.sfVideoColHead{grid-column:1 / 3!important;grid-row:1!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>[data-sf-video-prompt-field="pre"]{grid-column:1 / 3!important;grid-row:2!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>[data-sf-video-prompt-field="core"]{grid-column:1 / 3!important;grid-row:3!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>[data-sf-video-prompt-field="global"]{grid-column:1 / 3!important;grid-row:4!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>[data-sf-video-prompt-field] textarea{
  height:100%!important;min-height:0!important;max-height:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>.formGrid.five{
  grid-column:1!important;grid-row:5!important;height:58px!important;min-height:58px!important;max-height:58px!important;margin:0!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>.createVideoButton{
  position:relative!important;bottom:auto!important;grid-column:2!important;grid-row:5!important;width:100%!important;height:58px!important;min-height:58px!important;max-height:58px!important;margin:0!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>.sfVideoRecordCol{
  min-width:300px!important;
  overflow:hidden!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoRecordList{
  grid-template-columns:minmax(0,1fr)!important;
}
@media(max-width:1320px) and (min-width:1081px){
  html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel{
    grid-template-columns:minmax(220px,.78fr) minmax(380px,1.2fr) minmax(270px,.8fr)!important;
  }
  html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>.sfVideoRecordCol{min-width:270px!important}
}
@media(max-width:1080px){
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid,
  html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-episodes-collapsed .videoGrid,
  html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-stories-collapsed .videoGrid{grid-template-columns:minmax(0,1fr)!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel{width:100%!important;min-width:0!important;max-width:none!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel{grid-template-columns:minmax(0,1fr)!important;overflow:visible!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>:is(.sfVideoInputCol,.sfVideoPromptCol,.sfVideoRecordCol){min-width:0!important;height:auto!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>.sfVideoPromptCol.sfVideoPromptCol{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto repeat(3,minmax(150px,auto)) auto auto!important;
    overflow:visible!important;
  }
}

/* Equal-width vertically resizable prompt editors and compact material/actions. */
html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel{
  grid-template-columns:minmax(210px,.68fr) minmax(480px,1.55fr) minmax(300px,.85fr)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>.sfVideoInputCol{
  min-width:210px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>.sfVideoPromptCol.sfVideoPromptCol{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 112px!important;
  grid-template-rows:auto auto auto auto 50px!important;
  align-content:start!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>[data-sf-video-prompt-field="pre"],
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>[data-sf-video-prompt-field="core"],
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>[data-sf-video-prompt-field="global"]{
  grid-column:1 / 3!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  align-self:start!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>[data-sf-video-prompt-field="pre"]{grid-row:2!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>[data-sf-video-prompt-field="core"]{grid-row:3!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>[data-sf-video-prompt-field="global"]{grid-row:4!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>[data-sf-video-prompt-field] textarea{
  width:100%!important;
  min-width:0!important;
  min-height:96px!important;
  max-height:none!important;
  resize:none!important;
  overflow:auto!important;
  flex:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-prompt-vertical-resizer{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:min(190px,72%)!important;
  height:24px!important;
  min-height:24px!important;
  margin:5px auto 0!important;
  padding:0 12px!important;
  flex:none!important;
  cursor:ns-resize!important;
  border:1px solid color-mix(in srgb,var(--ta-video-accent) 35%,transparent)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--ta-video-accent) 10%,var(--ta-video-surface-strong))!important;
  color:var(--ta-video-text)!important;
  box-shadow:none!important;
  touch-action:none!important;
  user-select:none!important;
  z-index:4!important;
  transition:background-color .15s ease,border-color .15s ease,transform .15s ease!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptHighlightHost>.sfVideoPromptHighlightMirror{
  max-width:none!important;
  max-height:none!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  transform:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-prompt-vertical-resizer::before{
  content:none!important;
  display:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-prompt-vertical-resizer b{
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  color:inherit!important;
  white-space:nowrap!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-prompt-resizer-icon{
  color:var(--ta-video-accent)!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-prompt-vertical-resizer:hover,
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-prompt-vertical-resizer.is-resizing{
  background:color-mix(in srgb,var(--ta-video-accent) 20%,var(--ta-video-surface-strong))!important;
  border-color:color-mix(in srgb,var(--ta-video-accent) 68%,transparent)!important;
  transform:none!important;
}
html body.ta-v3-visual-only.ta-prompt-is-resizing{
  cursor:ns-resize!important;
}
html body.ta-v3-visual-only.ta-prompt-is-resizing main.sfVideoCompactPage .ta-prompt-vertical-resizer{
  transition:none!important;
  transform:none!important;
}
html body.ta-v3-visual-only.ta-prompt-is-resizing main.sfVideoCompactPage .sfVideoPromptHighlightMirror,
html body.ta-v3-visual-only.ta-prompt-is-resizing main.sfVideoCompactPage textarea{
  transition:none!important;
}

/* Project detail: visible vertical resize affordances and concise storyboard cards. */
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage .sfScriptColumnPanel.ta-project-script-resizable{
  position:relative!important;
  padding-bottom:32px!important;
  overflow:visible!important;
  z-index:26!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage .ta-project-script-resizer{
  position:absolute!important;
  left:50%!important;
  bottom:4px!important;
  transform:translateX(-50%)!important;
  z-index:30!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:min(188px,78%)!important;
  height:24px!important;
  min-height:24px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  border:1px solid color-mix(in srgb,#22c7c8 52%,transparent)!important;
  background:color-mix(in srgb,#22c7c8 18%,#10252c)!important;
  color:#eaffff!important;
  cursor:ns-resize!important;
  touch-action:none!important;
  user-select:none!important;
  box-shadow:0 5px 14px rgba(0,0,0,.16)!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.workspace.sfProjectCompactPage .ta-project-script-resizer{
  background:#dcebe8!important;
  border-color:rgba(23,143,142,.38)!important;
  color:#24433e!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage .ta-project-script-resizer span{
  color:#22c7c8!important;font-size:15px!important;font-weight:900!important;line-height:1!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage .ta-project-script-resizer b{
  color:inherit!important;font-size:11px!important;font-weight:850!important;line-height:1!important;white-space:nowrap!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage .ta-project-script-resizer:hover,
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage .ta-project-script-resizer.is-resizing{
  border-color:#22c7c8!important;
  background:color-mix(in srgb,#22c7c8 28%,#10252c)!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage .ta-project-script-resizer{
  display:none!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage .sfScriptColumnPanel.ta-project-script-fixed{
  position:relative!important;
  padding:12px!important;
  overflow:hidden!important;
  z-index:auto!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage .sfScriptColumnPanel.ta-project-script-fixed>header{
  align-self:center!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage .sfScriptColumnPanel.ta-project-script-fixed .sfScriptFileList{
  align-content:center!important;
  border-radius:12px!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage .sfScriptColumnPanel.ta-project-script-fixed .sfScriptEpisodePicker{
  align-content:start!important;
  overflow:visible!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage .sfScriptColumnPanel.ta-project-script-fixed .sfScriptEpisodeHint{
  height:auto!important;
  min-height:34px!important;
  max-height:none!important;
  line-height:17px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage .sfProjectEpisodeStrip .sfEpisodeSwitch :is(b,strong){
  color:#f3fbfc!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage .sfProjectEpisodeStrip .sfEpisodeSwitch :is(small,span){
  color:#a9bac1!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.workspace.sfProjectCompactPage .sfProjectEpisodeStrip .sfEpisodeSwitch :is(b,strong){
  color:#294540!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.workspace.sfProjectCompactPage .sfProjectEpisodeStrip .sfEpisodeSwitch :is(small,span){
  color:#6d817d!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage .sfProjectVerticalSplitter.ta-project-splitter-hint::before{
  opacity:.28!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage .ta-project-splitter-label{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:31!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:min(248px,72%)!important;
  height:26px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid color-mix(in srgb,#22c7c8 52%,transparent)!important;
  background:#142b32!important;
  color:#eaffff!important;
  box-shadow:0 7px 18px rgba(0,0,0,.20)!important;
  cursor:ns-resize!important;
  pointer-events:auto!important;cursor:pointer!important;
  user-select:none!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.workspace.sfProjectCompactPage .ta-project-splitter-label{
  background:#e1eeeb!important;
  border-color:rgba(23,143,142,.38)!important;
  color:#24433e!important;
  box-shadow:none!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage .ta-project-splitter-label i{
  color:#22c7c8!important;font-size:15px!important;font-style:normal!important;font-weight:900!important;line-height:1!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage .ta-project-splitter-label b{
  color:inherit!important;font-size:11px!important;font-weight:850!important;line-height:1!important;white-space:nowrap!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage .sfStoryboardCard.ta-storyboard-summary-only .sfStoryPromptText{
  display:none!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage .sfStoryboardCard.ta-storyboard-summary-only .sfStoryboardBody{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:0!important;
  padding:6px 10px!important;
  overflow:hidden!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage .sfStoryboardCard.ta-storyboard-summary-only .sfStoryboardTitleLine{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  gap:10px!important;
  margin:0!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage .sfStoryboardCard.ta-storyboard-summary-only .sfStoryboardTitleLine :is(b,small){
  margin:0!important;
  white-space:nowrap!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>.formGrid.five{
  grid-column:1!important;grid-row:5!important;height:50px!important;min-height:50px!important;max-height:50px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>.createVideoButton{
  grid-column:2!important;grid-row:5!important;
  width:112px!important;min-width:112px!important;max-width:112px!important;
  height:44px!important;min-height:44px!important;max-height:44px!important;
  align-self:center!important;justify-self:end!important;padding:0 12px!important;font-size:13px!important;
}
@media(max-width:1320px) and (min-width:1081px){
  html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel{
    grid-template-columns:minmax(185px,.64fr) minmax(425px,1.42fr) minmax(280px,.8fr)!important;
  }
  html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>.sfVideoInputCol{min-width:185px!important}
}
@media(max-width:1080px){
  html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>.sfVideoInputCol{min-width:0!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>.sfVideoPromptCol.sfVideoPromptCol{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto auto auto!important;
  }
  html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>[data-sf-video-prompt-field="pre"]{grid-column:1!important;grid-row:2!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>[data-sf-video-prompt-field="core"]{grid-column:1!important;grid-row:3!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptCol>[data-sf-video-prompt-field="global"]{grid-column:1!important;grid-row:4!important}
}

/* Flow resizing: editor growth pushes following content and the whole page scrolls. */
html body.ta-v3-visual-only.ta-video-flow-page{
  height:auto!important;
  min-height:100vh!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
html body.ta-v3-visual-only.ta-video-flow-page main.sfVideoCompactPage{
  height:auto!important;
  min-height:calc(100vh - 60px)!important;
  max-height:none!important;
  overflow:visible!important;
  display:block!important;
}
html body.ta-v3-visual-only.ta-video-flow-page main.sfVideoCompactPage .videoWorkspace{
  height:auto!important;
  min-height:calc(100vh - 88px)!important;
  max-height:none!important;
  overflow:visible!important;
  grid-template-rows:auto auto auto!important;
}
html body.ta-v3-visual-only.ta-video-flow-page main.sfVideoCompactPage .videoGrid,
html body.ta-v3-visual-only.ta-video-flow-page main.sfVideoCompactPage .creatorPanel{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  align-items:stretch!important;
}
html body.ta-v3-visual-only.ta-video-flow-page main.sfVideoCompactPage .creatorPanel>:is(.sfVideoInputCol,.sfVideoPromptCol,.sfVideoRecordCol){
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-self:stretch!important;
  overflow:visible!important;
}
html body.ta-v3-visual-only.ta-video-flow-page main.sfVideoCompactPage .creatorPanel>.sfVideoPromptCol.sfVideoPromptCol{
  height:auto!important;
  max-height:none!important;
  grid-template-rows:auto auto auto auto 50px!important;
  overflow:visible!important;
}
html body.ta-v3-visual-only.ta-video-flow-page main.sfVideoCompactPage .sfVideoPromptCol>[data-sf-video-prompt-field]{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
html body.ta-v3-visual-only.ta-video-flow-page main.sfVideoCompactPage .sfVideoPromptCol>[data-sf-video-prompt-field] textarea{
  max-height:none!important;
}
html body.ta-v3-visual-only.ta-video-flow-page main.sfVideoCompactPage :is(.creationRecords,.sfVideoRecordList){
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}

/* The core prompt uses a mirror layer for reference highlighting. Keep selected
   glyphs transparent so the real textarea and mirror never render twice. */
html body.ta-v3-visual-only main.workspace.sfVideoCompactPage.sfVideoCompactPage
  .sfVideoPromptCol [data-sf-video-prompt-field]
  textarea.sfVideoPromptHighlightInput::selection{
  background:rgba(20,184,166,.28)!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
}

/* All business pages grow naturally and use the browser's vertical scrollbar. */
html body.ta-v3-visual-only.ta-global-page-scroll,
html body.ta-v3-visual-only.ta-global-page-scroll #root{
  height:auto!important;
  min-height:100vh!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
}
html body.ta-v3-visual-only.ta-global-page-scroll main.workspace{
  height:auto!important;
  min-height:calc(100vh - 60px)!important;
  max-height:none!important;
  overflow:visible!important;
  padding-bottom:72px!important;
}
html body.ta-v3-visual-only.ta-global-page-scroll.ta-settings-page-scroll main.workspace[data-ta-settings-scroll="1"]{
  height:auto!important;
  min-height:calc(100vh - 60px)!important;
  max-height:none!important;
  overflow:visible!important;
  display:grid!important;
  grid-template-rows:auto auto!important;
  align-content:start!important;
  padding-bottom:96px!important;
}
html body.ta-v3-visual-only.ta-settings-page-scroll main.workspace[data-ta-settings-scroll="1"]>.settingsLayout{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  grid-template-rows:auto!important;
  align-items:start!important;
}
html body.ta-v3-visual-only.ta-settings-page-scroll main.workspace[data-ta-settings-scroll="1"]>.settingsLayout>:is(.settingsNav,.sfSettingsPanel,.panel){
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-self:start!important;
}
html body.ta-v3-visual-only.ta-settings-page-scroll main.workspace[data-ta-settings-scroll="1"]>.settingsLayout>.settingsNav{
  overflow:visible!important;
}
html body.ta-v3-visual-only.ta-settings-page-scroll main.workspace[data-ta-settings-scroll="1"]>.settingsLayout>:is(.sfSettingsPanel,.panel):has(.sfEnterpriseEmployeeMount),
html body.ta-v3-visual-only.ta-settings-page-scroll main.workspace[data-ta-settings-scroll="1"] .sfEnterpriseEmployeeMount{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
html body.ta-v3-visual-only.ta-settings-page-scroll main.workspace[data-ta-settings-scroll="1"] .sfEnterpriseEmployeeTable{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
}
html body.ta-v3-visual-only.ta-global-page-scroll main.sfProjectHomePage .projectGrid,
html body.ta-v3-visual-only.ta-global-page-scroll main.sfAssetLibraryShell :is(.assetPage,.assetWall),
html body.ta-v3-visual-only.ta-global-page-scroll main.sfProjectCompactPage :is(.detail,.sfProjectStoryFixedLayout),
html body.ta-v3-visual-only.ta-global-page-scroll main:is(.sfSettingsShell,.sfElementManagerPage,.sfManagerPage,.sfTaskPage){
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
html body.ta-v3-visual-only main.sfProjectCompactPage[data-ta-story-view="card"] .sfProjectStoryboardListWrap,
html body.ta-v3-visual-only main.sfProjectCompactPage[data-ta-story-view="list"] .sfStoryboardCardGrid{
  display:none!important;
}
html body.ta-v3-visual-only main.sfProjectCompactPage[data-ta-story-view="card"] .sfStoryboardCardGrid{
  display:grid!important;
}
html body.ta-v3-visual-only main.sfProjectCompactPage[data-ta-story-view="list"] .sfProjectStoryboardListWrap{
  display:block!important;
}
html body.ta-v3-visual-only main.sfProjectCompactPage .sfProjectStoryMain{
  min-height:460px!important;
  max-height:none!important;
  overflow:visible!important;
}
html body.ta-v3-visual-only main.sfProjectCompactPage :is(.sfStoryboardCardGrid.sfStoryTwoRows,.sfProjectStoryboardListWrap){
  min-height:360px!important;
  max-height:none!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}

/* Asset cards: single click previews media; double click keeps the editor. */
html body.ta-v3-visual-only main.sfAssetLibraryShell .assetTile.ta-asset-previewable{cursor:zoom-in!important}
html body.ta-v3-visual-only main.sfAssetLibraryShell .assetTile.ta-asset-previewable .assetThumb::after{
  content:'点击预览';position:absolute;right:8px;bottom:8px;z-index:3;height:24px;padding:0 9px;display:flex;align-items:center;
  border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(4,15,21,.68);color:#f4ffff;
  font-size:10px;font-weight:800;line-height:1;opacity:0;transform:translateY(4px);
  transition:opacity .16s ease,transform .16s ease;pointer-events:none;
}
html body.ta-v3-visual-only main.sfAssetLibraryShell .assetTile.ta-asset-previewable:hover .assetThumb::after{opacity:1;transform:translateY(0)}
html body.ta-v3-visual-only .ta-asset-preview-lightbox{
  position:fixed!important;inset:0!important;z-index:10020!important;display:grid!important;place-items:center!important;padding:28px!important;
  background:rgba(2,8,12,.76)!important;backdrop-filter:blur(14px) saturate(1.08)!important;opacity:0!important;transition:opacity .16s ease!important;
}
html body.ta-v3-visual-only .ta-asset-preview-lightbox.is-open{opacity:1!important}
html body.ta-v3-visual-only .ta-asset-preview-dialog{
  width:min(1120px,calc(100vw - 56px))!important;max-height:calc(100vh - 56px)!important;display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;overflow:hidden!important;border:1px solid rgba(116,242,224,.18)!important;
  border-radius:24px!important;background:#10191f!important;color:#f2fbfb!important;box-shadow:0 34px 110px rgba(0,0,0,.46)!important;
  transform:translateY(8px) scale(.985)!important;transition:transform .16s ease!important;
}
html body.ta-v3-visual-only .ta-asset-preview-lightbox.is-open .ta-asset-preview-dialog{transform:none!important}
html body.ta-v3-visual-only .ta-asset-preview-dialog>header{
  min-height:66px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;
  padding:12px 16px 12px 20px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;background:#152128!important;
}
html body.ta-v3-visual-only .ta-asset-preview-dialog h2{margin:0!important;font-size:18px!important;color:#f5ffff!important}
html body.ta-v3-visual-only .ta-asset-preview-dialog header p{margin:4px 0 0!important;font-size:12px!important;color:#91a8ad!important}
html body.ta-v3-visual-only .ta-asset-preview-close{
  width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border-radius:50%!important;
  font-size:25px!important;line-height:1!important;color:#dff7f5!important;background:rgba(255,255,255,.07)!important;
}
html body.ta-v3-visual-only .ta-asset-preview-stage{
  min-height:320px!important;display:grid!important;place-items:center!important;overflow:auto!important;padding:20px!important;
  background:radial-gradient(circle at 50% 32%,rgba(22,150,149,.14),transparent 46%),#081116!important;
}
html body.ta-v3-visual-only .ta-asset-preview-stage :is(img,video){
  display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:calc(100vh - 170px)!important;
  object-fit:contain!important;border-radius:14px!important;box-shadow:0 20px 70px rgba(0,0,0,.34)!important;
}
html body.ta-v3-visual-only .ta-asset-preview-empty{display:grid!important;gap:8px!important;text-align:center!important;color:#8fa4aa!important}
html body.ta-v3-visual-only .ta-asset-preview-empty b{color:#edfafa!important;font-size:18px!important}
@media(max-width:720px){
  html body.ta-v3-visual-only .ta-asset-preview-lightbox{padding:12px!important}
  html body.ta-v3-visual-only .ta-asset-preview-dialog{width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;border-radius:18px!important}
  html body.ta-v3-visual-only .ta-asset-preview-stage{min-height:240px!important;padding:12px!important}
}


/* Video creation: obvious rail controls and fully expanded categorized materials. */
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel[data-ta-collapsed="1"]{width:48px!important;min-width:48px!important;max-width:48px!important;padding:4px!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header{width:38px!important;height:176px!important;min-height:176px!important;border-radius:12px!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle{
  width:38px!important;min-width:38px!important;height:170px!important;min-height:170px!important;padding:10px 5px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  border:1px solid color-mix(in srgb,var(--ta-video-accent) 76%,transparent)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--ta-video-accent) 28%,var(--ta-video-surface-strong)),color-mix(in srgb,var(--ta-video-accent) 12%,var(--ta-video-surface)))!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--ta-video-accent) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-icon{font-size:22px!important;line-height:1!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] :is(.ta-video-sidebar-toggle-text,.ta-video-sidebar-toggle-name){
  display:inline!important;color:var(--ta-video-text)!important;writing-mode:vertical-rl!important;text-orientation:mixed!important;letter-spacing:1px!important;
  white-space:nowrap!important;font-size:11px!important;font-weight:850!important;line-height:15px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel:not([data-ta-collapsed="1"]) .ta-video-sidebar-toggle{width:64px!important;min-width:64px!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel:not([data-ta-collapsed="1"])>header>h2,
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel:not([data-ta-collapsed="1"])>header>h3{padding-right:70px!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel:not([data-ta-collapsed="1"]) .ta-video-sidebar-toggle-name{display:none!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>.sfVideoInputCol{height:auto!important;min-height:0!important;max-height:none!important;overflow-x:hidden!important;overflow-y:visible!important;align-self:start!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoRefsBar.ta-video-material-groups{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important;height:auto!important;min-height:0!important;
  max-height:none!important;padding:0!important;overflow:visible!important;align-content:start!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-material-group{
  display:grid!important;grid-template-rows:auto auto!important;gap:7px!important;min-width:0!important;padding:9px!important;
  border:1px solid var(--ta-video-border-soft)!important;border-radius:12px!important;background:color-mix(in srgb,var(--ta-video-surface-strong) 82%,transparent)!important;box-shadow:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-material-group-head{min-height:22px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:0 2px!important;background:transparent!important;border:0!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-material-group-head b{color:var(--ta-video-text)!important;font-size:12px!important;font-weight:850!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-material-group-head span{
  min-width:34px!important;height:20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 7px!important;
  border-radius:999px!important;background:color-mix(in srgb,var(--ta-video-accent) 14%,transparent)!important;color:var(--ta-video-accent)!important;font-size:10px!important;font-weight:800!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-material-group-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:max-content!important;gap:8px!important;
  min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-material-group-grid>.sfVideoRefChip{width:100%!important;min-width:0!important;height:auto!important;min-height:104px!important;max-height:none!important;margin:0!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-material-group-empty{
  grid-column:1 / -1!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border:1px dashed var(--ta-video-border)!important;border-radius:9px!important;color:var(--ta-video-muted)!important;font-size:11px!important;
}
@media(max-width:1080px){
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel[data-ta-collapsed="1"]{width:100%!important;min-width:0!important;max-width:none!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header{width:100%!important;height:42px!important;min-height:42px!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle{width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;flex-direction:row!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] :is(.ta-video-sidebar-toggle-text,.ta-video-sidebar-toggle-name){writing-mode:horizontal-tb!important;letter-spacing:0!important}
}


/* Video creation correction: compact rail buttons, light material cards, stable prompt contrast. */
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel[data-ta-collapsed="1"]{
  width:36px!important;min-width:36px!important;max-width:36px!important;padding:3px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header{
  width:30px!important;height:116px!important;min-height:116px!important;padding:2px!important;border-radius:9px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle{
  position:static!important;width:30px!important;min-width:30px!important;height:112px!important;min-height:112px!important;padding:7px 3px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;border-radius:8px!important;
  transform:none!important;box-shadow:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-icon{font-size:18px!important;line-height:18px!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-text{
  display:inline!important;writing-mode:vertical-rl!important;text-orientation:upright!important;letter-spacing:0!important;white-space:nowrap!important;
  font-size:10px!important;font-weight:850!important;line-height:13px!important;color:var(--ta-video-text)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel:not([data-ta-collapsed="1"]) .ta-video-sidebar-toggle{width:46px!important;min-width:46px!important;height:26px!important;min-height:26px!important;padding:0 6px!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel:not([data-ta-collapsed="1"])>header>h2,
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel:not([data-ta-collapsed="1"])>header>h3{padding-right:52px!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-sidebar-toggle-name{display:none!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-material-group{grid-column:1 / -1!important;width:100%!important;min-width:0!important;max-width:none!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-material-group-grid>.sfVideoRefChip{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;height:auto!important;min-height:0!important;
  overflow:hidden!important;border-radius:10px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-material-group-grid>.sfVideoRefChip>:is(img,video,.sfPickPlaceholder){
  display:block!important;grid-column:1!important;grid-row:1!important;width:100%!important;height:auto!important;min-height:0!important;
  aspect-ratio:4 / 3!important;object-fit:contain!important;border-radius:0!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-material-group-grid>.sfVideoRefChip>span{
  grid-column:1!important;grid-row:2!important;display:block!important;width:100%!important;min-width:0!important;min-height:30px!important;
  padding:6px 8px!important;border-radius:0!important;overflow:hidden!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-material-group-grid>.sfVideoRefChip>span b{
  display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-material-group,
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoRefChip,
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoRefChip>span{
  background:#fff!important;color:#203b36!important;-webkit-text-fill-color:#203b36!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoRefChip>:is(img,video,.sfPickPlaceholder){background:#edf3f1!important;color:#6d817d!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoRefChip :is(b,strong){color:#203b36!important;-webkit-text-fill-color:#203b36!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .sfVideoPromptHighlightHost>.sfVideoPromptHighlightMirror{
  opacity:1!important;color:var(--ta-video-text)!important;-webkit-text-fill-color:var(--ta-video-text)!important;
}
@container (max-width:260px){
  html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-material-group-grid{grid-template-columns:minmax(0,1fr)!important}
}
html body.ta-v3-visual-only main.sfVideoCompactPage .creatorPanel>.sfVideoInputCol{container-type:inline-size!important}
@media(max-width:1320px){
  html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-material-group-grid{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:1080px){
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel[data-ta-collapsed="1"]{width:100%!important;min-width:0!important;max-width:none!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header{width:100%!important;height:38px!important;min-height:38px!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle{width:100%!important;min-width:0!important;height:34px!important;min-height:34px!important;flex-direction:row!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-text{writing-mode:horizontal-tb!important;text-orientation:mixed!important}
}


/* Project splitter correction: isolate drag updates and suppress cross-page flashing. */
html body.ta-v3-visual-only.ta-project-is-resizing,
html body.ta-v3-visual-only.ta-project-is-resizing main.workspace.sfProjectCompactPage{
  cursor:ns-resize!important;
  user-select:none!important;
}
html body.ta-v3-visual-only.ta-project-is-resizing main.workspace.sfProjectCompactPage,
html body.ta-v3-visual-only.ta-project-is-resizing main.workspace.sfProjectCompactPage *{
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important;
}
html body.ta-v3-visual-only.ta-project-is-resizing main.workspace.sfProjectCompactPage,
html body.ta-v3-visual-only.ta-project-is-resizing main.workspace.sfProjectCompactPage>.detail{
  transform:none!important;filter:none!important;perspective:none!important;contain:none!important;will-change:auto!important;
}
html body.ta-v3-visual-only.ta-project-is-resizing main.workspace.sfProjectCompactPage .sfScriptColumnPanel{
  z-index:auto!important;opacity:1!important;transform:none!important;
}
html body.ta-v3-visual-only.ta-project-is-resizing main.workspace.sfProjectCompactPage .sfProjectEpisodeRail{
  z-index:auto!important;opacity:1!important;transform:none!important;
}
html body.ta-v3-visual-only.ta-project-is-resizing main.workspace.sfProjectCompactPage :is(.sfScriptColumnPanel,.sfProjectEpisodeRail,.threeCols,.sfProjectStoryMain,.sfStoryboardCardGrid,.sfProjectStoryboardListWrap){
  content-visibility:visible!important;
}
html body.ta-v3-visual-only.ta-project-is-resizing main.workspace.sfProjectCompactPage :is(.sfScriptColumnPanel,.sfProjectEpisodeRail){
  transform:none!important;
  opacity:1!important;
  will-change:auto!important;
}
html body.ta-v3-visual-only.ta-project-is-resizing main.workspace.sfProjectCompactPage :is(.threeCols,.sfProjectStoryMain){
  overflow:hidden!important;
  contain:paint!important;
}
html body.ta-v3-visual-only.ta-project-is-resizing main.workspace.sfProjectCompactPage :is(.threeCols,.sfProjectStoryMain,.sfProjectEpisodeRail,.sfScriptColumnPanel){
  pointer-events:none!important;
}
html body.ta-v3-visual-only.ta-project-is-resizing main.workspace.sfProjectCompactPage .sfProjectVerticalSplitter{
  pointer-events:auto!important;
  z-index:40!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage[data-ta-story-view="card"] .sfProjectStoryMain>.sfStoryboardCardGrid{
  display:grid!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage[data-ta-story-view="card"] .sfProjectStoryMain>.sfProjectStoryboardListWrap{
  display:none!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage[data-ta-story-view="list"] .sfProjectStoryMain>.sfStoryboardCardGrid{
  display:none!important;
}
html body.ta-v3-visual-only main.workspace.sfProjectCompactPage[data-ta-story-view="list"] .sfProjectStoryMain>.sfProjectStoryboardListWrap{
  display:block!important;
}
html body.ta-v3-visual-only.ta-project-is-resizing main.workspace.sfProjectCompactPage .sfProjectVerticalSplitter.is-resizing .ta-project-splitter-label{
  transform:translate(-50%,-50%)!important;
  box-shadow:none!important;
}


/* Unified material picker: element cards already sit inside role/scene/prop tabs, so the repeated image badge is redundant. */
html body.ta-v3-visual-only .sfUnifiedVideoPicker:has(.sfVideoPickerTabs [data-tab="角色"]):has(.sfVideoPickerTabs [data-tab="场景"]):has(.sfVideoPickerTabs [data-tab="道具"]) .sfVideoPickerGrid .sfVideoPickCard>small{
  display:none!important;
}


/* Video creation rail controls: wide edge tabs with explicit, unclipped actions. */
html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-episodes-collapsed:not(.ta-video-stories-collapsed) .videoGrid{
  grid-template-columns:62px 160px minmax(0,1fr)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-stories-collapsed:not(.ta-video-episodes-collapsed) .videoGrid{
  grid-template-columns:130px 62px minmax(0,1fr)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-episodes-collapsed.ta-video-stories-collapsed .videoGrid{
  grid-template-columns:62px 62px minmax(0,1fr)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel[data-ta-collapsed="1"]{
  width:62px!important;min-width:62px!important;max-width:62px!important;padding:4px!important;
  overflow:visible!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header{
  width:54px!important;height:132px!important;min-height:132px!important;padding:0!important;overflow:visible!important;
  border:0!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header>:is(h2,h3){display:none!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle{
  position:static!important;width:54px!important;min-width:54px!important;height:128px!important;min-height:128px!important;
  padding:9px 4px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  overflow:visible!important;border:1px solid color-mix(in srgb,var(--ta-video-accent) 62%,var(--ta-video-border))!important;border-radius:14px!important;
  background:color-mix(in srgb,var(--ta-video-accent) 13%,var(--ta-video-surface-strong))!important;color:var(--ta-video-text)!important;
  box-shadow:0 6px 16px color-mix(in srgb,var(--ta-video-accent) 12%,transparent)!important;transform:none!important;cursor:pointer!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle:hover,
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle:focus-visible{
  border-color:var(--ta-video-accent)!important;background:color-mix(in srgb,var(--ta-video-accent) 21%,var(--ta-video-surface-strong))!important;
  box-shadow:0 8px 20px color-mix(in srgb,var(--ta-video-accent) 18%,transparent)!important;outline:2px solid color-mix(in srgb,var(--ta-video-accent) 32%,transparent)!important;outline-offset:2px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-icon{
  width:24px!important;height:24px!important;display:grid!important;place-items:center!important;flex:0 0 24px!important;
  border-radius:999px!important;background:var(--ta-video-accent)!important;color:#fff!important;font-size:20px!important;font-weight:900!important;line-height:24px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] :is(.ta-video-sidebar-toggle-name,.ta-video-sidebar-toggle-text){
  display:block!important;width:100%!important;margin:0!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;letter-spacing:0!important;
  white-space:nowrap!important;overflow:visible!important;text-align:center!important;color:var(--ta-video-text)!important;-webkit-text-fill-color:var(--ta-video-text)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-name{
  font-size:11px!important;font-weight:900!important;line-height:16px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-text{
  font-size:10px!important;font-weight:750!important;line-height:14px!important;color:var(--ta-video-muted)!important;-webkit-text-fill-color:var(--ta-video-muted)!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle{
  background:#edf5f3!important;border-color:#9acbc5!important;color:#203b36!important;box-shadow:0 5px 14px rgba(33,91,82,.10)!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-name{
  color:#203b36!important;-webkit-text-fill-color:#203b36!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-text{
  color:#607a75!important;-webkit-text-fill-color:#607a75!important;
}
@media(max-width:1080px){
  html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-episodes-collapsed .videoGrid,
  html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-stories-collapsed .videoGrid{grid-template-columns:minmax(0,1fr)!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel[data-ta-collapsed="1"]{width:100%!important;min-width:0!important;max-width:none!important;padding:0!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header{width:100%!important;height:42px!important;min-height:42px!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle{
    width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;padding:4px 12px!important;flex-direction:row!important;gap:8px!important
  }
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] :is(.ta-video-sidebar-toggle-name,.ta-video-sidebar-toggle-text){width:auto!important}
}


/* Light project workspace: readable breadcrumb and theme-matched scrollbars. */
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.workspace.sfProjectCompactPage .projectCrumb{
  background:#e8f0ee!important;border-color:rgba(46,91,84,.16)!important;color:#526f69!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.workspace.sfProjectCompactPage .projectCrumb :is(button,a){
  min-height:32px!important;padding:5px 12px!important;border:1px solid rgba(43,91,83,.16)!important;border-radius:999px!important;
  background:#f7faf9!important;color:#244a43!important;-webkit-text-fill-color:#244a43!important;font-weight:800!important;
  text-shadow:none!important;opacity:1!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.workspace.sfProjectCompactPage .projectCrumb :is(button,a):hover{
  border-color:rgba(22,139,123,.34)!important;background:#dff0ec!important;color:#0d6f63!important;-webkit-text-fill-color:#0d6f63!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.workspace.sfProjectCompactPage .projectCrumb :is(b,strong,span){
  color:#355b54!important;-webkit-text-fill-color:#355b54!important;text-shadow:none!important;opacity:1!important;
}
html:not([data-sf-theme="dark"]),
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only,
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only *{
  scrollbar-color:#72a69e #e4eeec!important;
}
html:not([data-sf-theme="dark"])::-webkit-scrollbar,
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only::-webkit-scrollbar,
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only *::-webkit-scrollbar{
  width:10px!important;height:10px!important;
}
html:not([data-sf-theme="dark"])::-webkit-scrollbar-track,
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only::-webkit-scrollbar-track,
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only *::-webkit-scrollbar-track{
  background:#e4eeec!important;border:1px solid rgba(52,94,87,.08)!important;border-radius:999px!important;
}
html:not([data-sf-theme="dark"])::-webkit-scrollbar-thumb,
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only::-webkit-scrollbar-thumb,
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only *::-webkit-scrollbar-thumb{
  min-height:34px!important;border:2px solid #e4eeec!important;border-radius:999px!important;background:#72a69e!important;
  box-shadow:none!important;
}
html:not([data-sf-theme="dark"])::-webkit-scrollbar-thumb:hover,
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only::-webkit-scrollbar-thumb:hover,
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only *::-webkit-scrollbar-thumb:hover{
  background:#4f8f85!important;
}
html:not([data-sf-theme="dark"])::-webkit-scrollbar-corner,
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only::-webkit-scrollbar-corner,
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only *::-webkit-scrollbar-corner{
  background:#e4eeec!important;
}


/* Video sidebar capsules: horizontal when open, one clean vertical capsule when collapsed. */
html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-episodes-collapsed:not(.ta-video-stories-collapsed) .videoGrid{
  grid-template-columns:68px 160px minmax(0,1fr)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-stories-collapsed:not(.ta-video-episodes-collapsed) .videoGrid{
  grid-template-columns:130px 68px minmax(0,1fr)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-episodes-collapsed.ta-video-stories-collapsed .videoGrid{
  grid-template-columns:68px 68px minmax(0,1fr)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel[data-ta-collapsed="1"]{
  width:68px!important;min-width:68px!important;max-width:68px!important;height:190px!important;min-height:190px!important;max-height:190px!important;
  padding:4px!important;overflow:visible!important;align-self:start!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoWorkspace:has(>.projectCrumb) .videoGrid>.videoSidebar.panel{
  margin-top:74px!important;align-self:start!important;z-index:1!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header{
  width:60px!important;height:182px!important;min-height:182px!important;padding:0!important;overflow:visible!important;
  border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header>:is(h2,h3){display:none!important}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle{
  position:static!important;width:60px!important;min-width:60px!important;height:182px!important;min-height:182px!important;margin:0!important;
  padding:12px 6px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  overflow:hidden!important;border:1px solid color-mix(in srgb,var(--ta-video-accent) 62%,var(--ta-video-border))!important;border-radius:999px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--ta-video-accent) 20%,var(--ta-video-surface-strong)),color-mix(in srgb,var(--ta-video-accent) 9%,var(--ta-video-surface)))!important;
  color:var(--ta-video-text)!important;box-shadow:0 8px 22px color-mix(in srgb,var(--ta-video-accent) 14%,transparent)!important;
  transform:none!important;cursor:pointer!important;touch-action:manipulation!important;user-select:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-icon{
  width:26px!important;height:26px!important;min-width:26px!important;flex:0 0 26px!important;display:grid!important;place-items:center!important;
  border-radius:50%!important;background:var(--ta-video-accent)!important;color:#062d29!important;font-size:21px!important;font-weight:950!important;line-height:26px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-name{
  width:46px!important;display:grid!important;gap:1px!important;margin:0!important;text-align:center!important;
  writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:normal!important;overflow:visible!important;
  color:var(--ta-video-text)!important;-webkit-text-fill-color:var(--ta-video-text)!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-name b{
  display:block!important;margin:0!important;padding:0!important;color:inherit!important;-webkit-text-fill-color:inherit!important;
  font-size:13px!important;font-weight:900!important;line-height:17px!important;letter-spacing:0!important;white-space:nowrap!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-text{
  display:block!important;width:46px!important;margin:0!important;text-align:center!important;white-space:nowrap!important;overflow:visible!important;
  writing-mode:horizontal-tb!important;text-orientation:mixed!important;color:var(--ta-video-muted)!important;-webkit-text-fill-color:var(--ta-video-muted)!important;
  font-size:10px!important;font-weight:800!important;line-height:14px!important;letter-spacing:0!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle:hover,
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle:focus-visible{
  border-color:var(--ta-video-accent)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--ta-video-accent) 28%,var(--ta-video-surface-strong)),color-mix(in srgb,var(--ta-video-accent) 14%,var(--ta-video-surface)))!important;
  box-shadow:0 10px 26px color-mix(in srgb,var(--ta-video-accent) 20%,transparent)!important;outline:2px solid color-mix(in srgb,var(--ta-video-accent) 28%,transparent)!important;outline-offset:2px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel:not([data-ta-collapsed="1"])>header{
  position:relative!important;overflow:visible!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel:not([data-ta-collapsed="1"])>header>:is(h2,h3){
  display:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel:not([data-ta-collapsed="1"]) .ta-video-sidebar-toggle{
  position:absolute!important;top:50%!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;
  width:auto!important;min-width:104px!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0 13px!important;
  display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  overflow:hidden!important;border:1px solid var(--ta-video-border)!important;border-radius:999px!important;
  background:color-mix(in srgb,var(--ta-video-accent) 11%,var(--ta-video-surface-strong))!important;color:var(--ta-video-text)!important;
  box-shadow:none!important;cursor:pointer!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel:not([data-ta-collapsed="1"]) .ta-video-sidebar-toggle-icon{
  width:auto!important;height:auto!important;min-width:0!important;flex:0 0 auto!important;background:transparent!important;color:var(--ta-video-accent)!important;
  font-size:19px!important;font-weight:950!important;line-height:1!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel:not([data-ta-collapsed="1"]) .ta-video-sidebar-toggle-text{
  display:block!important;width:auto!important;margin:0!important;white-space:nowrap!important;writing-mode:horizontal-tb!important;
  color:var(--ta-video-text)!important;-webkit-text-fill-color:var(--ta-video-text)!important;font-size:11px!important;font-weight:850!important;line-height:1!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel:not([data-ta-collapsed="1"]) .ta-video-sidebar-toggle-name{display:none!important}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle{
  border-color:#8fc4bd!important;background:linear-gradient(180deg,#e2f1ee,#f3f8f7)!important;color:#21453f!important;
  box-shadow:0 7px 18px rgba(35,93,84,.11)!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] :is(.ta-video-sidebar-toggle-name,.ta-video-sidebar-toggle-name b){
  color:#21453f!important;-webkit-text-fill-color:#21453f!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-text{
  color:#5d7a74!important;-webkit-text-fill-color:#5d7a74!important;
}
html:not([data-sf-theme="dark"]) body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel:not([data-ta-collapsed="1"]) .ta-video-sidebar-toggle{
  border-color:#9bc7c1!important;background:#eef6f4!important;color:#274b45!important;
}
@media(max-width:1080px){
  html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-episodes-collapsed .videoGrid,
  html body.ta-v3-visual-only main.sfVideoCompactPage.ta-video-stories-collapsed .videoGrid{grid-template-columns:minmax(0,1fr)!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoWorkspace:has(>.projectCrumb) .videoGrid>.videoSidebar.panel{margin-top:0!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel[data-ta-collapsed="1"]{width:100%!important;min-width:0!important;max-width:none!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:0!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"]>header{width:100%!important;height:44px!important;min-height:44px!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle{
    width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;padding:5px 12px!important;flex-direction:row!important;gap:8px!important
  }
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-name{width:auto!important;display:flex!important;gap:3px!important}
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-text{width:auto!important}
}

/* Stable video rail controls: no hover drift, no nested label pills, reliable full-button clicks. */
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel>header{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  pointer-events:auto!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel>header::before,
html body.ta-v3-visual-only main.sfVideoCompactPage .videoGrid>.videoSidebar.panel>header::after,
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-sidebar-toggle::before,
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-sidebar-toggle::after{
  content:none!important;display:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-sidebar-toggle{
  z-index:20!important;pointer-events:auto!important;touch-action:manipulation!important;user-select:none!important;
  transition:none!important;animation:none!important;will-change:auto!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-sidebar-toggle:hover,
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-sidebar-toggle:active,
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-sidebar-toggle:focus,
html body.ta-v3-visual-only main.sfVideoCompactPage .ta-video-sidebar-toggle:focus-visible{
  translate:none!important;scale:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel:not([data-ta-collapsed="1"])>header{
  width:100%!important;height:44px!important;min-height:44px!important;padding:0!important;
  border:1px solid var(--ta-video-border)!important;border-radius:12px!important;
  background:color-mix(in srgb,var(--ta-video-accent) 10%,var(--ta-video-surface-strong))!important;box-shadow:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel:not([data-ta-collapsed="1"]) .ta-video-sidebar-toggle,
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel:not([data-ta-collapsed="1"]) .ta-video-sidebar-toggle:hover,
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel:not([data-ta-collapsed="1"]) .ta-video-sidebar-toggle:active,
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel:not([data-ta-collapsed="1"]) .ta-video-sidebar-toggle:focus-visible{
  position:static!important;inset:auto!important;transform:none!important;translate:none!important;scale:none!important;
  width:100%!important;min-width:0!important;max-width:none!important;height:42px!important;min-height:42px!important;
  margin:0!important;padding:0 10px!important;flex:1 1 auto!important;
  background:transparent!important;background-image:none!important;border:0!important;border-radius:11px!important;box-shadow:none!important;outline:0!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel:not([data-ta-collapsed="1"])>header:hover,
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel:not([data-ta-collapsed="1"])>header:has(.ta-video-sidebar-toggle:focus-visible){
  border-color:color-mix(in srgb,var(--ta-video-accent) 70%,var(--ta-video-border))!important;
  background:color-mix(in srgb,var(--ta-video-accent) 16%,var(--ta-video-surface-strong))!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle,
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle:hover,
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle:active,
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle:focus-visible{
  position:static!important;inset:auto!important;transform:none!important;translate:none!important;scale:none!important;
  outline:0!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle{
  gap:5px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-icon{
  margin:0 0 2px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-name,
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-name b,
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-text{
  background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  outline:0!important;padding:0!important;transform:none!important;filter:none!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-name{
  gap:3px!important;
}
html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-text{
  margin:7px 0 0!important;line-height:14px!important;
}
@media(max-width:1080px){
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel:not([data-ta-collapsed="1"]) .ta-video-sidebar-toggle{
    width:100%!important;min-width:0!important;max-width:none!important;
  }
  html body.ta-v3-visual-only main.sfVideoCompactPage .videoSidebar.panel[data-ta-collapsed="1"] .ta-video-sidebar-toggle-text{
    margin:0!important;
  }
}