/* LL AI v64.7.3 — message editing + ChatGPT-like thinking/activity UX. */

/* Editing: integrated directly into the user bubble, no blocking toast/question. */
.msg.user.llUserEditMode{
  width:min(760px,90vw)!important;max-width:min(760px,90vw)!important;padding:10px!important;
  border-radius:24px!important;background:color-mix(in srgb,var(--theme-surface-2,#303038) 94%,var(--accent,#7f8cff) 6%)!important;
  border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 16px 46px rgba(0,0,0,.20)!important;
}
.llUserEditPanel{display:grid!important;gap:10px!important;width:100%!important}
.llUserEditPanel textarea{
  width:100%!important;min-height:94px!important;max-height:330px!important;resize:none!important;box-sizing:border-box!important;
  padding:13px 14px!important;border:0!important;border-radius:16px!important;outline:0!important;background:rgba(0,0,0,.10)!important;
  color:var(--theme-text,#fff)!important;font:inherit!important;font-size:15.5px!important;line-height:1.55!important;box-shadow:none!important;
}
.llUserEditPanel textarea:focus{box-shadow:0 0 0 1px rgba(var(--accent-rgb,129,140,248),.38) inset!important}
.llUserEditActions{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important}
.llUserEditActions button{height:40px!important;padding:0 16px!important;border-radius:999px!important;font-size:14px!important;font-weight:680!important;letter-spacing:-.01em!important}
.llUserEditCancel{background:transparent!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--theme-text,#fff)!important}
.llUserEditCancel:hover{background:rgba(255,255,255,.055)!important}
.llUserEditSend{width:auto!important;min-width:70px!important;background:var(--accent,#818cf8)!important;color:var(--accent-contrast,#fff)!important;border:0!important}
.llUserEditSend:disabled{opacity:.62!important;cursor:default!important}

/* Outside view: exactly one quiet Thinking / Worked-for line. */
.thinkingTrace.ll6473Thinking{position:relative!important;width:min(760px,100%)!important;margin:7px 0 4px!important;display:block!important}
.thinkingTrace.ll6473Thinking .thinkingSummary{
  appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;gap:5px!important;
  min-height:28px!important;margin:0!important;padding:2px 1px!important;border:0!important;border-radius:7px!important;background:transparent!important;
  color:color-mix(in srgb,var(--theme-text,#fff) 68%,var(--theme-muted,#999))!important;font:inherit!important;font-size:13px!important;font-weight:500!important;
  letter-spacing:-.006em!important;cursor:pointer!important;box-shadow:none!important;opacity:.92!important;
}
.thinkingTrace.ll6473Thinking .thinkingSummary:hover,.thinkingTrace.ll6473Thinking .thinkingSummary:focus-visible{color:var(--theme-text,#fff)!important;background:transparent!important;outline:none!important}
.thinkingTrace.ll6473Thinking .thinkingChevron{display:inline-grid!important;place-items:center!important;width:14px!important;height:14px!important;font-size:17px!important;line-height:1!important;opacity:.7!important;transform:none!important}
.thinkingTrace.ll6473Thinking .thinkingLive{display:none!important}

/* Overlay / sheet. */
.thinkingTrace.ll6473Thinking .thinkingBackdrop{position:fixed!important;inset:0!important;z-index:31980!important;background:rgba(0,0,0,.56)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important}
.thinkingTrace.ll6473Thinking .thinkingDetails{
  position:fixed!important;z-index:31990!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  width:min(760px,calc(100vw - 32px))!important;max-height:min(82dvh,820px)!important;overflow:auto!important;
  padding:0 24px 28px!important;border:1px solid rgba(255,255,255,.105)!important;border-radius:26px!important;
  background:color-mix(in srgb,var(--theme-bg,#0b0c10) 92%,#303033)!important;color:var(--theme-text,#fff)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.58)!important;backdrop-filter:blur(26px) saturate(1.04)!important;-webkit-backdrop-filter:blur(26px) saturate(1.04)!important;
}
.thinkingTrace.ll6473Thinking .thinkingDetails[hidden]{display:none!important}
.thinkingTrace.ll6473Thinking .thinkingSheetHead{
  appearance:none!important;-webkit-appearance:none!important;position:sticky!important;top:0!important;z-index:4!important;width:100%!important;min-height:76px!important;
  padding:16px 0 12px!important;border:0!important;background:linear-gradient(to bottom,color-mix(in srgb,var(--theme-bg,#0b0c10) 94%,#303033) 76%,transparent)!important;
  color:inherit!important;display:grid!important;place-items:center!important;font:inherit!important;cursor:pointer!important;
}
.thinkingSheetHandle{position:absolute!important;top:12px!important;left:50%!important;transform:translateX(-50%)!important;width:36px!important;height:4px!important;border-radius:999px!important;background:rgba(255,255,255,.42)!important}
.thinkingTrace.ll6473Thinking .thinkingSheetTitle{margin-top:16px!important;font-size:15px!important;font-weight:720!important;letter-spacing:-.012em!important}
.thinkingTrace.ll6473Thinking .thinkingSteps{display:grid!important;gap:0!important;padding:8px 0 0!important}

/* Timeline rows. */
.llThinkActivity{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;position:relative!important;min-width:0!important}
.llThinkRail{grid-column:1!important;grid-row:1 / span 2!important;position:relative!important;display:flex!important;justify-content:center!important}
.llThinkRail>i{position:absolute!important;top:29px!important;bottom:-7px!important;width:1px!important;background:rgba(255,255,255,.11)!important}
.llThinkActivityIcon{position:relative!important;z-index:1!important;width:23px!important;height:23px!important;margin-top:10px!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:color-mix(in srgb,var(--theme-text,#fff) 78%,var(--theme-muted,#999))!important;background:color-mix(in srgb,var(--theme-bg,#0b0c10) 90%,#303033)!important}
.llThinkActivityIcon svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.llThinkActivity.active .llThinkActivityIcon{color:var(--accent,#8994ff)!important;box-shadow:0 0 0 3px rgba(var(--accent-rgb,129,140,248),.08)!important}
.llThinkActivityMain{grid-column:2!important;appearance:none!important;-webkit-appearance:none!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) 18px!important;gap:8px!important;align-items:start!important;padding:10px 8px 10px 10px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:inherit!important;text-align:left!important;font:inherit!important;cursor:pointer!important}
.llThinkActivityMain:hover,.llThinkActivityMain:focus-visible{background:rgba(255,255,255,.035)!important;outline:none!important}
.llThinkActivityCopy{display:grid!important;min-width:0!important}.llThinkActivityCopy b{font-size:14px!important;font-weight:600!important;line-height:1.35!important;letter-spacing:-.006em!important}.llThinkActivityCopy small{margin-top:3px!important;color:var(--theme-muted,#a5a8b2)!important;font-size:12.2px!important;line-height:1.45!important;font-weight:400!important}
.llThinkActivityChevron{font-size:18px!important;line-height:20px!important;color:var(--theme-muted,#999)!important;opacity:.7!important;transition:transform .14s ease!important}.llThinkActivity.expanded .llThinkActivityChevron{transform:rotate(90deg)!important}
.llThinkActivityDetail{grid-column:2!important;margin:-2px 8px 12px 10px!important;padding:10px 12px!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important;color:color-mix(in srgb,var(--theme-text,#fff) 74%,var(--theme-muted,#999))!important;font-size:12px!important;line-height:1.5!important}
.llThinkActivityDetail[hidden]{display:none!important}.llThinkActivityDetail span{opacity:.62!important}
body.llThinkingSheetOpen{overflow:hidden!important}

@media(max-width:1100px),(pointer:coarse){
 .thinkingTrace.ll6473Thinking .thinkingDetails{
   left:0!important;right:0!important;top:34px!important;bottom:0!important;transform:none!important;width:100%!important;max-width:none!important;max-height:none!important;height:calc(100dvh - 34px)!important;
   padding:0 28px max(30px,calc(20px + env(safe-area-inset-bottom)))!important;border-radius:30px 30px 0 0!important;border-bottom:0!important;background:color-mix(in srgb,var(--theme-bg,#0b0c10) 90%,#3a3a3c)!important;
 }
 .thinkingTrace.ll6473Thinking .thinkingSheetHead{min-height:82px!important;background:linear-gradient(to bottom,color-mix(in srgb,var(--theme-bg,#0b0c10) 90%,#3a3a3c) 78%,transparent)!important}
 .thinkingTrace.ll6473Thinking .thinkingSheetTitle{font-size:16px!important}.thinkingTrace.ll6473Thinking .thinkingSteps{padding-top:10px!important}
 .llThinkActivityMain{padding:12px 10px!important}.llThinkActivityCopy b{font-size:15px!important}.llThinkActivityCopy small{font-size:12.8px!important}.llThinkActivityIcon{margin-top:12px!important}
}
@media(max-width:650px){
 .thinkingTrace.ll6473Thinking .thinkingDetails{top:18px!important;height:calc(100dvh - 18px)!important;padding-left:18px!important;padding-right:18px!important;border-radius:24px 24px 0 0!important}
 .msg.user.llUserEditMode{width:94vw!important;max-width:94vw!important}.llUserEditPanel textarea{min-height:84px!important}
}
@media(prefers-reduced-motion:reduce){.llThinkActivityChevron{transition:none!important}}
