.thread-showcase-module__qojVDW__playground{--thread-blue:#2867dc;--thread-teal:#087f70;--thread-amber:#a15b0b;background:var(--card);border:1px solid var(--border);border-radius:16px;margin-top:3rem;overflow:hidden;box-shadow:0 24px 70px -30px #163c5133}.dark .thread-showcase-module__qojVDW__playground{--thread-blue:#83b2ff;--thread-teal:#59d9bb;--thread-amber:#f3ba6a}.thread-showcase-module__qojVDW__playground button{cursor:pointer}.thread-showcase-module__qojVDW__playground button:disabled{cursor:not-allowed}.thread-showcase-module__qojVDW__playground button:focus-visible{outline:3px solid var(--thread-blue);outline-offset:4px}.thread-showcase-module__qojVDW__playgroundTitle{letter-spacing:-.025em;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.thread-showcase-module__qojVDW__brandGlyph{color:var(--thread-teal);font-size:26px}.thread-showcase-module__qojVDW__demoButton{color:var(--card);background:var(--thread-blue);border:1px solid var(--thread-blue);border-radius:7px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;transition:transform .2s,opacity .2s;display:flex}.thread-showcase-module__qojVDW__demoButton:hover{opacity:.9;transform:translateY(-1px)}.thread-showcase-module__qojVDW__demoButton:disabled{opacity:.4}.thread-showcase-module__qojVDW__responseStatus{min-height:16px;color:var(--muted-foreground);white-space:nowrap;align-items:center;gap:5px;font-size:10px;font-weight:500;display:flex}.thread-showcase-module__qojVDW__responseStatus[data-state=streaming],.thread-showcase-module__qojVDW__responseStatus[data-state=submitted]{color:var(--thread-teal)}.thread-showcase-module__qojVDW__responseStatus[data-state=stopped]{color:var(--thread-amber)}.thread-showcase-module__qojVDW__responseStatus[data-state=error]{color:#dd4848}.thread-showcase-module__qojVDW__tokens{font-family:var(--font-geist-mono), monospace;font-variant-numeric:tabular-nums;margin-left:auto}.thread-showcase-module__qojVDW__streamingRing{border:2px solid color-mix(in srgb, var(--thread-teal) 22%, transparent);border-top-color:var(--thread-teal);border-right-color:var(--thread-teal);border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:1.2s linear infinite thread-showcase-module__qojVDW__orbit;display:inline-block}.thread-showcase-module__qojVDW__statusDot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin:0 3px;display:inline-block}.thread-showcase-module__qojVDW__conversation{flex-direction:column;min-width:0;height:43rem;display:flex}.thread-showcase-module__qojVDW__viewingBadge{color:var(--thread-blue);align-items:center;gap:5px;font-size:10px;display:flex}.thread-showcase-module__qojVDW__viewingBadge>span{background:currentColor;border-radius:50%;width:6px;height:6px}.thread-showcase-module__qojVDW__transcript{flex:1;min-height:0;padding:24px;scroll-padding:24px;overflow-y:auto}.thread-showcase-module__qojVDW__message{min-width:0;position:relative}.thread-showcase-module__qojVDW__message+.thread-showcase-module__qojVDW__message{margin-top:32px}.thread-showcase-module__qojVDW__messageAuthor{align-items:center;gap:8px;min-height:28px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.thread-showcase-module__qojVDW__assistantAvatar{width:28px;height:28px;color:var(--thread-teal);background:color-mix(in srgb, var(--thread-teal) 10%, var(--card));border:1px solid color-mix(in srgb, var(--thread-teal) 24%, transparent);border-radius:9px;place-items:center;display:grid}.thread-showcase-module__qojVDW__currentTurn{color:var(--thread-blue);font-size:9px;font-weight:500}.thread-showcase-module__qojVDW__userMessage{width:fit-content;max-width:82%;margin-left:auto}.thread-showcase-module__qojVDW__userMessage .thread-showcase-module__qojVDW__messageAuthor{justify-content:flex-end}.thread-showcase-module__qojVDW__userMessage .thread-showcase-module__qojVDW__messageBody{background:color-mix(in srgb, var(--thread-blue) 8%, var(--secondary));border:1px solid color-mix(in srgb, var(--thread-blue) 12%, transparent);border-radius:18px 18px 4px;padding:12px 16px}.thread-showcase-module__qojVDW__userMessage[data-selected=true] .thread-showcase-module__qojVDW__messageBody{border-color:var(--thread-blue)}.thread-showcase-module__qojVDW__assistantMessage{margin-right:24px}.thread-showcase-module__qojVDW__assistantMessage .thread-showcase-module__qojVDW__messageBody,.thread-showcase-module__qojVDW__assistantMessage .thread-showcase-module__qojVDW__messageActions,.thread-showcase-module__qojVDW__assistantMessage>.thread-showcase-module__qojVDW__responseStatus{margin-left:36px}.thread-showcase-module__qojVDW__assistantMessage>.thread-showcase-module__qojVDW__responseStatus{margin-top:12px}.thread-showcase-module__qojVDW__messageActions{flex-wrap:wrap;align-items:center;gap:4px;min-height:28px;margin-top:8px;display:flex}.thread-showcase-module__qojVDW__userMessage .thread-showcase-module__qojVDW__messageActions{justify-content:flex-end}@media (max-width:640px){.thread-showcase-module__qojVDW__transcript{padding:20px 16px}.thread-showcase-module__qojVDW__assistantMessage{margin-right:0}.thread-showcase-module__qojVDW__assistantMessage .thread-showcase-module__qojVDW__messageBody,.thread-showcase-module__qojVDW__assistantMessage .thread-showcase-module__qojVDW__messageActions,.thread-showcase-module__qojVDW__assistantMessage>.thread-showcase-module__qojVDW__responseStatus{margin-left:0}}.thread-showcase-module__qojVDW__branchButton{height:28px;color:var(--thread-blue);border:1px solid var(--border);border-radius:5px;align-items:center;gap:5px;padding:0 7px;font-size:10px;display:inline-flex}.thread-showcase-module__qojVDW__branchButton:hover{background:color-mix(in srgb, var(--thread-blue) 8%, transparent)}.thread-showcase-module__qojVDW__branchButton:disabled{opacity:.4}.thread-showcase-module__qojVDW__composerContext{color:var(--muted-foreground);align-items:center;gap:5px;margin-bottom:8px;font-size:10px;display:flex}.thread-showcase-module__qojVDW__composerContext strong{text-overflow:ellipsis;color:var(--thread-blue);white-space:nowrap;font-weight:500;overflow:hidden}.thread-showcase-module__qojVDW__treePanel{border-left:1px solid var(--border);flex-direction:column;min-width:0;height:43rem;display:flex}.thread-showcase-module__qojVDW__treeScroll{overscroll-behavior:contain;background-color:color-mix(in srgb, var(--secondary) 35%, var(--card));background-image:radial-gradient(color-mix(in srgb, var(--muted-foreground) 20%, transparent) .75px, transparent .75px);background-size:16px 16px;flex:1;min-height:0;overflow:auto}.thread-showcase-module__qojVDW__legend{color:var(--muted-foreground);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:18px;padding:10px 20px;font-size:10px;display:flex}.thread-showcase-module__qojVDW__legend>span{align-items:center;gap:5px;display:flex}.thread-showcase-module__qojVDW__legendSelected{background:var(--thread-blue);border-radius:2px;width:14px;height:3px}.thread-showcase-module__qojVDW__edge{stroke:color-mix(in srgb, var(--muted-foreground) 30%, transparent);stroke-width:1.5px;transition:stroke .25s}.thread-showcase-module__qojVDW__selectedEdge{stroke:var(--thread-blue);stroke-width:3px;transition:stroke .25s}.thread-showcase-module__qojVDW__treeNode{text-align:left;background:var(--card);border:1px solid var(--border);border-radius:9px;width:146px;height:88px;padding:10px;transition:border-color .2s,box-shadow .2s,background .2s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 7px #00000006}.thread-showcase-module__qojVDW__treeNode:hover{border-color:var(--thread-blue);box-shadow:0 4px 12px #00000012}.thread-showcase-module__qojVDW__treeNode[data-path=true]{background:color-mix(in srgb, var(--thread-blue) 5%, var(--card));border-color:color-mix(in srgb, var(--thread-blue) 50%, var(--border))}.thread-showcase-module__qojVDW__treeNode[aria-pressed=true]{border:2px solid var(--thread-blue);box-shadow:0 0 0 4px color-mix(in srgb, var(--thread-blue) 12%, transparent), 0 6px 18px #0000000d;padding:9px}.thread-showcase-module__qojVDW__treeNode[data-state=streaming],.thread-showcase-module__qojVDW__treeNode[data-state=submitted]{outline:2px solid color-mix(in srgb, var(--thread-teal) 60%, transparent);outline-offset:4px;animation:1.8s ease-in-out infinite thread-showcase-module__qojVDW__breathe}.thread-showcase-module__qojVDW__nodeTitle{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex;overflow:hidden}.thread-showcase-module__qojVDW__assistantGlyph{color:var(--thread-teal);font-size:15px;line-height:14px}.thread-showcase-module__qojVDW__nodePreview{text-overflow:ellipsis;color:var(--muted-foreground);white-space:nowrap;margin:7px 0;font-size:10px;display:block;overflow:hidden}.thread-showcase-module__qojVDW__promptLabel{color:var(--muted-foreground);font-size:9px}.thread-showcase-module__qojVDW__selectedFlag{color:var(--card);background:var(--thread-blue);border-radius:4px 4px 0 0;align-items:center;gap:3px;padding:2px 6px;font-size:9px;line-height:13px;display:flex;position:absolute;top:-18px;left:7px}.thread-showcase-module__qojVDW__mapHint{color:var(--muted-foreground);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:6px;padding:10px 14px;font-size:10px;display:flex}.thread-showcase-module__qojVDW__demoFooter{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:10px;display:flex}.thread-showcase-module__qojVDW__demoFooter button{cursor:pointer;flex-shrink:0;align-items:center;gap:5px;display:flex}@keyframes thread-showcase-module__qojVDW__orbit{to{transform:rotate(360deg)}}@keyframes thread-showcase-module__qojVDW__breathe{50%{outline-color:var(--thread-teal);outline-offset:6px}}@media (prefers-reduced-motion:reduce){.thread-showcase-module__qojVDW__playground *,.thread-showcase-module__qojVDW__playground :before{transition:none!important;animation:none!important}}@media (max-width:1023px){.thread-showcase-module__qojVDW__treePanel{border-top:1px solid var(--border);border-left:0;height:36rem}}@media (max-width:600px){.thread-showcase-module__qojVDW__playgroundTitle{font-size:13px}.thread-showcase-module__qojVDW__legend{gap:10px}.thread-showcase-module__qojVDW__conversation{height:40rem}}