[hidden]{display:none!important}.workspace-layout{min-height:75vh}.chat-expanded .workspace-layout{position:fixed;inset:12px;z-index:1000;margin:0;max-width:none;background:var(--bg,#f5f7fa);height:calc(100dvh - 24px);overflow:auto;border-radius:24px}.chat-expanded{overflow:hidden}.chat-expanded .conversation-panel{min-height:0}.chat-expanded .preview-log{max-height:calc(100dvh - 360px)}.workspace-layout.drag-active{outline:3px dashed #64bee9;outline-offset:-6px}.upload-help{font-size:12px;opacity:.75}.preview-actions{flex-wrap:wrap;gap:8px}@media(max-width:700px){.chat-expanded .workspace-layout{inset:0;height:100dvh;border-radius:0}.chat-expanded .chat-sidebar{display:none}.chat-title{gap:10px}#expand-chat{white-space:nowrap}}
.message-body{line-height:1.75;overflow-wrap:anywhere;white-space:normal}.message-body p{margin:0 0 1em}.message-body ul,.message-body ol{padding-left:1.5em;margin:.75em 0}.message-body li{margin:.45em 0}.message-actions{display:flex;gap:16px;margin-top:12px;border-top:1px solid var(--line);padding-top:8px}.message-actions button{font-size:13px}.message-editor{margin-top:14px}.message-editor textarea{width:100%;min-height:120px;padding:12px;background:var(--bg);color:inherit;border:1px solid var(--line);border-radius:12px}.message-editor p{font-size:12px;opacity:.75}.preview-message{max-width:850px}.preview-log{scroll-behavior:smooth}

.thinking-bubble{position:relative;display:flex;align-items:center;gap:12px;width:fit-content;margin:14px 0;padding:10px 18px 10px 10px;border:1px solid var(--line);border-radius:22px;background:var(--bg,#f5f7fa);font-size:14px}.thinking-bubble img{object-fit:contain;animation:deven-ponder 1.8s ease-in-out infinite}.thinking-dots{display:flex;gap:4px}.thinking-dots i{width:5px;height:5px;background:#64bee9;border-radius:50%;animation:deven-dot 1.2s ease-in-out infinite}.thinking-dots i:nth-child(2){animation-delay:.16s}.thinking-dots i:nth-child(3){animation-delay:.32s}.idea-mark{position:absolute;left:47px;top:-7px;width:24px;height:28px;border-radius:10px;background:#eac365;color:#202633;text-align:center;font-size:22px;font-weight:900;opacity:0;transform:scale(.3) rotate(-12deg)}.has-idea .idea-mark{opacity:1;animation:deven-idea .45s cubic-bezier(.2,.8,.3,1.4) forwards}.has-idea img{animation:none;transform:rotate(-6deg)}.has-idea .thinking-dots{display:none}@keyframes deven-ponder{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-4px) rotate(7deg)}}@keyframes deven-dot{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}@keyframes deven-idea{from{transform:scale(.3) rotate(-12deg)}to{transform:scale(1) rotate(8deg)}}@media(prefers-reduced-motion:reduce){.thinking-bubble img,.thinking-dots i,.has-idea .idea-mark{animation:none}.has-idea .idea-mark{transform:none}}

/* Seamless mascot and stable streamed text */
.thinking-bubble{background:transparent;border:0;padding:12px 0;gap:14px;min-height:64px;transition:opacity .3s ease,transform .3s ease}.thinking-face{display:flex;align-items:center;justify-content:center;gap:8px;width:48px;height:48px;flex-shrink:0;border-radius:50%;background:#fff;box-shadow:inset 0 -3px 0 #e9edf1,0 3px 12px #00000012;animation:face-float 2.8s ease-in-out infinite;transform-origin:50% 70%}.thinking-face i{display:block;width:6px;height:15px;border-radius:8px;background:#232936;animation:eye-blink 5s ease-in-out infinite}.thinking-bubble .idea-mark{left:38px;top:0}.thinking-bubble.has-idea .thinking-face{animation:face-realize .55s ease-out forwards}.thinking-finished{opacity:0;transform:translateY(-4px)}.message-body{font-size:16px;line-height:1.8;max-width:72ch;letter-spacing:.005em}.message-body p{margin:0 0 1.1em}.message-body p:last-child{margin-bottom:0}.message-body strong{font-weight:700}.streaming-text{white-space:pre-wrap}.answer-chunk{animation:chunk-reveal .25s ease-out both}.preview-log{scroll-behavior:auto}.preview-message{animation:message-reveal .24s ease-out both}@keyframes face-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}@keyframes eye-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.15)}}@keyframes face-realize{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-5px) scale(1.05)}100%{transform:translateY(0) scale(1)}}@keyframes chunk-reveal{from{opacity:.2}to{opacity:1}}@keyframes message-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.thinking-face,.thinking-face i,.thinking-bubble.has-idea .thinking-face,.answer-chunk,.preview-message{animation:none}.thinking-bubble{transition:none}}

.thinking-bubble{flex-wrap:wrap}.response-estimate{flex-basis:100%;padding-left:52px;font-size:.78rem;opacity:.8;font-variant-numeric:tabular-nums}

/* Use the available desktop canvas while keeping readable message lines. */
@media(min-width:801px){.workspace-page main{max-width:1760px;width:94%;margin-inline:auto;padding:12px 20px 12px}.workspace-page .workspace-layout{height:calc(100dvh - 106px);min-height:550px}.workspace-page .preview-log{padding:20px clamp(24px,3vw,64px) 24px}.workspace-page .composer{padding:8px clamp(24px,3vw,64px) 15px}.workspace-page .preview-message{max-width:1100px}.workspace-page .message-body{max-width:100ch}.workspace-page .chat-title{padding-top:14px;padding-bottom:14px}.workspace-page.chat-expanded .workspace-layout{height:calc(100dvh - 24px)}}
