/* AUTOTUBE FACTORY — USER1 PRIVATE V4.3 */
/* Styling-only layer; no generator/API/job/state changes. */
:root { --at43-red:#F00016; --at43-ink:#101011; --at43-border:#DADDE1; }

/* 1. Voice headline: 40% larger than V4.2, with a red waveform icon. */
html:not([data-autotube-theme="dark"]) body #voiceWorkspace .voice-left-column .voice-column-heading {
  margin:0!important;
  padding:0!important;
}
html:not([data-autotube-theme="dark"]) body #voiceWorkspace .voice-left-column .voice-column-heading .card-kicker {
  margin:0 0 3px!important;
  line-height:1.2!important;
}
html:not([data-autotube-theme="dark"]) body #voiceWorkspace .voice-script-workspace .section-heading {
  margin:0 0 7px!important;
  min-height:34px!important;
  align-items:center!important;
}
html:not([data-autotube-theme="dark"]) body #voiceWorkspace .voice-script-workspace .section-heading label[for="ttsSource"] {
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  margin:0!important;
  font-family:Inter,Arial,sans-serif!important;
  font-weight:900!important;
  font-size:clamp(22px,2vw,29px)!important;
  line-height:1.14!important;
  letter-spacing:-.03em!important;
  color:var(--at43-ink)!important;
}
html:not([data-autotube-theme="dark"]) body #voiceWorkspace .voice-script-workspace .section-heading label[for="ttsSource"]::before {
  content:""!important;
  display:inline-block!important;
  width:27px!important;
  height:27px!important;
  flex:0 0 27px!important;
  background-color:var(--at43-red)!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M2 10v4M6 7v10M10 3v18M14 8v8M18 5v14M22 10v4'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M2 10v4M6 7v10M10 3v18M14 8v8M18 5v14M22 10v4'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
html:not([data-autotube-theme="dark"]) body #voiceWorkspace .voice-left-column {gap:6px!important;}

/* 2. The exact desktop outer-frame geometry of Scenarios V3.4.
   Measured at 1525x960: (x=18,y=112,width=1489,height=834).
   Use the same flex viewport geometry for every workspace except Templates. */
@media (min-width:1101px) and (min-height:650px) {
  html:not([data-autotube-theme="dark"]) body:has(:is(#voiceTab,#photosTab,#montageTab,#packagingTab).active) {
    overflow:hidden!important;
  }
  html:not([data-autotube-theme="dark"]) body:has(:is(#voiceTab,#photosTab,#montageTab,#packagingTab).active) .app-shell {
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    width:calc(100% - 36px)!important;
    max-width:none!important;
    min-height:0!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0 auto!important;
    padding:6px 0 14px!important;
    overflow:hidden!important;
  }
  html:not([data-autotube-theme="dark"]) body:has(:is(#voiceTab,#photosTab,#montageTab,#packagingTab).active) .app-shell > :is(.topbar,.tabs) {
    flex:0 0 auto!important;
  }
  html:not([data-autotube-theme="dark"]) body :is(#voiceTab,#photosTab,#montageTab,#packagingTab).active {
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    align-self:stretch!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    min-height:0!important;
    margin:4px 0 0!important;
    padding:8px!important;
    overflow:hidden!important;
    background:#F9F9F8!important;
    background-image:none!important;
    border:1px solid #E9E9E8!important;
    border-radius:23px!important;
    box-shadow:0 12px 31px rgba(17,17,18,.035)!important;
  }
  html:not([data-autotube-theme="dark"]) body #voiceTab.active > #voiceWorkspace:not(.hidden),
  html:not([data-autotube-theme="dark"]) body #photosTab.active > .visual-tab-shell,
  html:not([data-autotube-theme="dark"]) body #montageTab.active > .montage-compact-shell,
  html:not([data-autotube-theme="dark"]) body #packagingTab.active > .packaging-workspace-shell {
    box-sizing:border-box!important;
    flex:1 1 auto!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
    margin:0!important;
    overflow:hidden!important;
  }
  html:not([data-autotube-theme="dark"]) body #voiceTab.active > #voiceWorkspace:not(.hidden) .voice-compact-shell,
  html:not([data-autotube-theme="dark"]) body #voiceTab.active > #voiceWorkspace:not(.hidden) .voice-compact-grid,
  html:not([data-autotube-theme="dark"]) body #photosTab.active .visual-pane.active,
  html:not([data-autotube-theme="dark"]) body #montageTab.active .montage-main-grid,
  html:not([data-autotube-theme="dark"]) body #packagingTab.active .packaging-workspace-grid {
    box-sizing:border-box!important;
    min-height:0!important;
    height:100%!important;
  }
  /* Voice may display an API-key setup panel while disconnected; it stays within the frame. */
  html:not([data-autotube-theme="dark"]) body #voiceTab.active > #apiKeyCard:not(.hidden) {
    width:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:auto!important;
  }
}
/* Narrow and unusually short windows keep their native scrolling layouts. */

/* 3. Language dropdown identical to the Generation controls: same 2-triangle
   chevron, position 9/13px from the right and identical select padding. */
html:not([data-autotube-theme="dark"]) body #scenarioRewritePane #targetLanguage,
html:not([data-autotube-theme="dark"]) body #scenarioRewritePane #targetLanguage:hover,
html:not([data-autotube-theme="dark"]) body #scenarioRewritePane #targetLanguage:focus {
  appearance:none!important;
  -webkit-appearance:none!important;
  background-color:#FFFFFF!important;
  background-image:linear-gradient(45deg,transparent 50%,#17191c 50%),linear-gradient(135deg,#17191c 50%,transparent 50%)!important;
  background-position:calc(100% - 13px) 50%,calc(100% - 9px) 50%!important;
  background-size:4px 4px,4px 4px!important;
  background-repeat:no-repeat!important;
  padding-right:28px!important;
  color:#101011!important;
}

/* Existing dark theme untouched; icon/navigation text works in both themes. */
/* AUTOTUBE_USER1_PRIVATE_VISUAL_V43_END */