/* LL AI v63.9 — Images correctness + composer alignment. Loaded LAST. */
html[data-image-ui="634"]{--v634-max:1160px}
body.v634PhotoSheetOpen,body.v634TaskOpen{overflow:hidden!important}

/* Kill every older wrapping/grid rule on the preset area. */
#imageStudio .imageHero{display:none!important}
#imageStudio .imageStudioBody{display:block!important;padding:24px 26px 126px!important;overflow-y:auto!important;overflow-x:hidden!important}
#imageStudio .imageQuickPrompts,
#imageStudio .imageQuickPrompts.v632PresetRail,
#imageStudio .imageQuickPrompts.v634PresetRail{
  width:min(var(--v634-max),100%)!important;
  max-width:none!important;
  height:198px!important;
  max-height:198px!important;
  min-height:198px!important;
  margin:0 auto 34px!important;
  padding:0 2px 6px!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  flex-flow:row nowrap!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;
  scroll-padding-left:2px!important;
  scrollbar-width:none!important;
  overscroll-behavior-x:contain!important;
  touch-action:pan-x!important;
  -webkit-overflow-scrolling:touch!important;
  white-space:nowrap!important;
  contain:layout style!important;
}
#imageStudio .imageQuickPrompts::-webkit-scrollbar{display:none!important}
#imageStudio .imageQuickPrompts>button.v634Preset{
  position:relative!important;
  flex:0 0 112px!important;
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  height:190px!important;
  min-height:190px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  grid-template-rows:150px 34px!important;
  gap:7px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--theme-text,#f5f7ff)!important;
  text-align:left!important;
  white-space:normal!important;
  overflow:visible!important;
  scroll-snap-align:start!important;
  touch-action:pan-x!important;
}
#imageStudio .imageQuickPrompts>button.v634Preset::before,
#imageStudio .imageQuickPrompts>button.v634Preset::after{display:none!important}
.v634PresetArt{display:block!important;width:112px!important;height:150px!important;border-radius:18px!important;overflow:hidden!important;background:#151821!important;border:1px solid rgba(255,255,255,.075)!important;box-shadow:none!important;transform:translateZ(0)!important}
.v634PresetArt img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;transition:none!important;user-select:none!important;-webkit-user-drag:none!important}
.v634PresetLabel{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;padding:0 2px!important;font-size:12px!important;line-height:1.22!important;font-weight:590!important;color:#eef0f7!important;white-space:normal!important}
.v634Preset:focus-visible .v634PresetArt{outline:2px solid var(--accent)!important;outline-offset:2px!important}.v634Preset:active .v634PresetArt{transform:scale(.985)!important}
#v632PresetHead,.v634SectionHead{width:min(var(--v634-max),100%)!important;margin:0 auto 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
#v632PresetHead h2,.v634SectionHead h2{font-size:18px!important;margin:0!important;font-weight:760!important}.v632RailControls{display:flex!important;gap:6px!important}.v632RailControls button{display:grid!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;border-radius:11px!important}

/* Cleaner gallery spacing and composer. */
#imageStudio .imageGalleryHead,#imageStudio .imageGrid{width:min(var(--v634-max),100%)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
#imageStudio .imageGalleryHead h2{font-size:18px!important;letter-spacing:-.015em!important;margin:0!important}
#imageStudio .imagePromptBar{z-index:950!important;backdrop-filter:none!important}

/* Choose photo sheet */
.v634PhotoSheet{position:absolute;inset:0;z-index:1800;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}
.v634PhotoSheet[hidden]{display:none!important}
.v634PhotoCard{width:min(680px,calc(100vw - 34px));padding:24px 28px 22px;border-radius:24px;background:#1d1d1d;color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 100px rgba(0,0,0,.5)}
.v634PhotoCard h3{margin:0 0 9px;font-size:28px;font-weight:630;letter-spacing:-.025em}.v634PhotoCard p{margin:0 0 26px;color:#c8c8c8;font-size:14px;line-height:1.5}
.v634PhotoActions{display:grid;gap:18px}.v634PhotoActions button{width:100%;height:47px;border:0;border-radius:999px;background:#fff;color:#111;font-size:14px;font-weight:700}.v634PhotoActions button:active{transform:scale(.99)}.v634PhotoCancel{margin-top:22px!important;background:transparent!important;color:#fff!important;height:38px!important;font-weight:650!important}

/* Image generation conversation workspace */
.v634TaskView{position:absolute;inset:72px 0 0;z-index:1200;background:var(--theme-bg,#050505);overflow:auto;padding:28px 32px 120px;color:var(--theme-text,#fff)}
.v634TaskView[hidden]{display:none!important}.v634TaskInner{width:min(900px,100%);margin:0 auto;display:flex;flex-direction:column;gap:14px}.v634TaskTop{display:flex;align-items:center;gap:9px;margin-bottom:8px}.v634TaskBack{height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.06);color:inherit;font-weight:650}.v634TaskTitle{font-size:14px;font-weight:700;color:#d8dbe6}
.v634TaskUserImage{align-self:flex-end;width:min(330px,58vw);border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#111}.v634TaskUserImage img{display:block;width:100%;max-height:360px;object-fit:cover}
.v634TaskPrompt{align-self:flex-end;max-width:min(700px,88%);padding:14px 18px;border-radius:22px;background:color-mix(in srgb,var(--accent,#466fbf) 48%,#15223d);color:#fff;font-size:15px;line-height:1.48;white-space:pre-wrap}
.v634Creating{align-self:flex-start;width:326px;max-width:68vw;aspect-ratio:1/1;border-radius:22px;background:#3b3b3b;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.06)}.v634Creating b{position:absolute;left:20px;top:20px;font-size:16px;color:#ededed}.v634Creating::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 65%,rgba(255,255,255,.08),transparent 48%),linear-gradient(180deg,transparent 44%,rgba(0,0,0,.32));animation:v634Pulse 1.45s ease-in-out infinite alternate}.v634CreatingDots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.13) 1px,transparent 1.2px);background-size:13px 13px;mask-image:linear-gradient(to top,black,transparent 70%);opacity:.32}@keyframes v634Pulse{from{opacity:.65}to{opacity:1}}
.v634TaskStatus{align-self:flex-start;color:#aeb3c2;font-size:13px;min-height:18px}.v634TaskResult{align-self:flex-start;width:min(520px,74vw);display:grid;gap:10px}.v634TaskResult img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#101118}.v634TaskResultActions{display:flex;gap:8px;flex-wrap:wrap}.v634TaskResultActions button{height:38px;padding:0 13px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:inherit;font-weight:650}.v634TaskError{align-self:flex-start;max-width:560px;padding:14px 16px;border-radius:15px;background:rgba(255,70,90,.1);border:1px solid rgba(255,80,100,.24);color:#ffd8de;font-size:13px;line-height:1.5}
body.v634TaskOpen .imagePromptBar{display:none!important}

@media(max-width:900px){#imageStudio .imageStudioBody{padding:18px 16px 116px!important}.v634TaskView{padding:22px 18px 108px}.v634PhotoCard{padding:22px}.v634PhotoCard h3{font-size:25px}}
@media(max-width:600px){#imageStudio .imageQuickPrompts,#imageStudio .imageQuickPrompts.v632PresetRail,#imageStudio .imageQuickPrompts.v634PresetRail{height:184px!important;min-height:184px!important;max-height:184px!important;gap:10px!important}.v634PresetArt{width:102px!important;height:140px!important}.imageQuickPrompts>button.v634Preset{flex-basis:102px!important;width:102px!important;min-width:102px!important;max-width:102px!important;height:178px!important;grid-template-rows:140px 31px!important}.v634TaskUserImage{width:min(300px,78vw)}.v634TaskPrompt{max-width:94%}.v634Creating{width:270px;max-width:82vw}.v634TaskResult{width:min(500px,92vw)}}
@media(pointer:coarse){.v632RailControls{display:none!important}.v634Preset:hover .v634PresetArt{transform:none!important}}
@media(prefers-reduced-motion:reduce){.v634Creating::before{animation:none!important}}

/* v63.5 stock preview polish */
.v634PresetArt{background:linear-gradient(145deg,#1c2130,#0d1018)!important}
.v634PresetArt img{object-position:center center!important;filter:saturate(.98) contrast(1.02)!important}
.v634Preset:active .v634PresetArt{transform:scale(.985)!important}

/* v63.8.1 final reference-style polish */
#imageStudio .imageStudioTop{height:72px!important;background:#050505!important;border-bottom:0!important;position:sticky!important;top:0!important;z-index:1100!important}
#imageStudio .imageStudioTop h2{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;font-size:18px!important}
#imageStudio .imageStudioBody{background:#050505!important}
#imageStudio .imageGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:12px!important}
#imageStudio .imagePromptBar{position:sticky!important;bottom:12px!important;max-width:720px!important;background:#262626!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:22px!important;box-shadow:0 18px 50px rgba(0,0,0,.38)!important}
.v634PhotoCard{background:#1f1f1f!important;border-radius:22px!important}.v634PhotoActions{gap:12px!important}.v634PhotoActions button{height:46px!important}.v634TaskView{background:#050505!important}.v634TaskPrompt{background:#1d4a86!important;border-radius:20px!important}


/* v63.9 final fixes */
#imageStudio .imageQuickPrompts,
#imageStudio .imageQuickPrompts.v632PresetRail,
#imageStudio .imageQuickPrompts.v634PresetRail{
  display:flex!important;
  flex-flow:row nowrap!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  width:min(var(--v634-max),100%)!important;
  min-width:0!important;
  grid-template-columns:none!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  scroll-snap-type:x proximity!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
}
#imageStudio .v634Preset{flex:0 0 112px!important;width:112px!important;min-width:112px!important;max-width:112px!important;scroll-snap-align:start!important}

/* Center the composer in the actual main pane, not the full viewport. */
#imageStudio .imagePromptBar{
  position:fixed!important;
  left:calc(var(--side-width,356px) + (100vw - var(--side-width,356px))/2)!important;
  right:auto!important;
  bottom:calc(max(10px,env(safe-area-inset-bottom)) + var(--ll-image-keyboard,0px))!important;
  transform:translateX(-50%)!important;
  width:min(720px,calc(100vw - var(--side-width,356px) - 36px))!important;
  max-width:720px!important;
  margin:0!important;
  z-index:1500!important;
}
body.v632SidebarCollapsed #imageStudio .imagePromptBar,
body.sideCollapsed #imageStudio .imagePromptBar{
  left:50%!important;
  width:min(720px,calc(100vw - 28px))!important;
}
#imageStudio .imageStatus{
  left:calc(var(--side-width,356px) + (100vw - var(--side-width,356px))/2)!important;
  bottom:calc(78px + var(--ll-image-keyboard,0px))!important;
  width:min(680px,calc(100vw - var(--side-width,356px) - 52px))!important;
}
body.v632SidebarCollapsed #imageStudio .imageStatus,
body.sideCollapsed #imageStudio .imageStatus{left:50%!important;width:min(680px,calc(100vw - 42px))!important}
@media(max-width:800px){
  #imageStudio .imagePromptBar{left:50%!important;width:min(720px,calc(100vw - 18px))!important}
  #imageStudio .imageStatus{left:50%!important;width:min(680px,calc(100vw - 34px))!important}
}