/* LL AI v63.2 — Images workspace rebuild + sidebar integration + performance */
html.v632ImagesReady{--v632-image-max:1160px}
body.v632ImagesOpen{overflow:hidden!important}
#imageStudio.v632Workspace{
  inset:0 0 0 var(--side-width)!important;
  width:auto!important;
  height:100dvh!important;
  z-index:900!important;
  background:var(--theme-bg,#11141d)!important;
  color:var(--theme-text,#f5f7ff)!important;
  transition:left .24s ease!important;
  contain:layout style!important;
}
body.v632SidebarCollapsed #imageStudio.v632Workspace{left:0!important}
.imageStudioTop{
  position:sticky!important;top:0!important;z-index:30!important;
  height:72px!important;min-height:72px!important;padding:0 18px!important;
  display:flex!important;align-items:center!important;gap:10px!important;
  background:var(--theme-top,#151923)!important;border-bottom:1px solid var(--theme-line,rgba(255,255,255,.08))!important;
  box-shadow:none!important;backdrop-filter:none!important
}
.imageStudioTop h2{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;margin:0!important;font-size:17px!important;font-weight:760!important;letter-spacing:-.01em!important;pointer-events:none!important}
.imageStudioTop .spacer{flex:1!important}
#closeImages,.v632SideToggle{width:42px!important;height:42px!important;min-width:42px!important;border-radius:14px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.075)!important;color:var(--theme-text)!important;display:grid!important;place-items:center!important}
.v632SideToggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#setImageKey{min-height:42px!important;padding:0 15px!important;border-radius:14px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important;color:var(--theme-text)!important;font-size:12px!important;font-weight:700!important}
.imageStudioBody{
  flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
  display:block!important;padding:22px 26px 126px!important;overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;scrollbar-gutter:stable!important
}
.imageHero,.ll625CreateHeading,#v631PresetHead,.v631MiniPill,#v631ReferencePill{display:none!important}
.v632SectionHead,.imageGalleryHead{width:min(var(--v632-image-max),100%)!important;margin:0 auto 13px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}
.v632SectionHead h2,.imageGalleryHead h2{margin:0!important;font-size:18px!important;line-height:1.2!important;font-weight:760!important;letter-spacing:-.015em!important}
.v632RailControls{display:flex;gap:6px}.v632RailControls button{width:34px;height:34px;border-radius:11px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.04);color:var(--theme-text);font-size:20px;display:grid;place-items:center;padding:0}.v632RailControls button:hover{background:rgba(255,255,255,.075)}
.v632PresetRail{
  width:min(var(--v632-image-max),100%)!important;margin:0 auto 36px!important;padding:0 1px 6px!important;
  display:flex!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;scroll-padding-inline:1px!important;scrollbar-width:none!important;
  overscroll-behavior-x:contain!important;touch-action:pan-x!important;contain:layout style!important
}
.v632PresetRail::-webkit-scrollbar{display:none!important}
.v632Preset{
  flex:0 0 112px!important;width:112px!important;display:grid!important;grid-template-rows:150px auto!important;gap:8px!important;
  padding:0!important;border:0!important;background:transparent!important;color:var(--theme-text)!important;text-align:left!important;
  scroll-snap-align:start!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;content-visibility:auto!important;contain-intrinsic-size:112px 186px!important
}
.v632Preset::before,.v632Preset::after{display:none!important}
.v632PresetArt{display:block;width:112px;height:150px;border-radius:17px;overflow:hidden;background:#171a22;border:1px solid rgba(255,255,255,.07);contain:strict;transform:translateZ(0)}
.v632PresetArt img{display:block;width:100%;height:100%;object-fit:cover;transform:none!important;transition:none!important}
.v632PresetLabel{display:block;padding:0 2px;color:#e9ecf5;font-size:12px;line-height:1.22;font-weight:590;min-height:30px;white-space:normal;overflow:hidden}
.v632Preset:focus-visible .v632PresetArt{outline:2px solid var(--accent)!important;outline-offset:2px}.v632Preset:active .v632PresetArt{transform:scale(.985)!important}
.imageGalleryHead>div{display:flex!important;align-items:center!important;gap:10px!important}.imageGalleryHead span{display:none!important}.imageGalleryHead strong{font-size:11px!important;font-weight:620!important;padding:6px 9px!important;border-radius:999px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.07)!important;color:var(--theme-muted)!important}
.imageGrid{
  width:min(var(--v632-image-max),100%)!important;margin:0 auto!important;display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:start!important
}
.imageCard{position:relative!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;box-shadow:none!important;transform:none!important;contain:layout style!important;content-visibility:auto!important;contain-intrinsic-size:250px 300px!important}
.imageCard:hover{transform:none!important;border:0!important}.imageCardPreview{position:relative!important;inset:auto!important;width:100%!important;aspect-ratio:1/1!important;border:0!important;border-radius:17px!important;padding:0!important;background:#171a22!important;overflow:hidden!important;display:block!important;box-shadow:none!important}.imageCardPreview img,.imageCard>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;transition:none!important}.imageCardOverlay{display:none!important}
.v632CardFooter{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:6px;padding:8px 1px 0}.v632CardFooter>span{font-size:12px;font-weight:600;color:#ebedf5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v632CardMore{width:34px;height:32px;border:0;border-radius:10px;background:transparent;color:var(--theme-muted);font-weight:800;letter-spacing:1px}.v632CardMore:hover,.v632CardMore:focus-visible{background:rgba(255,255,255,.065);color:var(--theme-text)}
.v632CardMenu{position:absolute;right:0;bottom:39px;width:184px;padding:6px;border-radius:15px;background:#181c26;border:1px solid rgba(255,255,255,.09);box-shadow:0 16px 42px rgba(0,0,0,.33);z-index:50}.v632CardMenu[hidden]{display:none!important}.v632CardMenu button{width:100%;min-height:38px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--theme-text);font-size:12px;text-align:left}.v632CardMenu button:hover{background:rgba(255,255,255,.065)}.v632CardMenu button.danger{color:#ff9ca6}.v632CardMenu button.danger:hover{background:rgba(255,80,100,.1)}
.imageEmpty{grid-column:1/-1!important;min-height:240px!important;border:1px dashed rgba(255,255,255,.09)!important;border-radius:17px!important;background:rgba(255,255,255,.018)!important;box-shadow:none!important;color:var(--theme-muted)!important}
.imagePromptBar{
  position:fixed!important;left:calc(var(--side-width) + (100vw - var(--side-width))/2)!important;bottom:max(10px,calc(7px + env(safe-area-inset-bottom)))!important;
  transform:translateX(-50%)!important;width:min(800px,calc(100vw - var(--side-width) - 32px))!important;max-width:none!important;margin:0!important;
  display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px 48px!important;align-items:center!important;gap:5px!important;padding:6px!important;
  border-radius:22px!important;background:#20242f!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 12px 34px rgba(0,0,0,.24)!important;backdrop-filter:none!important;z-index:940!important;contain:layout style!important
}
body.v632SidebarCollapsed .imagePromptBar{left:50%!important;width:min(800px,calc(100vw - 30px))!important}
.imagePromptBar textarea{grid-column:2!important;min-height:44px!important;max-height:116px!important;border:0!important;background:transparent!important;padding:11px 8px!important;color:var(--theme-text)!important;font-size:14px!important;line-height:1.45!important;resize:none!important;box-shadow:none!important;outline:none!important}.imagePromptBar textarea::placeholder{color:#8c93a5}
.v632ComposerBtn{width:44px;height:44px;border:0;border-radius:14px;background:transparent;color:var(--theme-text);display:grid;place-items:center;padding:0}.v632ComposerBtn:hover{background:rgba(255,255,255,.06)}.v632Upload{font-size:27px;font-weight:300}.v632OptionsBtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.v632OptionsBtn.on{background:rgba(var(--accent-rgb),.14);color:var(--accent)}
.imageGenerate.v632Generate{grid-column:4!important;width:48px!important;height:48px!important;border-radius:15px!important;border:0!important;background:var(--accent)!important;color:var(--accent-contrast)!important;box-shadow:none!important;font-size:20px!important;display:grid!important;place-items:center!important;padding:0!important}
.v632OptionsPanel{position:absolute;right:54px;bottom:58px;width:260px;padding:12px;border-radius:16px;background:#181c26;border:1px solid rgba(255,255,255,.09);box-shadow:0 16px 42px rgba(0,0,0,.32)}.v632OptionsPanel[hidden]{display:none!important}.v632OptionsTitle{display:grid;gap:3px;margin-bottom:10px}.v632OptionsTitle b{font-size:13px}.v632OptionsTitle small{font-size:11px;line-height:1.45;color:var(--theme-muted)}.v632OptionSlots{display:grid;gap:8px}.v632OptionSlots select{width:100%!important;height:40px!important;min-width:0!important;max-width:none!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.08)!important;background:#242833!important;color:var(--theme-text)!important;padding:0 10px!important;grid-column:auto!important;grid-row:auto!important}
.imageStatus{position:fixed!important;left:calc(var(--side-width) + (100vw - var(--side-width))/2)!important;bottom:72px!important;transform:translateX(-50%)!important;width:min(760px,calc(100vw - var(--side-width) - 40px))!important;text-align:center!important;margin:0!important;padding:0!important;min-height:0!important;font-size:11px!important;color:var(--theme-muted)!important;z-index:935!important;pointer-events:none!important;background:transparent!important}body.v632SidebarCollapsed .imageStatus{left:50%!important;width:min(760px,calc(100vw - 44px))!important}
.v632ReferencePill{position:fixed;left:calc(var(--side-width) + (100vw - var(--side-width))/2);bottom:72px;transform:translateX(-50%);z-index:938;width:min(800px,calc(100vw - var(--side-width) - 32px));display:grid;grid-template-columns:42px minmax(0,1fr) 34px;align-items:center;gap:9px;padding:8px 10px;border-radius:15px;background:#181c26;border:1px solid rgba(255,255,255,.09);box-shadow:0 12px 32px rgba(0,0,0,.25)}.v632ReferencePill[hidden]{display:none!important}body.v632SidebarCollapsed .v632ReferencePill{left:50%;width:min(800px,calc(100vw - 30px))}.v632ReferencePill img{width:42px;height:42px;object-fit:cover;border-radius:10px}.v632ReferencePill b{font-size:12px}.v632ReferencePill small{display:block;margin-top:2px;font-size:10px;color:var(--theme-muted)}.v632ReferencePill button{width:32px;height:32px;border:0;border-radius:9px;background:rgba(255,255,255,.05);color:var(--theme-text);font-size:18px}
body.v632ImageBusy #imageStudio button:not(#closeImages):not(#v632SideToggle){cursor:progress}.v632ImageBusy .imagePromptBar{opacity:.94}
@media(pointer:coarse){.v632RailControls{display:none}.v632Preset:active .v632PresetArt{transform:none!important}.v632CardMenu{box-shadow:0 10px 28px rgba(0,0,0,.28)}#imageStudio *{scroll-behavior:auto!important}}
@media(max-width:1100px){.imageGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.imageStudioBody{padding-inline:18px!important}.v632Preset{flex-basis:106px!important;width:106px!important;grid-template-rows:142px auto!important}.v632PresetArt{width:106px;height:142px}}
@media(max-width:800px){
  #imageStudio.v632Workspace{inset:0!important;left:0!important;width:100vw!important}.v632SideToggle{display:grid!important}
  body.v632ImagesOpen #side{z-index:1100!important}body.v632ImagesOpen #sidebarScrim{z-index:1090!important}
  .imagePromptBar,.imageStatus,.v632ReferencePill{left:50%!important}.imagePromptBar{width:min(760px,calc(100vw - 16px))!important}.imageStatus{width:min(720px,calc(100vw - 38px))!important}.v632ReferencePill{width:min(760px,calc(100vw - 18px))}
  .imageStudioTop{padding:0 10px!important}.imageStudioBody{padding:18px 12px 118px!important}.imageGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
}
@media(max-width:590px){.imageGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.v632Preset{flex-basis:98px!important;width:98px!important;grid-template-rows:132px auto!important}.v632PresetArt{width:98px;height:132px}.v632PresetLabel{font-size:11px}.imagePromptBar{width:calc(100vw - 12px)!important}.v632OptionsPanel{right:4px;width:min(260px,calc(100vw - 22px))}.v632ReferencePill{width:calc(100vw - 14px);grid-template-columns:36px minmax(0,1fr) 32px}.v632ReferencePill img{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){#imageStudio.v632Workspace{transition:none!important}.v632PresetArt{transition:none!important}}