/* LL AI v67.24 — UI FIDELITY PASS
   Additive polish only. Preserves the v66.87 shell and v67.23 behavior. */

:root{
  --ll24-control-bg:color-mix(in srgb,var(--theme-surface,#202124) 94%,transparent);
  --ll24-control-hover:color-mix(in srgb,var(--theme-surface,#202124) 80%,var(--accent) 20%);
  --ll24-control-border:color-mix(in srgb,var(--theme-line,#ffffff18) 88%,transparent);
  --ll24-muted:color-mix(in srgb,var(--theme-text,#f5f5f5) 58%,transparent);
}

/* -------------------------------------------------------------------------
   IMAGE GENERATION SURFACE — one true rectangle. No detached footer/card UI.
   ---------------------------------------------------------------------- */
.ll16ImageGenRow{
  width:min(500px,calc(100% - 30px))!important;
  margin:10px auto 16px!important;
  contain:layout paint!important;
  contain-intrinsic-size:500px 315px!important;
}
.ll16ImageGenCard{
  position:relative!important;
  border:1px solid color-mix(in srgb,var(--theme-line,#ffffff18) 88%,rgba(var(--accent-rgb),.10))!important;
  border-radius:20px!important;
  background:color-mix(in srgb,var(--theme-surface,#202124) 98%,#fff 2%)!important;
  overflow:hidden!important;
  box-shadow:0 1px 0 rgba(255,255,255,.025) inset,0 8px 24px rgba(0,0,0,.14)!important;
}
.ll16ImageGenSurface{
  aspect-ratio:1.58/1!important;
  min-height:0!important;
  width:100%!important;
  background:
    radial-gradient(circle at 50% 46%,rgba(var(--accent-rgb),.045),transparent 43%),
    color-mix(in srgb,var(--theme-surface,#202124) 97%,#fff 3%)!important;
  touch-action:none!important;
}
.ll16ImageGenSurface::after{
  background:linear-gradient(to bottom,transparent 56%,rgba(0,0,0,.08) 74%,rgba(0,0,0,.30) 100%)!important;
  opacity:1!important;
}
.ll16DotField{inset:0!important;display:grid!important;place-items:center!important}
.ll16DotGrid{
  grid-template-columns:repeat(5,10px)!important;
  grid-auto-rows:10px!important;
  gap:10px!important;
  transform:none!important;
}
.ll16DotGrid i{
  width:10px!important;height:10px!important;border-radius:50%!important;
  background:radial-gradient(circle at 34% 28%,color-mix(in srgb,var(--accent) 36%,white 64%) 0 18%,var(--accent) 56%,color-mix(in srgb,var(--accent) 70%,black 30%) 100%)!important;
  box-shadow:0 3px 10px rgba(var(--accent-rgb),.14)!important;
  opacity:.19!important;
  animation-duration:1.7s!important;
  animation-timing-function:cubic-bezier(.45,0,.3,1)!important;
}
.ll16ImageMeta{
  position:absolute!important;
  z-index:5!important;
  left:0!important;right:0!important;bottom:0!important;
  height:64px!important;
  padding:0 14px 13px!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:10px!important;
  border:0!important;
  background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.04) 18%,rgba(0,0,0,.37) 100%)!important;
  pointer-events:none!important;
}
.ll16ImageMetaCopy{gap:2px!important;min-width:0!important}
.ll16ImageMetaCopy b{
  font-size:12.5px!important;line-height:1.2!important;font-weight:650!important;
  letter-spacing:-.01em!important;color:color-mix(in srgb,var(--theme-text,#fff) 94%,transparent)!important;
}
.ll16ImageMetaCopy small{
  font-size:10px!important;line-height:1.2!important;color:color-mix(in srgb,var(--theme-text,#fff) 58%,transparent)!important;
  max-width:340px!important;
}
.ll16ImageProgress{
  align-self:flex-end!important;padding:0 0 1px!important;gap:6px!important;
  font-size:10px!important;color:color-mix(in srgb,var(--theme-text,#fff) 58%,transparent)!important;
}
.ll16ImageMiniDots i{width:3.5px!important;height:3.5px!important;box-shadow:none!important}
.ll16ImageGenHint{
  z-index:6!important;bottom:72px!important;
  color:color-mix(in srgb,var(--theme-text,#fff) 49%,transparent)!important;
  font-size:10px!important;font-weight:540!important;
  padding:0!important;border:0!important;background:transparent!important;backdrop-filter:none!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageGenHint{background:transparent!important;border:0!important;padding:0!important}
.ll16GameHud{
  inset:12px 13px auto!important;
  font-size:10px!important;font-weight:600!important;
  color:color-mix(in srgb,var(--theme-text,#fff) 62%,transparent)!important;
}
.ll16GameHud b{font-size:10.5px!important;font-weight:650!important}
.ll16ImageGenCard.is-game .ll16ImageGenSurface{
  background:color-mix(in srgb,var(--theme-bg,#111) 90%,var(--theme-surface,#202124) 10%)!important;
  box-shadow:none!important;
}
.ll16ImageGenCard.is-game .ll16ImageGenHint{
  left:13px!important;bottom:70px!important;translate:0 0!important;
  background:rgba(0,0,0,.20)!important;border:1px solid rgba(255,255,255,.06)!important;
  padding:5px 8px!important;border-radius:999px!important;backdrop-filter:blur(8px)!important;
}
.ll22GameClose{
  right:11px!important;top:10px!important;bottom:auto!important;
  width:31px!important;height:31px!important;
  border-color:rgba(255,255,255,.08)!important;
  background:rgba(16,16,16,.36)!important;
  backdrop-filter:blur(10px)!important;
}
.ll22GameCanvas{cursor:default!important}

/* -------------------------------------------------------------------------
   GENERATED IMAGE ACTIONS — message-action language, not a row of chunky pills.
   ---------------------------------------------------------------------- */
.ll22ImageActions{
  margin-top:5px!important;
  gap:1px!important;
  align-items:center!important;
  min-height:36px!important;
  padding:0 1px!important;
  overflow:visible!important;
}
.ll22ImageActions>button,.ll22ImageActions .ll22MoreButton{
  height:34px!important;
  min-width:34px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:color-mix(in srgb,var(--theme-text,#f5f5f5) 62%,transparent)!important;
  font:590 10.5px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  gap:5px!important;
  box-shadow:none!important;
}
.ll22ImageActions>button:hover,.ll22ImageActions>button:focus-visible,.ll22ImageActions .ll22MoreButton:hover,.ll22ImageActions .ll22MoreButton:focus-visible{
  background:rgba(255,255,255,.065)!important;
  color:var(--theme-text,#f5f5f5)!important;
  outline:none!important;
}
.ll22ImageActions svg{width:15px!important;height:15px!important;stroke-width:1.7!important}
.ll22ImageMore{
  bottom:calc(100% + 6px)!important;
  width:196px!important;
  padding:5px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  background:color-mix(in srgb,var(--theme-surface-2,#181818) 98%,transparent)!important;
  box-shadow:0 16px 48px rgba(0,0,0,.42)!important;
}
.ll22ImageMore button{height:39px!important;border-radius:9px!important;font-size:11px!important;font-weight:560!important}
.ll22ImageMore button:hover,.ll22ImageMore button:focus-visible{background:rgba(255,255,255,.07)!important}

/* Image viewer secondary actions use the same language. */
.ll18ImageExtraActions{gap:2px!important;margin-left:4px!important}
.ll18ImageExtraActions button{
  height:36px!important;padding:0 9px!important;border:0!important;border-radius:9px!important;
  background:transparent!important;color:rgba(255,255,255,.70)!important;font-size:11px!important;font-weight:570!important;
}
.ll18ImageExtraActions button:hover,.ll18ImageExtraActions button:focus-visible{background:rgba(255,255,255,.09)!important;color:#fff!important;outline:none!important}
.ll18ImageVariantNav{border-color:rgba(255,255,255,.10)!important;background:rgba(18,18,18,.72)!important;box-shadow:0 8px 24px rgba(0,0,0,.30)!important}

/* -------------------------------------------------------------------------
   SITES — compact auto-growing composer and calmer controls.
   ---------------------------------------------------------------------- */
#ll6651Sites .ll51Composer{
  padding:9px 11px max(9px,env(safe-area-inset-bottom))!important;
  background:#080808!important;
}
#ll6651Sites .ll51ComposerBox{
  border:1px solid rgba(255,255,255,.095)!important;
  background:#151515!important;
  border-radius:18px!important;
  padding:10px 10px 8px!important;
  box-shadow:none!important;
}
#ll6651Sites .ll51ComposerBox:focus-within{
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.018)!important;
}
#ll6651Sites .ll51Composer textarea{
  height:44px!important;
  min-height:44px!important;
  max-height:160px!important;
  font-size:13.5px!important;
  line-height:1.48!important;
  padding:3px 2px!important;
  resize:none!important;
  overflow-y:auto!important;
  field-sizing:content;
}
#ll6651Sites .ll51Composer textarea:focus{min-height:44px!important}
#ll6651Sites .ll51ComposerFoot{margin-top:6px!important;min-height:34px!important}
#ll6651Sites .ll51ComposerHint{font-size:9px!important;color:#666!important}
#ll6651Sites .ll51Send{width:34px!important;height:34px!important;flex:0 0 34px!important}
#ll6651Sites.ll51KeyboardOpen .ll51Composer textarea{height:44px!important;min-height:44px!important;max-height:132px!important}
#ll6651Sites .ll51Messages{padding-bottom:10px!important}

#ll6651Sites .ll51Toolbar{height:50px!important;padding:7px 9px!important;gap:8px!important;background:#080808!important}
#ll6651Sites .ll51Tabs,#ll6651Sites .ll51Devices{
  gap:2px!important;padding:2px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:10px!important;background:#111!important;
}
#ll6651Sites .ll51Tabs button,#ll6651Sites .ll51Devices button{height:31px!important;border-radius:8px!important;color:#797979!important}
#ll6651Sites .ll51Tabs button.active,#ll6651Sites .ll51Devices button.active{background:#262626!important;color:#f2f2f2!important;box-shadow:none!important}
#ll6651Sites .ll51PreviewActions{gap:2px!important}
#ll6651Sites .ll51ToolBtn{
  height:34px!important;border-radius:9px!important;background:transparent!important;color:#8e8e8e!important;border:0!important;box-shadow:none!important;
}
#ll6651Sites .ll51ToolBtn:hover:not(:disabled),#ll6651Sites .ll51ToolBtn:focus-visible:not(:disabled){background:#1c1c1c!important;color:#eee!important;outline:none!important}
#ll6651Sites .ll51ReviewBtn{background:#151515!important;border:1px solid rgba(255,255,255,.06)!important;color:#cfcfcf!important}
#ll6651Sites .ll51InspectorTabs{padding:5px!important;gap:2px!important}
#ll6651Sites .ll51InspectorTabs button{height:31px!important;border-radius:8px!important;color:#727272!important}
#ll6651Sites .ll51InspectorTabs button.active{background:#1c1c1c!important;color:#efefef!important}

/* -------------------------------------------------------------------------
   ASSISTANTS / PROJECT TOOL CONTROLS — same quieter action language.
   ---------------------------------------------------------------------- */
#ll6642Assistants :is(.ll42Btn,.ll42IconBtn),
#ll6632AssistantsSurface :is(button,.ll6632Button),
#ll6632ProjectsSurface :is(button,.ll6632Button){
  transition:background .13s ease,color .13s ease,border-color .13s ease,transform .1s ease!important;
  touch-action:manipulation;
}
#ll6642Assistants .ll42Btn:not(.primary),
#ll6632AssistantsSurface button:not(.primary):not(.danger),
#ll6632ProjectsSurface button:not(.primary):not(.danger){
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:none!important;
}
#ll6642Assistants .ll42Btn:not(.primary):hover,
#ll6632AssistantsSurface button:not(.primary):not(.danger):hover,
#ll6632ProjectsSurface button:not(.primary):not(.danger):hover{background:rgba(255,255,255,.065)!important}

/* Shared utility controls added in the recent interaction suite. */
.ll18ContinueChip,.ll18ScrollJump{
  border-color:rgba(255,255,255,.08)!important;
  background:color-mix(in srgb,var(--theme-surface,#242424) 96%,transparent)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.24)!important;
}
.ll18SelectionBar{border-color:rgba(255,255,255,.09)!important;background:rgba(25,25,25,.94)!important;box-shadow:0 12px 36px rgba(0,0,0,.38)!important}
.ll18SelectionBar button{border-radius:8px!important}

@media(max-width:700px),(pointer:coarse){
  .ll16ImageGenRow{width:calc(100% - 18px)!important;margin:8px auto 14px!important}
  .ll16ImageGenCard{border-radius:18px!important}
  .ll16ImageGenSurface{aspect-ratio:1.5/1!important}
  .ll16ImageMeta{height:60px!important;padding:0 12px 11px!important}
  .ll16ImageMetaCopy small{max-width:235px!important}
  .ll16ImageGenHint{bottom:67px!important}
  .ll16ImageGenCard.is-game .ll16ImageGenHint{bottom:65px!important}
  .ll22ImageActions{overflow-x:auto!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important}
  .ll22ImageActions::-webkit-scrollbar{display:none!important}
  .ll22ImageActions>button,.ll22ImageActions .ll22MoreButton{height:36px!important;padding-inline:9px!important;font-size:10.5px!important}
  .ll22ImageMore{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;width:auto!important;border-radius:17px!important;padding:7px!important}
  .ll22ImageMore button{height:46px!important;font-size:12px!important}
  #ll6651Sites .ll51Composer{padding:8px 9px max(8px,env(safe-area-inset-bottom))!important}
  #ll6651Sites .ll51Composer textarea{height:44px!important;min-height:44px!important;max-height:132px!important;font-size:16px!important}
  #ll6651Sites .ll51ComposerHint{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .ll16DotGrid i,.ll22ImageActions button,#ll6651Sites .ll51ToolBtn{transition:none!important}
}


/* -------------------------------------------------------------------------
   v67.24.1 PERFECTION PATCH — researched image-wait fidelity + Sites fit.
   ---------------------------------------------------------------------- */
.ll16ImageGenRow{width:min(520px,calc(100% - 26px))!important;margin:10px auto 16px!important;contain-intrinsic-size:520px 360px!important}
.ll16ImageGenCard{border-radius:20px!important;border-color:rgba(255,255,255,.08)!important;background:#151515!important;box-shadow:0 8px 28px rgba(0,0,0,.18)!important}
.ll16ImageGenSurface{aspect-ratio:1.46/1!important;min-height:320px!important;background:#111!important;cursor:pointer!important}
.ll16ImageGenSurface::after{background:radial-gradient(circle at 50% 48%,rgba(var(--accent-rgb),.065),transparent 42%),linear-gradient(to bottom,rgba(255,255,255,.012),rgba(0,0,0,.10))!important;opacity:1!important}
.ll16DotField{inset:48px 18px 48px!important;mask-image:radial-gradient(ellipse at center,#000 34%,rgba(0,0,0,.88) 55%,transparent 86%);-webkit-mask-image:radial-gradient(ellipse at center,#000 34%,rgba(0,0,0,.88) 55%,transparent 86%)}
.ll16DotGrid{grid-template-columns:repeat(18,4px)!important;grid-auto-rows:4px!important;gap:8px!important;transform:none!important}
.ll16DotGrid i{width:4px!important;height:4px!important;opacity:.12!important;background:color-mix(in srgb,var(--accent) 74%,#ff7ca8 26%)!important;box-shadow:0 0 9px rgba(var(--accent-rgb),.18)!important;animation:ll24DotPulse 1.85s cubic-bezier(.42,0,.28,1) infinite!important}
@keyframes ll24DotPulse{0%,100%{opacity:.08;transform:scale(.76)}38%{opacity:.9;transform:scale(1.14)}62%{opacity:.28;transform:scale(.92)}}
.ll16ImageMeta{position:absolute!important;left:15px!important;right:84px!important;top:13px!important;bottom:auto!important;height:auto!important;min-height:40px!important;padding:0!important;display:block!important;background:transparent!important;border:0!important;z-index:6!important;pointer-events:none!important}
.ll16ImageMetaCopy{display:grid!important;gap:4px!important;margin:0!important}
.ll16ImageMetaCopy b{font-size:13px!important;line-height:1.2!important;font-weight:620!important;letter-spacing:-.015em!important;color:rgba(255,255,255,.77)!important}
.ll16ImageMetaCopy small{font-size:10px!important;line-height:1.3!important;color:rgba(255,255,255,.38)!important;max-width:360px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.ll16ImageProgress{position:absolute!important;right:-69px!important;top:1px!important;padding:0!important;font-size:9px!important;color:rgba(255,255,255,.34)!important}
.ll24ProgressChip{--ll24-progress:4%;position:absolute;right:15px;bottom:14px;z-index:7;height:29px;min-width:51px;padding:0 11px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(43,43,43,.78);color:rgba(255,255,255,.82);font:620 11px/1 system-ui,-apple-system,sans-serif;font-variant-numeric:tabular-nums;backdrop-filter:blur(12px);box-shadow:0 5px 18px rgba(0,0,0,.24);cursor:pointer;transition:background .14s ease,transform .12s ease,border-color .14s ease}
.ll24ProgressChip::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(var(--accent) var(--ll24-progress),transparent 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;pointer-events:none}
.ll24ProgressChip:hover,.ll24ProgressChip:focus-visible{background:rgba(58,58,58,.9);border-color:rgba(255,255,255,.16);outline:none}.ll24ProgressChip:active{transform:scale(.96)}.ll24ProgressChip.complete{background:rgba(255,255,255,.12);color:#fff}
.ll16ImageGenHint{left:15px!important;bottom:17px!important;translate:0 0!important;font-size:10px!important;color:rgba(255,255,255,.36)!important;background:transparent!important;border:0!important;padding:0!important;backdrop-filter:none!important}
.ll16ImageGenCard.is-game .ll24ProgressChip,.ll16ImageGenCard.is-game .ll16ImageMeta{opacity:0!important;pointer-events:none!important}
.ll16ImageGenCard.is-game .ll16GameHud{inset:13px 14px auto!important;padding:7px 10px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:12px!important;background:rgba(12,12,12,.32)!important;backdrop-filter:blur(8px)!important;color:rgba(255,255,255,.72)!important}
.ll16ImageGenCard.is-game .ll16ImageGenHint{left:14px!important;bottom:14px!important;padding:6px 9px!important;border:1px solid rgba(255,255,255,.07)!important;background:rgba(13,13,13,.42)!important;color:rgba(255,255,255,.58)!important}
.ll22GameClose{right:13px!important;top:auto!important;bottom:12px!important;width:32px!important;height:32px!important;background:rgba(18,18,18,.56)!important;border:1px solid rgba(255,255,255,.09)!important}
.ll22GameCanvas{cursor:default!important;touch-action:none!important}
.ll16ImageGenCard.ll16-completing{opacity:1!important;transform:scale(.997)!important}.ll16ImageGenRow.ll16-out{transition:opacity .19s ease,transform .19s ease!important}
#ll6642WorkSwitch:not([hidden]),#ll6646WorkSwitch:not([hidden]){width:196px!important;height:48px!important;left:50%!important;right:auto!important;top:max(13px,calc(env(safe-area-inset-top) + 8px))!important;transform:translateX(-50%)!important;translate:0 0!important;padding:4px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:2px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:999px!important;background:#292929!important;box-shadow:0 8px 24px rgba(0,0,0,.2)!important}
#ll6642WorkSwitch button,#ll6646WorkSwitch button{height:38px!important;min-width:0!important;padding:0 14px!important;border-radius:999px!important;font-size:13px!important;font-weight:610!important;color:#d5d5d5!important;transition:background .14s ease,color .14s ease,transform .11s ease!important}
#ll6642WorkSwitch button.active,#ll6646WorkSwitch button.active{background:#121212!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 4px 13px rgba(0,0,0,.16)!important}
#ll6651Sites .ll51Studio{grid-template-columns:var(--ll51-chat-w,clamp(500px,33vw,560px)) minmax(0,1fr) 286px!important}
#ll6651Sites .ll51ChatPane{min-width:480px!important}
#ll6651Sites .ll51ChatHead{min-height:62px!important;padding:10px 12px 9px!important;gap:9px!important;align-items:center!important}
#ll6651Sites .ll51ChatIdentity{min-width:0!important;flex:1 1 auto!important;display:flex!important;align-items:center!important;gap:10px!important}
#ll6651Sites .ll51ChatIdentity>b{font-size:12.5px!important;white-space:nowrap!important}
#ll6651Sites .ll51ChatIdentity>small{display:none!important}
#ll6651Sites .ll51ChatIdentity .ll51ModeSwitch{margin:0!important;padding:2px!important;gap:1px!important;border-radius:9px!important;background:#121212!important;flex:0 0 auto!important}
#ll6651Sites .ll51ModeSwitch button{height:25px!important;padding:0 8px!important;border-radius:7px!important;font-size:9.5px!important;font-weight:650!important}
#ll6651Sites .ll51AgentStatus{margin-left:auto!important;flex:0 0 auto!important;font-size:9px!important}
#ll6651Sites .ll51Composer{padding:7px 10px max(7px,env(safe-area-inset-bottom))!important;background:#080808!important;border-top:1px solid rgba(255,255,255,.05)!important}
#ll6651Sites .ll51ComposerBox{border-radius:16px!important;padding:8px 9px 7px!important;background:#141414!important}
#ll6651Sites .ll51Composer textarea{height:38px!important;min-height:38px!important;max-height:112px!important;padding:2px 1px!important;font-size:13.5px!important;line-height:1.42!important;overflow-y:auto!important}
#ll6651Sites .ll51Composer textarea:focus{min-height:38px!important}
#ll6651Sites .ll51ComposerFoot{margin-top:4px!important;min-height:30px!important;justify-content:flex-end!important}
#ll6651Sites .ll51ComposerHint{display:none!important}
#ll6651Sites .ll51Send{width:31px!important;height:31px!important;flex:0 0 31px!important}
#ll6651Sites .ll51Messages{padding:13px 13px 8px!important;gap:11px!important}
#ll6651Sites.ll51KeyboardOpen .ll51Composer{padding-top:5px!important;padding-bottom:max(6px,env(safe-area-inset-bottom))!important}
#ll6651Sites.ll51KeyboardOpen .ll51Composer textarea{height:36px!important;min-height:36px!important;max-height:86px!important}
#ll6651Sites .ll51ChatResize{width:7px!important;right:-4px!important;opacity:.6!important}
@media(max-width:1180px) and (min-width:761px){#ll6651Sites .ll51Studio{grid-template-columns:var(--ll51-chat-w,clamp(480px,42vw,535px)) minmax(0,1fr)!important}#ll6651Sites .ll51ChatPane{min-width:450px!important}}
@media(max-width:760px){.ll16ImageGenRow{width:calc(100% - 16px)!important}.ll16ImageGenSurface{min-height:270px!important;aspect-ratio:1.36/1!important}.ll16DotGrid{grid-template-columns:repeat(16,4px)!important;gap:7px!important}.ll16ImageMeta{right:76px!important}.ll16ImageMetaCopy small{max-width:235px!important}.ll24ProgressChip{right:12px;bottom:12px}.ll16ImageGenHint{left:12px!important;bottom:15px!important}#ll6642WorkSwitch:not([hidden]),#ll6646WorkSwitch:not([hidden]){width:184px!important;height:44px!important;top:max(9px,calc(env(safe-area-inset-top) + 7px))!important}#ll6642WorkSwitch button,#ll6646WorkSwitch button{height:36px!important;font-size:12.5px!important}#ll6651Sites .ll51ChatPane{min-width:0!important}#ll6651Sites .ll51Composer textarea{height:38px!important;min-height:38px!important;max-height:92px!important;font-size:16px!important}}
\n\n/* v67.24.1 final fidelity sizing */\n.ll16ImageGenRow{width:min(430px,calc(100% - 32px))!important}\n.ll16ImageGenCard{border-color:rgba(255,255,255,.055)!important;box-shadow:0 10px 32px rgba(0,0,0,.14)!important}\n.ll16ImageGenSurface{aspect-ratio:.84/1!important;min-height:0!important;max-height:min(520px,62vh)!important}\n.ll16DotField{inset:64px 28px 62px!important}\n.ll16DotGrid{grid-template-columns:repeat(18,4px)!important;gap:8px!important}\n.ll16ImageGenCard.is-game .ll16ImageGenSurface{background:#0d0d0d!important}\n.ll16GameHud b{font-variant-numeric:tabular-nums!important}\n@media(max-width:760px){.ll16ImageGenRow{width:min(400px,calc(100% - 18px))!important}.ll16ImageGenSurface{aspect-ratio:.86/1!important;max-height:min(500px,58vh)!important}.ll16DotField{inset:58px 22px 58px!important}}\n

/* v67.24.2 hotfix — full-rectangle dots, cleaner games, fixed top mode pill */
.ll16ImageGenSurface{background:radial-gradient(circle at 50% 42%,rgba(var(--accent-rgb),.07),transparent 36%),linear-gradient(180deg,#111214 0%,#0d0e11 100%)!important}
.ll16DotField{inset:22px 18px 22px!important;display:grid!important;place-items:center!important;mask:none!important;-webkit-mask:none!important}
.ll16DotGrid{grid-template-columns:repeat(27,4px)!important;grid-auto-rows:4px!important;gap:8px!important;align-content:center!important;justify-content:center!important}
.ll16DotGrid i{opacity:.14!important;box-shadow:0 0 10px rgba(var(--accent-rgb),.22)!important;animation:ll24DotPulse 1.95s cubic-bezier(.38,0,.22,1) infinite!important}
.ll16ImageGenCard.is-game .ll16ImageGenSurface{background:radial-gradient(circle at 50% 30%,rgba(var(--accent-rgb),.05),transparent 34%),linear-gradient(180deg,#0f1013 0%,#0b0c0f 100%)!important}
.ll16ImageGenCard.is-game .ll16GameHud{background:rgba(10,10,10,.38)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 8px 28px rgba(0,0,0,.18)!important}
.ll22GameClose{box-shadow:0 8px 24px rgba(0,0,0,.18)!important}
#ll6642WorkSwitch:not([hidden]),#ll6646WorkSwitch:not([hidden]){position:fixed!important;left:50vw!important;right:auto!important;transform:translateX(-50%)!important;translate:none!important;z-index:1400!important}
@media(max-width:760px){.ll16DotField{inset:20px 14px 20px!important}.ll16DotGrid{grid-template-columns:repeat(24,4px)!important;gap:7px!important}#ll6642WorkSwitch:not([hidden]),#ll6646WorkSwitch:not([hidden]){left:50vw!important}}


/* v67.24.3 polish — closer loading field + cleaner mini-game chrome */
.ll16ImageGenCard{overflow:hidden!important}
.ll16ImageGenSurface{background:radial-gradient(circle at 50% 38%,rgba(var(--accent-rgb),.085),transparent 34%),linear-gradient(180deg,#101114 0%,#0a0b0e 100%)!important}
.ll16DotGrid{filter:saturate(1.04)!important}
.ll16DotGrid i:nth-child(4n){opacity:.2!important}.ll16DotGrid i:nth-child(7n){opacity:.26!important}
.ll24ProgressChip{min-width:56px!important;height:31px!important;box-shadow:0 10px 24px rgba(0,0,0,.28)!important;background:rgba(41,41,41,.82)!important}
.ll16ImageGenCard.is-game .ll16ImageGenHint{border-radius:999px!important}
.ll16ImageGenCard.is-game .ll16GameHud{box-shadow:0 10px 24px rgba(0,0,0,.22)!important}
.ll22GameClose{width:34px!important;height:34px!important;border-radius:999px!important}


/* v67.24.4 premium loader/game/sites pass */
.ll16ImageGenCard{border-radius:26px!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:0 18px 44px rgba(0,0,0,.26)!important;background:rgba(12,12,15,.95)!important}
.ll16ImageGenSurface{position:relative!important;background:radial-gradient(circle at 50% 35%,rgba(var(--accent-rgb),.11) 0,rgba(var(--accent-rgb),.05) 18%,rgba(0,0,0,0) 42%),linear-gradient(180deg,#101114 0%,#0a0b0e 100%)!important}
.ll16ImageGenSurface::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 22%,transparent 78%,rgba(255,255,255,.02));border-radius:inherit}
.ll16DotGrid{padding:26px!important;gap:8px!important;opacity:.94!important}
.ll16DotGrid i{width:4px!important;height:4px!important;box-shadow:0 0 12px rgba(124,136,255,.18)!important}
.ll24ProgressChip{right:18px!important;bottom:18px!important;padding:0 14px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(43,43,46,.88)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
.ll16ImageGenCard .ll16ArtifactMeta{padding:0 18px 16px!important}
.ll16ImageGenCard .thinkingArtifactTitle{letter-spacing:-.02em!important}
.ll16ImageGenCard .thinkingArtifactSub{opacity:.82!important}
.ll16ImageGenCard.is-game .ll16ImageGenSurface,.ll16ImageGenCard.is-game canvas{background:linear-gradient(180deg,#0f1014 0%,#0b0c10 100%)!important}
.ll16ImageGenCard.is-game canvas{border-radius:18px!important}
.ll16ImageGenCard.is-game .ll16GameHud{background:rgba(15,16,20,.72)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;backdrop-filter:blur(10px)!important}
.ll16ImageGenCard.is-game .ll16ImageGenHint{background:rgba(15,16,20,.74)!important;border:1px solid rgba(255,255,255,.06)!important}
#ll6651Sites textarea[data-prompt]{min-height:38px!important;max-height:84px!important;border-radius:18px!important}


/* v67.24.5 one-more-pass */
.ll16DotGrid{grid-template-columns:repeat(32,minmax(0,1fr))!important;grid-auto-rows:1fr!important;padding:22px!important;gap:7px!important;inset:10px!important}
.ll16DotGrid i{opacity:.7!important;background:radial-gradient(circle,rgba(146,156,255,.95) 0,rgba(146,156,255,.68) 38%,rgba(146,156,255,0) 70%)!important}
.ll16ImageGenCard .ll16GameHud{top:18px!important;left:18px!important;right:auto!important;padding:10px 14px!important;gap:12px!important}
.ll16ImageGenCard .ll16ImageGenHint{bottom:18px!important;left:18px!important;border-radius:14px!important;padding:10px 14px!important}
.ll16ImageGenCard .ll22GameClose{bottom:18px!important;right:18px!important;background:rgba(18,19,24,.76)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 22px rgba(0,0,0,.26)!important}
#ll6642WorkSwitch,#ll6646WorkSwitch{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}


/* LL AI v99.5 — definitive low-latency games + topbar-native Chat/Work owner */
#ll6646WorkSwitch{display:none!important;visibility:hidden!important;pointer-events:none!important}
.topbar{position:relative!important}
#ll6642WorkSwitch:not([hidden]){position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;translate:none!important;margin:0!important;z-index:740!important}
.ll16ImageGenCard.is-game .ll16DotField{display:none!important;visibility:hidden!important;animation:none!important}
.ll16ImageGenCard.is-game .ll16DotGrid,.ll16ImageGenCard.is-game .ll16DotGrid i{animation:none!important;display:none!important}
.ll16ImageGenCard.is-game .ll16ImageGenSurface{contain:paint!important;background:radial-gradient(circle at 50% 36%,rgba(var(--accent-rgb),.095),transparent 34%),linear-gradient(180deg,#0f1117 0%,#090b0f 100%)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)!important}
.ll16ImageGenCard.is-game .ll22GameCanvas{background:transparent!important;border-radius:20px!important;filter:none!important;box-shadow:none!important;will-change:auto!important}
.ll16ImageGenCard.is-game .ll16GameHud{background:rgba(18,20,26,.94)!important;border:1px solid rgba(255,255,255,.065)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 7px 18px rgba(0,0,0,.22)!important;border-radius:14px!important;padding:8px 11px!important}
.ll16ImageGenCard.is-game .ll16ImageGenHint{background:rgba(18,20,26,.94)!important;border:1px solid rgba(255,255,255,.06)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 6px 16px rgba(0,0,0,.18)!important;color:rgba(255,255,255,.72)!important}
.ll16ImageGenCard.is-game .ll22GameClose{background:rgba(18,20,26,.94)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 6px 16px rgba(0,0,0,.2)!important}
.ll16ImageGenCard.is-game .ll16ImageGenSurface::after{opacity:.12!important;filter:none!important}
@media(max-width:760px){#ll6642WorkSwitch:not([hidden]){left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}}

/* LL AI v99.5 FINAL — ChatGPT-like image wait, fixed Sites composer, low-latency game mode */
.ll16ImageGenRow{
  width:min(420px,calc(100% - 28px))!important;
  margin:18px auto 22px!important;
  contain:none!important;
}
.ll16ImageGenCard:not(.is-game){
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface{
  aspect-ratio:auto!important;
  height:360px!important;
  min-height:360px!important;
  max-height:360px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface::after{display:none!important}
.ll16ImageGenCard:not(.is-game) .ll16DotField{
  display:grid!important;
  place-items:center!important;
  visibility:visible!important;
  position:absolute!important;
  left:50%!important;
  top:54%!important;
  width:272px!important;
  height:272px!important;
  inset:auto!important;
  transform:translate(-50%,-50%)!important;
  mask-image:radial-gradient(circle,#000 0 68%,rgba(0,0,0,.72) 82%,transparent 100%)!important;
  -webkit-mask-image:radial-gradient(circle,#000 0 68%,rgba(0,0,0,.72) 82%,transparent 100%)!important;
  pointer-events:none!important;
}
.ll16ImageGenCard:not(.is-game) .ll16DotGrid{
  display:grid!important;
  width:244px!important;
  height:244px!important;
  grid-template-columns:repeat(19,4px)!important;
  grid-template-rows:repeat(19,4px)!important;
  grid-auto-rows:4px!important;
  place-content:center!important;
  padding:0!important;
  gap:8px!important;
  opacity:1!important;
  filter:none!important;
}
.ll16ImageGenCard:not(.is-game) .ll16DotGrid i{
  display:block!important;
  width:4px!important;
  height:4px!important;
  border-radius:999px!important;
  opacity:.12!important;
  background:color-mix(in srgb,var(--accent,#7a86ff) 72%,#e78ca9 28%)!important;
  box-shadow:0 0 8px color-mix(in srgb,var(--accent,#7a86ff) 24%,transparent)!important;
  animation:ll995Dot 2.05s cubic-bezier(.42,0,.25,1) infinite!important;
  will-change:opacity,transform!important;
}
@keyframes ll995Dot{0%,100%{opacity:.07;transform:scale(.72)}42%{opacity:.9;transform:scale(1.06)}70%{opacity:.22;transform:scale(.88)}}
.ll16ImageGenCard:not(.is-game) .ll16ImageMeta{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:4px!important;
  bottom:auto!important;
  z-index:6!important;
  padding:0!important;
  background:transparent!important;
  pointer-events:none!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageMetaCopy{display:block!important;margin:0!important}
.ll16ImageGenCard:not(.is-game) .ll16ImageMetaCopy b{
  display:block!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:560!important;
  letter-spacing:-.018em!important;
  color:rgba(255,255,255,.64)!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageMetaCopy small,
.ll16ImageGenCard:not(.is-game) .ll16ImageProgress{display:none!important}
.ll16ImageGenCard:not(.is-game) .ll24ProgressChip{
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:12px!important;
  transform:translateX(-50%)!important;
  min-width:58px!important;
  height:34px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:rgba(35,35,38,.92)!important;
  color:rgba(255,255,255,.78)!important;
  box-shadow:0 5px 18px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  font-size:12px!important;
  font-weight:600!important;
}
.ll16ImageGenCard:not(.is-game) .ll24ProgressChip::before{opacity:.28!important}
.ll16ImageGenCard:not(.is-game) .ll16ImageGenHint{opacity:0!important;pointer-events:none!important}

/* The game is a separate premium surface; loader effects stop completely while playing. */
.ll16ImageGenCard.is-game{
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:24px!important;
  background:#0b0d11!important;
  box-shadow:0 16px 42px rgba(0,0,0,.28)!important;
}
.ll16ImageGenCard.is-game .ll16ImageGenSurface{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:4/3!important;
  border-radius:24px!important;
  background:radial-gradient(circle at 50% 36%,rgba(var(--accent-rgb),.075),transparent 34%),linear-gradient(180deg,#101217 0%,#090b0f 100%)!important;
  contain:strict!important;
}
.ll16ImageGenCard.is-game .ll16DotField,
.ll16ImageGenCard.is-game .ll16DotGrid,
.ll16ImageGenCard.is-game .ll16DotGrid i{display:none!important;animation:none!important;visibility:hidden!important}
.ll16ImageGenCard.is-game .ll16GameHud{
  top:14px!important;left:14px!important;right:14px!important;
  padding:8px 11px!important;border-radius:13px!important;
  background:rgba(18,20,25,.86)!important;border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.ll16ImageGenCard.is-game .ll16ImageGenHint{
  left:14px!important;bottom:14px!important;padding:7px 10px!important;border-radius:999px!important;
  background:rgba(18,20,25,.88)!important;border:1px solid rgba(255,255,255,.055)!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.ll16ImageGenCard.is-game .ll22GameClose{
  right:14px!important;bottom:14px!important;width:32px!important;height:32px!important;border-radius:999px!important;
  background:rgba(18,20,25,.9)!important;border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.ll16ImageGenCard.is-game .ll22GameCanvas{filter:none!important;box-shadow:none!important;will-change:auto!important;touch-action:none!important}

/* Sites: exactly one fixed compact input footprint. Text wraps, then scrolls inside it instead of growing the panel. */
#ll6651Sites .ll51Composer textarea,
#ll6651Sites textarea[data-prompt]{
  height:72px!important;
  min-height:72px!important;
  max-height:72px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  resize:none!important;
  line-height:1.42!important;
  scrollbar-width:thin!important;
}
#ll6651Sites .ll51ComposerBox{min-height:92px!important;max-height:104px!important;overflow:hidden!important}
#ll6651Sites.ll51KeyboardOpen .ll51Composer textarea{height:72px!important;min-height:72px!important;max-height:72px!important}

/* The one owned Chat/Work chooser is positioned by runtime geometry; never let legacy fixed offsets win. */
#ll6646WorkSwitch{display:none!important;visibility:hidden!important;pointer-events:none!important}
#ll6642WorkSwitch:not([hidden]){position:fixed!important;right:auto!important;bottom:auto!important;margin:0!important;z-index:1400!important}

@media(max-width:760px){
  .ll16ImageGenRow{width:min(390px,calc(100% - 18px))!important}
  .ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface{height:330px!important;min-height:330px!important;max-height:330px!important}
  .ll16ImageGenCard:not(.is-game) .ll16DotField{width:248px!important;height:248px!important;top:53%!important}
  .ll16ImageGenCard:not(.is-game) .ll16DotGrid{width:224px!important;height:224px!important;gap:7px!important}
  #ll6651Sites .ll51Composer textarea,#ll6651Sites textarea[data-prompt],#ll6651Sites.ll51KeyboardOpen .ll51Composer textarea{height:68px!important;min-height:68px!important;max-height:68px!important;font-size:16px!important}
  #ll6651Sites .ll51ComposerBox{min-height:88px!important;max-height:98px!important}
}


/* v99.7 loader + game polish */
.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface{
  height:344px!important;min-height:344px!important;max-height:344px!important;
  overflow:hidden!important;border-radius:26px!important;
  background:radial-gradient(circle at 50% 42%,rgba(var(--accent-rgb),.09),transparent 32%),linear-gradient(180deg,rgba(13,16,24,.92) 0%,rgba(8,10,15,.92) 100%)!important;
  border:1px solid rgba(255,255,255,.045)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 12px 34px rgba(0,0,0,.18)!important;
}
.ll16ImageGenCard:not(.is-game) .ll16DotField{top:53%!important;width:320px!important;height:220px!important;mask-image:none!important;-webkit-mask-image:none!important}
.ll16ImageGenCard:not(.is-game) .ll16DotGrid{width:280px!important;height:200px!important;grid-template-columns:repeat(17,1fr)!important;grid-template-rows:repeat(17,1fr)!important;grid-auto-rows:auto!important;gap:7px!important;align-content:center!important;justify-items:center!important}
.ll16ImageGenCard:not(.is-game) .ll16DotGrid i{width:5px!important;height:5px!important;opacity:.18!important;background:radial-gradient(circle,rgba(255,255,255,.96) 0,rgba(161,170,255,.72) 44%,rgba(161,170,255,0) 70%)!important;box-shadow:0 0 12px rgba(122,134,255,.18)!important;animation:ll996Dot 1.9s ease-in-out infinite!important}
.ll16ImageGenCard:not(.is-game) .ll16DotGrid i.edge{opacity:.08!important}
@keyframes ll996Dot{0%,100%{opacity:.08;transform:scale(.78)}45%{opacity:.95;transform:scale(1.06)}72%{opacity:.22;transform:scale(.9)}}
.ll16ImageGenCard:not(.is-game) .ll16ImageMeta{top:16px!important;padding:0 18px!important;text-align:center!important}
.ll16ImageGenCard:not(.is-game) .ll16ImageMetaCopy b{font-size:18px!important;font-weight:620!important;color:rgba(255,255,255,.82)!important}
.ll16ImageGenCard:not(.is-game) .ll16ImageMetaCopy small{display:block!important;margin-top:7px!important;color:rgba(255,255,255,.42)!important;font-size:12px!important;max-width:340px!important;margin-inline:auto!important}
.ll16ImageGenCard:not(.is-game) .ll16ImageProgress{display:none!important}
.ll16ImageGenCard:not(.is-game) .ll24ProgressChip{bottom:18px!important;min-width:66px!important;height:36px!important;padding:0 16px!important;background:rgba(34,35,41,.9)!important;color:rgba(255,255,255,.88)!important;border:1px solid rgba(255,255,255,.09)!important}
.ll16ImageGenCard:not(.is-game) .ll16ImageGenHint{opacity:.78!important;bottom:58px!important;background:transparent!important;border:0!important;color:rgba(255,255,255,.42)!important;box-shadow:none!important}
.ll16ImageGenCard.is-game{border-radius:26px!important;box-shadow:0 18px 46px rgba(0,0,0,.32)!important}
.ll16ImageGenCard.is-game .ll16ImageGenSurface{aspect-ratio:664/428!important;border-radius:26px!important}
.ll16ImageGenCard.is-game .ll16GameHud{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:10px!important}
.ll16ImageGenCard.is-game .ll16ImageGenHint{color:rgba(255,255,255,.72)!important}
#ll6651Sites .ll51Composer textarea,#ll6651Sites textarea[data-prompt]{height:76px!important;min-height:76px!important;max-height:76px!important}
#ll6651Sites .ll51ComposerBox{min-height:98px!important;max-height:110px!important}
@media(max-width:760px){.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface{height:320px!important;min-height:320px!important;max-height:320px!important}.ll16ImageGenCard:not(.is-game) .ll16DotField{width:280px!important;height:198px!important}.ll16ImageGenCard:not(.is-game) .ll16DotGrid{width:246px!important;height:178px!important;gap:6px!important}#ll6651Sites .ll51Composer textarea,#ll6651Sites textarea[data-prompt],#ll6651Sites.ll51KeyboardOpen .ll51Composer textarea{height:72px!important;min-height:72px!important;max-height:72px!important}#ll6651Sites .ll51ComposerBox{min-height:94px!important;max-height:106px!important}}

/* v99.7 parity pass — ChatGPT-like image wait surface + fixed game footprint */
.ll16ImageGenRow{
  width:min(570px,calc(100% - 28px))!important;
  margin:14px auto 18px!important;
  contain:layout paint!important;
  contain-intrinsic-size:570px 420px!important;
}
.ll16ImageGenCard{
  width:100%!important;
  height:420px!important;
  min-height:420px!important;
  max-height:420px!important;
  border-radius:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.ll16ImageGenSurface,
.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface,
.ll16ImageGenCard.is-game .ll16ImageGenSurface{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:420px!important;
  min-height:420px!important;
  max-height:420px!important;
  aspect-ratio:auto!important;
  border-radius:0!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface{
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface::after{display:none!important}
.ll16ImageGenCard:not(.is-game) .ll16DotField{
  position:absolute!important;
  left:50%!important;
  top:66px!important;
  width:316px!important;
  height:278px!important;
  inset:auto!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  place-items:center!important;
  mask:none!important;
  -webkit-mask:none!important;
  pointer-events:none!important;
}
.ll16ImageGenCard:not(.is-game) .ll16DotGrid{
  width:302px!important;
  height:270px!important;
  display:grid!important;
  grid-template-columns:repeat(22,5px)!important;
  grid-template-rows:repeat(24,5px)!important;
  grid-auto-rows:5px!important;
  gap:7px 8px!important;
  place-content:center!important;
  justify-items:center!important;
  align-items:center!important;
  padding:0!important;
  transform:none!important;
  opacity:1!important;
  filter:none!important;
}
.ll16ImageGenCard:not(.is-game) .ll16DotGrid i{
  display:block!important;
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:rgb(210 86 139)!important;
  box-shadow:0 0 8px rgba(221,88,147,.16)!important;
  opacity:.16!important;
  animation:ll996ParityDot 1.95s cubic-bezier(.4,0,.2,1) infinite!important;
  will-change:opacity,transform!important;
}
.ll16ImageGenCard:not(.is-game) .ll16DotGrid i.core{opacity:.36!important}
.ll16ImageGenCard:not(.is-game) .ll16DotGrid i.mid{opacity:.22!important}
.ll16ImageGenCard:not(.is-game) .ll16DotGrid i.edge{opacity:.09!important}
@keyframes ll996ParityDot{
  0%,100%{transform:scale(.72);filter:brightness(.82)}
  42%{transform:scale(1.08);filter:brightness(1.18)}
  70%{transform:scale(.9);filter:brightness(.96)}
}
.ll16ImageGenCard .ll16ImageMeta,
.ll16ImageGenCard:not(.is-game) .ll16ImageMeta{
  position:absolute!important;
  z-index:8!important;
  top:20px!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:302px!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  transform:translateX(-50%)!important;
  display:block!important;
  border:0!important;
  background:transparent!important;
  pointer-events:none!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageMetaCopy{display:block!important;margin:0!important;text-align:left!important}
.ll16ImageGenCard:not(.is-game) .ll16ImageMetaCopy b{
  display:block!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:540!important;
  letter-spacing:-.018em!important;
  color:rgba(255,255,255,.42)!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageMetaCopy small,
.ll16ImageGenCard:not(.is-game) .ll16ImageProgress{display:none!important}
.ll16ImageGenCard:not(.is-game) .ll24ProgressChip{
  position:absolute!important;
  z-index:9!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  min-width:58px!important;
  height:34px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:rgba(33,33,35,.94)!important;
  color:rgb(220 89 146)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.30)!important;
  font-size:12px!important;
  font-weight:620!important;
  font-variant-numeric:tabular-nums!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageGenHint{display:none!important}

/* Game opens in exactly the same footprint — never enlarges the wait surface. */
.ll16ImageGenCard.is-game{
  width:100%!important;
  height:420px!important;
  min-height:420px!important;
  max-height:420px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#090a0e!important;
  box-shadow:0 16px 38px rgba(0,0,0,.26)!important;
}
.ll16ImageGenCard.is-game .ll16ImageGenSurface{
  overflow:hidden!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#0d1017 0%,#080a0f 100%)!important;
  box-shadow:none!important;
  contain:strict!important;
}
.ll16ImageGenCard.is-game .ll16ImageMeta{display:none!important}
.ll16ImageGenCard.is-game .ll22GameCanvas{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:24px!important;
}
.ll16ImageGenCard.is-game .ll16GameHud{
  top:14px!important;left:14px!important;right:14px!important;
  border-radius:14px!important;
  background:rgba(18,20,26,.90)!important;
  border:1px solid rgba(255,255,255,.065)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.18)!important;
}
.ll16ImageGenCard.is-game .ll16ImageGenHint{display:block!important;left:14px!important;bottom:14px!important;translate:0 0!important}
.ll16ImageGenCard.is-game .ll22GameClose{right:14px!important;bottom:14px!important}

@media(max-width:760px){
  .ll16ImageGenRow{width:min(520px,calc(100% - 18px))!important;contain-intrinsic-size:520px 372px!important}
  .ll16ImageGenCard,.ll16ImageGenSurface,.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface,.ll16ImageGenCard.is-game,.ll16ImageGenCard.is-game .ll16ImageGenSurface{height:372px!important;min-height:372px!important;max-height:372px!important}
  .ll16ImageGenCard:not(.is-game) .ll16DotField{top:58px!important;width:286px!important;height:246px!important}
  .ll16ImageGenCard:not(.is-game) .ll16DotGrid{width:274px!important;height:238px!important;grid-template-columns:repeat(22,4px)!important;grid-template-rows:repeat(24,4px)!important;grid-auto-rows:4px!important;gap:6px 7px!important}
  .ll16ImageGenCard:not(.is-game) .ll16DotGrid i{width:4px!important;height:4px!important}
  .ll16ImageGenCard .ll16ImageMeta,.ll16ImageGenCard:not(.is-game) .ll16ImageMeta{top:16px!important;width:274px!important}
  .ll16ImageGenCard:not(.is-game) .ll24ProgressChip{bottom:14px!important}
}


/* v99.7p6 — reference-matched open loader + same-footprint game redesign */
.ll16ImageGenRow{width:min(600px,calc(100% - 26px))!important;margin:10px auto 14px!important}
.ll16ImageGenCard{height:438px!important;min-height:438px!important;max-height:438px!important;overflow:hidden!important}
.ll16ImageGenSurface,.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface,.ll16ImageGenCard.is-game .ll16ImageGenSurface{height:438px!important;min-height:438px!important;max-height:438px!important}

/* Loading state: no card, no panel. Title sits above the dot cloud like the reference. */
.ll16ImageGenCard:not(.is-game){border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important}
.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface::after{display:none!important}
.ll16ImageGenCard:not(.is-game) .ll16ImageMeta{top:12px!important;left:50%!important;width:340px!important;transform:translateX(-50%)!important;text-align:left!important;padding:0!important}
.ll16ImageGenCard:not(.is-game) .ll16ImageMetaCopy{text-align:left!important}
.ll16ImageGenCard:not(.is-game) .ll16ImageMetaCopy b{font-size:17px!important;line-height:1.25!important;font-weight:520!important;letter-spacing:-.012em!important;color:rgba(255,255,255,.44)!important}
.ll16ImageGenCard:not(.is-game) .ll16ImageMetaCopy small,.ll16ImageGenCard:not(.is-game) .ll16ImageProgress{display:none!important}
.ll16ImageGenCard:not(.is-game) .ll16DotField{left:50%!important;top:58px!important;width:356px!important;height:320px!important;transform:translateX(-50%)!important;display:grid!important;place-items:center!important;mask:none!important;-webkit-mask:none!important}
.ll16ImageGenCard:not(.is-game) .ll16DotGrid{width:328px!important;height:292px!important;display:grid!important;grid-template-columns:repeat(26,4px)!important;grid-template-rows:repeat(24,4px)!important;grid-auto-rows:4px!important;gap:8px!important;place-content:center!important;padding:0!important;transform:none!important;opacity:1!important}
.ll16ImageGenCard:not(.is-game) .ll16DotGrid i{width:4px!important;height:4px!important;border-radius:999px!important;background:rgb(216 87 144)!important;box-shadow:0 0 8px rgba(221,88,147,.16)!important;animation:ll996RefDot 1.82s ease-in-out infinite!important;will-change:opacity,transform!important}
.ll16ImageGenCard:not(.is-game) .ll16DotGrid i.core{opacity:.72!important}.ll16ImageGenCard:not(.is-game) .ll16DotGrid i.mid{opacity:.34!important}.ll16ImageGenCard:not(.is-game) .ll16DotGrid i.edge{opacity:.09!important}
@keyframes ll996RefDot{0%,100%{transform:scale(.78);filter:none}48%{transform:scale(1.10);filter:none}72%{transform:scale(.92);filter:none}}
.ll16ImageGenCard:not(.is-game) .ll24ProgressChip{left:calc(50% + 108px)!important;right:auto!important;bottom:20px!important;transform:translateX(-50%)!important;min-width:58px!important;height:34px!important;padding:0 12px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(37,37,39,.94)!important;color:rgb(220 89 146)!important;box-shadow:0 5px 16px rgba(0,0,0,.24)!important;font-size:12px!important;font-weight:600!important}
.ll16ImageGenCard:not(.is-game) .ll16ImageGenHint{display:none!important}

/* Game state: exact same footprint, but minimal chrome and larger gameplay. */
.ll16ImageGenCard.is-game{height:438px!important;min-height:438px!important;max-height:438px!important;border-radius:22px!important;border:1px solid rgba(255,255,255,.055)!important;background:linear-gradient(180deg,#0d0f14 0%,#080a0e 100%)!important;box-shadow:0 14px 34px rgba(0,0,0,.24)!important}
.ll16ImageGenCard.is-game .ll16ImageGenSurface{height:438px!important;min-height:438px!important;max-height:438px!important;border-radius:22px!important;background:linear-gradient(180deg,#0d0f14 0%,#080a0e 100%)!important;overflow:hidden!important}
.ll16ImageGenCard.is-game .ll16GameHud{top:15px!important;left:18px!important;right:18px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:grid!important;grid-template-columns:1fr auto auto!important;gap:12px!important;color:rgba(255,255,255,.58)!important;font-size:11px!important}
.ll16ImageGenCard.is-game .ll16GameHud b{font-size:11px!important;color:rgba(255,255,255,.86)!important}
.ll16ImageGenCard.is-game .ll16GameHud b::before{content:''!important;margin:0!important}
.ll16ImageGenCard.is-game .ll22GameCanvas{position:absolute!important;inset:34px 0 0!important;width:100%!important;height:404px!important;border-radius:0 0 22px 22px!important;background:transparent!important}
.ll16ImageGenCard.is-game .ll16ImageGenHint{left:18px!important;bottom:14px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;color:rgba(255,255,255,.38)!important;font-size:11px!important;box-shadow:none!important}
.ll16ImageGenCard.is-game .ll22GameClose{right:14px!important;bottom:12px!important;width:32px!important;height:32px!important;border-radius:999px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:none!important}
.ll16ImageGenCard.is-game .ll16ImageMeta,.ll16ImageGenCard.is-game .ll24ProgressChip{display:none!important}

@media(max-width:760px){
  .ll16ImageGenRow{width:min(560px,calc(100% - 16px))!important}
  .ll16ImageGenCard,.ll16ImageGenSurface,.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface,.ll16ImageGenCard.is-game,.ll16ImageGenCard.is-game .ll16ImageGenSurface{height:402px!important;min-height:402px!important;max-height:402px!important}
  .ll16ImageGenCard:not(.is-game) .ll16ImageMeta{top:10px!important;width:318px!important}
  .ll16ImageGenCard:not(.is-game) .ll16DotField{top:52px!important;width:330px!important;height:292px!important}
  .ll16ImageGenCard:not(.is-game) .ll16DotGrid{width:302px!important;height:268px!important;grid-template-columns:repeat(26,4px)!important;grid-template-rows:repeat(24,4px)!important;gap:7px!important}
  .ll16ImageGenCard:not(.is-game) .ll24ProgressChip{left:calc(50% + 96px)!important;bottom:14px!important}
  .ll16ImageGenCard.is-game .ll22GameCanvas{inset:34px 0 0!important;height:368px!important}
}


/* v99.7p7 — snake-style mini-game family + corrected open loader */
.ll16ImageGenCard:not(.is-game) .ll16ImageMeta{top:14px!important;width:332px!important}
.ll16ImageGenCard:not(.is-game) .ll16DotField{top:60px!important;width:348px!important;height:286px!important}
.ll16ImageGenCard:not(.is-game) .ll16DotGrid{width:320px!important;height:258px!important;grid-template-columns:repeat(24,4px)!important;grid-template-rows:repeat(22,4px)!important;grid-auto-rows:4px!important;gap:8px!important}
.ll16ImageGenCard:not(.is-game) .ll24ProgressChip{left:calc(50% + 110px)!important;bottom:18px!important}
.ll16ImageGenCard.is-game{border-radius:24px!important;border:1px solid rgba(255,255,255,.05)!important;background:linear-gradient(180deg,#0d0f14 0%,#08090d 100%)!important;box-shadow:0 14px 34px rgba(0,0,0,.24)!important}
.ll16ImageGenCard.is-game .ll16ImageGenSurface{border-radius:24px!important;background:linear-gradient(180deg,#0d0f14 0%,#08090d 100%)!important}
.ll16ImageGenCard.is-game .ll16GameHud{top:16px!important;left:18px!important;right:18px!important;align-items:center!important;color:rgba(255,255,255,.52)!important}
.ll16ImageGenCard.is-game .ll16GameHud [data-ll22-game]{font-size:12px!important;color:rgba(255,255,255,.8)!important}
.ll16ImageGenCard.is-game .ll16ImageGenHint{left:18px!important;bottom:16px!important;font-size:11px!important;color:rgba(255,255,255,.34)!important}
.ll16ImageGenCard.is-game .ll22GameClose{right:16px!important;bottom:14px!important;background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.06)!important}
@media(max-width:760px){.ll16ImageGenCard:not(.is-game) .ll16ImageMeta{width:306px!important}.ll16ImageGenCard:not(.is-game) .ll16DotField{top:54px!important;width:320px!important;height:266px!important}.ll16ImageGenCard:not(.is-game) .ll16DotGrid{width:292px!important;height:240px!important;gap:7px!important}.ll16ImageGenCard:not(.is-game) .ll24ProgressChip{left:calc(50% + 96px)!important;bottom:14px!important}}


/* v99.7p8 — high-quality / smoother render pass */
.ll16ImageGenSurface,.ll22GameCanvas,.ll16DotGrid{transform:translateZ(0)!important;backface-visibility:hidden!important}
.ll16ImageGenCard.is-game .ll22GameCanvas{image-rendering:auto!important;contain:layout paint size!important;will-change:transform,opacity!important}
.ll16ImageGenCard.is-game .ll16ImageGenSurface{isolation:isolate!important}
.ll16ImageGenCard.is-game{box-shadow:0 18px 40px rgba(0,0,0,.28)!important}
.ll16ImageGenCard.is-game .ll16GameHud{letter-spacing:.01em!important}
.ll16ImageGenCard:not(.is-game) .ll16DotGrid i{box-shadow:0 0 10px rgba(221,88,147,.18)!important}
.ll16ImageGenCard.is-game .ll22GameClose{transition:transform .16s ease,background .16s ease,border-color .16s ease!important}
.ll16ImageGenCard.is-game .ll22GameClose:hover{transform:scale(1.04)!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.12)!important}

/* v99.7 final loader + games polish
   - bigger, cleaner image-generation rectangle
   - true full-width dot matrix (fixes narrow-strip bug)
   - smoother, more premium game chrome */
.ll16ImageGenRow{width:min(640px,calc(100% - 24px))!important;margin:10px auto 18px!important;contain-intrinsic-size:640px 420px!important}
.ll16ImageGenCard{border-radius:28px!important;border:1px solid rgba(255,255,255,.065)!important;background:linear-gradient(180deg,rgba(16,17,20,.98),rgba(11,12,15,.98))!important;box-shadow:0 22px 56px rgba(0,0,0,.34)!important;overflow:hidden!important}
.ll16ImageGenSurface{aspect-ratio:1.58/1!important;min-height:352px!important;max-height:none!important;background:radial-gradient(circle at 50% 34%,rgba(var(--accent-rgb),.12) 0,rgba(var(--accent-rgb),.055) 18%,rgba(0,0,0,0) 44%),linear-gradient(180deg,#111218 0%,#0b0c10 100%)!important}
.ll16ImageGenSurface::after{background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 20%,transparent 80%,rgba(255,255,255,.018)),radial-gradient(circle at 50% 38%,rgba(var(--accent-rgb),.07),transparent 46%)!important;opacity:1!important}
.ll16DotField{inset:58px 36px 70px!important;display:grid!important;place-items:center!important;mask:none!important;-webkit-mask:none!important}
.ll16DotGrid{width:max-content!important;height:max-content!important;display:grid!important;grid-template-columns:repeat(24,7px)!important;grid-auto-rows:7px!important;gap:8px!important;align-content:center!important;justify-content:center!important;transform:none!important;padding:0!important;filter:none!important}
.ll16DotGrid i{width:5px!important;height:5px!important;border-radius:999px!important;background:rgba(219,105,162,.72)!important;box-shadow:0 0 12px rgba(219,105,162,.22)!important;opacity:.12!important;animation:ll99DotGlow 2.05s cubic-bezier(.4,0,.22,1) infinite!important}
.ll16DotGrid i.core{opacity:.92!important;background:rgba(235,114,171,.98)!important;box-shadow:0 0 18px rgba(227,98,156,.34)!important}
.ll16DotGrid i.mid{opacity:.44!important}
.ll16DotGrid i.edge{opacity:.14!important}
@keyframes ll99DotGlow{0%,100%{transform:scale(.82);opacity:.12}35%{transform:scale(1.1);opacity:.92}62%{transform:scale(.94);opacity:.3}}
.ll16ImageMeta{left:18px!important;right:96px!important;top:16px!important;min-height:42px!important}
.ll16ImageMetaCopy b{font-size:14px!important;font-weight:650!important;color:rgba(255,255,255,.82)!important}
.ll16ImageMetaCopy small{font-size:10.5px!important;color:rgba(255,255,255,.42)!important;max-width:420px!important}
.ll16ImageProgress{right:-78px!important;top:2px!important;font-size:10px!important;color:rgba(255,255,255,.38)!important}
.ll24ProgressChip{right:18px!important;bottom:18px!important;min-width:64px!important;height:34px!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(38,39,45,.9)!important;color:rgba(255,255,255,.9)!important;box-shadow:0 12px 28px rgba(0,0,0,.30)!important}
.ll24ProgressChip::before{opacity:.34!important}
.ll16ImageGenHint{left:18px!important;bottom:20px!important;font-size:10.5px!important;color:rgba(255,255,255,.42)!important}
.ll16ImageGenCard:not(.is-game) .ll16ImageGenHint{background:transparent!important;border:0!important;padding:0!important;backdrop-filter:none!important}
.ll16ImageGenCard.is-game .ll16ImageGenSurface{background:radial-gradient(circle at 50% 30%,rgba(var(--accent-rgb),.08),transparent 36%),linear-gradient(180deg,#101219 0%,#0a0c11 100%)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important}
.ll16ImageGenCard.is-game .ll22GameCanvas{background:transparent!important;border-radius:22px!important}
.ll16ImageGenCard.is-game .ll16GameHud{top:16px!important;left:16px!important;right:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:12px!important;padding:10px 14px!important;border-radius:18px!important;background:rgba(17,19,25,.9)!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 12px 28px rgba(0,0,0,.28)!important;color:rgba(255,255,255,.74)!important}
.ll16ImageGenCard.is-game .ll16GameHud [data-ll22-game]{font-size:10px!important;letter-spacing:.01em!important}
.ll16ImageGenCard.is-game .ll16GameHud b{font-size:12px!important;color:#fff!important}
.ll16ImageGenCard.is-game .ll16ImageGenHint{left:16px!important;bottom:16px!important;padding:8px 11px!important;border-radius:999px!important;background:rgba(17,19,25,.88)!important;border:1px solid rgba(255,255,255,.065)!important;color:rgba(255,255,255,.60)!important;box-shadow:0 10px 22px rgba(0,0,0,.22)!important}
.ll16ImageGenCard .ll22GameClose{right:16px!important;bottom:16px!important;width:36px!important;height:36px!important;border-radius:999px!important;background:rgba(17,19,25,.92)!important;border:1px solid rgba(255,255,255,.07)!important;color:rgba(255,255,255,.82)!important;box-shadow:0 10px 24px rgba(0,0,0,.24)!important}

@media(max-width:760px){
  .ll16ImageGenRow{width:calc(100% - 16px)!important;contain-intrinsic-size:100vw 360px!important}
  .ll16ImageGenSurface{aspect-ratio:1.38/1!important;min-height:286px!important}
  .ll16DotField{inset:54px 18px 66px!important}
  .ll16DotGrid{grid-template-columns:repeat(24,6px)!important;grid-auto-rows:6px!important;gap:6.5px!important}
  .ll16DotGrid i{width:4px!important;height:4px!important}
  .ll16ImageMeta{left:14px!important;right:80px!important;top:14px!important}
  .ll16ImageMetaCopy b{font-size:13px!important}
  .ll16ImageMetaCopy small{max-width:250px!important;font-size:10px!important}
  .ll24ProgressChip{right:14px!important;bottom:14px!important;min-width:58px!important;height:32px!important;padding:0 13px!important}
  .ll16ImageGenHint{left:14px!important;bottom:16px!important}
  .ll16ImageGenCard.is-game .ll16GameHud{top:14px!important;left:14px!important;padding:9px 12px!important;gap:10px!important}
  .ll16ImageGenCard .ll22GameClose{right:14px!important;bottom:14px!important}
}


/* v99.7p9 — simplify waiting-game chrome to snake-style minimal */
.ll16ImageGenCard.is-game{border-radius:24px!important;border:1px solid rgba(255,255,255,.055)!important;background:#0b0d12!important;box-shadow:0 14px 34px rgba(0,0,0,.24)!important}
.ll16ImageGenCard.is-game .ll16ImageGenSurface{background:#0b0d12!important;box-shadow:none!important;border-radius:24px!important}
.ll16ImageGenCard.is-game .ll22GameCanvas{background:transparent!important;border-radius:24px!important}
.ll16ImageGenCard.is-game .ll16GameHud{top:14px!important;left:18px!important;right:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:12px!important;color:rgba(255,255,255,.54)!important;font-size:11px!important}
.ll16ImageGenCard.is-game .ll16GameHud [data-ll22-game]{font-size:12px!important;color:rgba(255,255,255,.84)!important}
.ll16ImageGenCard.is-game .ll16GameHud b{font-size:12px!important;color:#fff!important}
.ll16ImageGenCard.is-game .ll16ImageGenHint{left:18px!important;bottom:16px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:rgba(255,255,255,.40)!important;font-size:11px!important}
.ll16ImageGenCard.is-game .ll22GameClose{right:16px!important;bottom:14px!important;width:32px!important;height:32px!important;border-radius:999px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.065)!important;box-shadow:none!important;color:rgba(255,255,255,.82)!important}


/* v99.7p10 — premium animated image-generation field */
.ll16ImageGenCard:not(.is-game){
  height:448px!important;
  min-height:448px!important;
  max-height:448px!important;
  overflow:visible!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface{
  height:448px!important;
  min-height:448px!important;
  max-height:448px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:28px!important;
  background:
    radial-gradient(ellipse at 50% 43%,rgba(var(--accent-rgb),.075) 0%,rgba(var(--accent-rgb),.035) 27%,transparent 58%),
    linear-gradient(180deg,rgba(14,15,20,.96),rgba(8,9,13,.985))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)!important;
  overflow:hidden!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 28% 34%,rgba(var(--accent-rgb),.055),transparent 28%),
    radial-gradient(circle at 72% 62%,rgba(var(--accent-rgb),.04),transparent 30%)!important;
  opacity:.9!important;
  animation:ll997SurfaceBreath 5.8s ease-in-out infinite!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 16%,transparent 84%,rgba(255,255,255,.012))!important;
  opacity:1!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageMeta{
  top:20px!important;
  left:24px!important;
  width:auto!important;
  max-width:390px!important;
  transform:none!important;
  z-index:7!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageMetaCopy b{
  color:rgba(255,255,255,.78)!important;
  font-size:16px!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageMetaCopy small{
  display:block!important;
  margin-top:4px!important;
  max-width:360px!important;
  color:rgba(255,255,255,.34)!important;
  font-size:10.5px!important;
  line-height:1.35!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageProgress{
  display:block!important;
  position:absolute!important;
  top:22px!important;
  right:24px!important;
  color:rgba(255,255,255,.32)!important;
  font-size:10px!important;
  z-index:7!important;
}
.ll16ImageGenCard:not(.is-game) .ll16DotField{
  left:50%!important;
  top:78px!important;
  width:470px!important;
  height:302px!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  z-index:3!important;
}
.ll16ImageGenCard:not(.is-game) .ll16DotField::before{
  content:""!important;
  position:absolute!important;
  width:78%!important;
  height:70%!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse,rgba(var(--accent-rgb),.12) 0%,rgba(var(--accent-rgb),.045) 34%,transparent 70%)!important;
  filter:blur(22px)!important;
  opacity:.62!important;
  animation:ll997GlowFloat 4.6s ease-in-out infinite!important;
  pointer-events:none!important;
}
.ll16ImageGenCard:not(.is-game) .ll16DotField::after{
  content:""!important;
  position:absolute!important;
  width:62%!important;
  height:58%!important;
  border-radius:50%!important;
  border:1px solid rgba(var(--accent-rgb),.045)!important;
  opacity:.5!important;
  animation:ll997RingPulse 3.9s ease-in-out infinite!important;
  pointer-events:none!important;
}
.ll16ImageGenCard:not(.is-game) .ll997DotGrid{
  width:max-content!important;
  height:max-content!important;
  display:grid!important;
  grid-template-columns:repeat(32,5px)!important;
  grid-template-rows:repeat(26,5px)!important;
  grid-auto-rows:5px!important;
  gap:7px 8px!important;
  place-content:center!important;
  padding:0!important;
  transform:translateZ(0)!important;
  filter:none!important;
  opacity:1!important;
  will-change:transform!important;
  animation:ll997CloudFloat 6.2s ease-in-out infinite!important;
}
.ll16ImageGenCard:not(.is-game) .ll997DotGrid i{
  width:var(--sz,3px)!important;
  height:var(--sz,3px)!important;
  justify-self:center!important;
  align-self:center!important;
  border-radius:999px!important;
  background:rgb(var(--accent-rgb))!important;
  box-shadow:none!important;
  opacity:.09!important;
  transform:translate3d(0,0,0) scale(.86)!important;
  animation:ll997DotWave 2.25s cubic-bezier(.4,0,.2,1) var(--d,0s) infinite!important;
  will-change:opacity,transform!important;
}
.ll16ImageGenCard:not(.is-game) .ll997DotGrid i.core{opacity:.82!important;box-shadow:0 0 10px rgba(var(--accent-rgb),.16)!important}
.ll16ImageGenCard:not(.is-game) .ll997DotGrid i.mid{opacity:.38!important}
.ll16ImageGenCard:not(.is-game) .ll997DotGrid i.soft{opacity:.20!important}
.ll16ImageGenCard:not(.is-game) .ll997DotGrid i.edge{opacity:.07!important}
.ll16ImageGenCard:not(.is-game) .ll24ProgressChip{
  left:auto!important;
  right:24px!important;
  bottom:20px!important;
  transform:none!important;
  min-width:64px!important;
  height:34px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  background:rgba(30,31,36,.88)!important;
  color:rgb(var(--accent-rgb))!important;
  box-shadow:0 10px 24px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(14px)!important;
  z-index:8!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageGenHint{
  display:block!important;
  left:24px!important;
  bottom:27px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  color:rgba(255,255,255,.30)!important;
  font-size:10.5px!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
@keyframes ll997DotWave{
  0%,100%{opacity:.08;transform:translate3d(0,0,0) scale(.72)}
  24%{opacity:.30;transform:translate3d(calc(var(--x,0px)*.25),-1px,0) scale(.94)}
  48%{opacity:.96;transform:translate3d(var(--x,0px),-3px,0) scale(1.18)}
  72%{opacity:.26;transform:translate3d(calc(var(--x,0px)*-.35),1px,0) scale(.90)}
}
@keyframes ll997CloudFloat{0%,100%{transform:translate3d(0,1px,0) scale(1)}50%{transform:translate3d(0,-5px,0) scale(1.012)}}
@keyframes ll997GlowFloat{0%,100%{transform:translate3d(-10px,4px,0) scale(.98);opacity:.44}50%{transform:translate3d(12px,-8px,0) scale(1.06);opacity:.72}}
@keyframes ll997RingPulse{0%,100%{transform:scale(.92);opacity:.20}50%{transform:scale(1.08);opacity:.55}}
@keyframes ll997SurfaceBreath{0%,100%{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.018)}}
@media(max-width:760px){
  .ll16ImageGenCard:not(.is-game),.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface{height:404px!important;min-height:404px!important;max-height:404px!important}
  .ll16ImageGenCard:not(.is-game) .ll16ImageMeta{left:18px!important;top:17px!important;max-width:270px!important}
  .ll16ImageGenCard:not(.is-game) .ll16ImageMetaCopy b{font-size:15px!important}
  .ll16ImageGenCard:not(.is-game) .ll16ImageMetaCopy small{max-width:250px!important}
  .ll16ImageGenCard:not(.is-game) .ll16ImageProgress{right:18px!important;top:19px!important}
  .ll16ImageGenCard:not(.is-game) .ll16DotField{top:72px!important;width:344px!important;height:270px!important}
  .ll16ImageGenCard:not(.is-game) .ll997DotGrid{grid-template-columns:repeat(32,4px)!important;grid-template-rows:repeat(26,4px)!important;grid-auto-rows:4px!important;gap:6px!important}
  .ll16ImageGenCard:not(.is-game) .ll997DotGrid i{width:min(var(--sz,3px),4px)!important;height:min(var(--sz,3px),4px)!important}
  .ll16ImageGenCard:not(.is-game) .ll24ProgressChip{right:18px!important;bottom:16px!important}
  .ll16ImageGenCard:not(.is-game) .ll16ImageGenHint{left:18px!important;bottom:23px!important}
}
@media(prefers-reduced-motion:reduce){
  .ll16ImageGenCard:not(.is-game) .ll997DotGrid,
  .ll16ImageGenCard:not(.is-game) .ll997DotGrid i,
  .ll16ImageGenCard:not(.is-game) .ll16DotField::before,
  .ll16ImageGenCard:not(.is-game) .ll16DotField::after,
  .ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface::before{animation:none!important}
}


/* ================= LL AI v99.7a final patch =================
   Cleaner ChatGPT-like image generation surface:
   - no oversized card in loading state
   - soft inline heading + status
   - centered dotted field
   - compact progress chip
   - same-size minimal game surface
================================================================ */
.ll16ImageGenRow{
  width:min(470px,calc(100% - 18px))!important;
  margin:10px auto 16px!important;
  contain-intrinsic-size:470px 340px!important;
}
.ll16ImageGenCard{
  height:344px!important;
  min-height:344px!important;
  max-height:344px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.ll16ImageGenSurface,
.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface,
.ll16ImageGenCard.is-game .ll16ImageGenSurface{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:344px!important;
  min-height:344px!important;
  max-height:344px!important;
  aspect-ratio:auto!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface::before,
.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface::after{display:none!important}
.ll16ImageGenCard:not(.is-game) .ll16ImageMeta{
  position:absolute!important;
  left:50%!important;
  top:0!important;
  width:min(340px,100%)!important;
  transform:translateX(-50%)!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  pointer-events:none!important;
  display:block!important;
  z-index:6!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageMetaCopy{display:block!important;text-align:left!important}
.ll16ImageGenCard:not(.is-game) .ll16ImageMetaCopy b{
  display:block!important;
  font-size:18px!important;
  line-height:1.22!important;
  font-weight:600!important;
  letter-spacing:-.014em!important;
  color:rgba(255,255,255,.88)!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageMetaCopy small{
  display:block!important;
  margin-top:6px!important;
  font-size:12px!important;
  line-height:1.42!important;
  color:rgba(255,255,255,.44)!important;
  max-width:340px!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageProgress{
  position:absolute!important;
  top:2px!important;
  right:-4px!important;
  display:block!important;
  font-size:10px!important;
  color:rgba(255,255,255,.32)!important;
}
.ll16ImageGenCard:not(.is-game) .ll16DotField{
  position:absolute!important;
  left:50%!important;
  top:82px!important;
  width:320px!important;
  height:228px!important;
  inset:auto!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  place-items:center!important;
  mask:none!important;
  -webkit-mask:none!important;
  pointer-events:none!important;
}
.ll16ImageGenCard:not(.is-game) .ll16DotGrid,
.ll16ImageGenCard:not(.is-game) .ll997DotGrid{
  width:292px!important;
  height:216px!important;
  display:grid!important;
  grid-template-columns:repeat(20,1fr)!important;
  grid-auto-rows:1fr!important;
  gap:8px!important;
  place-content:center!important;
  justify-items:center!important;
  align-items:center!important;
  padding:0!important;
  transform:none!important;
  filter:none!important;
  opacity:1!important;
}
.ll16ImageGenCard:not(.is-game) .ll16DotGrid i,
.ll16ImageGenCard:not(.is-game) .ll997DotGrid i{
  width:min(var(--sz,4px),5px)!important;
  height:min(var(--sz,4px),5px)!important;
  border-radius:999px!important;
  background:rgb(221 102 157)!important;
  box-shadow:0 0 10px rgba(221,102,157,.18)!important;
  animation:ll997aDot 1.95s cubic-bezier(.4,0,.2,1) infinite!important;
}
.ll16ImageGenCard:not(.is-game) .ll16DotGrid i.core,
.ll16ImageGenCard:not(.is-game) .ll997DotGrid i.core{opacity:.78!important}
.ll16ImageGenCard:not(.is-game) .ll16DotGrid i.mid,
.ll16ImageGenCard:not(.is-game) .ll997DotGrid i.mid{opacity:.34!important}
.ll16ImageGenCard:not(.is-game) .ll16DotGrid i.soft,
.ll16ImageGenCard:not(.is-game) .ll997DotGrid i.soft{opacity:.18!important}
.ll16ImageGenCard:not(.is-game) .ll16DotGrid i.edge,
.ll16ImageGenCard:not(.is-game) .ll997DotGrid i.edge{opacity:.08!important}
@keyframes ll997aDot{
  0%,100%{opacity:.10;transform:translate3d(0,0,0) scale(.76)}
  45%{opacity:.98;transform:translate3d(var(--x,0px),-2px,0) scale(1.12)}
  72%{opacity:.28;transform:translate3d(calc(var(--x,0px)*-.25),1px,0) scale(.92)}
}
.ll16ImageGenCard:not(.is-game) .ll24ProgressChip{
  position:absolute!important;
  right:0!important;
  bottom:4px!important;
  left:auto!important;
  transform:none!important;
  min-width:58px!important;
  height:34px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(36,37,41,.96)!important;
  color:rgb(223 102 157)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
  font-size:12px!important;
  font-weight:620!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  z-index:8!important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageGenHint{
  display:block!important;
  left:0!important;
  bottom:12px!important;
  translate:0 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  color:rgba(255,255,255,.34)!important;
  font-size:11px!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

/* Game state: keep it compact, elegant, and closer to ChatGPT's minimal mini-game panel. */
.ll16ImageGenCard.is-game{
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#0e1118 0%,#090b10 100%)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.28)!important;
  overflow:hidden!important;
}
.ll16ImageGenCard.is-game .ll16ImageGenSurface{
  height:344px!important;
  min-height:344px!important;
  max-height:344px!important;
  background:linear-gradient(180deg,#11141b 0%,#0a0c10 100%)!important;
  border-radius:22px!important;
}
.ll16ImageGenCard.is-game .ll16ImageMeta,
.ll16ImageGenCard.is-game .ll24ProgressChip{display:none!important}
.ll16ImageGenCard.is-game .ll16GameHud{
  position:absolute!important;
  top:16px!important;
  left:18px!important;
  right:18px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:10px!important;
  color:rgba(255,255,255,.56)!important;
  font-size:11px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.ll16ImageGenCard.is-game .ll16GameHud [data-ll22-game],
.ll16ImageGenCard.is-game .ll16GameHud b{color:rgba(255,255,255,.86)!important;font-size:11px!important}
.ll16ImageGenCard.is-game .ll22GameCanvas{
  position:absolute!important;
  inset:34px 0 0!important;
  width:100%!important;
  height:310px!important;
  border-radius:0 0 22px 22px!important;
  background:transparent!important;
}
.ll16ImageGenCard.is-game .ll16ImageGenHint{
  left:18px!important;
  bottom:14px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  color:rgba(255,255,255,.36)!important;
  font-size:11px!important;
}
.ll16ImageGenCard.is-game .ll22GameClose{
  right:14px!important;
  bottom:12px!important;
  width:32px!important;
  height:32px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:rgba(255,255,255,.05)!important;
  box-shadow:none!important;
}

@media(max-width:760px){
  .ll16ImageGenRow{width:min(420px,calc(100% - 18px))!important;contain-intrinsic-size:420px 322px!important}
  .ll16ImageGenCard,.ll16ImageGenSurface,.ll16ImageGenCard.is-game .ll16ImageGenSurface{height:322px!important;min-height:322px!important;max-height:322px!important}
  .ll16ImageGenCard:not(.is-game) .ll16ImageMeta{width:min(310px,100%)!important}
  .ll16ImageGenCard:not(.is-game) .ll16ImageMetaCopy b{font-size:16px!important}
  .ll16ImageGenCard:not(.is-game) .ll16ImageMetaCopy small{font-size:11px!important;max-width:300px!important}
  .ll16ImageGenCard:not(.is-game) .ll16DotField{top:76px!important;width:286px!important;height:198px!important}
  .ll16ImageGenCard:not(.is-game) .ll16DotGrid,
  .ll16ImageGenCard:not(.is-game) .ll997DotGrid{width:262px!important;height:188px!important;gap:7px!important}
  .ll16ImageGenCard:not(.is-game) .ll24ProgressChip{bottom:2px!important;right:2px!important}
  .ll16ImageGenCard:not(.is-game) .ll16ImageGenHint{bottom:10px!important}
  .ll16ImageGenCard.is-game .ll22GameCanvas{height:288px!important}
}

@media(prefers-reduced-motion:reduce){
  .ll16ImageGenCard:not(.is-game) .ll16DotGrid i,
  .ll16ImageGenCard:not(.is-game) .ll997DotGrid i{animation:none!important}
}


/* v100.6 — ChatGPT-like image thinking box, left aligned, lighter chrome */
.ll16ImageGenRow.freshMessage,.ll16StudioImageWait .ll16ImageGenRow{
  width:min(392px,calc(100% - 18px))!important;
  max-width:min(392px,calc(100% - 18px))!important;
  margin:8px 0 18px !important;
  padding:0 !important;
  contain:none !important;
}
.ll16ImageGenRow .ll16ImageGenCard{
  width:100% !important;
  min-height:298px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.ll16ImageGenRow .ll16ImageGenSurface,
.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface{
  position:relative !important;
  width:100% !important;
  height:276px !important;
  min-height:276px !important;
  max-height:276px !important;
  aspect-ratio:auto !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface::after{display:none !important;content:none !important}
.ll16ImageGenRow .ll16ImageMeta{
  position:absolute !important;
  inset:0 auto auto 0 !important;
  width:100% !important;
  min-height:24px !important;
  padding:0 !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
  background:transparent !important;
  pointer-events:none !important;
}
.ll16ImageGenRow .ll16ImageMetaCopy{display:grid !important;gap:4px !important;align-content:start !important}
.ll16ImageGenRow .ll16ImageMetaCopy b,
.ll16ImageGenRow .thinkingArtifactTitle{
  font:600 18px/1.15 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  letter-spacing:-0.02em !important;
  color:rgba(255,255,255,.92) !important;
}
.ll16ImageGenRow .ll16ImageMetaCopy small,
.ll16ImageGenRow .thinkingArtifactSub{
  font:500 11px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  color:rgba(255,255,255,.45) !important;
  max-width:260px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.ll16ImageGenRow .ll16ImageProgress{
  position:static !important;
  padding-top:2px !important;
  font:500 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  color:rgba(255,255,255,.34) !important;
}
.ll16ImageGenCard:not(.is-game) .ll16DotField{
  position:absolute !important;
  left:0 !important;
  top:38px !important;
  width:308px !important;
  height:236px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.ll16ImageGenCard:not(.is-game) .ll22GameCanvas{
  position:absolute !important;
  left:0 !important;
  top:38px !important;
  width:308px !important;
  height:236px !important;
  display:block !important;
  opacity:0 !important;
  pointer-events:none !important;
  background:transparent !important;
}
.ll16ImageGenCard.ll16-previewing:not(.is-game) .ll22GameCanvas{opacity:1 !important}
.ll16ImageGenCard:not(.is-game) .ll16GameHud,
.ll16ImageGenCard:not(.is-game) .ll22GameClose{display:none !important}
.ll16ImageGenRow .ll24ProgressChip{
  position:absolute !important;
  right:2px !important;
  bottom:14px !important;
  min-width:52px !important;
  height:34px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:rgba(43,43,46,.82) !important;
  color:rgba(255,255,255,.90) !important;
  font:620 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  box-shadow:none !important;
}
.ll16ImageGenRow .ll16ImageGenHint{
  position:absolute !important;
  left:0 !important;
  bottom:17px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  color:rgba(255,255,255,.36) !important;
  font:500 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}
/* restore full-size game when opened */
.ll16ImageGenCard.is-game{
  border:1px solid rgba(255,255,255,.06) !important;
  border-radius:26px !important;
  background:rgba(12,12,15,.95) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.26) !important;
  overflow:hidden !important;
}
.ll16ImageGenCard.is-game .ll16ImageGenSurface{
  height:372px !important;
  min-height:372px !important;
  max-height:372px !important;
  background:radial-gradient(circle at 50% 36%,rgba(var(--accent-rgb),.095),transparent 34%),linear-gradient(180deg,#0f1117 0%,#090b0f 100%) !important;
}
.ll16ImageGenCard.is-game .ll22GameCanvas{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
.ll16ImageGenCard.is-game .ll16ImageMeta{opacity:0 !important}
.ll16ImageGenCard.is-game .ll24ProgressChip{opacity:0 !important;pointer-events:none !important}
.ll16ImageGenCard.is-game .ll16ImageGenHint{left:18px !important;bottom:18px !important;padding:10px 14px !important;border-radius:14px !important;background:rgba(18,20,26,.94) !important;border:1px solid rgba(255,255,255,.06) !important;color:rgba(255,255,255,.72) !important}
.ll16ImageGenCard.is-game .ll16GameHud{display:flex !important;top:18px !important;left:18px !important;right:auto !important;bottom:auto !important;padding:8px 11px !important;background:rgba(18,20,26,.94) !important;border:1px solid rgba(255,255,255,.065) !important;border-radius:14px !important;color:rgba(255,255,255,.76) !important;box-shadow:0 7px 18px rgba(0,0,0,.22) !important}
.ll16ImageGenCard.is-game .ll22GameClose{display:grid !important;place-items:center !important;right:18px !important;bottom:18px !important;top:auto !important;width:34px !important;height:34px !important;border-radius:999px !important;background:rgba(18,20,26,.94) !important;border:1px solid rgba(255,255,255,.08) !important;color:#fff !important}
@media(max-width:760px){
  .ll16ImageGenRow.freshMessage,.ll16StudioImageWait .ll16ImageGenRow{width:min(360px,calc(100% - 14px)) !important;max-width:min(360px,calc(100% - 14px)) !important}
  .ll16ImageGenRow .ll16ImageMetaCopy b,.ll16ImageGenRow .thinkingArtifactTitle{font-size:16px !important}
  .ll16ImageGenRow .ll16ImageMetaCopy small,.ll16ImageGenRow .thinkingArtifactSub{max-width:220px !important}
  .ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface{height:258px !important;min-height:258px !important;max-height:258px !important}
  .ll16ImageGenCard:not(.is-game) .ll16DotField,.ll16ImageGenCard:not(.is-game) .ll22GameCanvas{top:40px !important;width:280px !important;height:214px !important}
}


/* v100.6 — final ChatGPT-like image wait fidelity */
.ll16ImageGenRow.freshMessage,.ll16StudioImageWait .ll16ImageGenRow{
  width:332px!important;max-width:min(332px,calc(100% - 12px))!important;
  margin:8px 0 18px!important;padding:0!important;justify-content:flex-start!important;align-self:flex-start!important;contain:none!important;
}
.ll16ImageGenRow .ll16ImageGenCard{width:332px!important;max-width:100%!important;min-height:300px!important;height:300px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface{position:absolute!important;inset:0!important;width:332px!important;max-width:100%!important;height:300px!important;min-height:300px!important;max-height:300px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface::after{display:none!important}
.ll16ImageGenRow .ll16ImageMeta{position:absolute!important;left:0!important;right:0!important;top:0!important;bottom:auto!important;height:auto!important;min-height:24px!important;padding:0!important;background:transparent!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;pointer-events:none!important}
.ll16ImageGenRow .ll16ImageMetaCopy{display:block!important;margin:0!important;padding:0!important}
.ll16ImageGenRow .thinkingArtifactTitle{font:500 18px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.015em!important;color:rgba(255,255,255,.84)!important}
.ll16ImageGenRow .thinkingArtifactSub{display:none!important}
.ll16ImageGenRow .ll16ImageProgress{display:none!important}
.ll16ImageGenCard:not(.is-game) .ll16DotField{display:none!important}
.ll16ImageGenCard:not(.is-game) .ll22GameCanvas{display:block!important;position:absolute!important;left:0!important;top:34px!important;width:304px!important;height:238px!important;opacity:0!important;pointer-events:none!important;background:transparent!important;filter:none!important;box-shadow:none!important}
.ll16ImageGenCard.ll16-previewing:not(.is-game) .ll22GameCanvas{opacity:1!important}
.ll16ImageGenCard:not(.is-game) .ll16GameHud,.ll16ImageGenCard:not(.is-game) .ll22GameClose{display:none!important}
.ll16ImageGenRow .ll24ProgressChip{position:absolute!important;right:0!important;bottom:0!important;height:32px!important;min-width:54px!important;padding:0 13px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:999px!important;background:rgba(52,52,55,.82)!important;color:rgba(238,112,167,.96)!important;box-shadow:none!important;backdrop-filter:blur(10px)!important;font:620 11px/1 system-ui,-apple-system,sans-serif!important}
.ll16ImageGenRow .ll24ProgressChip::before{display:none!important}
.ll16ImageGenRow .ll16ImageGenHint{position:absolute!important;left:0!important;bottom:10px!important;padding:0!important;background:transparent!important;border:0!important;color:rgba(255,255,255,.30)!important;font:500 10.5px/1 system-ui,-apple-system,sans-serif!important}
@media(max-width:760px){
  .ll16ImageGenRow.freshMessage,.ll16StudioImageWait .ll16ImageGenRow{width:306px!important;max-width:min(306px,calc(100% - 10px))!important}
  .ll16ImageGenRow .ll16ImageGenCard,.ll16ImageGenCard:not(.is-game) .ll16ImageGenSurface{width:306px!important;height:286px!important;min-height:286px!important;max-height:286px!important}
  .ll16ImageGenCard:not(.is-game) .ll22GameCanvas{top:34px!important;width:286px!important;height:224px!important}
  .ll16ImageGenRow .thinkingArtifactTitle{font-size:17px!important}
}