/* LL AI v64.5.4 — clean Images composer motion.
   Sidebar visible: keep the full composer off-canvas and show one compact launcher.
   Sidebar collapsed: reveal the full composer with a deliberate upward slide. */

body.v632ImagesOpen.ll649ImageMotion #imageStudio .imagePromptBar{
  opacity:0!important;
  pointer-events:none!important;
  transform:translateX(-50%) translateY(calc(100% + 34px)) scale(.985)!important;
  filter:blur(2px)!important;
  transition:
    transform .34s cubic-bezier(.22,.9,.24,1),
    opacity .20s ease,
    filter .20s ease!important;
  will-change:transform,opacity,filter;
}

body.v632ImagesOpen.ll649ImageMotion.ll649ComposerExpanded #imageStudio .imagePromptBar,
body.v632ImagesOpen.ll649ImageMotion.ll649ComposerExpanded.ll647ImageTyping #imageStudio .imagePromptBar{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0) scale(1)!important;
  filter:none!important;
}

/* While the sidebar is visible, don't reserve a giant blank composer gutter. */
body.v632ImagesOpen.ll649ImageMotion.ll649ComposerCompact #imageStudio .imageStudioBody{
  padding-bottom:78px!important;
  scroll-padding-bottom:78px!important;
}

/* Compact launcher used only in the sidebar-visible state. */
#ll649ImageCreateDock{
  position:fixed;
  z-index:1300;
  left:calc(var(--side-width,306px) + (100vw - var(--side-width,306px))/2);
  bottom:max(15px,calc(12px + env(safe-area-inset-bottom,0px)));
  transform:translate(-50%,18px) scale(.97);
  display:flex;
  align-items:center;
  gap:9px;
  min-height:46px;
  padding:0 16px 0 13px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:color-mix(in srgb,var(--theme-surface-2,#22252d) 90%,transparent);
  color:var(--theme-text,#fff);
  box-shadow:0 18px 54px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.045);
  backdrop-filter:blur(18px) saturate(1.12);
  -webkit-backdrop-filter:blur(18px) saturate(1.12);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:
    transform .28s cubic-bezier(.22,.9,.24,1),
    opacity .18s ease,
    visibility 0s linear .28s;
  font:inherit;
  font-size:13px;
  font-weight:720;
  letter-spacing:-.01em;
  cursor:pointer;
  touch-action:manipulation;
}
#ll649ImageCreateDock .ll649CreateSpark{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(var(--accent-rgb,126,135,255),.14);
  color:var(--accent,#8b93ff);
  font-size:15px;
  line-height:1;
}
#ll649ImageCreateDock:hover{
  border-color:rgba(var(--accent-rgb,126,135,255),.34);
  background:color-mix(in srgb,var(--theme-surface-2,#22252d) 84%,var(--accent,#8b93ff) 16%);
}
#ll649ImageCreateDock:active{transform:translate(-50%,0) scale(.98)}
#ll649ImageCreateDock:focus-visible{outline:2px solid var(--accent,#8b93ff);outline-offset:3px}

body.v632ImagesOpen.ll649ImageMotion.ll649ComposerCompact.ll649DockReady #ll649ImageCreateDock{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(-50%,0) scale(1);
  transition-delay:0s;
}
body.ll649ComposerExpanded #ll649ImageCreateDock,
body.ll647ImageTyping #ll649ImageCreateDock{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* The status belongs to the composer. Hide it in compact mode unless there is
   active text (JS adds ll649StatusActive when needed). */
body.v632ImagesOpen.ll649ComposerCompact:not(.ll649StatusActive) #imageStudio .imageStatus{
  opacity:0!important;
  pointer-events:none!important;
}

/* Keep the transition polished on the user's landscape tablet. */
@media(orientation:landscape) and (min-width:801px){
  #ll649ImageCreateDock{min-height:44px;padding-inline:12px 15px}
}

@media(max-width:800px){
  #ll649ImageCreateDock{
    left:50%;
    bottom:max(12px,calc(10px + env(safe-area-inset-bottom,0px)));
  }
}

@media(prefers-reduced-motion:reduce){
  body.v632ImagesOpen.ll649ImageMotion #imageStudio .imagePromptBar,
  #ll649ImageCreateDock{transition:none!important}
}

/* v64.5.4 — sidebar is user-controlled; no auto-collapse launcher. */
#ll649ImageCreateDock{display:none!important}