/* User1 video panel V4.16 — compact static left column.
   Overrides previous V4.6 / V4.9 / V4.10 height conflicts.
   Native video logic and responsive mobile layout are untouched. */
@media (min-width: 901px) {
  html:not([data-autotube-theme="dark"]) body #visualVideoPane .video-control-column {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    min-height: 0 !important;
    height: 100% !important;
    justify-content: flex-start !important;
    gap: clamp(5px, .75vh, 9px) !important;
    padding: clamp(8px, 1vh, 12px) !important;
  }
  html:not([data-autotube-theme="dark"]) body #visualVideoPane .video-control-column::-webkit-scrollbar {
    display: none !important;
  }
  html:not([data-autotube-theme="dark"]) body #visualVideoPane .visual-control-heading {
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 2px !important;
  }
  html:not([data-autotube-theme="dark"]) body #visualVideoPane .visual-control-heading h2 {
    font-size: clamp(22px, 1.9vw, 29px) !important;
    line-height: 1.05 !important;
  }
  html:not([data-autotube-theme="dark"]) body #visualVideoPane.at48-installed #videoManagedStatusCard,
  html:not([data-autotube-theme="dark"]) body #visualVideoPane.at48-installed .video-parameter-block {
    min-height: 0 !important;
    height: auto !important;
    flex: 0 0 auto !important;
    gap: clamp(5px, .7vh, 8px) !important;
    padding: clamp(8px, 1.1vh, 11px) !important;
    justify-content: flex-start !important;
  }
  html:not([data-autotube-theme="dark"]) body #visualVideoPane.at48-installed .local-style-picker-trigger {
    min-height: clamp(51px, 6.9vh, 66px) !important;
    height: clamp(51px, 6.9vh, 66px) !important;
    padding: 5px 9px !important;
  }
  html:not([data-autotube-theme="dark"]) body #visualVideoPane.at48-installed .local-style-picker-thumb {
    width: clamp(79px, 7.5vw, 98px) !important;
    height: clamp(44px, 5.5vh, 55px) !important;
  }
  html:not([data-autotube-theme="dark"]) body #visualVideoPane.at48-installed .video-fixed-parameters > span {
    min-height: clamp(35px, 4.9vh, 43px) !important;
    padding: 5px 9px !important;
  }
  html:not([data-autotube-theme="dark"]) body #visualVideoPane.at48-installed label.video-compact-toggle {
    min-height: clamp(49px, 6.4vh, 59px) !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  html:not([data-autotube-theme="dark"]) body #visualVideoPane.at48-installed .at48-video-runtime {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    margin: auto 0 0 !important;
    padding: 4px 0 0 !important;
    gap: 6px !important;
  }
  html:not([data-autotube-theme="dark"]) body #visualVideoPane.at48-installed .at48-video-start {
    min-height: 45px !important;
    height: 45px !important;
    max-height: 45px !important;
  }
}
@media (min-width: 901px) and (max-height: 730px) {
  html:not([data-autotube-theme="dark"]) body #visualVideoPane .video-control-column {
    padding: 6px !important;
    gap: 4px !important;
  }
  html:not([data-autotube-theme="dark"]) body #visualVideoPane.at48-installed #videoManagedStatusCard,
  html:not([data-autotube-theme="dark"]) body #visualVideoPane.at48-installed .video-parameter-block {
    padding: 6px 8px !important;
    gap: 4px !important;
  }
  html:not([data-autotube-theme="dark"]) body #visualVideoPane .visual-control-heading h2 {
    font-size: 22px !important;
  }
}
/* Show actual native video-generation failures in the visible V4.8 shell.
   Previously the message was invisibly clipped with the native status. */
html:not([data-autotube-theme="dark"]) body #visualVideoPane.at48-installed .at48-video-error[hidden] {
  display: none !important;
}
html:not([data-autotube-theme="dark"]) body #visualVideoPane.at48-installed .at48-video-error:not([hidden]) {
  display: block !important;
  padding: 8px 10px !important;
  margin: 0 !important;
  border: 1px solid #f5bec6 !important;
  border-radius: 10px !important;
  background: #fff3f4 !important;
  color: #b60019 !important;
  font: 600 12px/1.35 Inter, system-ui, sans-serif !important;
  overflow-wrap: anywhere !important;
  max-height: 86px !important;
  overflow-y: auto !important;
}
