/* LL AI v64.6.2 — smarter work traces + polished activity UI */
.thinkingTrace{align-self:flex-start;width:min(760px,92%);display:flex;flex-direction:column;gap:10px;margin:2px 0 8px;color:var(--theme-text,#fff)}
.thinkingSummary{appearance:none;border:1px solid var(--theme-line,rgba(255,255,255,.09));background:linear-gradient(180deg,color-mix(in srgb,var(--theme-surface,#202126) 86%,transparent),color-mix(in srgb,var(--theme-surface-2,#17181c) 90%,#000));color:inherit;display:inline-flex;align-items:center;gap:10px;width:max-content;min-height:36px;padding:8px 13px;border-radius:999px;font:inherit;font-size:13px;font-weight:670;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.14);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.thinkingSummary:hover{transform:translateY(-1px);border-color:rgba(var(--accent-rgb,123,140,255),.25);box-shadow:0 14px 34px rgba(0,0,0,.18)}
.thinkingSummary:active{transform:translateY(0) scale(.985)}
.thinkingSummary:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--accent-rgb,123,140,255),.18),0 14px 34px rgba(0,0,0,.18)}
.thinkingSummaryLabel{display:inline-flex;align-items:center;gap:9px}
.thinkingSummaryLabel::before{content:"";width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 24%,rgba(var(--accent-rgb,123,140,255),.95) 34%,rgba(var(--accent-rgb,123,140,255),.3) 100%);box-shadow:0 0 0 4px rgba(var(--accent-rgb,123,140,255),.11),0 0 18px rgba(var(--accent-rgb,123,140,255),.22)}
.thinkingChevron{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;color:var(--theme-muted,#999);background:rgba(255,255,255,.04);transition:transform .18s ease,background .18s ease,color .18s ease}.thinkingSummary:hover .thinkingChevron{background:rgba(255,255,255,.07);color:var(--theme-text,#fff)}.thinkingSummary[aria-expanded="true"] .thinkingChevron{transform:rotate(90deg)}
.thinkingLive{display:none;align-items:center;gap:8px;color:var(--theme-muted,#9ba0ae);font-size:12px;min-height:20px;padding-left:2px}.thinkingLiveDot{width:7px;height:7px;border-radius:50%;background:var(--accent,#7b8cff);box-shadow:0 0 0 0 rgba(var(--accent-rgb,123,140,255),.35);animation:v6458ThinkPulse 1.35s ease-in-out infinite}
@keyframes v6458ThinkPulse{50%{transform:scale(1.18);box-shadow:0 0 0 6px rgba(var(--accent-rgb,123,140,255),0)}}
.thinkingDetails{width:min(640px,100%);padding:14px 14px;border:1px solid var(--theme-line,rgba(255,255,255,.09));border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-surface,#202126) 92%,transparent),color-mix(in srgb,var(--theme-surface-2,#17181c) 94%,#000));box-shadow:0 18px 44px rgba(0,0,0,.2);backdrop-filter:blur(14px)}.thinkingDetails[hidden]{display:none!important}
.thinkingSteps{display:grid;gap:10px}.thinkingStep{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;opacity:.46}.thinkingStep.active{opacity:1}.thinkingStep.done{opacity:.74}.thinkingStepDot{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:10px;background:rgba(var(--accent-rgb,123,140,255),.12);color:color-mix(in srgb,var(--accent,#7b8cff) 85%,white);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb,123,140,255),.16)}.thinkingStep.active .thinkingStepDot{animation:v6458Dot 1.3s ease-in-out infinite}.thinkingStep b{display:block;font-size:12px;line-height:1.35;font-weight:670;color:var(--theme-text,#fff)}.thinkingStep small{display:block;margin-top:2px;font-size:11px;line-height:1.42;color:var(--theme-muted,#969aa9)}@keyframes v6458Dot{50%{transform:scale(.76);opacity:.55}}
.thinkingArtifact{width:min(372px,78vw);border:1px solid var(--theme-line,rgba(255,255,255,.09));border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-surface,#202126) 92%,transparent),color-mix(in srgb,var(--theme-surface-2,#17181c) 94%,#000));overflow:hidden;box-shadow:0 18px 52px rgba(0,0,0,.2);transition:opacity .22s ease,transform .22s ease,max-height .24s ease,border-color .2s ease}.thinkingArtifact.finished{opacity:0;transform:translateY(-4px);max-height:0!important;border-width:0;margin:0;pointer-events:none}
.thinkingArtifact.imageTask{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:112px}.thinkingArtifactPreview{position:relative;overflow:hidden;background:#34363c}.thinkingArtifactPreview img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82) brightness(.72)}.thinkingArtifactPreview::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.12) 42%,transparent 66%);transform:translateX(-120%);animation:v6458Shimmer 1.75s ease-in-out infinite}.thinkingArtifactGrid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1.4px);background-size:13px 13px;mask-image:linear-gradient(to top,black,transparent 82%)}
@keyframes v6458Shimmer{60%,100%{transform:translateX(130%)}}
.thinkingArtifactCopy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:15px}.thinkingArtifactCopy b{font-size:13px}.thinkingArtifactCopy small{font-size:11px;color:var(--theme-muted,#9297a5);line-height:1.42}.thinkingArtifact.fileTask{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;min-height:76px}.thinkingFileIcon{display:grid;place-items:center;width:38px;height:38px;margin-left:13px;border-radius:12px;background:rgba(var(--accent-rgb,123,140,255),.13);color:var(--accent,#8a96ff);font-size:20px}
.thinkingTrace.complete{margin-top:0;margin-bottom:5px}.thinkingTrace.complete .thinkingSummary{color:var(--theme-muted,#b0b4c1);font-weight:600;background:rgba(255,255,255,.03);box-shadow:none}.thinkingTrace.complete .thinkingSummaryLabel::before{box-shadow:0 0 0 3px rgba(var(--accent-rgb,123,140,255),.08);opacity:.86}.thinkingTrace.complete .thinkingArtifact{display:none}.thinkingTrace.complete .thinkingLive{display:none}
/* Generated media uses a clean app-native card, not provider/debug UI. */
.assistantImageCard{border:1px solid var(--theme-line,rgba(255,255,255,.08))!important;background:color-mix(in srgb,var(--theme-surface,#202126) 88%,#000)!important;border-radius:20px!important;box-shadow:0 16px 46px rgba(0,0,0,.16)!important}.assistantImageMeta{padding:9px 11px!important}.assistantImageName{font-size:12px!important}.assistantImageLabel{padding:4px 7px;border-radius:999px;background:rgba(var(--accent-rgb,123,140,255),.1);color:var(--theme-muted,#a1a6b5)!important;font-size:10px!important}
/* Keep the preset image chat as a separate workspace. */
body.v634TaskOpen #chat,body.v634TaskOpen .composer{pointer-events:none}.v634TaskView .v634TaskMessages{isolation:isolate}.v634TaskView .v634TaskMessage.assistant{max-width:min(760px,92%)}
@media(max-width:800px){.thinkingTrace{width:96%;max-width:96%}.thinkingArtifact{width:min(330px,88vw)}.thinkingArtifact.imageTask{grid-template-columns:92px minmax(0,1fr);min-height:92px}.thinkingArtifactCopy{padding:12px}.thinkingDetails{width:100%}.thinkingSummary{min-height:34px;padding:7px 12px}}
@media(prefers-reduced-motion:reduce){.thinkingLiveDot,.thinkingStep.active .thinkingStepDot,.thinkingArtifactPreview::after{animation:none!important}}
/* Image preset chat gets the same compact activity-summary language without sharing normal-chat state. */
.v6458TaskTrace{align-self:flex-start;width:min(620px,92%);display:flex;flex-direction:column;gap:7px;margin:2px 0 3px}
.v6458TaskTraceSummary{border:1px solid var(--theme-line,rgba(255,255,255,.08));background:linear-gradient(180deg,color-mix(in srgb,var(--theme-surface,#202126) 86%,transparent),color-mix(in srgb,var(--theme-surface-2,#17181c) 90%,#000));color:var(--theme-text,#fff);padding:7px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;width:max-content;font:inherit;font-size:12px;font-weight:660;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.14);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.v6458TaskTraceSummary:hover{transform:translateY(-1px);border-color:rgba(var(--accent-rgb,123,140,255),.24);box-shadow:0 13px 30px rgba(0,0,0,.18)}.v6458TaskTraceSummary i{font-style:normal;color:var(--theme-muted,#969aa9);transition:transform .18s ease}.v6458TaskTraceSummary[aria-expanded="true"] i{transform:rotate(90deg)}
.v6458TaskTraceLive{display:flex;align-items:center;gap:8px;color:var(--theme-muted,#969aa9);font-size:11px;padding-left:2px}.v6458TaskTraceLive b{width:7px;height:7px;border-radius:50%;background:var(--accent,#7b8cff);animation:v6458ThinkPulse 1.35s ease-in-out infinite}
.v6458TaskTraceDetails{display:grid;gap:7px;padding:12px 13px;border:1px solid var(--theme-line,rgba(255,255,255,.08));border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.028));font-size:11px;color:var(--theme-muted,#9ba0ad);box-shadow:0 14px 36px rgba(0,0,0,.16)}.v6458TaskTraceDetails[hidden]{display:none!important}.v6458TaskTraceDetails div::before{content:'✓';margin-right:7px;color:var(--accent,#8a96ff)}
.v6458TaskTrace.complete .v6458TaskTraceSummary{color:var(--theme-muted,#9ba0ad);font-weight:600;background:rgba(255,255,255,.03);box-shadow:none}.v6458TaskTrace.complete .v6458TaskTraceLive{display:none}
.thinkingBackdrop[hidden]{display:none!important}
@media (max-width:1100px),(pointer:coarse){
 .thinkingBackdrop:not([hidden]){position:fixed;inset:0;z-index:9798;background:rgba(0,0,0,.56);backdrop-filter:blur(3px)}
 .thinkingTrace.sheetOpen .thinkingDetails{display:block!important;position:fixed;left:0;right:0;bottom:0;z-index:9799;width:100%;max-width:none;max-height:min(78vh,760px);overflow:auto;margin:0;padding:70px 28px max(28px,calc(20px + env(safe-area-inset-bottom)));border:1px solid var(--theme-line,rgba(255,255,255,.09));border-bottom:0;border-radius:28px 28px 0 0;background:color-mix(in srgb,var(--theme-bg,#0b0c10) 96%,#222);box-shadow:0 -30px 90px rgba(0,0,0,.42)}
 .thinkingTrace.sheetOpen .thinkingDetails::before{content:"";position:absolute;top:18px;left:50%;width:38px;height:4px;border-radius:999px;transform:translateX(-50%);background:rgba(255,255,255,.56)}
 .thinkingTrace.sheetOpen .thinkingDetails::after{content:"Activity";position:absolute;top:35px;left:28px;font-size:15px;font-weight:720;color:var(--theme-text,#fff)}
 .thinkingTrace.sheetOpen .thinkingSteps{gap:14px}.thinkingTrace.sheetOpen .thinkingStep{grid-template-columns:22px minmax(0,1fr);gap:10px}.thinkingTrace.sheetOpen .thinkingStepDot{width:22px;height:22px}.thinkingTrace.sheetOpen .thinkingStep b{font-size:13px}.thinkingTrace.sheetOpen .thinkingStep small{font-size:12px;line-height:1.45}
}