.prototyping-demo.svelte-yciu1o{position:relative;width:100%;height:100%;display:flex;border-radius:12px;overflow:hidden;background:var(--color-bg-base, #0f1115);border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 1px #ffffff0d,0 4px 8px -2px #0003,0 12px 24px -4px #00000040,0 24px 48px -8px #0000004d,0 40px 80px -16px #00000059,0 0 60px -10px #6366f126}.main-content.svelte-yciu1o{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--color-bg-base, #0f1115)}.conversation-thread.svelte-yciu1o{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px;position:relative}.conversation-thread.scroll-locked.svelte-yciu1o{overflow-y:hidden}.enable-scroll-btn.svelte-yciu1o{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;padding:6px 10px 6px 12px;font-size:11px;font-weight:500;border-radius:4px;border:none;background:color-mix(in srgb,var(--color-primary, #3b82f6) 15%,transparent);color:var(--color-primary-400, #60a5fa);cursor:pointer;z-index:10;animation:svelte-yciu1o-glow 2s ease-in-out infinite;transition:background-color .15s ease,transform .15s ease}.enable-scroll-btn.svelte-yciu1o:hover{background:color-mix(in srgb,var(--color-primary, #3b82f6) 25%,transparent);transform:translateY(-50%) scale(1.02)}@keyframes svelte-yciu1o-glow{0%,to{box-shadow:0 0 8px 2px color-mix(in srgb,var(--color-primary, #3b82f6) 30%,transparent)}50%{box-shadow:0 0 16px 4px color-mix(in srgb,var(--color-primary, #3b82f6) 50%,transparent)}}.message.svelte-yciu1o{display:flex;gap:10px}.user-message.svelte-yciu1o{align-items:center}.message-avatar.svelte-yciu1o{flex-shrink:0;width:28px;height:28px;border-radius:50%;overflow:hidden;background:var(--color-bg-surface, #1a1d23)}.message-avatar.svelte-yciu1o img:where(.svelte-yciu1o){width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.message-bubble.svelte-yciu1o{padding:10px 14px;border-radius:12px;max-width:90%}.user-bubble.svelte-yciu1o{background:var(--color-bg-input, #262626);color:var(--color-text-primary, #ffffff);font-size:13px;line-height:1.5}.assistant-message.svelte-yciu1o{flex-direction:column;padding-left:38px}.assistant-content.svelte-yciu1o{display:flex;flex-direction:column;gap:6px}.assistant-text.svelte-yciu1o{margin:4px 0;font-size:12px;line-height:1.5;color:var(--color-text-secondary, #d4d4d4)}.assistant-text.svelte-yciu1o strong:where(.svelte-yciu1o){color:var(--color-text-primary, #ffffff)}.assistant-list.svelte-yciu1o{margin:4px 0;padding-left:20px;font-size:12px;line-height:1.5;color:var(--color-text-secondary, #d4d4d4)}.assistant-list.svelte-yciu1o li:where(.svelte-yciu1o){margin-bottom:2px}.assistant-list.svelte-yciu1o strong:where(.svelte-yciu1o){color:var(--color-text-primary, #ffffff)}.tool-call-wrapper.svelte-yciu1o{margin:2px 0}.tool-call-wrapper.disabled.svelte-yciu1o{pointer-events:none}.code-content.svelte-yciu1o{display:flex;flex-direction:column;gap:8px}.code-block.svelte-yciu1o{margin:0;padding:8px;background:var(--color-bg-code, #0d0d0d);border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:10px;line-height:1.4;color:var(--color-text-secondary, #a3a3a3);overflow-x:auto;white-space:pre}.code-output.svelte-yciu1o{padding:8px;background:var(--color-bg-surface, #1a1d23);border-radius:4px;border-left:2px solid var(--color-success, #22c55e)}.output-label.svelte-yciu1o{font-size:11px;font-weight:500;color:var(--color-success, #22c55e);margin-bottom:4px}.output-text.svelte-yciu1o{margin:0;font-family:SF Mono,Monaco,monospace;font-size:11px;line-height:1.4;color:var(--color-text-secondary, #d4d4d4);white-space:pre}.search-output.svelte-yciu1o{background:var(--color-bg-code, #0d0d0d);border-radius:4px;padding:8px;overflow-x:auto}.search-output.svelte-yciu1o pre:where(.svelte-yciu1o){margin:0;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:10px;line-height:1.5;color:var(--color-text-secondary, #a3a3a3);white-space:pre-wrap;word-wrap:break-word}.terminal-output.svelte-yciu1o{background:var(--color-bg-code, #0d0d0d);border-radius:4px;border-left:2px solid var(--color-border-muted, #333);padding:8px;overflow-x:auto}.terminal-output.svelte-yciu1o pre:where(.svelte-yciu1o){margin:0;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:10px;line-height:1.4;color:var(--color-text-secondary, #a3a3a3);white-space:pre-wrap;word-wrap:break-word}.localhost-link.svelte-yciu1o{color:#60a5fa;text-decoration:underline;font-family:SF Mono,Monaco,monospace;font-size:11px}.localhost-link.svelte-yciu1o:hover{color:#93c5fd}.theme-workshop-light .prototyping-demo.svelte-yciu1o{background:#faf8f5;border-color:#0000001a}.theme-workshop-light .main-content.svelte-yciu1o{background:#faf8f5}.theme-workshop-light .message-avatar.svelte-yciu1o{background:#f0f0f0}.theme-workshop-light .user-bubble.svelte-yciu1o{background:#e8e8e8;color:#0a0a0a}.theme-workshop-light .assistant-text.svelte-yciu1o{color:#404040}.theme-workshop-light .assistant-text.svelte-yciu1o strong:where(.svelte-yciu1o){color:#0a0a0a}.theme-workshop-light .assistant-list.svelte-yciu1o{color:#404040}.theme-workshop-light .assistant-list.svelte-yciu1o strong:where(.svelte-yciu1o){color:#0a0a0a}.theme-workshop-light .code-block.svelte-yciu1o{background:#f5f5f5;color:#404040}.theme-workshop-light .code-output.svelte-yciu1o{background:#fff;border-left-color:#16a34a}.theme-workshop-light .output-label.svelte-yciu1o{color:#16a34a}.theme-workshop-light .output-text.svelte-yciu1o{color:#404040}.theme-workshop-light .search-output.svelte-yciu1o{background:#f5f5f5}.theme-workshop-light .search-output.svelte-yciu1o pre:where(.svelte-yciu1o){color:#404040}.theme-workshop-light .terminal-output.svelte-yciu1o{background:#f5f5f5;border-left-color:#d4d4d4}.theme-workshop-light .terminal-output.svelte-yciu1o pre:where(.svelte-yciu1o){color:#404040}.theme-workshop-light .localhost-link.svelte-yciu1o{color:#2563eb}.theme-workshop-light .localhost-link.svelte-yciu1o:hover{color:#1d4ed8}.theme-workshop-light .enable-scroll-btn.svelte-yciu1o{background:color-mix(in srgb,var(--color-primary, #3b82f6) 12%,transparent);color:var(--color-primary-600, #2563eb)}.theme-workshop-light .enable-scroll-btn.svelte-yciu1o:hover{background:color-mix(in srgb,var(--color-primary, #3b82f6) 20%,transparent)}@container (max-width: 550px){.prototyping-demo.svelte-yciu1o .demo-sidebar{display:none}.prototyping-demo.svelte-yciu1o{border-radius:8px}.conversation-thread.svelte-yciu1o{padding:8px 10px;gap:6px}.message.svelte-yciu1o{gap:8px}.message-avatar.svelte-yciu1o{display:none}.user-message.svelte-yciu1o{padding-left:0}.message-bubble.svelte-yciu1o{padding:8px 10px;border-radius:8px}.user-bubble.svelte-yciu1o{font-size:11px}.assistant-message.svelte-yciu1o{padding-left:0}.assistant-text.svelte-yciu1o{font-size:11px;margin:2px 0}.code-block.svelte-yciu1o{padding:6px;font-size:9px}.code-output.svelte-yciu1o{padding:6px}.output-label.svelte-yciu1o,.output-text.svelte-yciu1o{font-size:10px}.search-output.svelte-yciu1o{padding:6px}.search-output.svelte-yciu1o pre:where(.svelte-yciu1o){font-size:9px}.terminal-output.svelte-yciu1o{padding:6px}.terminal-output.svelte-yciu1o pre:where(.svelte-yciu1o){font-size:9px}.localhost-link.svelte-yciu1o{font-size:10px}.assistant-list.svelte-yciu1o{padding-left:14px;font-size:11px}.enable-scroll-btn.svelte-yciu1o{display:none}}@container (max-width: 400px){.conversation-thread.svelte-yciu1o{padding:6px 8px;gap:4px}}