/* LL AI v64.7.3 — final chat, thinking, image-task, and image-viewer polish. */

/* ---------- Assistant response actions ---------- */
.msgActions{
  display:flex!important;flex-direction:row!important;align-items:center!important;gap:2px!important;
  width:max-content!important;min-height:36px!important;margin:8px 0 0 -3px!important;padding:2px!important;
  position:relative!important;overflow:visible!important;border-radius:13px!important;
}
.msgActions .btn,.msgActions .ll625MoreBtn{
  width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;
  display:grid!important;place-items:center!important;border:0!important;border-radius:10px!important;
  color:color-mix(in srgb,var(--theme-text,#fff) 62%,transparent)!important;background:transparent!important;
  box-shadow:none!important;opacity:1!important;transform:none!important;
  transition:background .15s ease,color .15s ease,transform .12s ease!important;
}
.msgActions .btn:hover,.msgActions .btn:focus-visible,.msgActions .ll625MoreBtn.is-open{
  color:var(--theme-text,#fff)!important;background:color-mix(in srgb,var(--theme-card,#20232d) 74%,rgba(255,255,255,.08))!important;
  outline:none!important;
}
.msgActions .btn:active{transform:scale(.92)!important}
.msgActions .btn svg,.msgActions .ll625MoreBtn svg{width:18px!important;height:18px!important;stroke-width:1.75!important}
.ll625ResponseMenu{
  top:calc(100% + 7px)!important;bottom:auto!important;left:0!important;right:auto!important;z-index:5200!important;
  width:244px!important;padding:7px!important;border-radius:17px!important;
  background:color-mix(in srgb,var(--theme-card,#22252d) 96%,#000)!important;
  border:1px solid color-mix(in srgb,var(--theme-line,rgba(255,255,255,.1)) 88%,transparent)!important;
  box-shadow:0 20px 58px rgba(0,0,0,.42),0 1px 0 rgba(255,255,255,.035) inset!important;
  backdrop-filter:blur(24px) saturate(1.08)!important;-webkit-backdrop-filter:blur(24px) saturate(1.08)!important;
  transform-origin:top left!important;
}
.ll625ResponseMenu button{
  min-height:47px!important;padding:0 10px!important;border-radius:12px!important;gap:11px!important;
  font-size:13.5px!important;font-weight:630!important;letter-spacing:-.005em!important;
  color:color-mix(in srgb,var(--theme-text,#fff) 92%,transparent)!important;
}
.ll625ResponseMenu button:hover,.ll625ResponseMenu button:focus-visible{background:rgba(255,255,255,.065)!important;outline:none!important}
.ll625ResponseMenu .ll625ActionIcon{width:31px!important;height:31px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:rgba(255,255,255,.035)!important;color:color-mix(in srgb,var(--theme-text,#fff) 82%,transparent)!important}
.ll625ResponseMenu .ll625ActionIcon svg{width:17px!important;height:17px!important}
.ll625MenuDivider{margin:5px 8px!important;background:color-mix(in srgb,var(--theme-line,rgba(255,255,255,.1)) 78%,transparent)!important}

/* ---------- Thinking: quiet outside, useful sheet inside ---------- */
.thinkingTrace{position:relative!important;margin:2px 0 7px!important;gap:3px!important}
.thinkingSummary{
  appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;gap:3px!important;
  min-height:30px!important;margin-left:-6px!important;padding:4px 7px!important;border:0!important;border-radius:9px!important;
  background:transparent!important;color:color-mix(in srgb,var(--theme-text,#fff) 72%,var(--theme-muted,#999))!important;
  font:inherit!important;font-size:12.5px!important;font-weight:610!important;letter-spacing:-.004em!important;cursor:pointer!important;
}
.thinkingSummary:hover,.thinkingSummary:focus-visible{background:rgba(255,255,255,.045)!important;color:var(--theme-text,#fff)!important;outline:none!important}
.thinkingChevron{display:grid!important;place-items:center!important;width:15px!important;height:15px!important;font-size:16px!important;line-height:1!important;opacity:.72!important;transition:transform .16s ease!important}
.thinkingSummary[aria-expanded="true"] .thinkingChevron{transform:rotate(90deg)!important}
.thinkingLive{margin:0 0 2px 1px!important;font-size:10.8px!important;color:var(--theme-muted,#9ba1b0)!important;opacity:.72!important}
.thinkingLiveDot{width:5px!important;height:5px!important;box-shadow:none!important}
.thinkingDetails{width:min(660px,100%)!important;padding:7px 0 8px 9px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.thinkingSheetHead{display:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;color:inherit;font:inherit}
.thinkingSteps{display:grid!important;gap:5px!important}
.thinkingStep{
  appearance:none!important;-webkit-appearance:none!important;width:100%!important;border:0!important;background:transparent!important;color:inherit!important;
  display:grid!important;grid-template-columns:20px minmax(0,1fr) 18px!important;align-items:start!important;gap:9px!important;
  padding:8px 8px!important;border-radius:12px!important;text-align:left!important;font:inherit!important;cursor:pointer!important;opacity:.64!important;
  transition:background .14s ease,opacity .14s ease!important;
}
.thinkingStep:hover,.thinkingStep:focus-visible{background:rgba(255,255,255,.035)!important;outline:none!important;opacity:1!important}
.thinkingStep.active{opacity:1!important}.thinkingStep.done{opacity:.76!important}
.thinkingStepDot{width:18px!important;height:18px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:transparent!important;border:1px solid color-mix(in srgb,var(--theme-line,rgba(255,255,255,.1)) 88%,transparent)!important;font-size:9px!important;margin-top:1px!important}
.thinkingStep.active .thinkingStepDot{border-color:rgba(var(--accent-rgb,123,140,255),.55)!important;background:rgba(var(--accent-rgb,123,140,255),.08)!important}
.thinkingStepCopy{display:grid!important;min-width:0!important}.thinkingStepCopy b{font-size:12.5px!important;font-weight:650!important;line-height:1.35!important}.thinkingStepCopy small{font-size:10.7px!important;line-height:1.45!important;color:var(--theme-muted,#999)!important;margin-top:1px!important}
.thinkingStepDetail{display:none!important;margin-top:7px!important;padding:9px 10px!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important;color:color-mix(in srgb,var(--theme-text,#fff) 72%,var(--theme-muted,#999))!important;font-style:normal!important;font-size:10.5px!important;line-height:1.45!important}
.thinkingStep[aria-expanded="true"] .thinkingStepDetail{display:block!important}
.thinkingStepArrow{font-size:17px!important;line-height:18px!important;color:var(--theme-muted,#999)!important;opacity:.65!important;transition:transform .14s ease!important}
.thinkingStep[aria-expanded="true"] .thinkingStepArrow{transform:rotate(90deg)!important}
.thinkingBackdrop{position:fixed!important;inset:0!important;z-index:21980!important;background:rgba(0,0,0,.54)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important}

/* Image creation is an image task, not "Thinking". */
.thinkingTrace.imageTaskOnly{width:min(720px,94%)!important;margin-top:10px!important}
.thinkingTrace.imageTaskOnly .thinkingArtifact.imageTask{
  width:min(690px,100%)!important;min-height:148px!important;grid-template-columns:148px minmax(0,1fr)!important;
  border-radius:22px!important;overflow:hidden!important;background:color-mix(in srgb,var(--theme-card,#20232d) 94%,#090a0d)!important;
  border:1px solid color-mix(in srgb,var(--theme-line,rgba(255,255,255,.1)) 90%,transparent)!important;
  box-shadow:0 18px 52px rgba(0,0,0,.2)!important;
}
.thinkingTrace.imageTaskOnly .thinkingArtifactPreview{min-height:148px!important;background:linear-gradient(145deg,rgba(var(--accent-rgb,123,140,255),.14),rgba(255,255,255,.025))!important}
.thinkingTrace.imageTaskOnly .thinkingArtifactGrid{opacity:.52!important}
.thinkingTrace.imageTaskOnly .thinkingArtifactCopy{padding:20px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important}
.thinkingTrace.imageTaskOnly .thinkingArtifactCopy b{font-size:14px!important;font-weight:690!important}.thinkingTrace.imageTaskOnly .thinkingArtifactCopy small{font-size:11.5px!important;line-height:1.45!important;color:var(--theme-muted,#9ba1b0)!important}

@media (max-width:1100px),(pointer:coarse){
 .thinkingTrace.sheetOpen>.thinkingSummary{visibility:hidden!important;pointer-events:none!important}
 .thinkingTrace.sheetOpen .thinkingBackdrop{display:block!important}
 .thinkingTrace.sheetOpen .thinkingDetails{
   position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:21990!important;
   width:100%!important;max-width:none!important;max-height:min(88dvh,900px)!important;overflow:auto!important;
   padding:0 20px max(24px,calc(18px + env(safe-area-inset-bottom)))!important;
   border:1px solid color-mix(in srgb,var(--theme-line,rgba(255,255,255,.1)) 86%,transparent)!important;border-bottom:0!important;
   border-radius:28px 28px 0 0!important;background:color-mix(in srgb,var(--theme-bg,#0b0c10) 96%,#20232b)!important;
   box-shadow:0 -25px 80px rgba(0,0,0,.48)!important;backdrop-filter:blur(24px) saturate(1.05)!important;-webkit-backdrop-filter:blur(24px) saturate(1.05)!important;
 }
 .thinkingTrace.sheetOpen .thinkingDetails::before,.thinkingTrace.sheetOpen .thinkingDetails::after{display:none!important}
 .thinkingSheetHead{
   position:sticky!important;top:0!important;z-index:2!important;width:100%!important;min-height:78px!important;padding:15px 0 12px!important;
   display:grid!important;place-items:center!important;background:linear-gradient(to bottom,color-mix(in srgb,var(--theme-bg,#0b0c10) 99%,#20232b) 76%,transparent)!important;
   cursor:pointer!important;
 }
 .thinkingSheetHead::before{content:""!important;position:absolute!important;top:12px!important;left:50%!important;transform:translateX(-50%)!important;width:36px!important;height:4px!important;border-radius:99px!important;background:rgba(255,255,255,.42)!important}
 .thinkingSheetTitle{margin-top:15px!important;font-size:14px!important;font-weight:690!important;letter-spacing:-.01em!important;color:var(--theme-text,#fff)!important}
 .thinkingTrace.sheetOpen .thinkingSteps{gap:4px!important;padding-top:2px!important}
 .thinkingTrace.sheetOpen .thinkingStep{padding:12px 8px!important;border-radius:14px!important;grid-template-columns:22px minmax(0,1fr) 18px!important}
 .thinkingTrace.sheetOpen .thinkingStepDot{width:20px!important;height:20px!important}
 .thinkingTrace.sheetOpen .thinkingStepCopy b{font-size:13.5px!important}.thinkingTrace.sheetOpen .thinkingStepCopy small{font-size:11.5px!important}.thinkingTrace.sheetOpen .thinkingStepDetail{font-size:11.2px!important}
}

/* ---------- Image-task chat: persistent, visible results, clean progress ---------- */
.v634TaskMessages{gap:16px!important}
.v634TaskImageMessage{align-self:flex-start!important;width:min(760px,92vw)!important;display:grid!important;gap:8px!important;margin:2px 0 8px!important}
.v634TaskInlineImage{appearance:none!important;-webkit-appearance:none!important;width:fit-content!important;max-width:100%!important;padding:0!important;border:0!important;border-radius:22px!important;background:#0b0c10!important;overflow:hidden!important;cursor:pointer!important;box-shadow:0 0 0 1px rgba(255,255,255,.07),0 16px 44px rgba(0,0,0,.22)!important}
.v634TaskInlineImage img{display:block!important;width:auto!important;max-width:min(720px,88vw)!important;max-height:min(70dvh,760px)!important;height:auto!important;object-fit:contain!important;border-radius:22px!important;background:#0b0c10!important}
.v634TaskImageCaption{max-width:680px!important;padding-left:2px!important;color:color-mix(in srgb,var(--theme-text,#fff) 84%,var(--theme-muted,#999))!important;font-size:13px!important;line-height:1.48!important}
.v6464ImageProgress{
  align-self:flex-start!important;width:min(680px,92vw)!important;min-height:130px!important;display:grid!important;grid-template-columns:124px minmax(0,1fr) 34px!important;align-items:center!important;gap:16px!important;
  border-radius:21px!important;overflow:hidden!important;background:color-mix(in srgb,var(--theme-card,#20232d) 94%,#090a0d)!important;border:1px solid color-mix(in srgb,var(--theme-line,rgba(255,255,255,.1)) 90%,transparent)!important;box-shadow:0 16px 45px rgba(0,0,0,.18)!important
}
.v6464ImageProgressArt{height:100%!important;min-height:130px!important;background:radial-gradient(circle at 50% 62%,rgba(var(--accent-rgb,123,140,255),.25),transparent 40%),linear-gradient(145deg,rgba(var(--accent-rgb,123,140,255),.11),rgba(255,255,255,.025))!important;position:relative!important}
.v6464ImageProgressArt::after{content:""!important;position:absolute!important;inset:0!important;background-image:radial-gradient(circle,rgba(255,255,255,.14) 1px,transparent 1.2px)!important;background-size:14px 14px!important;mask-image:linear-gradient(to top,black,transparent 78%)!important;opacity:.42!important}
.v6464ImageProgressCopy{display:grid!important;gap:5px!important;padding:15px 0!important}.v6464ImageProgressCopy b{font-size:14px!important;font-weight:690!important}.v6464ImageProgressCopy small{font-size:11.5px!important;line-height:1.45!important;color:var(--theme-muted,#9ba1b0)!important}
.v6464ImageProgressSpinner{width:18px!important;height:18px!important;margin-right:16px!important;border-radius:50%!important;border:2px solid rgba(255,255,255,.14)!important;border-top-color:var(--accent,#818cff)!important;animation:v6464Spin .8s linear infinite!important}@keyframes v6464Spin{to{transform:rotate(360deg)}}
.v634Creating{width:min(680px,92vw)!important;max-width:680px!important;aspect-ratio:auto!important;min-height:132px!important;border-radius:22px!important;background:color-mix(in srgb,var(--theme-card,#20232d) 94%,#090a0d)!important}
.v634Creating b{left:150px!important;top:45px!important;font-size:14px!important;font-weight:690!important}.v634Creating::before{width:126px!important;right:auto!important;background:radial-gradient(circle at 50% 55%,rgba(var(--accent-rgb,123,140,255),.23),transparent 43%),linear-gradient(145deg,rgba(var(--accent-rgb,123,140,255),.11),rgba(255,255,255,.02))!important}.v634CreatingDots{width:126px!important;right:auto!important;mask-image:linear-gradient(to top,black,transparent 75%)!important}
.v634TaskResult{width:min(720px,90vw)!important}.v634TaskResult img{max-height:min(72dvh,780px)!important;border-radius:22px!important}
.v634TaskResultActions button{height:42px!important;padding:0 15px!important;border-radius:12px!important;background:color-mix(in srgb,var(--theme-card,#20232d) 86%,rgba(255,255,255,.04))!important;border:1px solid color-mix(in srgb,var(--theme-line,rgba(255,255,255,.1)) 88%,transparent)!important;color:var(--theme-text,#fff)!important;font-size:13px!important;font-weight:650!important}
.v634TaskMessage.user{border-radius:18px!important;border-bottom-right-radius:7px!important}.v634TaskMessage.assistant{font-size:14px!important;line-height:1.55!important}
.v6458TaskTrace{width:min(670px,92vw)!important}.v6458TaskTraceSummary{appearance:none!important;border:0!important;background:transparent!important;color:color-mix(in srgb,var(--theme-text,#fff) 74%,var(--theme-muted,#999))!important;display:flex!important;align-items:center!important;gap:4px!important;font:inherit!important;cursor:pointer!important}
.v6458TaskTraceLive{font-size:10.8px!important;color:var(--theme-muted,#999)!important;opacity:.72!important}.v6458TaskTraceDetails{display:grid!important;gap:3px!important}
.v6464TraceStep{appearance:none!important;width:100%!important;display:grid!important;grid-template-columns:18px minmax(0,1fr) 18px!important;align-items:start!important;gap:8px!important;padding:9px 8px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:inherit!important;text-align:left!important;font:inherit!important;cursor:pointer!important}.v6464TraceStep:hover{background:rgba(255,255,255,.035)!important}.v6464TraceStep>span{font-size:9px!important}.v6464TraceStep>b{font-size:12px!important;font-weight:630!important}.v6464TraceStep>i{font-style:normal!important;color:var(--theme-muted,#999)!important;transition:transform .14s ease!important}.v6464TraceStep>small{display:none!important;grid-column:2 / 4!important;font-size:10.5px!important;line-height:1.45!important;color:var(--theme-muted,#999)!important}.v6464TraceStep.open>small{display:block!important}.v6464TraceStep.open>i{transform:rotate(90deg)!important}

/* ---------- Full-screen image viewer ---------- */
#llImageViewer.controls-hidden .llIvPopover,#llImageViewer.controls-hidden .llIvPanel{display:none!important;pointer-events:none!important}
.llIvStage{padding:68px 7vw 122px!important}
.llIvStage img{max-width:min(86vw,1260px)!important;max-height:min(80dvh,850px)!important;border-radius:24px!important;box-shadow:0 0 0 1px rgba(255,255,255,.055),0 28px 86px rgba(0,0,0,.42)!important}
.llIvTopLeft{left:20px!important;top:max(18px,env(safe-area-inset-top))!important}.llIvTopRight{right:20px!important;top:max(18px,env(safe-area-inset-top))!important;gap:9px!important}
.llIvIcon{width:50px!important;height:50px!important;border-radius:50%!important;background:rgba(31,31,32,.82)!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 10px 30px rgba(0,0,0,.3)!important;backdrop-filter:blur(20px) saturate(1.08)!important;-webkit-backdrop-filter:blur(20px) saturate(1.08)!important}
.llIvIcon:hover,.llIvIcon:focus-visible{background:rgba(49,49,51,.96)!important;border-color:rgba(255,255,255,.21)!important;outline:none!important}
.llIvIcon svg{width:20px!important;height:20px!important;stroke-width:1.75!important}
.llIvShare{height:50px!important;padding:0 25px!important;border-radius:999px!important;font-size:15.5px!important;font-weight:730!important;letter-spacing:-.01em!important;box-shadow:0 10px 30px rgba(0,0,0,.3)!important}
.llIvBottom{bottom:max(17px,env(safe-area-inset-bottom))!important;width:min(900px,92vw)!important;justify-content:space-around!important;gap:8px!important}
.llIvAction{min-width:96px!important;padding:4px 8px!important;gap:6px!important}.llIvActionCircle{width:52px!important;height:52px!important;background:rgba(31,31,32,.84)!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 10px 28px rgba(0,0,0,.28)!important}.llIvActionCircle svg{width:21px!important;height:21px!important;stroke-width:1.75!important}.llIvActionLabel{font-size:13.5px!important;font-weight:610!important;letter-spacing:-.005em!important}
.llIvPopover{background:rgba(31,31,32,.97)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;box-shadow:0 26px 76px rgba(0,0,0,.52)!important;backdrop-filter:blur(24px) saturate(1.08)!important;-webkit-backdrop-filter:blur(24px) saturate(1.08)!important}
.llIvMenu{right:20px!important;top:78px!important;width:250px!important;padding:7px!important}.llIvMenu button{min-height:55px!important;padding:0 13px!important;border-radius:13px!important;font-size:15px!important;font-weight:650!important}.llIvMenu button>span:first-child{width:30px!important;height:30px!important}
.llIvResize{bottom:112px!important;width:min(390px,90vw)!important;max-height:min(58dvh,590px)!important;padding:7px!important}.llIvResize button{min-height:56px!important;border-radius:13px!important;padding:0 14px!important;font-size:15px!important}.llIvRatioIcon{width:24px!important;height:17px!important;border-width:2px!important;border-radius:3px!important}
.llIvPanel{width:min(920px,96vw)!important;border-radius:22px!important;padding:9px!important;background:rgba(31,31,32,.985)!important}.llIvPanel textarea{font-size:15.5px!important;min-height:50px!important;padding:12px!important}.llIvPanelBtn{width:46px!important;height:46px!important}
.llIvBusyCard{border-radius:15px!important;padding:13px 17px!important;font-size:13.5px!important}

@media(max-width:800px){
 .msgActions{margin-top:6px!important}.ll625ResponseMenu{width:min(248px,calc(100vw - 28px))!important}
 .thinkingTrace.imageTaskOnly .thinkingArtifact.imageTask{grid-template-columns:108px minmax(0,1fr)!important;min-height:112px!important}.thinkingTrace.imageTaskOnly .thinkingArtifactPreview{min-height:112px!important}.thinkingTrace.imageTaskOnly .thinkingArtifactCopy{padding:14px!important}
 .v6464ImageProgress{grid-template-columns:92px minmax(0,1fr) 28px!important;min-height:104px!important}.v6464ImageProgressArt{min-height:104px!important}.v6464ImageProgressSpinner{margin-right:10px!important}.v634Creating{min-height:108px!important}.v634Creating::before,.v634CreatingDots{width:96px!important}.v634Creating b{left:116px!important;top:36px!important}
 .llIvStage{padding:66px 14px 112px!important}.llIvStage img{max-width:94vw!important;max-height:78dvh!important;border-radius:20px!important}.llIvTopLeft{left:14px!important}.llIvTopRight{right:14px!important}.llIvIcon{width:46px!important;height:46px!important}.llIvShare{height:46px!important;padding:0 19px!important;font-size:14.5px!important}.llIvBottom{bottom:max(9px,env(safe-area-inset-bottom))!important;width:98vw!important}.llIvAction{min-width:70px!important}.llIvActionCircle{width:48px!important;height:48px!important}.llIvActionLabel{font-size:12px!important}.llIvResize{bottom:96px!important}
}
@media(prefers-reduced-motion:reduce){.v6464ImageProgressSpinner{animation:none!important}.thinkingStep,.thinkingStepArrow,.msgActions .btn{transition:none!important}}

/* ---------- Generated images in normal chat: large, clean, aspect-ratio faithful ---------- */
.assistantAttachmentStack{margin:7px 0 10px!important}
.assistantImageGrid{display:grid!important;grid-template-columns:1fr!important;max-width:min(900px,96vw)!important;width:fit-content!important;gap:12px!important}
.assistantImageCard{width:fit-content!important;max-width:100%!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;gap:7px!important}
.assistantGeneratedImage{display:block!important;width:fit-content!important;max-width:min(880px,94vw)!important;padding:0!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:22px!important;overflow:hidden!important;background:#0b0d14!important;box-shadow:0 16px 48px rgba(0,0,0,.24)!important;cursor:zoom-in!important}
.assistantGeneratedImage img{display:block!important;width:auto!important;max-width:min(880px,94vw)!important;height:auto!important;max-height:min(80dvh,860px)!important;aspect-ratio:auto!important;object-fit:contain!important;background:#0b0d14!important}
.assistantImageMeta{padding:0 2px!important;justify-content:flex-start!important;gap:8px!important}.assistantImageName{font-size:11.5px!important;font-weight:620!important;color:color-mix(in srgb,var(--theme-text,#fff) 82%,var(--theme-muted,#999))!important}.assistantImageLabel{font-size:9.5px!important;padding:3px 6px!important;opacity:.72!important}
@media(max-width:650px){.assistantImageGrid{max-width:95vw!important}.assistantGeneratedImage,.assistantGeneratedImage img{max-width:92vw!important}.assistantGeneratedImage img{max-height:min(72dvh,680px)!important}}