Groq Theme - Color Reference

\n        const newContent = event.target.innerText;\n        if (newContent && newContent.trim()) {\n          this.messages[msgIndex].content = newContent;\n          this.saveToStorage();\n        }\n      }\n      this.editingMessageId = null;\n      this.editingMessageContent = '';\n    },\n    \n    cancelEditingMessage() {\n      // Restore original content by just clearing editing state\n      // Alpine will re-render with the original message.content\n      this.editingMessageId = null;\n      this.editingMessageContent = '';\n    },\n  };\n}\n",[],[269,276,310],{"_105":318,"_96":319,"_155":320,"_157":277,"_158":140,"_159":321,"_161":162,"_107":322,"_101":32,"_164":211,"_166":323,"_167":22,"_168":-5,"_169":324,"_99":325},"0b9e86ca-e2e9-11f0-b141-42dde27851f2","folders.js","0b9e8760-e2e9-11f0-b141-42dde27851f2",23,["D",1766815099862],"/**\n * Chat App Folders - Folder operations\n */\n\nexport function createFolderMethods() {\n  return {\n    createFolder(parentId = null) {\n      const id = this.nextFolderId++;\n      const order = this.getMaxOrder(this.folders.filter(f => f.parentId === parentId)) + 1;\n      const folder = { id, name: 'New Folder', parentId, collapsed: false, order };\n      this.folders.push(folder);\n      this.$nextTick(() => this.startEditingFolder(id, folder.name));\n      return folder;\n    },\n    \n    deleteFolder(folderId) {\n      const descendantIds = this.getAllDescendantFolderIds(folderId);\n      const allFolderIds = [folderId, ...descendantIds];\n      \n      // Delete chats in these folders\n      const chatsToDelete = this.items.filter(item => allFolderIds.includes(item.folderId));\n      for (const chat of chatsToDelete) {\n        delete this.chats[chat.id];\n      }\n      \n      this.items = this.items.filter(item => !allFolderIds.includes(item.folderId));\n      this.folders = this.folders.filter(f => !allFolderIds.includes(f.id));\n      this.folderMenuOpen = null;\n    },\n    \n    getAllDescendantFolderIds(folderId) {\n      const children = this.folders.filter(f => f.parentId === folderId);\n      let descendants = children.map(c => c.id);\n      for (const child of children) {\n        descendants = [...descendants, ...this.getAllDescendantFolderIds(child.id)];\n      }\n      return descendants;\n    },\n    \n    toggleFolderCollapsed(folderId) {\n      const folder = this.folders.find(f => f.id === folderId);\n      if (folder) folder.collapsed = !folder.collapsed;\n    },\n    \n    getFolderDepth(folderId) {\n      let depth = 0;\n      let folder = this.folders.find(f => f.id === folderId);\n      while (folder && folder.parentId !== null) {\n        depth++;\n        folder = this.folders.find(f => f.id === folder.parentId);\n      }\n      return depth;\n    },\n    \n    canNestIn(folderId) {\n      return this.getFolderDepth(folderId) < 2;\n    },\n    \n    getRootFolders() {\n      return this.folders.filter(f => f.parentId === null).sort((a, b) => a.order - b.order);\n    },\n    \n    getChildFolders(parentId) {\n      return this.folders.filter(f => f.parentId === parentId).sort((a, b) => a.order - b.order);\n    },\n    \n    getMaxOrder(items) {\n      if (!items.length) return 0;\n      return Math.max(...items.map(i => i.order || 0));\n    },\n  };\n}\n",[],[269,276,319],{"_105":327,"_96":328,"_155":329,"_157":277,"_158":140,"_159":330,"_161":162,"_107":331,"_101":32,"_164":211,"_166":332,"_167":22,"_168":-5,"_169":333,"_99":334},"0bca693e-e2e9-11f0-b941-42dde27851f2","index.js","0bca6a1a-e2e9-11f0-b941-42dde27851f2",29,["D",1766815099829],"/**\n * Chat App - Main Entry Point\n * Combines all modules into a single Alpine.js component\n */\n\nimport { marked } from \"https://esm.sh/marked\";\nimport Alpine from \"https://esm.sh/alpinejs@3.12.3\";\n\nimport { createInitialState, MODELS } from \"./state.js\";\nimport { createStorageMethods } from \"./storage.js\";\nimport { createFolderMethods } from \"./folders.js\";\nimport { createChatMethods } from \"./chats.js\";\nimport { createEditingMethods } from \"./editing.js\";\nimport { createDragDropMethods } from \"./dragdrop.js\";\nimport { createModelMethods } from \"./models.js\";\nimport { createMessagingMethods } from \"./messaging.js\";\nimport { createSettingsMethods } from \"./settings.js\";\nimport { createChatSettingsMethods } from \"./chatSettings.js\";\nimport { createProviderSettingsMethods } from \"./providerSettings.js\";\nimport { createThreadsMixin, JobStatus, ThreadEvent, OrchestratorEvent, parseMessage, getDisplayContent, getThinking } from \"./threads.js\";\nimport { jobsModule } from \"./jobs.js\";\n\nfunction chatApp() {\n  // Get initial state\n  const state = createInitialState();\n  \n  // Get all method objects\n  const storageMethods = createStorageMethods();\n  const folderMethods = createFolderMethods();\n  const chatMethods = createChatMethods();\n  const editingMethods = createEditingMethods();\n  const dragDropMethods = createDragDropMethods();\n  const modelMethods = createModelMethods();\n  const messagingMethods = createMessagingMethods(marked);\n  const settingsMethods = createSettingsMethods();\n  const chatSettingsMethods = createChatSettingsMethods();\n  const providerSettingsMethods = createProviderSettingsMethods();\n  const threadsMixin = createThreadsMixin();\n  const jobs = jobsModule();\n  \n  // Return the combined component object\n  // All methods use 'this' which Alpine will bind correctly\n  return {\n    // Spread all state properties\n    ...state,\n    \n    // Spread all methods from modules\n    ...storageMethods,\n    ...folderMethods,\n    ...chatMethods,\n    ...editingMethods,\n    ...dragDropMethods,\n    ...modelMethods,\n    ...messagingMethods,\n    ...settingsMethods,\n    ...chatSettingsMethods,\n    ...providerSettingsMethods,\n    ...threadsMixin,\n    \n    // Job/thread status constants for templates\n    JobStatus,\n    ThreadEvent,\n    OrchestratorEvent, // Backwards compat\n    \n    // Message parsing utilities\n    parseMessage,\n    getDisplayContent,\n    getThinking,\n    \n    // Jobs API\n    jobs,\n    \n    // Computed property for filtered models\n    get filteredModels() {\n      if (this.modelSearch === '') return this.models;\n      const search = this.modelSearch.toLowerCase();\n      return this.models.filter(m => \n        m.name.toLowerCase().includes(search) ||\n        m.desc.toLowerCase().includes(search) ||\n        m.id.toLowerCase().includes(search)\n      );\n    },\n    \n    // Computed property to check if we should show \"Generate Response\" button\n    // Shows when user's message is last and there's no assistant response after it\n    get shouldShowGenerateButton() {\n      if (!Array.isArray(this.messages) || this.messages.length === 0) return false;\n      const lastMessage = this.messages[this.messages.length - 1];\n      return lastMessage && lastMessage.role === 'user' && !this.isTyping;\n    },\n    \n    // =========================================================================\n    // Initialization\n    // =========================================================================\n    \n    async init() {\n      console.log('Chatter initialized');\n      \n      // Set default model first (may be overridden by chat-specific model in loadFromStorage)\n      if (this.models.length > 0) {\n        this.selectedModel = this.models[0];\n      }\n      \n      this.loadSettings();\n      this.loadFromStorage(); // This will restore chat-specific model in $nextTick\n      \n      // Initialize the threads manager\n      this.initThreads();\n      \n      // Load provider settings (API keys, base URLs, models)\n      this.loadProviderSettings();\n      \n      // Load model configs from API\n      this.loadModelConfigs();\n      \n      marked.setOptions({\n        highlight: function(code, lang) { return code; },\n        breaks: true\n      });\n      \n      // Debounced save function to prevent excessive saves during streaming\n      let saveTimeout = null;\n      const debouncedSave = () => {\n        if (saveTimeout) clearTimeout(saveTimeout);\n        saveTimeout = setTimeout(() => {\n          this.saveToStorage();\n        }, 500); // Save 500ms after last change\n      };\n      \n      // Debounced Monaco hydration - only run after content stops changing\n      // This prevents excessive DOM manipulation during streaming\n      let hydrateTimeout = null;\n      const debouncedHydrate = () => {\n        if (hydrateTimeout) clearTimeout(hydrateTimeout);\n        hydrateTimeout = setTimeout(() => {\n          this.hydrateMonacoEditors();\n        }, 1000); // Wait 1 second after last change before hydrating\n      };\n      \n      // Watch for storage changes\n      this.$watch('folders', () => this.saveToStorage(), { deep: true });\n      this.$watch('items', () => this.saveToStorage(), { deep: true });\n      // Note: We don't watch 'chats' because saveToStorage() updates it,\n      // which would create a circular dependency. Instead we save when messages change.\n      \n      this.$watch('messages', () => {\n        // Defensive check: ensure messages is always an array\n        if (!Array.isArray(this.messages)) {\n          console.error('[Watch] CRITICAL: messages is not an array! Type:', typeof this.messages);\n          console.error('[Watch] This should never happen - messages array reference was lost');\n        }\n        // Use debounced hydration to avoid excessive DOM manipulation during streaming\n        this.$nextTick(() => debouncedHydrate());\n        // Debounced save to prevent excessive saves during streaming\n        debouncedSave();\n      }, { deep: true });\n      \n      // Setup model picker watchers\n      this.setupModelPickerWatchers();\n\n      this.$nextTick(() => {\n        this.scrollToBottom();\n        if (this.$refs.input) {\n          this.$refs.input.style.height = 'auto';\n        }\n        setTimeout(() => this.hydrateMonacoEditors(), 500);\n      });\n    },\n  };\n}\n\n// Register with Alpine and start\nAlpine.data('chatApp', chatApp);\nAlpine.start();\n\n// Export for potential external use\nexport { chatApp, MODELS };\n",[],[269,276,328],{"_105":336,"_96":337,"_155":338,"_157":277,"_158":140,"_159":339,"_161":162,"_107":340,"_101":32,"_164":211,"_166":341,"_167":22,"_168":-5,"_169":342,"_99":343},"0bbfc7fe-e2e9-11f0-a62a-42dde27851f2","jobs.js","0bbfc8c6-e2e9-11f0-a62a-42dde27851f2",28,["D",1766815100048],"// Jobs API Module - Frontend integration for async jobs\nexport function jobsModule() {\n  return {\n    // Active jobs tracking\n    jobs: {},\n    activeStreams: {},\n\n    // Create a new job\n    async createJob(type, input) {\n      try {\n        const response = await fetch('/api/jobs', {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({ type, input })\n        });\n        \n        if (!response.ok) {\n          throw new Error('Failed to create job: ' + response.statusText);\n        }\n        \n        const job = await response.json();\n        this.jobs[job.id] = job;\n        \n        console.log('[Jobs] Created job:', job.id, job.status);\n        return job;\n      } catch (error) {\n        console.error('[Jobs] Error creating job:', error);\n        throw error;\n      }\n    },\n\n    // Get job status\n    async getJob(jobId) {\n      try {\n        const response = await fetch('/api/jobs/' + jobId);\n        \n        if (!response.ok) {\n          throw new Error('Job not found');\n        }\n        \n        const job = await response.json();\n        this.jobs[jobId] = job;\n        return job;\n      } catch (error) {\n        console.error('[Jobs] Error fetching job:', error);\n        throw error;\n      }\n    },\n\n    // List all jobs\n    async listJobs(status = null) {\n      try {\n        const url = status ? '/api/jobs?status=' + status : '/api/jobs';\n        const response = await fetch(url);\n        \n        if (!response.ok) {\n          throw new Error('Failed to list jobs');\n        }\n        \n        const data = await response.json();\n        return data.jobs || [];\n      } catch (error) {\n        console.error('[Jobs] Error listing jobs:', error);\n        throw error;\n      }\n    },\n\n    // Cancel a job\n    async cancelJob(jobId) {\n      try {\n        const response = await fetch('/api/jobs/' + jobId + '/cancel', {\n          method: 'POST'\n        });\n        \n        if (!response.ok) {\n          throw new Error('Failed to cancel job');\n        }\n        \n        const job = await response.json();\n        this.jobs[jobId] = job;\n        console.log('[Jobs] Cancelled job:', jobId);\n        return job;\n      } catch (error) {\n        console.error('[Jobs] Error cancelling job:', error);\n        throw error;\n      }\n    },\n\n    // Subscribe to job updates via SSE\n    streamJob(jobId, handlers = {}) {\n      // Check if already streaming\n      if (this.activeStreams[jobId]) {\n        console.warn('[Jobs] Already streaming job:', jobId);\n        return this.activeStreams[jobId];\n      }\n\n      const eventSource = new EventSource('/api/jobs/' + jobId + '/stream');\n      this.activeStreams[jobId] = eventSource;\n\n      // Handle job status updates\n      eventSource.addEventListener('job', (event) => {\n        try {\n          const data = JSON.parse(event.data);\n          this.jobs[jobId] = { ...this.jobs[jobId], ...data };\n          \n          console.log('[Jobs] Job update:', jobId, data.status);\n          \n          if (handlers.onJob) {\n            handlers.onJob(data);\n          }\n\n          // Auto-close stream when job completes\n          if (data.status === 'completed' || data.status === 'error' || data.status === 'cancelled') {\n            this.stopStreaming(jobId);\n          }\n        } catch (error) {\n          console.error('[Jobs] Error parsing job event:', error);\n        }\n      });\n\n      // Handle streaming data chunks\n      eventSource.addEventListener('data', (event) => {\n        try {\n          const data = JSON.parse(event.data);\n          \n          if (handlers.onData) {\n            handlers.onData(data);\n          }\n        } catch (error) {\n          console.error('[Jobs] Error parsing data event:', error);\n        }\n      });\n\n      // Handle ping (keep-alive)\n      eventSource.addEventListener('ping', () => {\n        // Keep connection alive\n      });\n\n      // Handle errors\n      eventSource.onerror = (error) => {\n        console.error('[Jobs] Stream error for job:', jobId, error);\n        \n        if (handlers.onError) {\n          handlers.onError(error);\n        }\n        \n        this.stopStreaming(jobId);\n      };\n\n      return eventSource;\n    },\n\n    // Stop streaming a job\n    stopStreaming(jobId) {\n      if (this.activeStreams[jobId]) {\n        this.activeStreams[jobId].close();\n        delete this.activeStreams[jobId];\n        console.log('[Jobs] Stopped streaming job:', jobId);\n      }\n    },\n\n    // Stop all active streams\n    stopAllStreams() {\n      Object.keys(this.activeStreams).forEach(jobId => {\n        this.stopStreaming(jobId);\n      });\n    },\n\n    // Helper: Create and stream a chat job\n    async createAndStreamChatJob(messages, options = {}) {\n      const job = await this.createJob('chat', {\n        messages,\n        model: options.model,\n        provider: options.provider,\n        temperature: options.temperature,\n        maxTokens: options.maxTokens\n      });\n\n      // Immediately start streaming\n      this.streamJob(job.id, options.handlers);\n\n      return job;\n    }\n  };\n}\n\n",[],[269,276,337],{"_105":345,"_96":346,"_155":347,"_157":277,"_158":140,"_159":348,"_161":162,"_107":349,"_101":32,"_164":211,"_166":350,"_167":22,"_168":-5,"_169":351,"_99":352},"0ba63e06-e2e9-11f0-a009-42dde27851f2","messaging.js","0ba63ece-e2e9-11f0-a009-42dde27851f2",25,["D",1766815099914],"/**\n * Chat App Messaging - Message sending, receiving, and API calls\n */\n\nimport { createMonacoEditor, addCopyButton } from \"../monaco-utils.js\";\n\nexport function createMessagingMethods(marked) {\n  return {\n    renderMessage(content) {\n      return marked.parse(content);\n    },\n\n    async hydrateMonacoEditors() {\n      // IMPORTANT: This function manipulates DOM which can break Alpine's x-for tracking\n      // We need to be very careful to only modify elements OUTSIDE the x-for template\n      // Use a safer approach: add Monaco INSIDE the existing element instead of replacing\n      \n      const codeBlocks = this.$el.querySelectorAll('pre code');\n      \n      for (const block of codeBlocks) {\n        const pre = block.parentElement;\n        if (!pre || pre.classList.contains('monaco-hydrated')) continue;\n        \n        const className = block.className;\n        const langMatch = className.match(/language-(\\w+)/);\n        const language = langMatch ? langMatch[1] : 'plaintext';\n        \n        if (['javascript', 'js', 'typescript', 'ts', 'json'].includes(language)) {\n          const code = block.textContent;\n          \n          if (!pre.parentNode) continue;\n          \n          // SAFER APPROACH: Instead of replacing the pre element (which breaks Alpine),\n          // hide the original content and add Monaco as a sibling\n          // This preserves Alpine's DOM tracking\n          \n          // Mark as hydrated first to prevent double processing\n          pre.classList.add('monaco-hydrated');\n          \n          // Hide the original code block\n          pre.style.display = 'none';\n          \n          // Create Monaco wrapper as a sibling, not a replacement\n          const wrapper = document.createElement('div');\n          wrapper.className = 'monaco-wrapper';\n          wrapper.style.position = 'relative';\n          wrapper.style.marginTop = '1rem';\n          wrapper.style.marginBottom = '1rem';\n          \n          const container = document.createElement('div');\n          container.style.height = '200px';\n          container.style.width = '100%';\n          container.style.border = '1px solid #e2e8f0';\n          container.style.borderRadius = '0.375rem';\n          container.style.overflow = 'hidden';\n          container.style.backgroundColor = '#ffffff';\n          \n          wrapper.appendChild(container);\n          addCopyButton(wrapper, code);\n          \n          // Insert after the pre instead of replacing\n          pre.parentNode.insertBefore(wrapper, pre.nextSibling);\n\n          await this.$nextTick();\n\n          createMonacoEditor(container, code, language, {\n            readOnly: true,\n            lineNumbers: 'off'\n          });\n        } else {\n          pre.classList.add('monaco-hydrated');\n        }\n      }\n    },\n    \n    adjustHeight() {\n      const textarea = this.$refs.input;\n      textarea.style.height = 'auto';\n      const newHeight = Math.min(textarea.scrollHeight, 200);\n      textarea.style.height = newHeight + 'px';\n      \n      const container = textarea.closest('.chat-input-container');\n      if (container) {\n        if (newHeight > 50) {\n          container.classList.add('multiline');\n        } else {\n          container.classList.remove('multiline');\n        }\n      }\n    },\n    \n    triggerFileUpload(type) {\n      this.showAttachments = false;\n      const fileName = type === 'image' ? 'vacation_photo.jpg' : 'project_report.pdf';\n      \n      // Generate unique ID with role prefix to prevent ID collision\n      const userMessageId = 'user-' + Date.now() + '-' + Math.random().toString(36).substr(2, 9);\n      \n      this.messages.push({\n        id: userMessageId,\n        role: 'user',\n        content: 'Uploaded ' + fileName,\n        attachment: fileName,\n        timestamp: new Date().toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' })\n      });\n      this.$nextTick(() => this.scrollToBottom());\n      this.sendChatRequest();\n    },\n    \n    copyMessage(text, messageId) {\n      navigator.clipboard.writeText(text).then(() => {\n        // Set copied state for this message\n        this.copiedMessageId = messageId;\n        \n        // Clear after 1.5 seconds\n        setTimeout(() => {\n          this.copiedMessageId = null;\n        }, 1500);\n      });\n    },\n    \n    deleteMessage(messageId) {\n      const msgIndex = this.messages.findIndex(m => m.id === messageId);\n      if (msgIndex !== -1) {\n        this.messages.splice(msgIndex, 1);\n        this.saveToStorage();\n      }\n    },\n    \n    // Fork chat from a message - create new chat with all messages up to and including this one\n    forkChatFromMessage(messageId) {\n      const msgIndex = this.messages.findIndex(m => m.id === messageId);\n      if (msgIndex === -1) {\n        console.warn('[forkChatFromMessage] Message not found:', messageId);\n        return;\n      }\n      \n      // Get all messages up to and including this one\n      const forkedMessages = this.messages.slice(0, msgIndex + 1);\n      \n      // Get the current chat's folder\n      const currentChat = this.items.find(i => i.id === this.activeChatId);\n      const folderId = currentChat ? currentChat.folderId : null;\n      \n      // Create new chat in the same folder\n      const id = this.nextItemId++;\n      const order = this.getMaxOrder(this.items.filter(i => i.folderId === folderId)) + 1;\n      \n      // Generate name from the last user message or use default\n      let chatName = 'Forked Chat';\n      const lastUserMsg = forkedMessages.filter(m => m.role === 'user').pop();\n      if (lastUserMsg && lastUserMsg.content) {\n        chatName = lastUserMsg.content.slice(0, 30) + (lastUserMsg.content.length > 30 ? '...' : '');\n      }\n      \n      const item = { id, name: chatName, folderId, order };\n      this.items.push(item);\n      \n      // Create chat with forked messages (deep copy to avoid reference issues)\n      const messageCopy = JSON.parse(JSON.stringify(forkedMessages));\n      this.chats[id] = {\n        messages: messageCopy,\n        metadata: {\n          createdAt: Date.now(),\n          updatedAt: Date.now(),\n          forkedFrom: this.activeChatId,\n          forkedAt: Date.now()\n        }\n      };\n      \n      // Select the new chat\n      this.selectChat(id);\n      \n      console.log('[forkChatFromMessage] Created forked chat:', id, 'with', forkedMessages.length, 'messages');\n    },\n    \n    // Delete all messages below (after) this message\n    deleteMessagesBelow(messageId) {\n      const msgIndex = this.messages.findIndex(m => m.id === messageId);\n      if (msgIndex === -1) {\n        console.warn('[deleteMessagesBelow] Message not found:', messageId);\n        return;\n      }\n      \n      // Get count of messages to delete (for confirmation)\n      const deleteCount = this.messages.length - msgIndex - 1;\n      \n      if (deleteCount === 0) {\n        console.log('[deleteMessagesBelow] No messages below this one');\n        return;\n      }\n      \n      // Confirm deletion\n      if (!confirm('Delete ' + deleteCount + ' message' + (deleteCount === 1 ? '' : 's') + ' below this one?')) {\n        return;\n      }\n      \n      // Delete all messages after this one\n      this.messages.splice(msgIndex + 1, deleteCount);\n      this.saveToStorage();\n      \n      console.log('[deleteMessagesBelow] Deleted', deleteCount, 'messages');\n    },\n    \n    regenerateMessage(messageId) {\n      // Find and delete the assistant message, then re-run inference\n      const msgIndex = this.messages.findIndex(m => m.id === messageId);\n      if (msgIndex !== -1 && this.messages[msgIndex].role === 'assistant') {\n        this.messages.splice(msgIndex, 1);\n        this.saveToStorage();\n        // Re-run the chat request\n        this.sendChatRequest();\n      }\n    },\n\n    async sendMessage() {\n      const self = this;\n      if (!self.messageInput.trim() || self.isTyping || !self.activeChatId) return;\n      \n      // Defensive check: ensure messages is always an array\n      if (!Array.isArray(self.messages)) {\n        console.warn('[sendMessage] messages is not an array, resetting to empty array');\n        self.messages = [];\n      }\n      \n      const userText = self.messageInput;\n      \n      // Check if we should auto-rename (first user message in a \"New Chat\")\n      const currentItem = self.items.find(i => i.id === self.activeChatId);\n      const shouldRename = currentItem && currentItem.name === 'New Chat' && self.messages.filter(m => m.role === 'user').length === 0;\n      \n      // Generate unique ID with role prefix to prevent ID collision\n      const userMessageId = 'user-' + Date.now() + '-' + Math.random().toString(36).substr(2, 9);\n      \n      self.messages.push({\n        id: userMessageId,\n        role: 'user',\n        content: userText,\n        timestamp: new Date().toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' })\n      });\n      \n      // Auto-rename: just call the rename function directly\n      if (shouldRename) {\n        const newName = userText.slice(0, 30) + (userText.length > 30 ? '...' : '');\n        self.renameChat(self.activeChatId, newName);\n      }\n      \n      self.messageInput = '';\n      \n      self.$nextTick(() => {\n        self.$refs.input.style.height = 'auto';\n        self.scrollToBottom();\n        // Don't call hydrateMonacoEditors here - let the debounced watcher handle it\n        // Calling it synchronously during message updates can corrupt Alpine's DOM tracking\n      });\n      \n      self.sendChatRequest();\n    },\n    \n    async sendChatRequest() {\n      this.isTyping = true;\n      this.scrollToBottom();\n      \n      // Defensive check: ensure messages is always an array\n      if (!Array.isArray(this.messages)) {\n        console.warn('[sendChatRequest] messages is not an array, resetting to empty array');\n        this.messages = [];\n      }\n      \n      // Capture context for callbacks\n      const self = this;\n      \n      try {\n        // Get chat parameters from settings\n        const chatParams = this.getChatParameters ? this.getChatParameters() : {};\n        const systemPrompt = this.getSystemPrompt ? this.getSystemPrompt() : '';\n        \n        // Build messages array with optional system prompt\n        const apiMessages = [];\n        \n        // Add system prompt if set\n        if (systemPrompt && systemPrompt.trim()) {\n          apiMessages.push({\n            role: 'system',\n            content: systemPrompt.trim()\n          });\n        }\n        \n        // Add conversation messages\n        this.messages\n          .filter(msg => msg.role === 'user' || msg.role === 'assistant')\n          .forEach(msg => {\n            apiMessages.push({\n              role: msg.role,\n              content: msg.content\n            });\n          });\n        \n        // Get model ID for metadata\n        const modelId = this.selectedModel ? this.selectedModel.id : 'llama-3.3-70b-versatile';\n        \n        // Store message metadata for tracing (create BEFORE using it)\n        const messageMeta = {\n          model: modelId,\n          temperature: chatParams.temperature,\n          maxTokens: chatParams.maxTokens,\n          parameters: { ...chatParams },\n          timestamp: new Date().toISOString()\n        };\n        \n        // Check streaming setting (default to true if not set)\n        const useStreaming = this.settings?.useStreaming !== false;\n        \n        // Create assistant message placeholder with unique ID and metadata\n        // Generate unique ID with role prefix to prevent ID collision with user messages\n        const assistantMessageId = 'assistant-' + Date.now() + '-' + Math.random().toString(36).substr(2, 9);\n        const assistantMessage = {\n          id: assistantMessageId,\n          role: 'assistant',\n          content: '',\n          timestamp: new Date().toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' }),\n          metadata: messageMeta,\n          isLoading: !useStreaming  // Show loading state for non-streaming\n        };\n        this.messages.push(assistantMessage);\n        this.isTyping = false;\n        \n        let assistantContent = '';\n        \n        // Throttle UI updates to prevent overwhelming Alpine's reactivity\n        // Update UI at most every 50ms during streaming\n        let lastUpdateTime = 0;\n        let pendingUpdate = null;\n        const UPDATE_THROTTLE_MS = 50;\n        \n        function throttledUpdate() {\n          var now = Date.now();\n          if (now - lastUpdateTime >= UPDATE_THROTTLE_MS) {\n            // Enough time has passed, update immediately\n            lastUpdateTime = now;\n            if (pendingUpdate) {\n              clearTimeout(pendingUpdate);\n              pendingUpdate = null;\n            }\n            // Actually update the message content\n            if (!Array.isArray(self.messages)) {\n              return;\n            }\n            var msgIndex = self.messages.findIndex(function(m) { return m.id === assistantMessageId; });\n            if (msgIndex !== -1) {\n              self.messages[msgIndex].content = assistantContent;\n            }\n            self.scrollToBottom();\n          } else if (!pendingUpdate) {\n            // Schedule an update for when throttle period ends\n            pendingUpdate = setTimeout(function() {\n              pendingUpdate = null;\n              throttledUpdate();\n            }, UPDATE_THROTTLE_MS - (now - lastUpdateTime));\n          }\n        }\n        \n        // Get provider from model's stored config, fallback to parsing model ID\n        var modelConfig = null;\n        if (this.providerSettings && this.providerSettings.models) {\n          modelConfig = this.providerSettings.models.find(function(m) { return m.id === modelId; });\n        }\n        if (!modelConfig && this.models) {\n          modelConfig = this.models.find(function(m) { return m.id === modelId; });\n        }\n        var provider = (modelConfig && modelConfig.provider) \n          ? modelConfig.provider \n          : (modelId.includes('/') ? modelId.split('/')[0] : 'groq');\n        var apiKey = this.getApiKey ? this.getApiKey(provider) : '';\n        \n        // Get base URL for custom providers\n        var baseUrl = null;\n        if (this.providerSettings && this.providerSettings.providers && this.providerSettings.providers[provider]) {\n          baseUrl = this.providerSettings.providers[provider].baseUrl;\n        }\n        \n        console.log('[Chat] Model:', modelId, '| Provider:', provider, '| API Key:', apiKey ? '***set***' : '(empty)', '| Base URL:', baseUrl || '(default)');\n        \n        // Create orchestrator job to track this chat request\n        var threadJob = null;\n        if (this.createThreadJob) {\n          threadJob = this.createThreadJob(this.activeChatId, 'chat', {\n            messages: apiMessages,\n            model: modelId,\n            provider: provider\n          }, {\n            metadata: {\n              assistantMessageId: assistantMessageId,\n              messageCount: apiMessages.length\n            }\n          });\n          \n          // Check for blockers before sending\n          var blocker = this.checkJobBlockers ? this.checkJobBlockers(threadJob.id) : null;\n          if (blocker) {\n            console.log('[Orchestrator] Job blocked:', blocker.type);\n            if (this.updateJobStatus) {\n              this.updateJobStatus(threadJob.id, 'blocked', { blocker: blocker });\n            }\n            \n            // Show blocked error in UI\n            if (Array.isArray(self.messages)) {\n              var msgIndex = self.messages.findIndex(function(m) { return m.id === assistantMessageId; });\n              if (msgIndex !== -1) {\n                self.messages[msgIndex] = {\n                  id: assistantMessageId,\n                  role: 'error',\n                  content: blocker.message + '. Please add your API key in Settings → Models.',\n                  isError: true,\n                  isApiKeyError: blocker.type === 'api_key_missing',\n                  threadJobId: threadJob.id,\n                  timestamp: Date.now()\n                };\n              }\n            }\n            self.isTyping = false;\n            self.saveToStorage();\n            return;\n          }\n          \n          // Mark job as running\n          if (this.updateJobStatus) {\n            this.updateJobStatus(threadJob.id, 'running');\n          }\n        }\n        \n        var job = await this.jobs.createJob('chat', {\n          messages: apiMessages,\n          model: modelId,\n          provider: provider,  // Send provider to backend\n          temperature: chatParams.temperature,\n          maxTokens: chatParams.maxTokens,\n          topP: chatParams.topP,\n          frequencyPenalty: chatParams.frequencyPenalty,\n          presencePenalty: chatParams.presencePenalty,\n          systemPrompt: chatParams.systemPrompt,\n          reasoningEffort: chatParams.reasoningEffort,\n          webSearch: chatParams.webSearch,\n          codeExecution: chatParams.codeExecution,\n          imageDetail: chatParams.imageDetail,\n          modelVersion: chatParams.modelVersion,\n          apiKey: apiKey,  // Pass API key to backend\n          baseUrl: baseUrl, // Pass base URL for custom providers\n          stream: useStreaming  // Pass streaming preference\n        });\n        \n        // Store job ID for potential cancellation\n        this.activeJobId = job.id;\n        console.log('[Job created]:', job.id);\n        \n        // Link backend job to orchestrator job\n        if (threadJob && this.updateJobStatus) {\n          threadJob.metadata.backendJobId = job.id;\n          this.updateJobStatus(threadJob.id, 'streaming');\n        }\n        \n        // Subscribe to job stream with captured context\n        this.jobs.streamJob(job.id, {\n          onData: function(data) {\n            // Handle streaming data chunks\n            if (data.content) {\n              assistantContent += data.content;\n              // Use throttled update to prevent overwhelming Alpine\n              throttledUpdate();\n              \n              // Update orchestrator progress\n              if (threadJob && self.updateJobProgress) {\n                self.updateJobProgress(threadJob.id, assistantContent.length, assistantContent);\n              }\n            }\n            \n            // Clear loading state on first data chunk (for non-streaming mode)\n            if (!Array.isArray(self.messages)) return;\n            const msgIndex = self.messages.findIndex(function(m) { return m.id === assistantMessageId; });\n            if (msgIndex !== -1 && self.messages[msgIndex].isLoading) {\n              self.messages[msgIndex].isLoading = false;\n            }\n          },\n          onJob: function(jobData) {\n            // Handle job status changes\n            console.log('[Job status]:', jobData.status);\n            \n            if (jobData.status === 'completed') {\n              // Clear any pending throttled update\n              if (pendingUpdate) {\n                clearTimeout(pendingUpdate);\n                pendingUpdate = null;\n              }\n              \n              // Update orchestrator job status\n              if (threadJob && self.updateJobStatus) {\n                self.updateJobStatus(threadJob.id, 'completed', { \n                  result: jobData.result \n                });\n              }\n              \n              // Final result available\n              console.log('[Chat complete]:', jobData.result);\n              \n              // Parse the message to extract thinking/reasoning\n              if (jobData.result) {\n                var parsed = self.parseMessage(jobData.result);\n                console.log('[Parsed message]:', parsed);\n                console.log('[Has reasoning?]:', parsed.hasReasoning, '|', parsed.reasoning);\n                console.log('[Has thinking?]:', parsed.hasThinking, '|', parsed.thinking);\n                console.log('[Clean content]:', parsed.content);\n              }\n              \n              // Make sure final content is set\n              if (jobData.result && jobData.result.content) {\n                // Defensive check: ensure messages array still exists\n                if (!Array.isArray(self.messages)) {\n                  console.warn('[Stream onJob] messages array lost, cannot update final content');\n                  return;\n                }\n                const msgIndex = self.messages.findIndex(function(m) { return m.id === assistantMessageId; });\n                if (msgIndex !== -1) {\n                  // Store the full result object (including reasoning, tools, etc)\n                  self.messages[msgIndex].content = jobData.result.content;\n                  self.messages[msgIndex].reasoning = jobData.result.reasoning;\n                  self.messages[msgIndex].tools = jobData.result.tools || jobData.result.executedTools || [];\n                  self.messages[msgIndex].isLoading = false;  // Clear loading state\n                  \n                  console.log('[Message stored with reasoning]:', !!self.messages[msgIndex].reasoning);\n                }\n              }\n              \n              // Save to chat storage\n              self.saveToStorage();\n              self.scrollToBottom();\n            } else if (jobData.status === 'error') {\n              console.error('[Job error]:', jobData.error, jobData);\n              \n              // Extract error message from various possible locations\n              var errorMsg = jobData.error || jobData.message || jobData.details || 'An error occurred. Please check your settings and try again.';\n              \n              // Normalize error message for better detection\n              var errorMsgLower = String(errorMsg).toLowerCase();\n              var isApiKeyError = errorMsgLower.includes('api') && \n                (errorMsgLower.includes('key') || errorMsgLower.includes('configured') || \n                 errorMsgLower.includes('not set') || errorMsgLower.includes('missing') ||\n                 errorMsgLower.includes('401') || errorMsgLower.includes('403') ||\n                 errorMsgLower.includes('unauthorized') || errorMsgLower.includes('forbidden'));\n              \n              // Determine provider name for better error messages\n              var providerName = 'provider';\n              if (self.selectedModel && self.selectedModel.provider) {\n                var providerMap = {\n                  'groq': 'Groq',\n                  'openai': 'OpenAI',\n                  'anthropic': 'Anthropic',\n                  'custom': 'Custom Provider'\n                };\n                providerName = providerMap[self.selectedModel.provider] || self.selectedModel.provider;\n              }\n              \n              // Create user-friendly error message for display\n              var displayMsg = errorMsg;\n              if (isApiKeyError && !errorMsg.includes('Settings')) {\n                displayMsg = providerName + ' API key is missing or invalid. Please add your API key in Settings → Models.';\n              }\n              \n              // Replace the placeholder loading message with an error card\n              if (Array.isArray(self.messages)) {\n                var msgIndex = self.messages.findIndex(function(m) { return m.id === assistantMessageId; });\n                if (msgIndex !== -1) {\n                  self.messages[msgIndex] = {\n                    id: assistantMessageId,\n                    role: 'error',\n                    content: displayMsg,\n                    isError: true,\n                    isApiKeyError: isApiKeyError,\n                    threadJobId: threadJob ? threadJob.id : null,\n                    timestamp: Date.now()\n                  };\n                }\n              }\n              \n              // Update orchestrator job status\n              if (threadJob && self.updateJobStatus) {\n                var blockerType = isApiKeyError ? 'api_key_missing' : 'provider_error';\n                self.updateJobStatus(threadJob.id, isApiKeyError ? 'blocked' : 'error', { \n                  error: errorMsg,\n                  blocker: isApiKeyError ? {\n                    type: blockerType,\n                    message: displayMsg,\n                    provider: provider\n                  } : null\n                });\n              }\n              \n              // Save to chat storage\n              self.saveToStorage();\n              self.scrollToBottom();\n              \n              // Also log for debugging\n              console.error('[Chat Error]', errorMsg);\n              \n              // Clear typing indicator\n              self.isTyping = false;\n            }\n          },\n          onError: function(error) {\n            console.error('[Stream error]:', error);\n            \n            // Remove the placeholder message\n            if (Array.isArray(self.messages)) {\n              const msgIndex = self.messages.findIndex(function(m) { return m.id === assistantMessageId; });\n              if (msgIndex !== -1) {\n                self.messages.splice(msgIndex, 1);\n              }\n            }\n            \n            // Show error toast\n            if (window.toast) {\n              window.toast('Stream Error', {\n                description: error.message || 'An error occurred while streaming the response.',\n                type: 'danger'\n              });\n            }\n          }\n        });\n        \n      } catch (error) {\n        console.error('Chat error:', error);\n        this.isTyping = false;\n        \n        // Check if it's an API key error\n        const isApiKeyError = error.message && (\n          error.message.includes('messageMeta') ||\n          error.message.includes('API') ||\n          error.message.includes('key') ||\n          error.message.includes('401') ||\n          error.message.includes('403')\n        );\n        \n        // Show user-friendly error toast\n        if (window.toast) {\n          if (isApiKeyError || !this.getApiKey('groq')) {\n            window.toast('API Key Required', {\n              description: 'Please add your Groq API key in the settings to use this chat.',\n              type: 'danger'\n            });\n          } else {\n            window.toast('Error', {\n              description: error.message || 'An unexpected error occurred. Please try again.',\n              type: 'danger'\n            });\n          }\n        }\n        \n        this.scrollToBottom();\n      }\n    },\n    \n    scrollToBottom() {\n      if (!this.settings.autoScroll) {\n        return;\n      }\n      const messagesContainer = document.getElementById('chat-messages');\n      if (messagesContainer) {\n        messagesContainer.scrollTop = messagesContainer.scrollHeight;\n      }\n    },\n    \n    // Toggle thinking/reasoning visibility for a message\n    toggleThinking(messageId) {\n      if (!this.thinkingVisible) {\n        this.thinkingVisible = {};\n      }\n      this.thinkingVisible[messageId] = !this.thinkingVisible[messageId];\n    },\n    \n    // Check if thinking is visible for a message\n    isThinkingVisible(messageId) {\n      return this.thinkingVisible && this.thinkingVisible[messageId];\n    },\n    \n    handleKeydown(event) {\n      if (event.key === 'Enter' && !event.shiftKey) {\n        event.preventDefault();\n        this.sendMessage();\n      }\n    },\n  };\n}\n",[],[269,276,346],{"_105":354,"_96":355,"_155":356,"_157":277,"_158":140,"_159":357,"_161":162,"_107":358,"_101":32,"_164":211,"_166":359,"_167":22,"_168":-5,"_169":360,"_99":361},"0b83422a-e2e9-11f0-b141-42dde27851f2","models.js","0b834310-e2e9-11f0-b141-42dde27851f2",20,["D",1766815099683],"/**\n * Chat App Models - Model picker functionality\n * \n * Uses unified chat structure: chats[id] = { messages: [], metadata: {...} }\n */\n\nimport { createChatData, createChatMetadata } from './state.js';\n\nexport function createModelMethods() {\n  return {\n    initPreviewIndex() {\n      if (this.selectedModel) {\n        const idx = this.filteredModels.findIndex(m => m.id === this.selectedModel.id);\n        this.previewIndex = idx >= 0 ? idx : 0;\n      } else {\n        this.previewIndex = 0;\n      }\n    },\n    \n    handleModelKeydown(event) {\n      const filtered = this.filteredModels;\n      if (filtered.length === 0) return;\n      \n      if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        this.previewIndex = Math.min(this.previewIndex + 1, filtered.length - 1);\n        this.scrollPreviewIntoView();\n      } else if (event.key === 'ArrowUp') {\n        event.preventDefault();\n        this.previewIndex = Math.max(this.previewIndex - 1, 0);\n        this.scrollPreviewIntoView();\n      } else if (event.key === 'Enter') {\n        event.preventDefault();\n        if (this.previewIndex >= 0 && this.previewIndex < filtered.length) {\n          this.selectModel(filtered[this.previewIndex]);\n        }\n      } else if (event.key === 'Escape') {\n        event.preventDefault();\n        this.showModelPicker = false;\n        this.modelSearch = '';\n      }\n    },\n    \n    scrollPreviewIntoView() {\n      this.$nextTick(() => {\n        const list = this.$refs.modelList;\n        const items = list?.querySelectorAll('.model-picker-item');\n        if (items && items[this.previewIndex]) {\n          items[this.previewIndex].scrollIntoView({ block: 'nearest' });\n        }\n      });\n    },\n    \n    selectModel(model) {\n      this.selectedModel = model;\n      this.showModelPicker = false;\n      this.modelSearch = '';\n      \n      // Save selected model to current chat's unified metadata\n      if (this.activeChatId) {\n        // Ensure chat exists with proper structure\n        if (!this.chats[this.activeChatId]) {\n          this.chats[this.activeChatId] = createChatData();\n        }\n        // Ensure metadata exists\n        if (!this.chats[this.activeChatId].metadata) {\n          this.chats[this.activeChatId].metadata = createChatMetadata();\n        }\n        \n        this.chats[this.activeChatId].metadata.defaultModel = model.id;\n        this.chats[this.activeChatId].metadata.updatedAt = new Date().toISOString();\n        \n        console.log('[selectModel] Saved model to chat', this.activeChatId, ':', model.id);\n        \n        // Trigger save\n        if (this.saveToStorage) {\n          this.saveToStorage();\n        }\n      }\n      \n      this.$nextTick(() => {\n        if (this.$refs.input) {\n          this.$refs.input.focus();\n        }\n      });\n    },\n    \n    setupModelPickerWatchers() {\n      this.$watch('showModelPicker', (value) => {\n        if (value) {\n          this.$nextTick(() => {\n            const trigger = this.$refs.modelTrigger;\n            const dropdown = this.$refs.modelDropdown;\n            if (trigger && dropdown) {\n              const triggerRect = trigger.getBoundingClientRect();\n              const dropdownRect = dropdown.getBoundingClientRect();\n              const viewportHeight = window.innerHeight;\n              \n              if (triggerRect.bottom + dropdownRect.height > viewportHeight && triggerRect.top > dropdownRect.height) {\n                this.modelPosition = 'top';\n              } else {\n                this.modelPosition = 'bottom';\n              }\n            }\n            this.initPreviewIndex();\n            if (this.$refs.modelSearchInput) {\n              this.$refs.modelSearchInput.focus();\n            }\n          });\n        } else {\n          this.modelSearch = '';\n          this.previewIndex = -1;\n        }\n      });\n      \n      this.$watch('modelSearch', () => this.initPreviewIndex());\n    },\n  };\n}\n",[],[269,276,355],{"_105":363,"_96":364,"_155":365,"_157":277,"_158":140,"_159":366,"_161":162,"_107":367,"_101":32,"_164":211,"_166":368,"_167":22,"_168":-5,"_169":369,"_99":370},"0ba174fc-e2e9-11f0-8def-42dde27851f2","providerSettings.js","0ba175e2-e2e9-11f0-8def-42dde27851f2",24,["D",1766815099847],"/**\n * Provider Settings - Manage API keys, base URLs, and model configurations\n * Loads defaults from server configs and allows user customization via localStorage\n */\n\nvar PROVIDER_SETTINGS_KEY = 'chatapp-provider-settings';\nvar PROVIDER_SETTINGS_VERSION = 2; // Increment this when DEFAULT_MODELS changes significantly\n\n// Default provider configurations\nvar DEFAULT_PROVIDERS = {\n  groq: {\n    name: 'Groq',\n    baseUrl: 'https://api.groq.com/openai/v1',\n    logo: '/public/groq-logo-orange.png',\n    docsUrl: 'https://console.groq.com/docs',\n    apiKeyUrl: 'https://console.groq.com/keys',\n    apiKeyPrefix: 'gsk_'\n  },\n  openai: {\n    name: 'OpenAI',\n    baseUrl: 'https://api.openai.com/v1',\n    logo: '/public/openai-logo.png',\n    docsUrl: 'https://platform.openai.com/docs',\n    apiKeyUrl: 'https://platform.openai.com/api-keys',\n    apiKeyPrefix: 'sk-'\n  },\n  anthropic: {\n    name: 'Anthropic',\n    baseUrl: 'https://api.anthropic.com/v1',\n    logo: 'vscode-icons:file-type-claude',\n    docsUrl: 'https://docs.anthropic.com',\n    apiKeyUrl: 'https://console.anthropic.com/settings/keys',\n    apiKeyPrefix: 'sk-ant-'\n  },\n  custom: {\n    name: 'Custom',\n    baseUrl: 'https://llm.labspace.ai/v1',\n    logo: '/public/custom-logo.png',\n    docsUrl: '',\n    apiKeyUrl: '',\n    apiKeyPrefix: ''\n  }\n};\n\n// Default models based on provider configs\nvar DEFAULT_MODELS = [\n  // Groq models\n  { id: 'groq/compound', name: 'Compound', provider: 'groq', desc: 'AI system with built-in tools including web search and code execution.', capabilities: { web: true, tools: true, streaming: true } },\n  { id: 'groq/compound-mini', name: 'Compound Mini', provider: 'groq', desc: 'Faster, lighter version with web search and code execution.', capabilities: { web: true, tools: true, streaming: true } },\n  { id: 'llama-3.1-8b-instant', name: 'Llama 3.1 8B Instant', provider: 'groq', desc: 'Ultra-fast 8B model for instant responses (560 t/s).', capabilities: { streaming: true } },\n  { id: 'llama-3.3-70b-versatile', name: 'Llama 3.3 70B Versatile', provider: 'groq', desc: 'Versatile 70B model for a wide range of tasks (280 t/s).', capabilities: { streaming: true } },\n  { id: 'meta-llama/llama-4-maverick-17b-128e-instruct', name: 'Llama 4 Maverick 17B', provider: 'groq', desc: 'Powerful image understanding and analysis (600 t/s).', capabilities: { image: true, streaming: true }, preview: true },\n  { id: 'meta-llama/llama-4-scout-17b-16e-instruct', name: 'Llama 4 Scout 17B', provider: 'groq', desc: 'Fast responses with image support (750 t/s).', capabilities: { image: true, streaming: true }, preview: true },\n  { id: 'openai/gpt-oss-120b', name: 'GPT OSS 120B', provider: 'groq', desc: 'Flagship 120B parameter model with browser search and reasoning.', capabilities: { web: true, thinking: true, tools: true, streaming: true } },\n  { id: 'openai/gpt-oss-20b', name: 'GPT OSS 20B', provider: 'groq', desc: 'Fast 20B model with web search, thinking, and code execution.', capabilities: { web: true, thinking: true, tools: true, streaming: true } },\n  { id: 'moonshotai/kimi-k2-instruct-0905', name: 'Kimi K2', provider: 'groq', desc: 'Highly capable for writing and coding with 262K context.', capabilities: { streaming: true }, preview: true },\n  { id: 'qwen/qwen3-32b', name: 'Qwen3-32B', provider: 'groq', desc: 'Multilingual responses with thinking capabilities.', capabilities: { thinking: true, streaming: true }, preview: true },\n  \n  // OpenAI models - GPT-5.2 Series (Latest)\n  { id: 'gpt-5.2', name: 'GPT-5.2', provider: 'openai', desc: 'Most advanced model for coding and agentic tasks across industries.', capabilities: { image: true, streaming: true, tools: true } },\n  { id: 'gpt-5.2-pro', name: 'GPT-5.2 Pro', provider: 'openai', desc: 'Version of GPT-5.2 that produces smarter and more precise responses.', capabilities: { image: true, streaming: true, tools: true } },\n  { id: 'gpt-5-mini', name: 'GPT-5 Mini', provider: 'openai', desc: 'Faster, cost-efficient version of GPT-5 for well-defined tasks.', capabilities: { image: true, streaming: true, tools: true } },\n  { id: 'gpt-5-nano', name: 'GPT-5 Nano', provider: 'openai', desc: 'Fastest, most cost-efficient version of GPT-5.', capabilities: { streaming: true, tools: true } },\n  \n  // OpenAI - GPT-4o Series\n  { id: 'gpt-4o', name: 'GPT-4o', provider: 'openai', desc: 'High-intelligence model with vision, fast and affordable.', capabilities: { image: true, streaming: true, tools: true } },\n  { id: 'gpt-4o-mini', name: 'GPT-4o Mini', provider: 'openai', desc: 'Small, fast, and affordable. Great for most tasks.', capabilities: { image: true, streaming: true, tools: true } },\n  { id: 'chatgpt-4o-latest', name: 'ChatGPT-4o Latest', provider: 'openai', desc: 'Dynamic model continuously updated to current ChatGPT version.', capabilities: { image: true, streaming: true, tools: true } },\n  \n  // OpenAI - o4 Reasoning Models (Latest)\n  { id: 'o4', name: 'o4', provider: 'openai', desc: 'Latest reasoning model with enhanced capabilities and configurable effort.', capabilities: { thinking: true, streaming: true, image: true, tools: true } },\n  { id: 'o4-mini', name: 'o4-mini', provider: 'openai', desc: 'Faster reasoning model optimized for coding, math, and science.', capabilities: { thinking: true, streaming: true } },\n  \n  // OpenAI - o3 Reasoning Models\n  { id: 'o3', name: 'o3', provider: 'openai', desc: 'Advanced reasoning model for complex multi-step tasks.', capabilities: { thinking: true, streaming: true, image: true, tools: true } },\n  { id: 'o3-mini', name: 'o3-mini', provider: 'openai', desc: 'Fast, flexible reasoning for coding and problem-solving.', capabilities: { thinking: true, streaming: true } },\n  \n  // OpenAI - o1 Reasoning Models\n  { id: 'o1', name: 'o1', provider: 'openai', desc: 'Original reasoning model for complex analysis.', capabilities: { thinking: true, streaming: true, image: true } },\n  { id: 'o1-mini', name: 'o1-mini', provider: 'openai', desc: 'Efficient reasoning model for coding and math.', capabilities: { thinking: true, streaming: true } },\n  { id: 'o1-pro', name: 'o1-pro', provider: 'openai', desc: 'Enhanced compute for hard problems.', capabilities: { thinking: true, streaming: true, image: true } },\n  \n  // Anthropic - Claude 4 Series (Latest)\n  { id: 'claude-opus-4-1-20250805', name: 'Claude Opus 4.1', provider: 'anthropic', desc: 'Most capable and intelligent model, setting new standards in complex reasoning.', capabilities: { thinking: true, image: true, streaming: true, tools: true } },\n  { id: 'claude-opus-4-20250514', name: 'Claude Opus 4', provider: 'anthropic', desc: 'Highly capable model for complex tasks requiring deep reasoning.', capabilities: { thinking: true, image: true, streaming: true, tools: true } },\n  { id: 'claude-sonnet-4-20250514', name: 'Claude Sonnet 4', provider: 'anthropic', desc: 'Excellent balance of performance, speed, and cost with extended thinking.', capabilities: { thinking: true, image: true, streaming: true, tools: true } },\n  \n  // Anthropic - Claude 3.7 Series\n  { id: 'claude-3-7-sonnet-20250219', name: 'Claude 3.7 Sonnet', provider: 'anthropic', desc: 'Hybrid model with extended thinking capabilities.', capabilities: { thinking: true, image: true, streaming: true, tools: true } },\n  \n  // Anthropic - Claude 3.5 Series\n  { id: 'claude-3-5-sonnet-20241022', name: 'Claude 3.5 Sonnet', provider: 'anthropic', desc: 'High performance for complex reasoning and coding.', capabilities: { thinking: true, image: true, streaming: true, tools: true } },\n  { id: 'claude-3-5-haiku-20241022', name: 'Claude 3.5 Haiku', provider: 'anthropic', desc: 'Fast and cost-effective for simple tasks.', capabilities: { image: true, streaming: true, tools: true } },\n  \n  // Anthropic - Claude 3 Series (Legacy)\n  { id: 'claude-3-opus-20240229', name: 'Claude 3 Opus', provider: 'anthropic', desc: 'Highly capable for complex analysis and coding.', capabilities: { image: true, streaming: true, tools: true } },\n  { id: 'claude-3-sonnet-20240229', name: 'Claude 3 Sonnet', provider: 'anthropic', desc: 'Balanced performance and cost.', capabilities: { image: true, streaming: true, tools: true } },\n  { id: 'claude-3-haiku-20240307', name: 'Claude 3 Haiku', provider: 'anthropic', desc: 'Fastest Claude 3 model.', capabilities: { streaming: true, tools: true } }\n];\n\nexport function createProviderSettingsMethods() {\n  return {\n    // Provider settings state\n    providerSettings: {\n      providers: {},   // { groq: { baseUrl, apiKey }, openai: {...} }\n      models: [],      // User's configured models\n      loaded: false\n    },\n    \n    // UI state for provider settings\n    providerSettingsUI: {\n      editingModelId: null,\n      editingModelName: '',\n      addingModelToProvider: null,\n      newModelId: '',\n      expandedProvider: 'groq',  // Which provider section is expanded\n      discoveringModels: false,\n      discoveryError: null,\n      testingConnection: false,\n      connectionTestResult: null\n    },\n    \n    // Load provider settings from localStorage, merging with defaults\n    loadProviderSettings() {\n      try {\n        var stored = localStorage.getItem(PROVIDER_SETTINGS_KEY);\n        var parsed = stored ? JSON.parse(stored) : {};\n        \n        // Check version - if old version or no version, reset to defaults\n        if (!parsed.version || parsed.version < PROVIDER_SETTINGS_VERSION) {\n          console.log('[ProviderSettings] Old version detected, resetting to defaults');\n          parsed = { version: PROVIDER_SETTINGS_VERSION };\n        }\n        \n        // Merge with defaults for providers\n        var providers = {};\n        Object.keys(DEFAULT_PROVIDERS).forEach(function(key) {\n          providers[key] = Object.assign(\n            {},\n            DEFAULT_PROVIDERS[key],\n            parsed.providers ? parsed.providers[key] : {}\n          );\n        });\n        \n        // For models, use stored if available AND not empty, otherwise use defaults\n        var models = (parsed.models && parsed.models.length > 0) \n          ? parsed.models \n          : JSON.parse(JSON.stringify(DEFAULT_MODELS));\n        \n        // Safety check: if models is still empty (shouldn't happen), force defaults\n        if (!models || models.length === 0) {\n          console.warn('[ProviderSettings] Models array was empty, forcing defaults');\n          models = JSON.parse(JSON.stringify(DEFAULT_MODELS));\n        }\n        \n        this.providerSettings = {\n          providers: providers,\n          models: models,\n          loaded: true,\n          version: PROVIDER_SETTINGS_VERSION\n        };\n        \n        // Also sync apiKeys from storage (these are stored separately)\n        if (this.apiKeys) {\n          Object.keys(providers).forEach(function(key) {\n            if (this.apiKeys[key]) {\n              providers[key].apiKey = this.apiKeys[key];\n            }\n          }.bind(this));\n        }\n        \n        // Update the global models list for the picker\n        this.updateGlobalModelsList();\n        \n        console.log('[ProviderSettings] Loaded', models.length, 'models');\n      } catch (e) {\n        console.warn('Failed to load provider settings:', e);\n        this.providerSettings = {\n          providers: JSON.parse(JSON.stringify(DEFAULT_PROVIDERS)),\n          models: JSON.parse(JSON.stringify(DEFAULT_MODELS)),\n          loaded: true,\n          version: PROVIDER_SETTINGS_VERSION\n        };\n        this.updateGlobalModelsList();\n      }\n    },\n    \n    // Save provider settings to localStorage\n    saveProviderSettings() {\n      try {\n        var data = {\n          version: PROVIDER_SETTINGS_VERSION,\n          providers: {},\n          models: this.providerSettings.models\n        };\n        \n        // Only save user-modified provider settings (not defaults)\n        Object.keys(this.providerSettings.providers).forEach(function(key) {\n          var provider = this.providerSettings.providers[key];\n          data.providers[key] = {\n            baseUrl: provider.baseUrl,\n            name: provider.name  // Save custom provider name\n            // Don't save apiKey here - it's stored separately\n          };\n        }.bind(this));\n        \n        localStorage.setItem(PROVIDER_SETTINGS_KEY, JSON.stringify(data));\n        console.log('[ProviderSettings] Saved');\n      } catch (e) {\n        console.warn('Failed to save provider settings:', e);\n      }\n    },\n    \n    // Reset provider settings to defaults\n    resetProviderSettings() {\n      if (confirm('Reset all provider settings to defaults? This will remove any custom models you have added.')) {\n        localStorage.removeItem(PROVIDER_SETTINGS_KEY);\n        this.loadProviderSettings();\n        this.updateGlobalModelsList();\n      }\n    },\n    \n    // Get models for a specific provider\n    getModelsForProvider(providerId) {\n      return this.providerSettings.models.filter(function(m) {\n        return m.provider === providerId;\n      });\n    },\n    \n    // Update provider base URL\n    updateProviderBaseUrl(providerId, url) {\n      if (this.providerSettings.providers[providerId]) {\n        this.providerSettings.providers[providerId].baseUrl = url;\n        this.saveProviderSettings();\n      }\n    },\n    \n    // Update provider name\n    updateProviderName(providerId, name) {\n      if (this.providerSettings.providers[providerId]) {\n        this.providerSettings.providers[providerId].name = name;\n        this.saveProviderSettings();\n        // Update model descriptions with new provider name\n        this.updateGlobalModelsList();\n      }\n    },\n    \n    // Start editing a model name\n    startEditingModel(modelId, currentName) {\n      this.providerSettingsUI.editingModelId = modelId;\n      this.providerSettingsUI.editingModelName = currentName;\n      \n      // Focus the input after Alpine renders\n      var self = this;\n      this.$nextTick(function() {\n        var input = document.querySelector('[data-model-edit=\"' + modelId + '\"]');\n        if (input) {\n          input.focus();\n          input.select();\n        }\n      });\n    },\n    \n    // Commit editing a model name\n    commitEditingModel() {\n      var modelId = this.providerSettingsUI.editingModelId;\n      var newName = this.providerSettingsUI.editingModelName.trim();\n      \n      if (modelId && newName) {\n        var model = this.providerSettings.models.find(function(m) {\n          return m.id === modelId;\n        });\n        if (model) {\n          model.name = newName;\n          this.saveProviderSettings();\n        }\n      }\n      \n      this.providerSettingsUI.editingModelId = null;\n      this.providerSettingsUI.editingModelName = '';\n    },\n    \n    // Cancel editing\n    cancelEditingModel() {\n      this.providerSettingsUI.editingModelId = null;\n      this.providerSettingsUI.editingModelName = '';\n    },\n    \n    // Start adding a new model\n    startAddingModel(providerId) {\n      this.providerSettingsUI.addingModelToProvider = providerId;\n      this.providerSettingsUI.newModelId = '';\n      \n      var self = this;\n      this.$nextTick(function() {\n        var input = document.querySelector('[data-new-model-input=\"' + providerId + '\"]');\n        if (input) {\n          input.focus();\n        }\n      });\n    },\n    \n    // Commit adding a new model\n    commitAddingModel() {\n      var providerId = this.providerSettingsUI.addingModelToProvider;\n      var modelId = this.providerSettingsUI.newModelId.trim();\n      \n      if (providerId && modelId) {\n        // Check if model already exists\n        var exists = this.providerSettings.models.find(function(m) {\n          return m.id === modelId;\n        });\n        \n        if (exists) {\n          alert('Model with this ID already exists');\n          return;\n        }\n        \n        // Add new model (active by default)\n        var provider = this.providerSettings.providers[providerId];\n        var providerName = provider?.name || providerId;\n        \n        // Extract hostname from baseUrl for custom providers\n        if (providerId === 'custom' && provider?.baseUrl) {\n          try {\n            var url = new URL(provider.baseUrl);\n            providerName = url.hostname;\n          } catch (e) {\n            providerName = 'Custom';\n          }\n        }\n        \n        this.providerSettings.models.push({\n          id: modelId,\n          name: modelId,  // Use ID as initial name, user can edit\n          provider: providerId,\n          desc: providerName + ' model',\n          capabilities: { streaming: true },\n          active: true\n        });\n        \n        this.saveProviderSettings();\n        this.updateGlobalModelsList();\n      }\n      \n      this.providerSettingsUI.addingModelToProvider = null;\n      this.providerSettingsUI.newModelId = '';\n    },\n    \n    // Cancel adding\n    cancelAddingModel() {\n      this.providerSettingsUI.addingModelToProvider = null;\n      this.providerSettingsUI.newModelId = '';\n    },\n    \n    // Delete a model\n    deleteModel(modelId) {\n      if (confirm('Delete this model from your configuration?')) {\n        this.providerSettings.models = this.providerSettings.models.filter(function(m) {\n          return m.id !== modelId;\n        });\n        this.saveProviderSettings();\n        this.updateGlobalModelsList();\n      }\n    },\n    \n    // Toggle model capability\n    toggleModelCapability(modelId, capability) {\n      var model = this.providerSettings.models.find(function(m) {\n        return m.id === modelId;\n      });\n      if (model) {\n        if (!model.capabilities) model.capabilities = {};\n        model.capabilities[capability] = !model.capabilities[capability];\n        this.saveProviderSettings();\n      }\n    },\n    \n    // Toggle model active/inactive (show/hide in model picker)\n    toggleModelActive(modelId) {\n      var model = this.providerSettings.models.find(function(m) {\n        return m.id === modelId;\n      });\n      if (model) {\n        // Default to true if undefined, so toggle to false\n        model.active = model.active === false ? true : false;\n        this.saveProviderSettings();\n        \n        // Also update the global models list used by the picker\n        this.updateGlobalModelsList();\n      }\n    },\n    \n    // Enable all models for a provider\n    enableAllModels(providerId) {\n      var models = this.getModelsForProvider(providerId);\n      models.forEach(function(m) {\n        m.active = true;\n      });\n      this.saveProviderSettings();\n      this.updateGlobalModelsList();\n    },\n    \n    // Disable all models for a provider\n    disableAllModels(providerId) {\n      var models = this.getModelsForProvider(providerId);\n      models.forEach(function(m) {\n        m.active = false;\n      });\n      this.saveProviderSettings();\n      this.updateGlobalModelsList();\n    },\n    \n    // Update the global models list (used by model picker) from provider settings\n    updateGlobalModelsList() {\n      // Get all active models from provider settings\n      var activeModels = this.providerSettings.models.filter(function(m) {\n        return m.active !== false; // Show by default if not set\n      });\n      \n      // Get provider logos\n      var providerLogos = {\n        groq: '/public/groq-logo-orange.png',\n        openai: '/public/openai-logo.png',\n        anthropic: 'vscode-icons:file-type-claude',\n        custom: 'lucide:message-square'\n      };\n      \n      // Helper function to get provider display name\n      var self = this;\n      var getProviderDisplayName = function(providerId) {\n        var provider = self.providerSettings.providers[providerId];\n        if (!provider) return providerId;\n        \n        // For custom provider, use custom name or extract from URL\n        if (providerId === 'custom') {\n          if (provider.name) {\n            return provider.name;\n          }\n          if (provider.baseUrl) {\n            try {\n              var url = new URL(provider.baseUrl);\n              return url.hostname;\n            } catch (e) {\n              return 'Custom';\n            }\n          }\n          return 'Custom';\n        }\n        \n        // For other providers, use their name\n        return provider.name || providerId;\n      };\n      \n      // Update the main models array used by the picker\n      // Use a Map to deduplicate by model ID (keep first occurrence)\n      var seenIds = {};\n      var dedupedModels = [];\n      activeModels.forEach(function(m) {\n        if (!seenIds[m.id]) {\n          seenIds[m.id] = true;\n          dedupedModels.push(m);\n        }\n      });\n      \n      this.models = dedupedModels.map(function(m) {\n        // Generate description dynamically based on current provider settings\n        var providerDisplayName = getProviderDisplayName(m.provider);\n        var desc = m.desc;\n        \n        // Update description for custom provider models to use current provider name\n        if (m.provider === 'custom') {\n          desc = providerDisplayName + ' model';\n        }\n        \n        return {\n          id: m.id,\n          name: m.name,\n          desc: desc,\n          logo: providerLogos[m.provider] || 'mdi:robot',\n          provider: m.provider,\n          web: m.capabilities?.web,\n          thinking: m.capabilities?.thinking,\n          image: m.capabilities?.image,\n          tools: m.capabilities?.tools,\n          preview: m.preview\n        };\n      });\n      \n      // If current selected model is no longer active, select the first available\n      if (this.selectedModel) {\n        var stillActive = this.models.find(function(m) {\n          return m.id === this.selectedModel.id;\n        }.bind(this));\n        \n        if (!stillActive && this.models.length > 0) {\n          this.selectedModel = this.models[0];\n        }\n      }\n    },\n    \n    // Update model description\n    updateModelDescription(modelId, desc) {\n      var model = this.providerSettings.models.find(function(m) {\n        return m.id === modelId;\n      });\n      if (model) {\n        model.desc = desc;\n        this.saveProviderSettings();\n      }\n    },\n    \n    // Discover models from a custom endpoint\n    async discoverModels(providerId) {\n      var provider = this.providerSettings.providers[providerId];\n      if (!provider || !provider.baseUrl) {\n        this.providerSettingsUI.discoveryError = 'Please enter a base URL first';\n        return;\n      }\n      \n      this.providerSettingsUI.discoveringModels = true;\n      this.providerSettingsUI.discoveryError = null;\n      \n      try {\n        var apiKey = this.apiKeys ? this.apiKeys[providerId] : null;\n        \n        var response = await fetch('/api/providers/discover-models', {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({\n            baseUrl: provider.baseUrl,\n            apiKey: apiKey,\n            provider: providerId\n          })\n        });\n        \n        var data = await response.json();\n        \n        if (!response.ok || data.error) {\n          throw new Error(data.error || data.details || 'Failed to discover models');\n        }\n        \n        if (data.models && data.models.length > 0) {\n          var addedCount = 0;\n          var self = this;\n          \n          data.models.forEach(function(model) {\n            // Check if model already exists\n            var exists = self.providerSettings.models.find(function(m) {\n              return m.id === model.id;\n            });\n            \n            if (!exists) {\n              // Get provider name - use custom name if set, otherwise extract from URL\n              var providerName = 'Custom';\n              if (provider.name) {\n                providerName = provider.name;\n              } else if (provider.baseUrl) {\n                try {\n                  var url = new URL(provider.baseUrl);\n                  providerName = url.hostname;\n                } catch (e) {\n                  providerName = 'Custom';\n                }\n              }\n              \n              self.providerSettings.models.push({\n                id: model.id,\n                name: model.name || model.id,\n                provider: providerId,\n                desc: providerName + ' model' + (model.owned_by && model.owned_by !== 'organization_owner' ? ' • ' + model.owned_by : ''),\n                capabilities: { streaming: true },\n                active: true\n              });\n              addedCount++;\n            }\n          });\n          \n          if (addedCount > 0) {\n            this.saveProviderSettings();\n            this.updateGlobalModelsList();\n            // Success - models added silently\n          } else {\n            // All models already exist - no action needed\n          }\n        } else {\n          this.providerSettingsUI.discoveryError = 'No models found at this endpoint';\n        }\n      } catch (error) {\n        console.error('[discoverModels] Error:', error);\n        this.providerSettingsUI.discoveryError = error.message || 'Failed to discover models';\n      } finally {\n        this.providerSettingsUI.discoveringModels = false;\n      }\n    },\n    \n    // Test connection to a provider\n    async testConnection(providerId) {\n      var provider = this.providerSettings.providers[providerId];\n      \n      this.providerSettingsUI.testingConnection = true;\n      this.providerSettingsUI.connectionTestResult = null;\n      \n      try {\n        var apiKey = this.apiKeys ? this.apiKeys[providerId] : null;\n        \n        var response = await fetch('/api/providers/test-connection', {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({\n            baseUrl: provider ? provider.baseUrl : null,\n            apiKey: apiKey,\n            provider: providerId\n          })\n        });\n        \n        var data = await response.json();\n        \n        this.providerSettingsUI.connectionTestResult = {\n          success: data.success,\n          message: data.message || data.error,\n          modelCount: data.modelCount\n        };\n      } catch (error) {\n        console.error('[testConnection] Error:', error);\n        this.providerSettingsUI.connectionTestResult = {\n          success: false,\n          message: error.message || 'Connection test failed'\n        };\n      } finally {\n        this.providerSettingsUI.testingConnection = false;\n      }\n    },\n    \n    // Get capability badge class\n    getCapabilityBadgeClass(capability) {\n      switch(capability) {\n        case 'web': return 'badge-info';\n        case 'thinking': return 'badge-purple';\n        case 'image': return 'badge-success';\n        case 'tools': return 'badge-warning';\n        case 'streaming': return 'badge-neutral';\n        default: return 'badge-neutral';\n      }\n    },\n    \n    // Get capability icon\n    getCapabilityIcon(capability) {\n      switch(capability) {\n        case 'web': return 'mdi:web';\n        case 'thinking': return 'mdi:brain';\n        case 'image': return 'mdi:image-outline';\n        case 'tools': return 'mdi:tools';\n        case 'streaming': return 'mdi:lightning-bolt';\n        default: return 'mdi:help-circle-outline';\n      }\n    },\n    \n    // Get provider logo path\n    getProviderLogo(providerId) {\n      var logos = {\n        groq: '/public/groq-logo-orange.png',\n        openai: '/public/openai-logo.png',\n        anthropic: 'vscode-icons:file-type-claude',\n        custom: '/public/custom-logo.png'\n      };\n      return logos[providerId] || '/public/custom-logo.png';\n    }\n  };\n}\n",[],[269,276,364],{"_105":372,"_96":373,"_155":374,"_157":277,"_158":140,"_159":375,"_161":162,"_107":376,"_101":32,"_164":211,"_166":377,"_167":22,"_168":-5,"_169":378,"_99":379},"0bcfbf42-e2e9-11f0-a009-42dde27851f2","settings.js","0bcfbfe2-e2e9-11f0-a009-42dde27851f2",30,["D",1766815100155],"/**\n * Chat App Settings - Settings management\n */\n\nconst SETTINGS_KEY = 'chatapp-settings';\n\nexport function createSettingsMethods() {\n  return {\n    // Settings state (add to state.js later)\n    settings: {\n      autoSave: true,\n      showWelcomeMessage: false,\n      language: 'English',\n      useStreaming: true,  // Enable streaming responses by default\n      autoScroll: true     // Enable auto-scroll by default\n    },\n    \n    // Toggle settings page\n    toggleSettings() {\n      var wasOpen = this.showSettings;\n      this.showSettings = !this.showSettings;\n      // Close right sidebar when opening settings\n      if (this.showSettings) {\n        this.rightSidebarOpen = false;\n      }\n      // When closing settings, check if any API key errors can be cleared\n      if (wasOpen && !this.showSettings) {\n        this.checkAndClearApiKeyErrors();\n      }\n    },\n    \n    // Check if API key errors in messages can be cleared (API key was added)\n    checkAndClearApiKeyErrors() {\n      var self = this;\n      if (!Array.isArray(this.messages)) return;\n      \n      // First, use orchestrator to check all blocked jobs\n      if (this.checkBlockedJobs) {\n        var unblockedCount = this.checkBlockedJobs();\n        if (unblockedCount > 0) {\n          console.log('[Settings] Orchestrator unblocked', unblockedCount, 'jobs');\n        }\n      }\n      \n      // Find any API key error messages\n      var hasApiKeyErrors = this.messages.some(function(m) {\n        return m.role === 'error' && m.isApiKeyError;\n      });\n      \n      if (!hasApiKeyErrors) return;\n      \n      // Check if the relevant provider now has an API key\n      this.messages.forEach(function(msg, idx) {\n        if (msg.role === 'error' && msg.isApiKeyError) {\n          // Determine which provider this error was for\n          var provider = self.selectedModel && self.selectedModel.provider;\n          if (!provider) return;\n          \n          // Check if we now have an API key for this provider\n          var hasKey = self.apiKeys && self.apiKeys[provider] && self.apiKeys[provider].trim().length > 0;\n          \n          if (hasKey) {\n            // Update the error message to show it can be retried\n            self.messages[idx] = {\n              id: msg.id,\n              role: 'error',\n              content: 'API key added! Click \"Retry\" to send your message again.',\n              isError: true,\n              isApiKeyError: false,\n              canRetry: true,\n              originalProvider: provider,\n              threadJobId: msg.threadJobId,\n              timestamp: Date.now()\n            };\n          }\n        }\n      });\n      \n      // Save changes\n      if (this.saveToStorage) {\n        this.saveToStorage();\n      }\n    },\n    \n    // Retry a failed message (used after API key is added or for immediate retry)\n    retryLastMessage() {\n      if (!Array.isArray(this.messages)) return;\n      \n      // Find any error message (with or without canRetry flag)\n      var errorMsgIdx = -1;\n      var threadJobId = null;\n      for (var i = this.messages.length - 1; i >= 0; i--) {\n        if (this.messages[i].role === 'error') {\n          errorMsgIdx = i;\n          threadJobId = this.messages[i].threadJobId;\n          break;\n        }\n      }\n      \n      // Find the last user message before any error\n      var lastUserMsgIdx = -1;\n      for (var i = this.messages.length - 1; i >= 0; i--) {\n        if (this.messages[i].role === 'user') {\n          lastUserMsgIdx = i;\n          break;\n        }\n      }\n      \n      if (lastUserMsgIdx === -1) return;\n      \n      // Remove any error messages after the last user message\n      var newMessages = this.messages.slice(0, lastUserMsgIdx + 1);\n      this.messages = newMessages;\n      \n      // If there was an orchestrator job, try to retry it\n      if (threadJobId && this.retryJob) {\n        var success = this.retryJob(threadJobId);\n        console.log('[Settings] Retry thread job:', threadJobId, success ? 'started' : 'failed');\n      }\n      \n      // Resend the last user message\n      if (this.sendChatRequest) {\n        this.sendChatRequest();\n      }\n      \n      // Save changes\n      if (this.saveToStorage) {\n        this.saveToStorage();\n      }\n    },\n    \n    // Cancel a job from the UI\n    cancelJobFromUI(jobId) {\n      if (this.cancelJob) {\n        var success = this.cancelJob(jobId);\n        console.log('[Settings] Cancel job:', jobId, success ? 'cancelled' : 'failed');\n        \n        // Remove the associated error message if present\n        if (Array.isArray(this.messages)) {\n          var msgIdx = this.messages.findIndex(function(m) { \n            return m.threadJobId === jobId; \n          });\n          if (msgIdx !== -1) {\n            this.messages.splice(msgIdx, 1);\n            this.saveToStorage();\n          }\n        }\n      }\n    },\n    \n    loadSettings() {\n      try {\n        const stored = localStorage.getItem(SETTINGS_KEY);\n        if (stored) {\n          this.settings = { ...this.settings, ...JSON.parse(stored) };\n        }\n      } catch (e) {\n        console.warn('Failed to load settings:', e);\n      }\n    },\n    \n    saveSettings() {\n      try {\n        localStorage.setItem(SETTINGS_KEY, JSON.stringify(this.settings));\n      } catch (e) {\n        console.warn('Failed to save settings:', e);\n      }\n    },\n    \n    updateSetting(key, value) {\n      this.settings[key] = value;\n      this.saveSettings();\n    },\n    \n    checkForUpdate() {\n      // Simple version check - in a real app this would ping a server\n      const currentVersion = '1.0.0';\n      alert(`Current version: ${currentVersion}\\\\n\\\\nYou are running the latest version!`);\n    },\n    \n    exportData() {\n      try {\n        // Get all chat data\n        const chatData = localStorage.getItem('chatapp-data');\n        const settings = localStorage.getItem(SETTINGS_KEY);\n        \n        const exportObj = {\n          version: '1.0.0',\n          exportDate: new Date().toISOString(),\n          chatData: chatData ? JSON.parse(chatData) : null,\n          settings: settings ? JSON.parse(settings) : null\n        };\n        \n        // Create download\n        const dataStr = JSON.stringify(exportObj, null, 2);\n        const dataBlob = new Blob([dataStr], { type: 'application/json' });\n        const url = URL.createObjectURL(dataBlob);\n        const link = document.createElement('a');\n        link.href = url;\n        link.download = `chatter-export-${new Date().toISOString().split('T')[0]}.json`;\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n        URL.revokeObjectURL(url);\n        \n        console.log('Data exported successfully');\n      } catch (e) {\n        console.error('Failed to export data:', e);\n        alert('Failed to export data. Check console for details.');\n      }\n    },\n    \n    importData() {\n      try {\n        const input = document.createElement('input');\n        input.type = 'file';\n        input.accept = 'application/json';\n        \n        input.onchange = (e) => {\n          const file = e.target.files[0];\n          if (!file) return;\n          \n          const reader = new FileReader();\n          reader.onload = (event) => {\n            try {\n              const importObj = JSON.parse(event.target.result);\n              \n              // Validate import\n              if (!importObj.version || !importObj.chatData) {\n                throw new Error('Invalid import file format');\n              }\n              \n              // Confirm before importing\n              if (!confirm('This will replace all current data. Continue?')) {\n                return;\n              }\n              \n              // Import chat data\n              if (importObj.chatData) {\n                localStorage.setItem('chatapp-data', JSON.stringify(importObj.chatData));\n              }\n              \n              // Import settings\n              if (importObj.settings) {\n                localStorage.setItem(SETTINGS_KEY, JSON.stringify(importObj.settings));\n              }\n              \n              // Reload the page to apply changes\n              alert('Data imported successfully! The page will now reload.');\n              window.location.reload();\n            } catch (err) {\n              console.error('Failed to import data:', err);\n              alert('Failed to import data. Please check the file format.');\n            }\n          };\n          \n          reader.readAsText(file);\n        };\n        \n        input.click();\n      } catch (e) {\n        console.error('Failed to import data:', e);\n        alert('Failed to import data. Check console for details.');\n      }\n    },\n    \n    clearData() {\n      if (confirm('Are you sure you want to clear all data? This cannot be undone.')) {\n        if (confirm('This will delete all chats, folders, and messages. Are you absolutely sure?')) {\n          try {\n            localStorage.removeItem('chatapp-data');\n            localStorage.removeItem(SETTINGS_KEY);\n            \n            // Reset state\n            this.folders = [];\n            this.items = [];\n            this.chats = {};\n            this.nextFolderId = 1;\n            this.nextItemId = 1;\n            this.activeChatId = null;\n            this.messages = [];\n            this.settings = {\n              autoSave: true,\n              showWelcomeMessage: false,\n              language: 'English',\n              useStreaming: true\n            };\n            \n            alert('All data cleared successfully!');\n          } catch (e) {\n            console.error('Failed to clear data:', e);\n            alert('Failed to clear data. Check console for details.');\n          }\n        }\n      }\n    }\n  };\n}\n\n",[],[269,276,373],{"_105":381,"_96":382,"_155":383,"_157":277,"_158":140,"_159":384,"_161":162,"_107":385,"_101":32,"_164":211,"_166":386,"_167":22,"_168":-5,"_169":387,"_99":388},"0bb0d5be-e2e9-11f0-8def-42dde27851f2","state.js","0bb0d6ae-e2e9-11f0-8def-42dde27851f2",26,["D",1766815099983],"/**\n * Chat App State - Initial state and model definitions\n */\n\nexport const MODELS = [\n  // Groq - Compound Systems\n  { id: 'groq/compound', name: 'Compound', desc: 'AI system with built-in tools including web search and code execution.', logo: '/public/groq-logo-orange.png', provider: 'groq', web: true, tools: true },\n  { id: 'groq/compound-mini', name: 'Compound Mini', desc: 'Faster, lighter version with web search and code execution.', logo: '/public/groq-logo-orange.png', provider: 'groq', web: true, tools: true },\n  \n  // Groq - OpenAI GPT-OSS Models\n  { id: 'openai/gpt-oss-120b', name: 'GPT OSS 120B', desc: 'Flagship 120B parameter model with browser search and reasoning.', logo: '/public/groq-logo-orange.png', provider: 'groq', web: true, thinking: true, tools: true },\n  { id: 'openai/gpt-oss-20b', name: 'GPT OSS 20B', desc: 'Fast 20B model with web search, thinking, and code execution.', logo: '/public/groq-logo-orange.png', provider: 'groq', web: true, thinking: true, tools: true },\n  \n  // Groq - Llama 3.x Production\n  { id: 'llama-3.1-8b-instant', name: 'Llama 3.1 8B Instant', desc: 'Ultra-fast 8B model for instant responses (560 t/s).', logo: '/public/groq-logo-orange.png', provider: 'groq' },\n  { id: 'llama-3.3-70b-versatile', name: 'Llama 3.3 70B Versatile', desc: 'Versatile 70B model for a wide range of tasks (280 t/s).', logo: '/public/groq-logo-orange.png', provider: 'groq' },\n  \n  // Groq - Llama 4 Vision Models\n  { id: 'meta-llama/llama-4-maverick-17b-128e-instruct', name: 'Llama 4 Maverick 17B', desc: 'Powerful image understanding and analysis (600 t/s).', logo: '/public/groq-logo-orange.png', provider: 'groq', image: true, preview: true },\n  { id: 'meta-llama/llama-4-scout-17b-16e-instruct', name: 'Llama 4 Scout 17B', desc: 'Fast responses with image support (750 t/s).', logo: '/public/groq-logo-orange.png', provider: 'groq', image: true, preview: true },\n  \n  // OpenAI - GPT-5.2 Series (Latest)\n  { id: 'gpt-5.2', name: 'GPT-5.2', desc: 'Most advanced model for coding and agentic tasks across industries.', logo: '/public/openai-logo.png', provider: 'openai', image: true, tools: true },\n  { id: 'gpt-5.2-pro', name: 'GPT-5.2 Pro', desc: 'Version of GPT-5.2 that produces smarter and more precise responses.', logo: '/public/openai-logo.png', provider: 'openai', image: true, tools: true },\n  { id: 'gpt-5-mini', name: 'GPT-5 Mini', desc: 'Faster, cost-efficient version of GPT-5 for well-defined tasks.', logo: '/public/openai-logo.png', provider: 'openai', image: true, tools: true },\n  { id: 'gpt-5-nano', name: 'GPT-5 Nano', desc: 'Fastest, most cost-efficient version of GPT-5.', logo: '/public/openai-logo.png', provider: 'openai', tools: true },\n  \n  // OpenAI - GPT-4o Series\n  { id: 'gpt-4o', name: 'GPT-4o', desc: 'High-intelligence model with vision, fast and affordable.', logo: '/public/openai-logo.png', provider: 'openai', image: true, tools: true },\n  { id: 'gpt-4o-mini', name: 'GPT-4o Mini', desc: 'Small, fast, and affordable. Great for most tasks.', logo: '/public/openai-logo.png', provider: 'openai', image: true, tools: true },\n  \n  // OpenAI - o4 Reasoning Models (Latest)\n  { id: 'o4', name: 'o4', desc: 'Latest reasoning model with enhanced capabilities.', logo: '/public/openai-logo.png', provider: 'openai', thinking: true, image: true, tools: true },\n  { id: 'o4-mini', name: 'o4-mini', desc: 'Faster reasoning model optimized for coding and math.', logo: '/public/openai-logo.png', provider: 'openai', thinking: true },\n  \n  // OpenAI - o3 Reasoning Models\n  { id: 'o3', name: 'o3', desc: 'Advanced reasoning model for complex multi-step tasks.', logo: '/public/openai-logo.png', provider: 'openai', thinking: true, image: true, tools: true },\n  { id: 'o3-mini', name: 'o3-mini', desc: 'Fast, flexible reasoning for coding and problem-solving.', logo: '/public/openai-logo.png', provider: 'openai', thinking: true },\n  \n  // OpenAI - o1 Reasoning Models\n  { id: 'o1', name: 'o1', desc: 'Original reasoning model for complex analysis.', logo: '/public/openai-logo.png', provider: 'openai', thinking: true, image: true },\n  { id: 'o1-mini', name: 'o1-mini', desc: 'Efficient reasoning model for coding and math.', logo: '/public/openai-logo.png', provider: 'openai', thinking: true },\n  \n  // Anthropic - Claude 4 Series (Latest)\n  { id: 'claude-opus-4-1-20250805', name: 'Claude Opus 4.1', desc: 'Most capable and intelligent model, setting new standards.', logo: 'vscode-icons:file-type-claude', provider: 'anthropic', thinking: true, image: true, tools: true },\n  { id: 'claude-opus-4-20250514', name: 'Claude Opus 4', desc: 'Highly capable model for complex tasks.', logo: 'vscode-icons:file-type-claude', provider: 'anthropic', thinking: true, image: true, tools: true },\n  { id: 'claude-sonnet-4-20250514', name: 'Claude Sonnet 4', desc: 'Excellent balance of performance, speed, and cost.', logo: 'vscode-icons:file-type-claude', provider: 'anthropic', thinking: true, image: true, tools: true },\n  \n  // Anthropic - Claude 3.7 Series\n  { id: 'claude-3-7-sonnet-20250219', name: 'Claude 3.7 Sonnet', desc: 'Hybrid model with extended thinking capabilities.', logo: 'vscode-icons:file-type-claude', provider: 'anthropic', thinking: true, image: true, tools: true },\n  \n  // Anthropic - Claude 3.5 Series\n  { id: 'claude-3-5-sonnet-20241022', name: 'Claude 3.5 Sonnet', desc: 'High performance for complex reasoning and coding.', logo: 'vscode-icons:file-type-claude', provider: 'anthropic', thinking: true, image: true, tools: true },\n  { id: 'claude-3-5-haiku-20241022', name: 'Claude 3.5 Haiku', desc: 'Fast and cost-effective for simple tasks.', logo: 'vscode-icons:file-type-claude', provider: 'anthropic', image: true, tools: true }\n];\n\n// Default model parameters\nexport const DEFAULT_MODEL_PARAMS = {\n  temperature: 0.7,\n  maxTokens: 2048,\n  topP: 1,\n  frequencyPenalty: 0,\n  presencePenalty: 0,\n  // Groq-specific parameters\n  reasoningEffort: 'medium',\n  webSearch: false,\n  codeExecution: false,\n  imageDetail: 'auto',\n  modelVersion: 'stable'\n};\n\n// Create default chat metadata\nexport function createChatMetadata() {\n  return {\n    systemPrompt: '',\n    defaultModel: null,  // Will use global selected model if null\n    parameters: { ...DEFAULT_MODEL_PARAMS },\n    createdAt: new Date().toISOString(),\n    updatedAt: new Date().toISOString()\n  };\n}\n\n// Create a new chat object with messages and metadata unified\nexport function createChatData(messages = [], metadata = null) {\n  return {\n    messages: messages,\n    metadata: metadata || createChatMetadata()\n  };\n}\n\n// Create message metadata for tracing\nexport function createMessageMetadata(model, params) {\n  return {\n    model: model || null,\n    temperature: params?.temperature,\n    maxTokens: params?.maxTokens,\n    parameters: params ? { ...params } : {},\n    timestamp: new Date().toISOString()\n  };\n}\n\nexport function createInitialState() {\n  return {\n    // Sidebar state\n    sidebarOpen: true,\n    rightSidebarOpen: false,  // Right sidebar for chat settings\n    \n    // Folder/Chat tree state\n    folders: [],\n    items: [], // Each item represents a chat with { id, name, folderId, order }\n    // Unified chats structure: { [chatId]: { messages: [], metadata: { systemPrompt, defaultModel, parameters, ... } } }\n    chats: {},\n    nextFolderId: 1,\n    nextItemId: 1,\n    activeChatId: null,\n    \n    // Editing state\n    editingFolderId: null,\n    editingFolderName: '',\n    editingItemId: null,\n    editingItemName: '',\n    \n    // Drag state\n    draggingItemId: null,\n    draggingFolderId: null,\n    draggingType: null,\n    dragOverFolderId: null,\n    dragOverRoot: false,\n    dragOverFolderRoot: false,\n    dropIndicator: null,\n    \n    // Menu state\n    folderMenuOpen: null,\n    \n    // Copy feedback state\n    copiedMessageId: null,\n    itemMenuOpen: null,\n    \n    // Message editing state\n    editingMessageId: null,\n    editingMessageContent: '',\n    \n    // Reactivity helper - increment to force sidebar re-render\n    itemsVersion: 0,\n    \n    // Chat state\n    messages: [],\n    messageInput: '',\n    isTyping: false,\n    showAttachments: false,\n    showModelPicker: false,\n    modelSearch: '',\n    selectedModel: null,\n    previewIndex: -1,\n    modelPosition: 'top',\n    models: MODELS,\n    activeJobId: null, // Track current job for cancellation\n    \n    // Model configs state (loaded from API)\n    modelConfigs: [],\n    \n    // Current chat settings (bound to right sidebar form)\n    currentChatSettings: {\n      systemPrompt: '',\n      temperature: 0.7,\n      maxTokens: 2048,\n      topP: 1,\n      frequencyPenalty: 0,\n      presencePenalty: 0,\n      reasoningEffort: 'medium',\n      webSearch: false,\n      codeExecution: false,\n      imageDetail: 'auto',\n      modelVersion: 'stable'\n    },\n    \n    // Settings state\n    showSettings: false,\n    settingsTab: 'general',\n    settings: {\n      autoSave: true,\n      showWelcomeMessage: false,\n      language: 'English',\n      autoScroll: true\n    },\n    \n    // Thinking/reasoning visibility per message\n    // Format: { messageId: true/false }\n    thinkingVisible: {},\n    \n    // API Keys - stored per provider\n    apiKeys: {\n      groq: '', // Groq API key\n      openai: '', // OpenAI API key\n      anthropic: '', // Anthropic API key\n      custom: '', // Custom provider API key (optional)\n    },\n  };\n}\n\n",[],[269,276,382],{"_105":390,"_96":391,"_155":392,"_157":277,"_158":140,"_159":393,"_161":162,"_107":394,"_101":32,"_164":211,"_166":395,"_167":22,"_168":-5,"_169":396,"_99":397},"0be9b514-e2e9-11f0-b39b-42dde27851f2","storage.js","0be9b5fa-e2e9-11f0-b39b-42dde27851f2",32,["D",1766815100356],"/**\n * Chat App Storage - LocalStorage persistence\n * \n * Unified chat structure: chats = { [chatId]: { messages: [], metadata: {...} } }\n */\n\nconst STORAGE_KEY = 'chatapp-data';\nconst API_KEYS_STORAGE_KEY = 'chatapp-api-keys'; // Separate storage for API keys\n\nimport { createChatMetadata, createChatData } from './state.js';\n\nexport function createStorageMethods() {\n  return {\n    // Migrate old storage format to new unified format\n    migrateStorageFormat(data) {\n      // Check if already in new format (chats have .messages property)\n      var firstChatId = Object.keys(data.chats || {})[0];\n      if (firstChatId && data.chats[firstChatId] && data.chats[firstChatId].messages !== undefined) {\n        console.log('[Storage] Already in new unified format');\n        return data;\n      }\n      \n      // Old format detected - migrate\n      console.log('[Storage] Migrating from old format to unified chat structure...');\n      var migratedChats = {};\n      var oldChats = data.chats || {};\n      var oldMetadata = data.chatMetadata || {};\n      \n      Object.keys(oldChats).forEach(function(chatId) {\n        var messages = oldChats[chatId];\n        var metadata = oldMetadata[chatId] || createChatMetadata();\n        migratedChats[chatId] = {\n          messages: Array.isArray(messages) ? messages : [],\n          metadata: metadata\n        };\n      });\n      \n      // Also migrate any metadata that exists without corresponding messages\n      Object.keys(oldMetadata).forEach(function(chatId) {\n        if (!migratedChats[chatId]) {\n          migratedChats[chatId] = {\n            messages: [],\n            metadata: oldMetadata[chatId]\n          };\n        }\n      });\n      \n      data.chats = migratedChats;\n      delete data.chatMetadata; // Remove old format\n      \n      console.log('[Storage] Migration complete, migrated', Object.keys(migratedChats).length, 'chats');\n      return data;\n    },\n    \n    loadFromStorage() {\n      var self = this;\n      console.log('[Storage] Loading from storage...');\n      \n      // CRITICAL: Ensure messages is ALWAYS an array before any async operations\n      // This prevents Alpine template errors during initialization\n      if (!Array.isArray(self.messages)) {\n        self.messages = [];\n      }\n      \n      try {\n        var stored = localStorage.getItem(STORAGE_KEY);\n        if (stored) {\n          var data = JSON.parse(stored);\n          \n          // Migrate old format if necessary\n          data = self.migrateStorageFormat(data);\n          \n          console.log('[Storage] Parsed data, activeChatId:', data.activeChatId, 'items count:', (data.items || []).length);\n          \n          self.folders = Array.isArray(data.folders) ? data.folders : [];\n          self.items = Array.isArray(data.items) ? data.items : [];\n          self.chats = (data.chats && typeof data.chats === 'object') ? data.chats : {};\n          self.nextFolderId = data.nextFolderId || 1;\n          self.nextItemId = data.nextItemId || 1;\n          // Store the saved active chat ID but don't set it yet\n          var savedActiveChatId = data.activeChatId || null;\n          \n          // Ensure all messages in all chats have valid IDs\n          Object.keys(self.chats).forEach(function(chatId) {\n            var chat = self.chats[chatId];\n            if (chat && chat.messages) {\n              chat.messages = self.ensureMessageIds(chat.messages);\n            }\n          });\n          \n          // Defer active chat selection to after Alpine initializes\n          var chatData = savedActiveChatId ? self.chats[savedActiveChatId] : null;\n          if (savedActiveChatId && chatData && chatData.messages) {\n            console.log('[Storage] Deferring chat selection to $nextTick');\n            self.$nextTick(function() {\n              console.log('[Storage] In $nextTick, setting activeChatId:', savedActiveChatId);\n              var chatMessages = chatData.messages;\n              console.log('[Storage] Chat messages count:', chatMessages.length);\n              if (Array.isArray(chatMessages)) {\n                var processedMessages = self.ensureMessageIds(JSON.parse(JSON.stringify(chatMessages)));\n                // Use Alpine's array replacement to ensure reactivity\n                self.messages.length = 0; // Clear array\n                processedMessages.forEach(function(msg) {\n                  self.messages.push(msg);\n                });\n                self.activeChatId = savedActiveChatId;\n                console.log('[Storage] Loaded', self.messages.length, 'messages');\n                \n                // CRITICAL: Restore chat-specific model and settings after loading\n                if (self.restoreChatModel) {\n                  self.restoreChatModel(savedActiveChatId);\n                }\n                if (self.loadCurrentChatSettings) {\n                  self.loadCurrentChatSettings();\n                }\n              } else {\n                // Invalid chat data, reset\n                console.log('[Storage] Invalid chat data, resetting');\n                self.messages.length = 0;\n                self.activeChatId = null;\n              }\n            });\n          } else {\n            console.log('[Storage] No active chat, messages already initialized as empty array');\n            self.activeChatId = null;\n          }\n        } else {\n          console.log('[Storage] No stored data found, messages already initialized');\n          self.activeChatId = null;\n        }\n      } catch (e) {\n        console.warn('Failed to load chat data:', e);\n        // Reset to safe state on error\n        self.messages.length = 0;\n        self.chats = {};\n        self.folders = [];\n        self.items = [];\n        self.activeChatId = null;\n      }\n      \n      // Load API keys separately\n      self.loadApiKeys();\n    },\n    \n    // Ensure all messages have valid and UNIQUE IDs (required for x-for :key)\n    ensureMessageIds(messages) {\n      if (!Array.isArray(messages)) return [];\n      var baseTime = Date.now();\n      var usedIds = new Set();\n      \n      return messages.filter(function(msg) {\n        // Filter out completely invalid messages\n        return msg && typeof msg === 'object';\n      }).map(function(msg, index) {\n        // Clone to avoid mutating original\n        var clone = Object.assign({}, msg);\n        // Ensure role exists first (default to 'user')\n        if (!clone.role) clone.role = 'user';\n        \n        // Ensure id is a valid primitive (number or string) and UNIQUE\n        var currentId = clone.id;\n        if (currentId === undefined || currentId === null || typeof currentId === 'object' || usedIds.has(currentId)) {\n          // Generate unique ID with role prefix to prevent collisions\n          var randomPart = Math.random().toString(36).substr(2, 9);\n          clone.id = clone.role + '-' + baseTime + '-' + index + '-' + randomPart;\n        }\n        usedIds.add(clone.id);\n        // Ensure content exists\n        if (clone.content === undefined) clone.content = '';\n        return clone;\n      });\n    },\n    \n    saveToStorage() {\n      // Check if auto-save is enabled\n      if (!this.settings?.autoSave) {\n        return;\n      }\n      \n      try {\n        // Save current messages to active chat (unified structure)\n        if (this.activeChatId && Array.isArray(this.messages)) {\n          // Ensure chat exists with proper structure\n          if (!this.chats[this.activeChatId]) {\n            this.chats[this.activeChatId] = createChatData();\n          }\n          // Update messages\n          this.chats[this.activeChatId].messages = JSON.parse(JSON.stringify(this.messages));\n        }\n        \n        const data = {\n          folders: this.folders,\n          items: this.items,\n          chats: this.chats,\n          nextFolderId: this.nextFolderId,\n          nextItemId: this.nextItemId,\n          activeChatId: this.activeChatId,\n        };\n        localStorage.setItem(STORAGE_KEY, JSON.stringify(data));\n      } catch (e) {\n        console.warn('Failed to save chat data:', e);\n      }\n    },\n    \n    // Force save regardless of auto-save setting\n    forceSave() {\n      try {\n        // Save current messages to active chat (unified structure)\n        if (this.activeChatId && Array.isArray(this.messages)) {\n          if (!this.chats[this.activeChatId]) {\n            this.chats[this.activeChatId] = createChatData();\n          }\n          this.chats[this.activeChatId].messages = JSON.parse(JSON.stringify(this.messages));\n        }\n        \n        const data = {\n          folders: this.folders,\n          items: this.items,\n          chats: this.chats,\n          nextFolderId: this.nextFolderId,\n          nextItemId: this.nextItemId,\n          activeChatId: this.activeChatId,\n        };\n        localStorage.setItem(STORAGE_KEY, JSON.stringify(data));\n      } catch (e) {\n        console.warn('Failed to save chat data:', e);\n      }\n    },\n    \n    // Clear all storage data (for testing/debugging)\n    clearStorage() {\n      try {\n        localStorage.removeItem(STORAGE_KEY);\n        // Clear arrays without replacing references\n        this.messages.length = 0;\n        this.folders.length = 0;\n        this.items.length = 0;\n        this.chats = {};\n        this.activeChatId = null;\n        this.nextFolderId = 1;\n        this.nextItemId = 1;\n        console.log('[Storage] Cleared all chat data');\n      } catch (e) {\n        console.warn('Failed to clear storage:', e);\n      }\n    },\n    \n    // Helper to get chat metadata (from unified structure)\n    getChatMetadata(chatId) {\n      if (!chatId || !this.chats[chatId]) {\n        return null;\n      }\n      return this.chats[chatId].metadata || null;\n    },\n    \n    // Helper to update chat metadata\n    updateChatMetadata(chatId, updates) {\n      if (!chatId) return;\n      \n      // Ensure chat exists\n      if (!this.chats[chatId]) {\n        this.chats[chatId] = createChatData();\n      }\n      \n      // Ensure metadata exists\n      if (!this.chats[chatId].metadata) {\n        this.chats[chatId].metadata = createChatMetadata();\n      }\n      \n      // Apply updates\n      Object.assign(this.chats[chatId].metadata, updates);\n      this.chats[chatId].metadata.updatedAt = new Date().toISOString();\n    },\n    \n    // =========================================================================\n    // API Key Management\n    // =========================================================================\n    \n    loadApiKeys() {\n      try {\n        var stored = localStorage.getItem(API_KEYS_STORAGE_KEY);\n        if (stored) {\n          var keys = JSON.parse(stored);\n          this.apiKeys = Object.assign({\n            groq: '',\n            openai: '',\n            anthropic: ''\n          }, keys);\n          console.log('[Storage] Loaded API keys for providers:', Object.keys(this.apiKeys).filter(k => this.apiKeys[k]));\n        }\n      } catch (e) {\n        console.warn('Failed to load API keys:', e);\n      }\n    },\n    \n    saveApiKeys() {\n      try {\n        localStorage.setItem(API_KEYS_STORAGE_KEY, JSON.stringify(this.apiKeys));\n        console.log('[Storage] Saved API keys');\n      } catch (e) {\n        console.warn('Failed to save API keys:', e);\n      }\n    },\n    \n    updateApiKey(provider, key) {\n      this.apiKeys[provider] = key;\n      this.saveApiKeys();\n      // Show toast notification\n      if (window.toast) {\n        window.toast('API key saved!', { type: 'success' });\n      }\n    },\n    \n    getApiKey(provider) {\n      return this.apiKeys[provider] || '';\n    },\n    \n    clearApiKeys() {\n      this.apiKeys = {\n        groq: '',\n        openai: '',\n        anthropic: ''\n      };\n      localStorage.removeItem(API_KEYS_STORAGE_KEY);\n      console.log('[Storage] Cleared all API keys');\n    },\n  };\n}\n",[],[269,276,391],{"_105":399,"_96":400,"_155":401,"_157":277,"_158":140,"_159":402,"_161":162,"_107":403,"_101":32,"_164":211,"_166":404,"_167":22,"_168":-5,"_169":405,"_99":406},"0bba6ee4-e2e9-11f0-b141-42dde27851f2","threads.js","0bba70e2-e2e9-11f0-b141-42dde27851f2",27,["D",1766815100044],"// =============================================================================\n// THREADS - Per-chat/thread state management and message parsing\n// =============================================================================\n// Each chat is a \"thread\" (like email threads). Manages thread state, \n// tracks job status, handles blockers, and provides message parsing\n// to extract reasoning/thinking tokens from various API formats.\n//\n// An \"orchestrator\" (to be built later) will manage multiple threads.\n\nvar THREADS_KEY = 'chatapp-threads';\n\n// Job status enum\nvar JobStatus = {\n  PENDING: 'pending',       // Job created, waiting to start\n  RUNNING: 'running',       // Job actively processing\n  STREAMING: 'streaming',   // Job streaming response\n  BLOCKED: 'blocked',       // Job blocked by a blocker (e.g., missing API key)\n  COMPLETED: 'completed',   // Job finished successfully\n  ERROR: 'error',           // Job failed with an error\n  CANCELLED: 'cancelled',   // Job was manually cancelled\n  PAUSED: 'paused'          // Job paused, can be resumed\n};\n\n// Blocker types\nvar BlockerType = {\n  API_KEY_MISSING: 'api_key_missing',\n  RATE_LIMIT: 'rate_limit',\n  NETWORK_ERROR: 'network_error',\n  PROVIDER_ERROR: 'provider_error',\n  DEPENDENCY_FAILED: 'dependency_failed'\n};\n\n// Event types emitted by thread manager\nvar ThreadEvent = {\n  JOB_CREATED: 'job:created',\n  JOB_STARTED: 'job:started',\n  JOB_STREAMING: 'job:streaming',\n  JOB_PROGRESS: 'job:progress',\n  JOB_COMPLETED: 'job:completed',\n  JOB_FAILED: 'job:failed',\n  JOB_BLOCKED: 'job:blocked',\n  JOB_UNBLOCKED: 'job:unblocked',\n  JOB_CANCELLED: 'job:cancelled',\n  JOB_PAUSED: 'job:paused',\n  JOB_RESUMED: 'job:resumed',\n  BLOCKER_ADDED: 'blocker:added',\n  BLOCKER_RESOLVED: 'blocker:resolved',\n  STATE_CHANGED: 'state:changed'\n};\n\n// For backwards compatibility\nvar OrchestratorEvent = ThreadEvent;\n\nexport { JobStatus, BlockerType, ThreadEvent, OrchestratorEvent };\n\n// =============================================================================\n// MESSAGE PARSER - Extract reasoning, thinking, tool calls from various formats\n// =============================================================================\n\nexport function parseMessage(message) {\n  if (!message) return null;\n  \n  var content = message.content || '';\n  var reasoning = message.reasoning || null;\n  var tools = message.tools || message.executedTools || [];\n  \n  // Parsed result object\n  var parsed = {\n    // Original message (kept intact for API calls)\n    raw: message,\n    \n    // Clean content (for display, without think tags)\n    content: content,\n    \n    // Extracted reasoning/thinking (for separate display)\n    reasoning: reasoning,\n    \n    // Thinking extracted from content tags\n    thinking: null,\n    \n    // Tool calls\n    tools: Array.isArray(tools) ? tools : [],\n    \n    // Message role\n    role: message.role || 'assistant',\n    \n    // Flags\n    hasReasoning: !!reasoning,\n    hasThinking: false,\n    hasTools: Array.isArray(tools) && tools.length > 0\n  };\n  \n  // Extract ... tags (Claude, some other models)\n  var thinkTagMatch = content.match(/([\\s\\S]*?)<\\/think>/i);\n  if (thinkTagMatch) {\n    parsed.thinking = thinkTagMatch[1].trim();\n    parsed.content = content.replace(/[\\s\\S]*?<\\/think>/gi, '').trim();\n    parsed.hasThinking = true;\n  }\n  \n  // Extract [think]...[/think] tags (alternative format)\n  var thinkBracketMatch = content.match(/\\[think\\]([\\s\\S]*?)\\[\\/think\\]/i);\n  if (thinkBracketMatch) {\n    parsed.thinking = (parsed.thinking || '') + thinkBracketMatch[1].trim();\n    parsed.content = parsed.content.replace(/\\[think\\][\\s\\S]*?\\[\\/think\\]/gi, '').trim();\n    parsed.hasThinking = true;\n  }\n  \n  // Extract ... tags (another variant)\n  var thinkingTagMatch = content.match(/([\\s\\S]*?)<\\/thinking>/i);\n  if (thinkingTagMatch) {\n    parsed.thinking = (parsed.thinking || '') + thinkingTagMatch[1].trim();\n    parsed.content = parsed.content.replace(/[\\s\\S]*?<\\/thinking>/gi, '').trim();\n    parsed.hasThinking = true;\n  }\n  \n  // Extract ```thinking ... ``` blocks\n  var thinkingCodeMatch = content.match(/```thinking\\n?([\\s\\S]*?)```/i);\n  if (thinkingCodeMatch) {\n    parsed.thinking = (parsed.thinking || '') + thinkingCodeMatch[1].trim();\n    parsed.content = parsed.content.replace(/```thinking\\n?[\\s\\S]*?```/gi, '').trim();\n    parsed.hasThinking = true;\n  }\n  \n  // If we have separate reasoning field from API, merge with thinking\n  if (reasoning && !parsed.thinking) {\n    parsed.thinking = reasoning;\n    parsed.hasThinking = true;\n  } else if (reasoning && parsed.thinking) {\n    // Both exist - keep them separate but note it\n    parsed.hasReasoning = true;\n  }\n  \n  return parsed;\n}\n\n// Parse all messages in an array, returning both raw (for API) and parsed (for display)\nexport function parseMessages(messages) {\n  if (!Array.isArray(messages)) return { raw: [], parsed: [] };\n  \n  return {\n    // Raw messages for API calls (unchanged)\n    raw: messages,\n    \n    // Parsed messages for display\n    parsed: messages.map(function(msg) {\n      if (msg.role === 'user') {\n        // User messages don't need parsing\n        return {\n          raw: msg,\n          content: msg.content,\n          role: 'user',\n          hasReasoning: false,\n          hasThinking: false,\n          hasTools: false\n        };\n      }\n      return parseMessage(msg);\n    })\n  };\n}\n\n// Get display content for a message (clean, without think tags)\nexport function getDisplayContent(message) {\n  var parsed = parseMessage(message);\n  return parsed ? parsed.content : (message.content || '');\n}\n\n// Get thinking/reasoning for a message\nexport function getThinking(message) {\n  var parsed = parseMessage(message);\n  return parsed ? (parsed.thinking || parsed.reasoning) : null;\n}\n\nexport function createThreadsMixin() {\n  return {\n    // ==========================================================================\n    // THREADS STATE\n    // ==========================================================================\n    \n    threads: {\n      // All tracked jobs: Map-like object { jobId: JobState }\n      jobs: {},\n      \n      // Active blockers: Map-like object { blockerId: BlockerState }\n      blockers: {},\n      \n      // Job dependencies: { jobId: [dependencyJobIds] }\n      dependencies: {},\n      \n      // Event listeners: { eventType: [callbacks] }\n      listeners: {},\n      \n      // Stats\n      // Job dependencies: { jobId: [dependencyJobIds] }\n      dependencies: {},\n      \n      // Event listeners: { eventType: [callbacks] }\n      listeners: {},\n      \n      // Stats\n      stats: {\n        totalJobs: 0,\n        completedJobs: 0,\n        failedJobs: 0,\n        blockedJobs: 0,\n        activeJobs: 0,\n        pendingJobs: 0,\n        cancelledJobs: 0\n      }\n    },\n    \n    // Backwards compatibility alias\n    get orchestrator() {\n      return this.threads;\n    },\n    \n    // ==========================================================================\n    // INITIALIZATION\n    // ==========================================================================\n    \n    initThreads: function() {\n      console.log('[Threads] Initializing...');\n      this.loadThreadsState();\n      this.updateThreadsStats();\n      \n      var stats = this.threads.stats;\n      console.log('[Threads] Initialized with', Object.keys(this.threads.jobs).length, 'jobs');\n      console.log('[Threads] Stats:', \n        'active:', stats.activeJobs,\n        'blocked:', stats.blockedJobs, \n        'pending:', stats.pendingJobs,\n        'completed:', stats.completedJobs,\n        'failed:', stats.failedJobs\n      );\n      \n      // Log all jobs for debugging\n      if (Object.keys(this.threads.jobs).length > 0) {\n        console.log('[Threads] All jobs:', this.threads.jobs);\n      }\n    },\n    \n    // Backwards compatibility\n    initOrchestrator: function() {\n      return this.initThreads();\n    },\n    \n    loadThreadsState: function() {\n      try {\n        // Try new key first, fall back to old key for migration\n        var stored = localStorage.getItem(THREADS_KEY) || localStorage.getItem('chatapp-orchestrator');\n        if (stored) {\n          var parsed = JSON.parse(stored);\n          // Restore jobs but reset any \"running\" jobs to \"pending\" (they were interrupted)\n          if (parsed.jobs) {\n            var self = this;\n            Object.keys(parsed.jobs).forEach(function(jobId) {\n              var job = parsed.jobs[jobId];\n              if (job.status === JobStatus.RUNNING || job.status === JobStatus.STREAMING) {\n                job.status = JobStatus.PENDING;\n                job.interruptedAt = Date.now();\n              }\n              self.threads.jobs[jobId] = job;\n            });\n          }\n          if (parsed.blockers) {\n            this.threads.blockers = parsed.blockers;\n          }\n          if (parsed.dependencies) {\n            this.threads.dependencies = parsed.dependencies;\n          }\n        }\n      } catch (e) {\n        console.warn('[Threads] Failed to load state:', e);\n      }\n    },\n    \n    saveThreadsState: function() {\n      try {\n        var data = {\n          jobs: this.threads.jobs,\n          blockers: this.threads.blockers,\n          dependencies: this.threads.dependencies,\n          savedAt: Date.now()\n        };\n        localStorage.setItem(THREADS_KEY, JSON.stringify(data));\n        // Clean up old key if it exists\n        localStorage.removeItem('chatapp-orchestrator');\n      } catch (e) {\n        console.warn('[Threads] Failed to save state:', e);\n      }\n    },\n    \n    // Backwards compatibility\n    loadOrchestratorState: function() {\n      return this.loadThreadsState();\n    },\n    saveOrchestratorState: function() {\n      return this.saveThreadsState();\n    },\n    \n    // ==========================================================================\n    // JOB MANAGEMENT\n    // ==========================================================================\n    \n    // Create a new job and register it with the orchestrator\n    createThreadJob: function(chatId, type, input, options) {\n      options = options || {};\n      \n      // Clear old error/blocked jobs for this chat when creating a new job\n      // This prevents stale error indicators from showing\n      this.clearOldErrorJobsForChat(chatId);\n      \n      var jobId = 'job-' + Date.now() + '-' + Math.random().toString(36).substr(2, 9);\n      \n      var job = {\n        id: jobId,\n        chatId: chatId,\n        type: type,\n        input: input,\n        status: JobStatus.PENDING,\n        createdAt: Date.now(),\n        updatedAt: Date.now(),\n        startedAt: null,\n        completedAt: null,\n        result: null,\n        error: null,\n        blocker: null,\n        progress: 0,\n        metadata: options.metadata || {},\n        retryCount: 0,\n        maxRetries: options.maxRetries || 3\n      };\n      \n      this.threads.jobs[jobId] = job;\n      this.threads.stats.totalJobs++;\n      \n      // Handle dependencies\n      if (options.dependsOn && options.dependsOn.length > 0) {\n        this.threads.dependencies[jobId] = options.dependsOn;\n      }\n      \n      this.updateThreadsStats();\n      this.saveOrchestratorState();\n      this.emitThreadEvent(OrchestratorEvent.JOB_CREATED, job);\n      \n      console.log('[Threads] Created job:', jobId, 'for chat:', chatId);\n      \n      return job;\n    },\n    \n    // Clear old error/blocked jobs for a chat (called when creating new job)\n    clearOldErrorJobsForChat: function(chatId) {\n      var self = this;\n      var jobsToRemove = Object.keys(this.threads.jobs)\n        .map(function(id) { return self.threads.jobs[id]; })\n        .filter(function(job) { \n          return job.chatId === chatId && \n                 (job.status === JobStatus.ERROR || job.status === JobStatus.BLOCKED);\n        });\n      \n      jobsToRemove.forEach(function(job) {\n        delete self.threads.jobs[job.id];\n        console.log('[Threads] Cleared old error job:', job.id);\n      });\n      \n      if (jobsToRemove.length > 0) {\n        this.updateThreadsStats();\n      }\n    },\n    \n    // Get a job by ID\n    getThreadJob: function(jobId) {\n      return this.threads.jobs[jobId] || null;\n    },\n    \n    // Get all jobs for a specific chat\n    getJobsForChat: function(chatId) {\n      var self = this;\n      return Object.keys(this.threads.jobs)\n        .map(function(id) { return self.threads.jobs[id]; })\n        .filter(function(job) { return job.chatId === chatId; })\n        .sort(function(a, b) { return b.createdAt - a.createdAt; });\n    },\n    \n    // Get the latest job for a chat\n    getLatestJobForChat: function(chatId) {\n      var jobs = this.getJobsForChat(chatId);\n      return jobs.length > 0 ? jobs[0] : null;\n    },\n    \n    // Update job status\n    updateJobStatus: function(jobId, status, data) {\n      var job = this.threads.jobs[jobId];\n      if (!job) {\n        console.warn('[Threads] Job not found:', jobId);\n        return null;\n      }\n      \n      var previousStatus = job.status;\n      job.status = status;\n      job.updatedAt = Date.now();\n      \n      // Handle status-specific updates\n      if (status === JobStatus.RUNNING || status === JobStatus.STREAMING) {\n        job.startedAt = job.startedAt || Date.now();\n        this.threads.stats.activeJobs++;\n      } else if (status === JobStatus.COMPLETED) {\n        job.completedAt = Date.now();\n        job.result = data && data.result;\n        \n        // Store parsed message data if result exists\n        if (job.result) {\n          job.parsed = parseMessage(job.result);\n        }\n        \n        this.threads.stats.completedJobs++;\n        if (previousStatus === JobStatus.RUNNING || previousStatus === JobStatus.STREAMING) {\n          this.threads.stats.activeJobs = Math.max(0, this.threads.stats.activeJobs - 1);\n        }\n      } else if (status === JobStatus.ERROR) {\n        job.completedAt = Date.now();\n        job.error = data && data.error;\n        this.threads.stats.failedJobs++;\n        if (previousStatus === JobStatus.RUNNING || previousStatus === JobStatus.STREAMING) {\n          this.threads.stats.activeJobs = Math.max(0, this.threads.stats.activeJobs - 1);\n        }\n      } else if (status === JobStatus.BLOCKED) {\n        job.blocker = data && data.blocker;\n        this.threads.stats.blockedJobs++;\n        if (previousStatus === JobStatus.RUNNING || previousStatus === JobStatus.STREAMING) {\n          this.threads.stats.activeJobs = Math.max(0, this.threads.stats.activeJobs - 1);\n        }\n      } else if (status === JobStatus.CANCELLED) {\n        job.completedAt = Date.now();\n        if (previousStatus === JobStatus.RUNNING || previousStatus === JobStatus.STREAMING) {\n          this.threads.stats.activeJobs = Math.max(0, this.threads.stats.activeJobs - 1);\n        }\n      }\n      \n      // Merge any additional data\n      if (data) {\n        if (data.progress !== undefined) job.progress = data.progress;\n        if (data.metadata) Object.assign(job.metadata, data.metadata);\n      }\n      \n      this.updateThreadsStats();\n      this.saveOrchestratorState();\n      \n      // Emit appropriate event\n      var eventMap = {};\n      eventMap[JobStatus.RUNNING] = OrchestratorEvent.JOB_STARTED;\n      eventMap[JobStatus.STREAMING] = OrchestratorEvent.JOB_STREAMING;\n      eventMap[JobStatus.COMPLETED] = OrchestratorEvent.JOB_COMPLETED;\n      eventMap[JobStatus.ERROR] = OrchestratorEvent.JOB_FAILED;\n      eventMap[JobStatus.BLOCKED] = OrchestratorEvent.JOB_BLOCKED;\n      eventMap[JobStatus.CANCELLED] = OrchestratorEvent.JOB_CANCELLED;\n      eventMap[JobStatus.PAUSED] = OrchestratorEvent.JOB_PAUSED;\n      \n      var eventType = eventMap[status];\n      if (eventType) {\n        this.emitThreadEvent(eventType, job);\n      }\n      \n      console.log('[Threads] Job', jobId, 'status:', previousStatus, '->', status);\n      \n      // Log full job object when completed\n      if (status === JobStatus.COMPLETED) {\n        console.log('[Threads] Job completed, full state:', job);\n      }\n      \n      return job;\n    },\n    \n    // Update job progress (for streaming)\n    updateJobProgress: function(jobId, progress, content) {\n      var job = this.threads.jobs[jobId];\n      if (!job) return;\n      \n      job.progress = progress;\n      job.updatedAt = Date.now();\n      if (content !== undefined) {\n        job.metadata.streamedContent = content;\n      }\n      \n      this.emitThreadEvent(OrchestratorEvent.JOB_PROGRESS, {\n        job: job,\n        progress: progress,\n        content: content\n      });\n    },\n    \n    // ==========================================================================\n    // JOB CONTROLS\n    // ==========================================================================\n    \n    // Start a pending job\n    startJob: function(jobId) {\n      var job = this.threads.jobs[jobId];\n      if (!job) {\n        console.warn('[Threads] Cannot start: job not found:', jobId);\n        return false;\n      }\n      \n      if (job.status !== JobStatus.PENDING && job.status !== JobStatus.PAUSED) {\n        console.warn('[Threads] Cannot start job in status:', job.status);\n        return false;\n      }\n      \n      // Check for blockers\n      var blocker = this.checkJobBlockers(jobId);\n      if (blocker) {\n        this.updateJobStatus(jobId, JobStatus.BLOCKED, { blocker: blocker });\n        return false;\n      }\n      \n      // Check dependencies\n      if (!this.checkDependencies(jobId)) {\n        console.log('[Threads] Job has unmet dependencies:', jobId);\n        return false;\n      }\n      \n      this.updateJobStatus(jobId, JobStatus.RUNNING);\n      return true;\n    },\n    \n    // Cancel a job\n    cancelJob: function(jobId) {\n      var job = this.threads.jobs[jobId];\n      if (!job) return false;\n      \n      if (job.status === JobStatus.COMPLETED || job.status === JobStatus.CANCELLED) {\n        console.warn('[Threads] Cannot cancel job in status:', job.status);\n        return false;\n      }\n      \n      this.updateJobStatus(jobId, JobStatus.CANCELLED);\n      \n      // If there's a backend job, cancel it too\n      if (job.metadata.backendJobId && this.jobs && this.jobs.cancelJob) {\n        this.jobs.cancelJob(job.metadata.backendJobId);\n      }\n      \n      return true;\n    },\n    \n    // Pause a running job\n    pauseJob: function(jobId) {\n      var job = this.threads.jobs[jobId];\n      if (!job) return false;\n      \n      if (job.status !== JobStatus.RUNNING && job.status !== JobStatus.STREAMING) {\n        console.warn('[Threads] Cannot pause job in status:', job.status);\n        return false;\n      }\n      \n      this.updateJobStatus(jobId, JobStatus.PAUSED);\n      return true;\n    },\n    \n    // Resume a paused job\n    resumeJob: function(jobId) {\n      var job = this.threads.jobs[jobId];\n      if (!job) return false;\n      \n      if (job.status !== JobStatus.PAUSED && job.status !== JobStatus.BLOCKED) {\n        console.warn('[Threads] Cannot resume job in status:', job.status);\n        return false;\n      }\n      \n      // Check if blockers are resolved\n      var blocker = this.checkJobBlockers(jobId);\n      if (blocker) {\n        console.log('[Threads] Job still blocked:', blocker.type);\n        return false;\n      }\n      \n      this.updateJobStatus(jobId, JobStatus.PENDING);\n      return this.startJob(jobId);\n    },\n    \n    // Retry a failed job\n    retryJob: function(jobId) {\n      var job = this.threads.jobs[jobId];\n      if (!job) return false;\n      \n      if (job.status !== JobStatus.ERROR && job.status !== JobStatus.BLOCKED) {\n        console.warn('[Threads] Cannot retry job in status:', job.status);\n        return false;\n      }\n      \n      if (job.retryCount >= job.maxRetries) {\n        console.warn('[Threads] Max retries exceeded for job:', jobId);\n        return false;\n      }\n      \n      job.retryCount++;\n      job.error = null;\n      job.blocker = null;\n      \n      this.updateJobStatus(jobId, JobStatus.PENDING);\n      \n      this.emitThreadEvent(OrchestratorEvent.JOB_RESUMED, job);\n      \n      return this.startJob(jobId);\n    },\n    \n    // ==========================================================================\n    // BLOCKER MANAGEMENT\n    // ==========================================================================\n    \n    // Check if a job has any blockers\n    checkJobBlockers: function(jobId) {\n      var job = this.threads.jobs[jobId];\n      if (!job) return null;\n      \n      var provider = job.input && job.input.provider;\n      if (!provider) {\n        // Try to determine provider from model\n        var model = job.input && job.input.model;\n        if (model) {\n          if (model.includes('/')) {\n            provider = model.split('/')[0];\n          } else if (model.startsWith('gpt') || model.startsWith('o1') || model.startsWith('o3') || model.startsWith('o4')) {\n            provider = 'openai';\n          } else if (model.startsWith('claude')) {\n            provider = 'anthropic';\n          } else {\n            provider = 'groq';\n          }\n        }\n      }\n      \n      // Skip API key check if:\n      // 1. Provider is custom (may not need API key)\n      // 2. API key is provided in job input (passed directly to backend)\n      // 3. Base URL is provided (custom endpoint may not need API key)\n      if (provider === 'custom' || job.input.apiKey || job.input.baseUrl) {\n        // Let the backend handle authentication - it will return proper error if needed\n        return null;\n      }\n      \n      // Check API key for standard providers (groq, openai, anthropic)\n      if (provider && this.apiKeys) {\n        var apiKey = this.apiKeys[provider];\n        if (!apiKey || apiKey.trim().length === 0) {\n          return {\n            id: 'blocker-' + Date.now(),\n            type: BlockerType.API_KEY_MISSING,\n            provider: provider,\n            message: provider.charAt(0).toUpperCase() + provider.slice(1) + ' API key is missing',\n            createdAt: Date.now()\n          };\n        }\n      }\n      \n      return null;\n    },\n    \n    // Add a global blocker\n    addBlocker: function(type, data) {\n      var blockerId = 'blocker-' + Date.now();\n      var blocker = {\n        id: blockerId,\n        type: type,\n        data: data,\n        createdAt: Date.now(),\n        resolvedAt: null\n      };\n      \n      this.threads.blockers[blockerId] = blocker;\n      this.saveOrchestratorState();\n      this.emitThreadEvent(OrchestratorEvent.BLOCKER_ADDED, blocker);\n      \n      return blocker;\n    },\n    \n    // Resolve a blocker\n    resolveBlocker: function(blockerId) {\n      var blocker = this.threads.blockers[blockerId];\n      if (!blocker) return false;\n      \n      blocker.resolvedAt = Date.now();\n      delete this.threads.blockers[blockerId];\n      \n      this.saveOrchestratorState();\n      this.emitThreadEvent(OrchestratorEvent.BLOCKER_RESOLVED, blocker);\n      \n      // Check if any blocked jobs can now proceed\n      this.checkBlockedJobs();\n      \n      return true;\n    },\n    \n    // Check all blocked jobs to see if they can proceed\n    checkBlockedJobs: function() {\n      var self = this;\n      var unblockedCount = 0;\n      \n      Object.keys(this.threads.jobs).forEach(function(jobId) {\n        var job = self.threads.jobs[jobId];\n        if (job.status === JobStatus.BLOCKED) {\n          var blocker = self.checkJobBlockers(jobId);\n          if (!blocker) {\n            // Blocker resolved!\n            self.updateJobStatus(jobId, JobStatus.PENDING);\n            self.emitThreadEvent(OrchestratorEvent.JOB_UNBLOCKED, job);\n            unblockedCount++;\n          }\n        }\n      });\n      \n      if (unblockedCount > 0) {\n        console.log('[Threads] Unblocked', unblockedCount, 'jobs');\n      }\n      \n      return unblockedCount;\n    },\n    \n    // Check dependencies for a job\n    checkDependencies: function(jobId) {\n      var deps = this.threads.dependencies[jobId];\n      if (!deps || deps.length === 0) return true;\n      \n      var self = this;\n      return deps.every(function(depId) {\n        var depJob = self.threads.jobs[depId];\n        return depJob && depJob.status === JobStatus.COMPLETED;\n      });\n    },\n    \n    // ==========================================================================\n    // EVENT SYSTEM\n    // ==========================================================================\n    \n    // Subscribe to orchestrator events\n    onThreadEvent: function(eventType, callback) {\n      if (!this.threads.listeners[eventType]) {\n        this.threads.listeners[eventType] = [];\n      }\n      this.threads.listeners[eventType].push(callback);\n      \n      // Return unsubscribe function\n      var self = this;\n      return function() {\n        var idx = self.orchestrator.listeners[eventType].indexOf(callback);\n        if (idx !== -1) {\n          self.orchestrator.listeners[eventType].splice(idx, 1);\n        }\n      };\n    },\n    \n    // Emit an orchestrator event\n    emitThreadEvent: function(eventType, data) {\n      var listeners = this.threads.listeners[eventType] || [];\n      listeners.forEach(function(callback) {\n        try {\n          callback(data);\n        } catch (e) {\n          console.error('[Threads] Event handler error:', e);\n        }\n      });\n      \n      // Also emit a generic state changed event\n      if (eventType !== OrchestratorEvent.STATE_CHANGED) {\n        var stateListeners = this.threads.listeners[OrchestratorEvent.STATE_CHANGED] || [];\n        stateListeners.forEach(function(callback) {\n          try {\n            callback({ event: eventType, data: data });\n          } catch (e) {\n            console.error('[Threads] State change handler error:', e);\n          }\n        });\n      }\n    },\n    \n    // ==========================================================================\n    // STATS & QUERIES\n    // ==========================================================================\n    \n    updateThreadsStats: function() {\n      var self = this;\n      var stats = {\n        totalJobs: 0,\n        completedJobs: 0,\n        failedJobs: 0,\n        blockedJobs: 0,\n        activeJobs: 0,\n        pendingJobs: 0,\n        cancelledJobs: 0\n      };\n      \n      Object.keys(this.threads.jobs).forEach(function(jobId) {\n        var job = self.threads.jobs[jobId];\n        stats.totalJobs++;\n        \n        if (job.status === JobStatus.COMPLETED) stats.completedJobs++;\n        else if (job.status === JobStatus.ERROR) stats.failedJobs++;\n        else if (job.status === JobStatus.BLOCKED) stats.blockedJobs++;\n        else if (job.status === JobStatus.RUNNING || job.status === JobStatus.STREAMING) stats.activeJobs++;\n        else if (job.status === JobStatus.PENDING || job.status === JobStatus.PAUSED) stats.pendingJobs++;\n        else if (job.status === JobStatus.CANCELLED) stats.cancelledJobs++;\n      });\n      \n      this.threads.stats = stats;\n    },\n    \n    getThreadsStats: function() {\n      return this.threads.stats;\n    },\n    \n    // Get jobs by status\n    getJobsByStatus: function(status) {\n      var self = this;\n      return Object.keys(this.threads.jobs)\n        .map(function(id) { return self.threads.jobs[id]; })\n        .filter(function(job) { return job.status === status; });\n    },\n    \n    // Get all active jobs\n    getActiveJobs: function() {\n      var running = this.getJobsByStatus(JobStatus.RUNNING);\n      var streaming = this.getJobsByStatus(JobStatus.STREAMING);\n      return running.concat(streaming);\n    },\n    \n    // Get all blocked jobs\n    getBlockedJobs: function() {\n      return this.getJobsByStatus(JobStatus.BLOCKED);\n    },\n    \n    // Clean up old completed jobs (keep last N)\n    cleanupOldJobs: function(keepCount) {\n      keepCount = keepCount || 100;\n      var self = this;\n      \n      var jobs = Object.keys(this.threads.jobs)\n        .map(function(id) { return self.threads.jobs[id]; })\n        .filter(function(job) {\n          return job.status === JobStatus.COMPLETED || \n                 job.status === JobStatus.CANCELLED;\n        })\n        .sort(function(a, b) { return b.completedAt - a.completedAt; });\n      \n      if (jobs.length > keepCount) {\n        var toRemove = jobs.slice(keepCount);\n        toRemove.forEach(function(job) {\n          delete self.threads.jobs[job.id];\n        });\n        this.saveOrchestratorState();\n        console.log('[Threads] Cleaned up', toRemove.length, 'old jobs');\n      }\n    },\n    \n    // Clear all thread state (for debugging)\n    clearThreadsState: function() {\n      this.threads.jobs = {};\n      this.threads.blockers = {};\n      this.threads.dependencies = {};\n      this.threads.stats = {\n        totalJobs: 0,\n        completedJobs: 0,\n        failedJobs: 0,\n        blockedJobs: 0,\n        activeJobs: 0,\n        pendingJobs: 0,\n        cancelledJobs: 0\n      };\n      localStorage.removeItem(THREADS_KEY);\n      localStorage.removeItem('chatapp-orchestrator'); // Clean up old key\n      console.log('[Threads] State cleared');\n    },\n    \n    // ==========================================================================\n    // MESSAGE PARSING (exposed as methods)\n    // ==========================================================================\n    \n    // Parse a single message to extract reasoning/thinking\n    parseMessage: parseMessage,\n    \n    // Parse all messages\n    parseMessages: parseMessages,\n    \n    // Get display content (clean, without think tags)\n    getDisplayContent: getDisplayContent,\n    \n    // Get thinking/reasoning from a message\n    getThinking: getThinking\n  };\n}\n\n// Backwards compatibility export\nexport var createOrchestratorMixin = createThreadsMixin;\n\n",[],[269,276,400],[269,276],{"_105":409,"_96":410,"_155":411,"_157":270,"_158":140,"_159":412,"_161":162,"_107":413,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":414,"_99":1055},"0a5844a4-e2e9-11f0-8ff9-42dde27851f2","styles","0a5845a8-e2e9-11f0-8ff9-42dde27851f2",7,["D",1766815097725],[415,486,974,983,992,1001,1010,1019,1028,1037,1046],{"_105":416,"_96":417,"_155":418,"_157":411,"_158":140,"_159":419,"_161":162,"_107":420,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":421,"_99":485},"0aa9edea-e2e9-11f0-9dc9-42dde27851f2","components","0aa9eea8-e2e9-11f0-9dc9-42dde27851f2",10,["D",1766815098260],[422,431,440,449,458,467,476],{"_105":423,"_96":424,"_155":425,"_157":418,"_158":140,"_159":426,"_161":162,"_107":427,"_101":32,"_164":184,"_166":428,"_167":22,"_168":-5,"_169":429,"_99":430},"0c0ca6f0-e2e9-11f0-80a8-42dde27851f2","_chat-input.scss","0c0ca786-e2e9-11f0-80a8-42dde27851f2",38,["D",1766815100586],"// Chat Input Area Styles\n\n.chat-input-wrapper {\n  @apply flex flex-col items-center absolute bottom-0 inset-x-2 z-10 mb-2;\n  background-color: transparent;\n}\n\n.chat-input-container {\n  @apply w-full max-w-3xl flex flex-col gap-1 p-2;\n  background-color: var(--color-bg-primary);\n  border: 1px solid var(--color-border);\n  border-radius: var(--radius-input);\n  transition: box-shadow 0.15s ease-in-out, border-color 0.15s ease-in-out;\n  \n  // &.multiline {\n  //   border-radius: 1rem;\n  // }\n  \n  &:focus-within {\n    @apply shadow-md;\n    border-color: var(--color-primary);\n  }\n}\n\n.chat-input {\n  @apply bg-transparent border-none resize-none w-full;\n  font-size: 1rem;\n  max-height: 200px;\n  padding: 0.5rem 0.75rem;\n  line-height: 1.5;\n  height: auto;\n  min-height: auto;\n  outline: none !important;\n  border: none !important;\n  box-shadow: none !important;\n  \n  &:focus,\n  &:active,\n  &:focus-visible {\n    outline: none !important;\n    border: none !important;\n    box-shadow: none !important;\n  }\n  \n  &::placeholder {\n    color: var(--color-text-muted);\n  }\n}\n\n.chat-input-actions {\n  @apply flex items-center gap-2 px-1 pb-1;\n}\n\n// Buttons\n.action-button {\n  @apply w-8 h-8 rounded-full bg-transparent border-none flex items-center justify-center cursor-pointer transition-colors flex-shrink-0;\n  color: var(--color-text-muted);\n  \n  &:hover {\n    background-color: var(--color-bg-muted);\n    color: var(--color-text-primary);\n  }\n  \n  .iconify {\n    font-size: 20px;\n  }\n}\n\n.plus-button {\n  @apply bg-transparent;\n  color: var(--color-text-primary);\n  \n  &:hover {\n    background-color: var(--color-bg-muted);\n  }\n}\n\n.send-button {\n  @apply w-8 h-8 rounded-full flex items-center justify-center cursor-pointer transition-all flex-shrink-0;\n  background-color: var(--color-primary);\n  color: var(--color-white);\n  border: none;\n  \n  &:hover:not(:disabled) {\n    background-color: var(--color-primary-hover);\n    @apply opacity-100;\n  }\n  \n  &:active:not(:disabled) {\n    transform: scale(0.95);\n  }\n  \n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n    background-color: var(--color-bg-disabled);\n    color: var(--color-text-disabled);\n  }\n  \n  .iconify {\n    font-size: 18px;\n  }\n}\n\n// Attachment Menu\n.attachment-menu {\n  @apply absolute bg-white border border-gray-200 rounded-2xl p-2 flex flex-col gap-1 shadow-lg z-20;\n  bottom: calc(100% - 10px);\n  left: 1rem;\n  min-width: 180px;\n  transform-origin: bottom left;\n  \n  @media (min-width: 768px) {\n    left: calc(50% - 384px + 1rem);\n  }\n}\n\n.attachment-option {\n  @apply flex items-center gap-3 p-3 w-full border-none bg-transparent rounded-lg cursor-pointer text-sm transition-colors;\n  color: #0f172a;\n  \n  &:hover {\n    @apply bg-gray-50;\n  }\n}\n\n.attachment-icon {\n  @apply w-8 h-8 rounded-full flex items-center justify-center;\n  \n  .iconify {\n    font-size: 18px;\n  }\n}\n\n// Utility classes for attachment icons\n.bg-blue-100 { background-color: #dbeafe; }\n.text-blue-600 { color: #2563eb; }\n.bg-purple-100 { background-color: #f3e8ff; }\n.text-purple-600 { color: #9333ea; }\n\n// Footer\n.footer-text {\n  @apply text-xs text-center mt-3;\n  color: #64748b;\n}\n\n",[],[269,410,417,424],{"_105":432,"_96":433,"_155":434,"_157":418,"_158":140,"_159":435,"_161":162,"_107":436,"_101":32,"_164":184,"_166":437,"_167":22,"_168":-5,"_169":438,"_99":439},"0c23698a-e2e9-11f0-b39b-42dde27851f2","_chat-messages.scss","0c236a66-e2e9-11f0-b39b-42dde27851f2",42,["D",1766815100735],"// Chat Messages and Input Area Styles\n\n// Error Callout Styles\n.error-callout {\n  @apply rounded-lg p-4 bg-red-50 border border-red-200;\n  margin: 0.5rem 0;\n  \n  .error-title {\n    @apply font-semibold text-red-800 mb-2 flex items-center;\n    font-size: 0.9375rem;\n  }\n  \n  .error-message {\n    @apply text-sm text-red-700;\n    line-height: 1.5;\n    \n    p {\n      margin: 0.25rem 0;\n    }\n    \n    ol {\n      margin: 0.5rem 0;\n      padding-left: 1.5rem;\n      \n      li {\n        margin: 0.25rem 0;\n      }\n    }\n    \n    a {\n      @apply text-blue-600 underline;\n      \n      &:hover {\n        @apply text-blue-700;\n      }\n    }\n  }\n}\n\n// Messages Area\n.chat-messages {\n  @apply w-full flex flex-col items-center;\n}\n\n.messages-content {\n  @apply w-full max-w-full md:max-w-3xl px-2 sm:px-2 py-8 pb-40 flex flex-col gap-0;\n}\n\n// Message Wrappers\n.message-wrapper {\n  @apply flex w-full;\n  animation: fadeIn 0.3s ease-out forwards;\n}\n\n.message-group {\n  @apply flex flex-col relative;\n  max-width: 100%;\n}\n\n.message-wrapper-me {\n  @apply justify-end;\n  \n  .message-group {\n    @apply items-end;\n    max-width: 85%;\n  }\n}\n\n.message-wrapper-them {\n  @apply justify-start;\n  \n  .message-group {\n    @apply items-start w-full;\n  }\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n// Messages\n.message {\n  @apply relative;\n  padding: 0.75rem 1.25rem;\n  font-size: 1rem;\n  line-height: 1.6;\n}\n\n.message-me {\n  background-color: #f4f4f5;\n  border-radius: 1.25rem;\n}\n\n.message-them {\n  @apply bg-transparent p-0;\n}\n\n.message-me p {\n  @apply m-0 break-words whitespace-pre-wrap;\n}\n\n.message p {\n  @apply break-words whitespace-pre-wrap;\n}\n\n.message-attachment {\n  @apply flex items-center gap-2 mt-2 p-2 rounded-lg text-sm;\n  background-color: rgba(0,0,0,0.05);\n}\n\n// Action Buttons\n.message-actions {\n  @apply flex gap-0 mt-2 opacity-0 transition-opacity;\n}\n\n.message-wrapper:hover .message-actions {\n  @apply opacity-100;\n}\n\n.actions-me {\n  @apply justify-end;\n}\n\n.actions-them {\n  @apply justify-start;\n}\n\n.action-icon-btn {\n  @apply bg-transparent border-none cursor-pointer p-1 rounded flex items-center justify-center transition-colors;\n  color: #94a3b8;\n  transition: color 0.2s ease, background-color 0.2s ease;\n  \n  &:hover {\n    @apply bg-gray-100;\n    color: #0f172a;\n  }\n  \n  &.copied {\n    color: var(--color-success, #10b981);\n    \n    &:hover {\n      color: var(--color-success-dark, #059669);\n    }\n  }\n  \n  &.active {\n    @apply bg-gray-200;\n    color: #0f172a;\n  }\n  \n  .iconify {\n    font-size: 16px;\n  }\n}\n\n// Thinking/Reasoning Section\n.message-thinking {\n  @apply border-l-2 border-gray-300 mb-4;\n  color: #6b7280; // gray-500\n  font-size: 0.9375rem;\n  \n  .message-thinking-header {\n    @apply flex items-center gap-2 mb-2 font-medium text-gray-600;\n    font-size: 0.875rem;\n    \n    .iconify {\n      font-size: 16px;\n    }\n  }\n  \n  // Override default text color for thinking content\n  p, li, code, pre {\n    color: #6b7280;\n  }\n  \n  // Keep links visible\n  a {\n    @apply text-blue-500 underline;\n    &:hover {\n      @apply text-blue-600;\n    }\n  }\n  \n  // Code blocks in thinking\n  pre {\n    @apply bg-gray-50 border border-gray-200;\n  }\n}\n\n// Message Editing (inline contenteditable)\npre.message-content-editable {\n  // Reset pre styles completely\n  all: unset;\n  display: block;\n  outline: none;\n  cursor: text;\n  border-radius: 0.5rem;\n  padding: 0.5rem;\n  margin: -0.5rem;\n  background-color: transparent;\n  // box-shadow: 0 0 0 2px var(--color-primary, #3b82f6);\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: 1.6;\n  min-height: 1.5em;\n  color: inherit;\n  \n  &:focus {\n    outline: none;\n  }\n}\n\n// Monaco wrapper styles\n.monaco-hydrated {\n  @apply relative my-4;\n}\n\n.monaco-copy-btn {\n  @apply absolute top-2 right-2 p-1 px-2 rounded border border-gray-200 bg-white cursor-pointer opacity-0 transition-opacity z-10 flex items-center gap-1;\n}\n\n.monaco-hydrated:hover .monaco-copy-btn {\n  @apply opacity-100;\n}\n\n// Code block styling\n.message-content {\n  // Remove bottom margin from last paragraph\n  p:last-child {\n    margin-bottom: 0;\n  }\n  \n  pre {\n    @apply my-4 p-4 rounded-md overflow-x-auto;\n    background-color: #f8fafc;\n    border: 1px solid #e2e8f0;\n    color: var(--color-text-primary, #0f172a);\n    font-size: 0.9375rem;\n    line-height: 1.6;\n    \n    code {\n      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n      font-size: inherit;\n      line-height: inherit;\n      background: none;\n      padding: 0;\n      color: var(--color-text-primary, #0f172a);\n    }\n  }\n  \n  code {\n    @apply px-1 py-0.5 rounded text-sm;\n    background-color: #f1f5f9;\n    color: #e11d48;\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n  }\n  \n  pre code {\n    color: var(--color-text-primary, #0f172a);\n    background: none;\n  }\n  \n  // Table styling - constrain width and make responsive\n  table {\n    @apply w-full my-4 border-collapse;\n    max-width: 100%;\n    display: block;\n    overflow-x: auto;\n    \n    thead, tbody, tr {\n      display: table;\n      width: 100%;\n      table-layout: fixed;\n    }\n    \n    th, td {\n      @apply px-3 py-2 text-left border border-gray-200;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      hyphens: auto;\n    }\n    \n    th {\n      @apply bg-gray-50 font-semibold;\n    }\n    \n    td {\n      @apply bg-white;\n    }\n  }\n}\n\n// Typing Indicator\n.typing-indicator {\n  @apply flex gap-1 py-2;\n}\n\n.typing-dot {\n  @apply w-1.5 h-1.5 bg-gray-400 rounded-full;\n  animation: bounce 1.4s infinite ease-in-out both;\n  \n  &:nth-child(1) { animation-delay: -0.32s; }\n  &:nth-child(2) { animation-delay: -0.16s; }\n}\n\n@keyframes bounce {\n  0%, 80%, 100% { transform: scale(0); }\n  40% { transform: scale(1); }\n}\n\n",[],[269,410,417,433],{"_105":441,"_96":442,"_155":443,"_157":418,"_158":140,"_159":444,"_161":162,"_107":445,"_101":32,"_164":184,"_166":446,"_167":22,"_168":-5,"_169":447,"_99":448},"0c1613b6-e2e9-11f0-b941-42dde27851f2","_layout.scss","0c161492-e2e9-11f0-b941-42dde27851f2",40,["D",1766815100645],"// Chat Layout and Structure\n\n.chat-layout {\n  display: flex;\n  height: 100vh;\n  overflow: hidden;\n}\n\n.chat-main {\n  flex: 1;\n  min-width: 0;\n  height: 100vh;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.chat-main .chat-container {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  position: relative;\n  padding-bottom: 0;\n}\n\n.chat-main .chat-messages {\n  flex: 1;\n  overflow-y: auto;\n}\n\n// Chat Container\n.chat-container {\n  @apply min-h-[96vh] relative;\n  background-color: #ffffff;\n  padding-bottom: 100px;\n}\n\n// ==========================================================================\n// Chat Inset Header (Main area header with toggle)\n// ==========================================================================\n\n.chat-inset-header {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  height: 3rem;\n  padding: 0 0.75rem;\n  border-bottom: 1px solid var(--color-border, #e2e8f0);\n  background-color: var(--color-bg-primary, #ffffff);\n  flex-shrink: 0;\n}\n\n.chat-sidebar-trigger {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 2rem;\n  height: 2rem;\n  padding: 0;\n  border: 1px solid var(--color-border, #e2e8f0);\n  border-radius: 0.375rem;\n  background-color: var(--color-bg-primary, #ffffff);\n  color: var(--color-text-muted, #94a3b8);\n  cursor: pointer;\n  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;\n  \n  &:hover {\n    background-color: var(--color-bg-muted, #f1f5f9);\n    color: var(--color-text-primary, #0f172a);\n    border-color: var(--color-text-muted, #94a3b8);\n  }\n}\n\n.chat-sidebar-trigger-icon {\n  width: 1rem;\n  height: 1rem;\n  transition: transform 0.2s ease;\n  \n  &.rotated {\n    transform: rotate(180deg);\n  }\n}\n\n.chat-inset-title {\n  @apply text-sm;\n  font-weight: 600;\n  color: var(--color-text-primary, #0f172a);\n  flex: 1;\n  min-width: 0; /* Allow flex item to shrink */\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n// ==========================================================================\n// Chat Header (legacy - keeping for mobile toggle)\n// ==========================================================================\n\n.chat-header {\n  display: none; /* Hide legacy header, using inset header now */\n}\n\n.chat-header-toggle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 2rem;\n  height: 2rem;\n  padding: 0;\n  border: none;\n  border-radius: 0.375rem;\n  background-color: transparent;\n  color: var(--color-text-muted, #94a3b8);\n  cursor: pointer;\n  \n  &:hover {\n    background-color: var(--color-bg-muted, #f1f5f9);\n    color: var(--color-text-primary, #0f172a);\n  }\n  \n  .iconify {\n    width: 1.25rem;\n    height: 1.25rem;\n  }\n}\n\n.chat-header-title {\n  flex: 1;\n  font-size: 1rem;\n  font-weight: 600;\n  color: var(--color-text-primary, #0f172a);\n  margin: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n// ==========================================================================\n// Chat Welcome State\n// ==========================================================================\n\n.chat-welcome {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 4rem 2rem;\n  text-align: center;\n}\n\n.chat-welcome-icon {\n  width: 4rem;\n  height: 4rem;\n  margin-bottom: 1.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--color-primary-light, #dbeafe);\n  border-radius: 50%;\n  \n  .iconify {\n    width: 2rem;\n    height: 2rem;\n    color: var(--color-primary, #3b82f6);\n  }\n}\n\n.chat-welcome h2 {\n  margin: 0 0 0.5rem;\n  font-size: 1.5rem;\n  font-weight: 700;\n  color: var(--color-text-primary, #0f172a);\n}\n\n.chat-welcome p {\n  margin: 0 0 1.5rem;\n  font-size: 1rem;\n  color: var(--color-text-muted, #94a3b8);\n  max-width: 24rem;\n}\n\n.chat-welcome-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.75rem 1.25rem;\n  border: none;\n  border-radius: 0.5rem;\n  background-color: var(--color-primary, #3b82f6);\n  color: #ffffff;\n  font-size: 0.9375rem;\n  font-weight: 600;\n  cursor: pointer;\n  transition: background-color 0.15s ease;\n  \n  &:hover {\n    background-color: var(--color-primary-hover, #2563eb);\n  }\n  \n  .iconify {\n    width: 1.25rem;\n    height: 1.25rem;\n  }\n}\n\n",[],[269,410,417,442],{"_105":450,"_96":451,"_155":452,"_157":418,"_158":140,"_159":453,"_161":162,"_107":454,"_101":32,"_164":184,"_166":455,"_167":22,"_168":-5,"_169":456,"_99":457},"0c0966d4-e2e9-11f0-9dc9-42dde27851f2","_model-picker.scss","0c096788-e2e9-11f0-9dc9-42dde27851f2",37,["D",1766815100563],"// Model Picker Styles\n\n.model-picker-button {\n  display: flex;\n  align-items: center;\n  gap: 0.375rem;\n  padding: 0.25rem 0.5rem;\n  font-size: 0.8125rem;\n  color: #64748b;\n  background: transparent;\n  border: none;\n  border-radius: 0.5rem;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  max-width: 160px;\n  \n  &:hover {\n    background: #f1f5f9;\n    color: #334155;\n  }\n}\n\n.model-picker-dropdown {\n  position: absolute;\n  left: 0;\n  width: 420px;\n  padding: 0;\n  background: white;\n  border: 1px solid #e2e8f0;\n  border-radius: 0.75rem;\n  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n  z-index: 50;\n  overflow: hidden;\n}\n\n.model-picker-search {\n  display: flex;\n  align-items: center;\n  padding: 0 0.75rem;\n  border-bottom: 1px solid #f1f5f9;\n}\n\n.model-picker-search-input {\n  flex: 1;\n  height: 2.5rem;\n  background: transparent !important;\n  border: none !important;\n  outline: none !important;\n  box-shadow: none !important;\n  font-size: 0.875rem;\n  \n  &::placeholder {\n    color: #94a3b8;\n  }\n  \n  &:focus {\n    outline: none !important;\n    box-shadow: none !important;\n    border: none !important;\n    ring: none;\n  }\n}\n\n.model-picker-list {\n  max-height: 220px;\n  overflow-y: auto;\n  padding: 0.25rem;\n}\n\n.model-picker-item {\n  display: flex;\n  align-items: center;\n  padding: 0.5rem 0.625rem;\n  border-radius: 0.5rem;\n  cursor: pointer;\n  transition: background 0.15s ease;\n  \n  &:hover {\n    background: #f8fafc;\n  }\n  \n  .text-primary {\n    color: #f97316;\n  }\n  \n  .font-medium {\n    font-size: 0.875rem;\n  }\n}\n\n.model-picker-item-selected {\n  background: #f1f5f9;\n}\n\n.model-picker-item-preview {\n  background: #f8fafc;\n}\n\n.model-picker-logo {\n  width: 1.5rem;\n  height: 1.5rem;\n  margin-right: 0.625rem;\n  flex-shrink: 0;\n  border-radius: 0.375rem;\n  object-fit: contain;\n}\n\n.model-picker-preview-badge {\n  font-size: 0.625rem;\n  font-weight: 500;\n  padding: 0.125rem 0.375rem;\n  border-radius: 0.25rem;\n  background: #f1f5f9;\n  color: #64748b;\n  border: 1px solid #e2e8f0;\n  text-transform: uppercase;\n  letter-spacing: 0.025em;\n  flex-shrink: 0;\n}\n\n",[],[269,410,417,451],{"_105":459,"_96":460,"_155":461,"_157":418,"_158":140,"_159":462,"_161":162,"_107":463,"_101":32,"_164":184,"_166":464,"_167":22,"_168":-5,"_169":465,"_99":466},"0c544e60-e2e9-11f0-b141-42dde27851f2","_right-sidebar.scss","0c544f28-e2e9-11f0-b141-42dde27851f2",48,["D",1766815100948],"// Chat Settings Right Sidebar\n// Mirror of left sidebar styles for consistency\n\n// ==========================================================================\n// Right Sidebar Layout\n// ==========================================================================\n\n.chat-right-sidebar {\n  flex-shrink: 0;\n  width: 320px;\n  height: 100vh;\n  background-color: var(--color-bg-muted, #f8fafc);\n  border-left: 1px solid var(--color-border, #e2e8f0);\n  transition: width 0.2s ease, margin-right 0.2s ease;\n  overflow: hidden;\n  position: relative;\n}\n\n.chat-right-sidebar-collapsed {\n  width: 0;\n  margin-right: -1px;\n}\n\n.chat-right-sidebar-inner {\n  display: flex;\n  flex-direction: column;\n  width: 320px;\n  height: 100%;\n}\n\n// ==========================================================================\n// Right Sidebar Header\n// ==========================================================================\n\n.chat-right-sidebar-header {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  height: 3rem;\n  padding: 0 0.75rem;\n  border-bottom: 1px solid var(--color-border, #e2e8f0);\n  background-color: var(--color-bg-primary, #ffffff);\n}\n\n.chat-right-sidebar-header-content {\n  display: flex;\n  align-items: center;\n  gap: 0.375rem;\n  flex: 1;\n}\n\n.chat-right-sidebar-icon {\n  width: 1rem;\n  height: 1rem;\n  color: var(--color-text-muted, #94a3b8);\n}\n\n.chat-right-sidebar-title {\n  font-size: 0.8125rem;\n  font-weight: 600;\n  color: var(--color-text-primary, #0f172a);\n}\n\n.chat-right-sidebar-close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.5rem;\n  height: 1.5rem;\n  padding: 0;\n  border: none;\n  border-radius: 0.25rem;\n  background-color: transparent;\n  color: var(--color-text-muted, #94a3b8);\n  cursor: pointer;\n  transition: background-color 0.15s ease, color 0.15s ease;\n  \n  &:hover {\n    background-color: var(--color-bg-muted, #f1f5f9);\n    color: var(--color-text-primary, #0f172a);\n  }\n}\n\n// ==========================================================================\n// Right Sidebar Content\n// ==========================================================================\n\n.chat-right-sidebar-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 0.75rem;\n}\n\n// ==========================================================================\n// Settings Group\n// ==========================================================================\n\n.chat-settings-group {\n  margin-bottom: 1.25rem;\n}\n\n.chat-settings-group-label {\n  padding: 0 0 0.5rem;\n  font-size: 0.6875rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--color-text-muted, #94a3b8);\n}\n\n// ==========================================================================\n// Settings Form Fields\n// ==========================================================================\n\n.chat-settings-field {\n  margin-bottom: 1rem;\n}\n\n.chat-settings-label {\n  display: block;\n  margin-bottom: 0.375rem;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: var(--color-text-primary, #0f172a);\n}\n\n.chat-settings-description {\n  display: block;\n  margin-bottom: 0.5rem;\n  font-size: 0.6875rem;\n  padding-top: 0.5rem;\n  color: var(--color-text-muted, #94a3b8);\n}\n\n.chat-settings-input,\n.chat-settings-textarea,\n.chat-settings-select {\n  width: 100%;\n  padding: 0.5rem 0.625rem;\n  font-size: 0.8125rem;\n  font-family: var(--font-mono, 'Menlo', monospace);\n  color: var(--color-text-primary, #0f172a);\n  background-color: var(--color-bg-primary, #ffffff);\n  border: 1px solid var(--color-border, #e2e8f0);\n  border-radius: 0.375rem;\n  transition: border-color 0.15s ease, box-shadow 0.15s ease;\n  \n  &:focus {\n    outline: none;\n    border-color: var(--color-primary, #3b82f6);\n    box-shadow: 0 0 0 2px var(--color-primary-light, #dbeafe);\n  }\n  \n  &::placeholder {\n    color: var(--color-text-muted, #94a3b8);\n  }\n}\n\n.chat-settings-textarea {\n  min-height: 6rem;\n  resize: vertical;\n  line-height: 1.5;\n}\n\n// ==========================================================================\n// Range/Slider Input\n// ==========================================================================\n\n.chat-settings-range-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n\n.chat-settings-range {\n  flex: 1;\n  height: 4px;\n  -webkit-appearance: none;\n  appearance: none;\n  background-color: var(--color-bg-secondary, #e2e8f0);\n  border-radius: 2px;\n  cursor: pointer;\n  \n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 14px;\n    height: 14px;\n    background-color: var(--color-primary, #3b82f6);\n    border-radius: 50%;\n    cursor: pointer;\n    transition: transform 0.15s ease;\n    \n    &:hover {\n      transform: scale(1.1);\n    }\n  }\n  \n  &::-moz-range-thumb {\n    width: 14px;\n    height: 14px;\n    background-color: var(--color-primary, #3b82f6);\n    border: none;\n    border-radius: 50%;\n    cursor: pointer;\n  }\n  \n  &:focus {\n    outline: none;\n    \n    &::-webkit-slider-thumb {\n      box-shadow: 0 0 0 3px var(--color-primary-light, #dbeafe);\n    }\n  }\n}\n\n.chat-settings-range-value {\n  min-width: 3rem;\n  padding: 0.25rem 0.5rem;\n  font-size: 0.75rem;\n  font-family: var(--font-mono, 'Menlo', monospace);\n  color: var(--color-text-secondary, #64748b);\n  background-color: var(--color-bg-muted, #f1f5f9);\n  border-radius: 0.25rem;\n  text-align: center;\n}\n\n// ==========================================================================\n// Toggle/Checkbox\n// ==========================================================================\n\n.chat-settings-toggle {\n  display: flex;\n  align-items: center;\n  gap: 0.625rem;\n  cursor: pointer;\n  padding: 0.5rem 0;\n  user-select: none;\n}\n\n.chat-settings-toggle-input {\n  flex-shrink: 0;\n  width: 2.25rem;\n  height: 1.25rem;\n  -webkit-appearance: none;\n  appearance: none;\n  background-color: var(--color-bg-secondary, #e2e8f0);\n  border-radius: 0.625rem;\n  cursor: pointer;\n  position: relative;\n  transition: background-color 0.15s ease;\n  margin: 0;\n  \n  &::before {\n    content: '';\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: calc(1.25rem - 4px);\n    height: calc(1.25rem - 4px);\n    background-color: var(--color-bg-primary, #ffffff);\n    border-radius: 50%;\n    transition: transform 0.15s ease;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n  }\n  \n  &:checked {\n    background-color: var(--color-primary, #3b82f6);\n    \n    &::before {\n      transform: translateX(1rem);\n    }\n  }\n  \n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px var(--color-primary-light, #dbeafe);\n  }\n}\n\n.chat-settings-toggle-label {\n  flex: 1;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: var(--color-text-primary, #0f172a);\n  cursor: pointer;\n  line-height: 1.4;\n}\n\n// ==========================================================================\n// Right Sidebar Footer\n// ==========================================================================\n\n.chat-right-sidebar-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-shrink: 0;\n  padding: 0.5rem 0.75rem;\n  border-top: 1px solid var(--color-border, #e2e8f0);\n  gap: 0.5rem;\n}\n\n.chat-settings-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.375rem;\n  padding: 0.375rem 0.75rem;\n  font-size: 0.75rem;\n  font-weight: 500;\n  border-radius: 0.375rem;\n  cursor: pointer;\n  transition: background-color 0.15s ease, border-color 0.15s ease;\n}\n\n.chat-settings-btn-reset {\n  background-color: transparent;\n  border: 1px solid var(--color-border, #e2e8f0);\n  color: var(--color-text-secondary, #64748b);\n  \n  &:hover {\n    background-color: var(--color-bg-muted, #f1f5f9);\n    border-color: var(--color-text-muted, #94a3b8);\n  }\n}\n\n.chat-settings-btn-save {\n  background-color: var(--color-primary, #3b82f6);\n  border: 1px solid var(--color-primary, #3b82f6);\n  color: var(--color-text-inverse, #ffffff);\n  \n  &:hover {\n    background-color: var(--color-primary-dark, #2563eb);\n    border-color: var(--color-primary-dark, #2563eb);\n  }\n}\n\n// ==========================================================================\n// Header Settings Trigger Button\n// ==========================================================================\n\n.chat-settings-trigger {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.75rem;\n  height: 1.75rem;\n  padding: 0;\n  margin-left: auto;\n  border: none;\n  border-radius: 0.375rem;\n  background-color: transparent;\n  color: var(--color-text-muted, #94a3b8);\n  cursor: pointer;\n  transition: background-color 0.15s ease, color 0.15s ease;\n  \n  &:hover {\n    background-color: var(--color-bg-muted, #f1f5f9);\n    color: var(--color-text-primary, #0f172a);\n  }\n  \n  &.active {\n    background-color: var(--color-primary-light, #dbeafe);\n    color: var(--color-primary, #3b82f6);\n  }\n  \n  .iconify {\n    width: 1rem;\n    height: 1rem;\n  }\n}\n\n// ==========================================================================\n// Mobile Responsive\n// ==========================================================================\n\n// Mobile Right Sidebar Overlay\n.chat-right-sidebar-overlay {\n  display: none;\n}\n\n@media (max-width: 768px) {\n  .chat-right-sidebar-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 49;\n    background-color: rgba(0, 0, 0, 0.5);\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.3s ease-out, visibility 0s linear 0.3s;\n    display: block;\n  }\n  \n  .chat-right-sidebar-overlay.open {\n    opacity: 1;\n    visibility: visible;\n    transition-delay: 0s;\n  }\n  \n  .chat-right-sidebar {\n    position: fixed;\n    right: 0;\n    top: 0;\n    z-index: 50;\n    box-shadow: -4px 0 15px rgba(0, 0, 0, 0.1);\n  }\n  \n  .chat-right-sidebar-collapsed {\n    transform: translateX(100%);\n    width: 320px;\n    margin-right: 0;\n  }\n}\n\n// ==========================================================================\n// Empty State (when no chat selected)\n// ==========================================================================\n\n.chat-settings-empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 2rem 1rem;\n  text-align: center;\n  height: 100%;\n  \n  .iconify {\n    width: 2.5rem;\n    height: 2.5rem;\n    margin-bottom: 0.75rem;\n    color: var(--color-text-muted, #94a3b8);\n  }\n  \n  p {\n    font-size: 0.8125rem;\n    color: var(--color-text-muted, #94a3b8);\n    margin: 0;\n  }\n}\n\n",[],[269,410,417,460],{"_105":468,"_96":469,"_155":470,"_157":418,"_158":140,"_159":471,"_161":162,"_107":472,"_101":32,"_164":184,"_166":473,"_167":22,"_168":-5,"_169":474,"_99":475},"0c26e290-e2e9-11f0-9dc9-42dde27851f2","_settings.scss","0c26e34e-e2e9-11f0-9dc9-42dde27851f2",43,["D",1766815100746],"// Settings View Styles\n// Modernized with card-based layout and tight typography\n\n.settings-view {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n  background-color: var(--color-bg-muted, #f8fafc); // Changed to muted for card contrast\n}\n\n.settings-layout {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n}\n\n.settings-sidebar {\n  display: flex;\n  flex-direction: column;\n  width: 160px; // Slightly wider\n  padding: .25rem .25rem;\n  background-color: var(--color-bg-primary, #ffffff); // White sidebar\n  border-right: 1px solid var(--color-border, #e2e8f0);\n  flex-shrink: 0;\n  gap: 1px;\n}\n\n// ==========================================================================\n// Mobile Tabs (shown above content on mobile)\n// ==========================================================================\n\n.settings-mobile-tabs {\n  display: none; // Hidden on desktop\n}\n\n// ==========================================================================\n// Mobile Responsive\n// ==========================================================================\n\n@media (max-width: 768px) {\n  // Hide desktop sidebar on mobile\n  .settings-sidebar-desktop {\n    display: none !important;\n  }\n  \n  // Show mobile tabs\n  .settings-mobile-tabs {\n    display: flex;\n    gap: 0.25rem;\n    padding: 0.5rem;\n    margin: -1rem -0.75rem 1rem -0.75rem; // Negative margin to extend to edges\n    background-color: var(--color-bg-primary, #ffffff);\n    border-bottom: 1px solid var(--color-border, #e2e8f0);\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    \n    // Hide scrollbar\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n  \n  .settings-mobile-tab {\n    display: flex;\n    align-items: center;\n    gap: 0.375rem;\n    padding: 0.5rem 0.75rem;\n    border: 1px solid var(--color-border, #e2e8f0);\n    border-radius: 0.5rem;\n    background-color: var(--color-bg-primary, #ffffff);\n    color: var(--color-text-secondary, #64748b);\n    font-size: 0.75rem;\n    font-weight: 500;\n    white-space: nowrap;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n    \n    .iconify {\n      width: 0.875rem;\n      height: 0.875rem;\n      flex-shrink: 0;\n    }\n    \n    &:hover {\n      background-color: var(--color-bg-muted, #f1f5f9);\n      border-color: var(--color-border-hover, #cbd5e1);\n    }\n    \n    &.active {\n      background-color: var(--color-primary-light, #dbeafe);\n      border-color: var(--color-primary, #3b82f6);\n      color: var(--color-primary, #3b82f6);\n      font-weight: 600;\n    }\n  }\n  \n  .settings-content {\n    padding: 1rem 0.75rem;\n  }\n}\n\n.settings-nav-item {\n  display: flex;\n  align-items: center;\n  gap: 0.625rem;\n  padding: 0.5rem 0.75rem; // Tighter padding\n  border: none;\n  border-radius: 0.375rem;\n  background-color: transparent;\n  color: var(--color-text-secondary, #64748b);\n  font-size: 0.8125rem; // Smaller font\n  font-weight: 500;\n  text-align: left;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  outline: none;\n  \n  &:hover {\n    background-color: var(--color-bg-muted, #f1f5f9);\n    color: var(--color-text-primary, #0f172a);\n  }\n  \n  &:focus-visible {\n    outline: 2px solid var(--color-primary, #3b82f6);\n    outline-offset: -2px;\n  }\n  \n  &.active {\n    background-color: var(--color-bg-muted, #f1f5f9);\n    color: var(--color-text-primary, #0f172a);\n    font-weight: 600;\n  }\n  \n  .iconify {\n    width: 1rem; // Smaller icon\n    height: 1rem;\n    flex-shrink: 0;\n    opacity: 0.8;\n  }\n}\n\n.settings-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 1rem; // More breathing room around cards\n  max-width: 900px;\n  margin: 0 auto; // Center content\n}\n\n// Typography Helpers (Scoped to settings if needed, but using Tailwind classes mostly)\n.text-muted-foreground {\n  color: var(--color-text-muted, #94a3b8);\n}\n\n.text-foreground {\n  color: var(--color-text-primary, #0f172a);\n}\n\n// Form Elements\n.form-label {\n  display: block;\n  margin-bottom: 0.375rem;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: var(--color-text-primary, #0f172a);\n}\n\n.form-select {\n  width: 100%;\n  padding: 0.375rem 0.625rem;\n  font-size: 0.8125rem;\n  color: var(--color-text-primary, #0f172a);\n  background-color: var(--color-bg-primary, #ffffff);\n  border: 1px solid var(--color-border, #e2e8f0);\n  border-radius: 0.375rem;\n  outline: none;\n  transition: border-color 0.15s ease, box-shadow 0.15s ease;\n  \n  &:focus {\n    border-color: var(--color-primary, #3b82f6);\n    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n  }\n  \n  &:hover {\n    border-color: var(--color-border-hover, #cbd5e1);\n  }\n}\n\n// Checkboxes use the default design system styles\n// No custom overrides needed here\n\n// Buttons\n.btn-gray-secondary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0.5rem 0.75rem;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: var(--color-text-primary, #0f172a);\n  background-color: var(--color-bg-primary, #ffffff);\n  border: 1px solid var(--color-border, #e2e8f0);\n  border-radius: 0.375rem;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  line-height: 1;\n  \n  &:hover {\n    background-color: var(--color-bg-muted, #f8fafc);\n    border-color: var(--color-border-hover, #cbd5e1);\n  }\n  \n  &:active {\n    transform: scale(0.98);\n  }\n  \n  &:focus-visible {\n    outline: 2px solid var(--color-primary, #3b82f6);\n    outline-offset: 2px;\n  }\n}\n\n.btn-danger-soft {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0.5rem 0.75rem;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: #dc2626;\n  background-color: #fef2f2;\n  border: 1px solid #fecaca;\n  border-radius: 0.375rem;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  line-height: 1;\n  \n  &:hover {\n    background-color: #fee2e2;\n    border-color: #fca5a5;\n  }\n  \n  &:active {\n    transform: scale(0.98);\n  }\n  \n  &:focus-visible {\n    outline: 2px solid #dc2626;\n    outline-offset: 2px;\n  }\n}\n\n// Button Sizes\n.btn-sm {\n  padding: 0.25rem 0.5rem;\n  font-size: 0.75rem;\n  height: 28px;\n}\n\n// ==========================================================================\n// Models Table Styling (extends expandable table)\n// ==========================================================================\n\n.models-table-container {\n  border: 1px solid var(--color-border, #e2e8f0);\n  border-radius: 0.5rem;\n  overflow: hidden;\n  background-color: #f4f4f5; // gray-100\n  padding: 0 0.5rem 0.5rem 0.5rem;\n  \n  // Override theme-scope details styling for expandable rows\n  details.expandable-row {\n    border-radius: 0;\n    padding: 0;\n    margin-bottom: 0;\n    border-bottom: 1px solid var(--color-border, #e2e8f0);\n    \n    &:last-of-type {\n      border-bottom: none !important;\n    }\n  }\n}\n\n.models-table-body {\n  background-color: var(--color-bg-primary, #ffffff);\n  border-radius: 0.5rem;\n  border: 1px solid var(--color-border, #e2e8f0);\n  overflow: hidden;\n}\n",[],[269,410,417,469],{"_105":477,"_96":478,"_155":479,"_157":418,"_158":140,"_159":480,"_161":162,"_107":481,"_101":32,"_164":184,"_166":482,"_167":22,"_168":-5,"_169":483,"_99":484},"0c3c4004-e2e9-11f0-b141-42dde27851f2","_sidebar.scss","0c3c40a4-e2e9-11f0-b141-42dde27851f2",44,["D",1766815100893],"// Chat Sidebar Layout and Components\n\n// ==========================================================================\n// Chat Sidebar Layout\n// ==========================================================================\n\n.chat-sidebar {\n  flex-shrink: 0;\n  // width: 280px;\n  width: 160px;\n  height: 100vh;\n  background-color: var(--color-bg-muted, #f8fafc);\n  border-right: 1px solid var(--color-border, #e2e8f0);\n  transition: width 0.2s ease, margin-left 0.2s ease;\n  overflow: hidden;\n  position: relative;\n}\n\n.chat-sidebar-collapsed {\n  width: 0;\n  margin-left: -1px;\n}\n\n.chat-sidebar-inner {\n  display: flex;\n  flex-direction: column;\n  // width: 280px;\n  width: 160px;\n  height: 100%;\n}\n\n// ==========================================================================\n// Chat Sidebar Header\n// ==========================================================================\n\n.chat-sidebar-header {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  height: 3rem;\n  padding: 0 0.75rem;\n  border-bottom: 1px solid var(--color-border, #e2e8f0);\n  border-right: 1px solid var(--color-border, #e2e8f0);\n  background-color: var(--color-bg-primary, #ffffff);\n}\n\n.chat-sidebar-header-content {\n  display: flex;\n  align-items: center;\n  gap: 0.375rem;\n  flex: 1;\n}\n\n.chat-sidebar-icon {\n  width: 1rem;\n  height: 1rem;\n  color: var(--color-primary, #3b82f6);\n}\n\n.chat-sidebar-title {\n  font-size: 0.8125rem;\n  font-weight: 600;\n  color: var(--color-text-primary, #0f172a);\n}\n\n.chat-sidebar-actions {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n}\n\n.chat-sidebar-action-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.5rem;\n  height: 1.5rem;\n  padding: 0;\n  border: none;\n  border-radius: 0.25rem;\n  background-color: transparent;\n  color: var(--color-text-muted, #94a3b8);\n  cursor: pointer;\n  transition: background-color 0.15s ease, color 0.15s ease;\n  \n  &:hover {\n    background-color: var(--color-bg-muted, #f1f5f9);\n    color: var(--color-text-primary, #0f172a);\n  }\n}\n\n// ==========================================================================\n// Chat Sidebar Content\n// ==========================================================================\n\n.chat-sidebar-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 0.25rem 0.25rem;\n}\n\n.chat-sidebar-group {\n  margin-bottom: 0.5rem;\n}\n\n.chat-sidebar-group-label {\n  padding: 0.375rem 0.5rem 0.125rem;\n  font-size: 0.625rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--color-text-muted, #94a3b8);\n}\n\n.chat-sidebar-menu {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n// ==========================================================================\n// Chat Folder Tree\n// ==========================================================================\n\n.chat-folder-root {\n  min-height: 1.5rem;\n  padding: 0.125rem;\n  border-radius: 0.25rem;\n  transition: background-color 0.15s ease, outline 0.15s ease;\n  \n  &.drag-over {\n    background-color: var(--color-primary-light, #dbeafe);\n    outline: 2px dashed var(--color-primary, #3b82f6);\n    outline-offset: -2px;\n  }\n}\n\n.chat-folder {\n  position: relative;\n}\n\n.chat-folder-drag-wrapper,\n.chat-item-drag-wrapper {\n  position: relative;\n}\n\n.chat-folder-row {\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n  padding: 0.25rem 0.375rem;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  transition: background-color 0.15s ease;\n  position: relative;\n  \n  &:hover {\n    background-color: var(--color-bg-muted, #f1f5f9);\n  }\n  \n  &:has(.chat-folder-edit-input) {\n    background-color: transparent;\n  }\n  \n  &.drag-over {\n    background-color: var(--color-primary-light, #dbeafe);\n    outline: 2px dashed var(--color-primary, #3b82f6);\n    outline-offset: -2px;\n  }\n  \n  &.is-dragging {\n    opacity: 0.5;\n  }\n}\n\n.chat-folder-toggle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1rem;\n  height: 1rem;\n  padding: 0;\n  border: none;\n  border-radius: 0.125rem;\n  background-color: transparent;\n  color: var(--color-text-muted, #94a3b8);\n  cursor: pointer;\n  flex-shrink: 0;\n  transition: background-color 0.15s ease, color 0.15s ease;\n  \n  &:hover {\n    background-color: var(--color-bg-secondary, #e2e8f0);\n    color: var(--color-text-primary, #0f172a);\n  }\n}\n\n.chat-folder-chevron {\n  width: 0.75rem;\n  height: 0.75rem;\n  transition: transform 0.2s ease;\n  \n  &.rotated {\n    transform: rotate(-90deg);\n  }\n}\n\n.chat-folder-icon-folder {\n  width: 0.875rem;\n  height: 0.875rem;\n  color: var(--color-text-muted, #94a3b8);\n  flex-shrink: 0;\n}\n\n.chat-folder-label {\n  @apply text-sm;\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n  padding: 0;\n  border: none;\n  background-color: transparent;\n  color: var(--color-text-primary, #0f172a);\n  font-weight: 500;\n  text-align: left;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.chat-folder-count {\n  color: var(--color-text-muted, #94a3b8);\n  font-weight: 400;\n  font-size: 0.6875rem;\n}\n\ninput.chat-folder-edit-input,\ninput.chat-folder-edit-input[type=\"text\"] {\n  @apply text-sm;\n  flex: 1;\n  min-width: 0;\n  padding: 0 !important;\n  margin: 0 !important;\n  border: none !important;\n  border-bottom: 1px dashed var(--color-text-muted, #94a3b8) !important;\n  border-radius: 0 !important;\n  background-color: transparent !important;\n  background: transparent !important;\n  color: var(--color-text-primary, #0f172a) !important;\n  font-weight: 500 !important;\n  font-family: inherit !important;\n  line-height: 1.4 !important;\n  outline: none !important;\n  box-shadow: none !important;\n  height: auto !important;\n  \n  &:focus,\n  &:active,\n  &:focus-visible {\n    outline: none !important;\n    box-shadow: none !important;\n    border: none !important;\n    border-bottom: 1px dashed var(--color-primary, #3b82f6) !important;\n    background-color: transparent !important;\n    background: transparent !important;\n  }\n  \n  &::selection {\n    background-color: var(--color-primary-light, #dbeafe);\n  }\n}\n\n.chat-folder-actions-hover {\n  display: none;\n  align-items: center;\n  gap: 0.125rem;\n  margin-left: auto;\n}\n\n.chat-folder-row:hover .chat-folder-actions-hover,\n.chat-item:hover .chat-folder-actions-hover {\n  display: flex;\n}\n\n.chat-action-btn-sm {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.125rem;\n  height: 1.125rem;\n  padding: 0;\n  border: none;\n  border-radius: 0.125rem;\n  background-color: transparent;\n  color: var(--color-text-muted, #94a3b8);\n  cursor: pointer;\n  transition: background-color 0.15s ease, color 0.15s ease;\n  \n  &:hover {\n    background-color: var(--color-bg-secondary, #e2e8f0);\n    color: var(--color-text-primary, #0f172a);\n  }\n  \n  .iconify {\n    width: 0.75rem;\n    height: 0.75rem;\n  }\n}\n\n// ==========================================================================\n// Chat Context Menu\n// ==========================================================================\n\n.chat-context-menu {\n  position: absolute;\n  top: 100%;\n  right: 0;\n  z-index: 50;\n  min-width: 10rem;\n  padding: 0.25rem;\n  margin-top: 0.25rem;\n  background-color: var(--color-bg-primary, #ffffff);\n  border: 1px solid var(--color-border, #e2e8f0);\n  border-radius: 0.5rem;\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  opacity: 0;\n  transform: scale(0.95);\n  transform-origin: top right;\n  transition: opacity 0.15s ease, transform 0.15s ease, visibility 0s linear 0.15s;\n  visibility: hidden;\n  pointer-events: none;\n  \n  &.open {\n    opacity: 1;\n    transform: scale(1);\n    visibility: visible;\n    pointer-events: auto;\n    transition-delay: 0s;\n  }\n}\n\n.chat-context-item {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  width: 100%;\n  padding: 0.5rem 0.625rem;\n  border: none;\n  border-radius: 0.375rem;\n  background-color: transparent;\n  color: var(--color-text-secondary, #64748b);\n  font-size: 0.8125rem;\n  text-align: left;\n  cursor: pointer;\n  transition: background-color 0.15s ease, color 0.15s ease;\n  \n  &:hover {\n    background-color: var(--color-bg-muted, #f1f5f9);\n    color: var(--color-text-primary, #0f172a);\n  }\n  \n  .iconify {\n    width: 0.875rem;\n    height: 0.875rem;\n    flex-shrink: 0;\n  }\n}\n\n.chat-context-danger {\n  color: var(--color-danger, #ef4444);\n  \n  &:hover {\n    background-color: var(--color-danger-light, #fee2e2);\n    color: var(--color-danger-dark, #b91c1c);\n  }\n}\n\n// ==========================================================================\n// Chat Folder Contents (Nested)\n// ==========================================================================\n\n.chat-folder-contents {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  margin-left: 0.85rem;\n  padding-left: 0.5rem;\n  border-left: 1px solid var(--color-border, #e2e8f0);\n}\n\n.chat-folder-nested {\n  margin-left: 0;\n}\n\n// ==========================================================================\n// Chat Item\n// ==========================================================================\n\n.chat-item {\n  display: flex;\n  align-items: center;\n  gap: 0.35rem;\n  padding: 0.25rem 0.375rem;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  transition: background-color 0.15s ease;\n  position: relative;\n  \n  &:hover {\n    background-color: var(--color-bg-hover, var(--color-bg-muted, #f1f5f9));\n  }\n  \n  &.active {\n    background-color: var(--color-primary-lighter, #dbeafe);\n  }\n  \n  &:has(.chat-folder-edit-input) {\n    background-color: transparent;\n  }\n  \n  &.is-dragging {\n    opacity: 0.5;\n  }\n}\n\n.chat-item-icon {\n  width: 0.75rem;\n  height: 0.75rem;\n  color: var(--color-text-muted, #94a3b8);\n  flex-shrink: 0;\n}\n\n.chat-item.active .chat-item-icon {\n  color: var(--color-primary, #3b82f6);\n}\n\n.chat-item-btn {\n  @apply text-sm;\n  display: flex;\n  align-items: center;\n  gap: 0.35rem;\n  flex: 1;\n  min-width: 0;\n  padding: 0;\n  border: none;\n  background-color: transparent;\n  color: var(--color-text-primary, #0f172a);\n  font-weight: 400;\n  text-align: left;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  outline: none;\n  \n  .iconify {\n    width: 0.75rem;\n    height: 0.75rem;\n    color: var(--color-text-muted, #94a3b8);\n    flex-shrink: 0;\n  }\n  \n  &:focus-visible {\n    outline: 2px solid var(--color-primary, #3b82f6);\n    outline-offset: -2px;\n    border-radius: 0.125rem;\n  }\n}\n\n.chat-item.active .chat-item-btn {\n  font-weight: 500;\n  color: var(--color-primary-dark, #1e40af);\n}\n\n// ==========================================================================\n// Chat Drop Indicator (Notion-style line)\n// ==========================================================================\n\n.chat-drop-indicator {\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 2px;\n  background-color: var(--color-primary, #3b82f6);\n  pointer-events: none;\n  z-index: 10;\n  border-radius: 1px;\n  \n  &::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 6px;\n    height: 6px;\n    background-color: var(--color-primary, #3b82f6);\n    border-radius: 50%;\n  }\n}\n\n.chat-folder-drop-before .chat-drop-indicator,\n.chat-item-drop-before .chat-drop-indicator {\n  top: 0;\n  display: block;\n}\n\n.chat-folder-drop-after .chat-drop-indicator,\n.chat-item-drop-after .chat-drop-indicator {\n  bottom: 0;\n  top: auto;\n  display: block;\n}\n\n.chat-folder-drop-inside > .chat-folder-row {\n  background-color: var(--color-primary-light, #dbeafe);\n  outline: 2px solid var(--color-primary, #3b82f6);\n  outline-offset: -2px;\n}\n\n// ==========================================================================\n// Chat Empty State\n// ==========================================================================\n\n.chat-empty-state {\n  display: flex;\n  flex-direction: column;\n  \n  .chat-item {\n    width: 100%;\n  }\n}\n\n.chat-empty-btn {\n  padding: 0.375rem 0.75rem;\n  border: 1px solid var(--color-border, #e2e8f0);\n  border-radius: 0.375rem;\n  background-color: var(--color-bg-primary, #ffffff);\n  color: var(--color-text-primary, #0f172a);\n  font-size: 0.8125rem;\n  font-weight: 500;\n  cursor: pointer;\n  transition: background-color 0.15s ease, border-color 0.15s ease;\n  \n  &:hover {\n    background-color: var(--color-bg-muted, #f1f5f9);\n    border-color: var(--color-primary, #3b82f6);\n  }\n}\n\n// ==========================================================================\n// Chat Sidebar Footer\n// ==========================================================================\n\n.chat-sidebar-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-shrink: 0;\n  padding: 0.5rem 0.75rem;\n  border-top: 1px solid var(--color-border, #e2e8f0);\n}\n\n.chat-sidebar-footer-info {\n  display: flex;\n  align-items: center;\n  color: var(--color-text-muted, #94a3b8);\n  font-size: 0.6875rem;\n}\n\n.chat-sidebar-settings-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.75rem;\n  height: 1.75rem;\n  padding: 0;\n  border: none;\n  border-radius: 0.375rem;\n  background-color: transparent;\n  color: var(--color-text-muted, #94a3b8);\n  cursor: pointer;\n  transition: background-color 0.15s ease, color 0.15s ease;\n  \n  &:hover {\n    background-color: var(--color-bg-muted, #f1f5f9);\n    color: var(--color-text-primary, #0f172a);\n  }\n  \n  .iconify {\n    width: 1rem;\n    height: 1rem;\n  }\n}\n\n// ==========================================================================\n// Mobile close button\n// ==========================================================================\n\n.chat-sidebar-close-btn {\n  display: none;\n}\n\n// Mobile Sidebar Overlay\n.chat-sidebar-overlay {\n  display: none;\n}\n\n@media (max-width: 768px) {\n  .chat-sidebar-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 49;\n    background-color: rgba(0, 0, 0, 0.5);\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.3s ease-out, visibility 0s linear 0.3s;\n    display: block;\n  }\n  \n  .chat-sidebar-overlay.open {\n    opacity: 1;\n    visibility: visible;\n    transition-delay: 0s;\n  }\n  \n  .chat-sidebar {\n    position: fixed;\n    left: 0;\n    top: 0;\n    z-index: 50;\n    box-shadow: 4px 0 15px rgba(0, 0, 0, 0.1);\n  }\n  \n  .chat-sidebar-collapsed {\n    transform: translateX(-100%);\n    width: 280px;\n    margin-left: 0;\n  }\n  \n  .chat-sidebar-collapsed .chat-sidebar-close-btn {\n    display: none;\n  }\n  \n  .chat-sidebar-close-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    top: 0.5rem;\n    right: -2.5rem;\n    width: 2rem;\n    height: 2rem;\n    padding: 0;\n    border: 1px solid var(--color-border, #e2e8f0);\n    border-left: none;\n    border-radius: 0 0.375rem 0.375rem 0;\n    background-color: var(--color-bg-primary, #ffffff);\n    color: var(--color-text-muted, #94a3b8);\n    cursor: pointer;\n    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;\n    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);\n    z-index: 51;\n    \n    &::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      width: 1px;\n      background-color: var(--color-border, #e2e8f0);\n    }\n    \n    &:hover {\n      background-color: var(--color-bg-muted, #f1f5f9);\n      color: var(--color-text-primary, #0f172a);\n      border-color: var(--color-text-muted, #94a3b8);\n    }\n    \n    .iconify {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n}\n\n",[],[269,410,417,478],[269,410,417],{"_105":487,"_96":488,"_155":489,"_157":411,"_158":140,"_159":490,"_161":162,"_107":491,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":492,"_99":973},"0ac3cb52-e2e9-11f0-9dc9-42dde27851f2","design-system","0ac3cc10-e2e9-11f0-9dc9-42dde27851f2",11,["D",1766815098430],[493,510,787,829,845,861,877,938,946,955,964],{"_105":494,"_96":495,"_155":496,"_157":489,"_158":140,"_159":497,"_161":162,"_107":498,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":499,"_99":509},"0ae1deee-e2e9-11f0-b941-42dde27851f2","corporate","0ae1dfb6-e2e9-11f0-b941-42dde27851f2",12,["D",1766815098617],[500],{"_105":501,"_96":502,"_155":503,"_157":496,"_158":140,"_159":504,"_161":162,"_107":505,"_101":32,"_164":184,"_166":506,"_167":22,"_168":-5,"_169":507,"_99":508},"0c4f63f0-e2e9-11f0-a009-42dde27851f2","overrides.scss","0c4f64a4-e2e9-11f0-a009-42dde27851f2",47,["D",1766815100947],"/* ===================================\n   Corporate Theme - YC / Hacker News Style\n   Utilitarian, high-density, \"boring\" corporate startup aesthetic\n   =================================== */\n\n.theme-scope {\n  /* ===================================\n     Base Theme Override\n     =================================== */\n  font-family: Verdana, Geneva, sans-serif;\n  background-color: #f6f6ef; /* YC Beige */\n  color: #000000;\n  line-height: 1.4;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n  \n  /* YC Color Palette */\n  --color-primary: #ff6600;\n  --color-primary-hover: #e65c00;\n  --color-primary-active: #cc5200;\n  --color-primary-dark: #b34700;\n  --color-primary-light: #ffcc99;\n  --color-primary-lighter: #ffe6cc;\n  --color-primary-lightest: #fff2e6;\n  --color-primary-ring: rgba(255, 102, 0, 0.3);\n  \n  /* Text Colors - High Contrast */\n  --color-text-primary: #000000;\n  --color-text-secondary: #828282; /* HN Gray */\n  --color-text-muted: #999999;\n  --color-text-neutral: #666666;\n  \n  /* Backgrounds */\n  --color-bg-primary: #f6f6ef;\n  --color-bg-secondary: #ffffff;\n  --color-bg-muted: #efefef;\n  --color-bg-light: #fbfbfb;\n  --color-bg-hover: #e6e6e6;\n  --color-bg-active: #dcdcdc;\n  \n  /* Borders */\n  --color-border: #dcdcdc;\n  --color-border-light: #ebebeb;\n  \n  /* Semantic Colors */\n  --color-success: #008000; /* Standard Green */\n  --color-success-light: #e6ffe6;\n  --color-success-dark: #006600;\n  --color-warning: #ffcc00;\n  --color-warning-light: #ffffe0;\n  --color-warning-dark: #cc9900;\n  --color-danger: #cc0000;\n  --color-danger-light: #ffe6e6;\n  --color-danger-dark: #990000;\n  --color-info: #0000ff; /* Standard Link Blue */\n  --color-info-light: #e6e6ff;\n  --color-info-dark: #0000cc;\n  \n  /* Utilitarian Radii (mostly square) */\n  --radius-sm: 0;\n  --radius-md: 0;\n  --radius-lg: 0;\n  --radius-xl: 0;\n  --radius-2xl: 0;\n  --radius-button: 0;\n  --radius-card: 0;\n  \n  /* Typography */\n  --text-h1: 1.5rem;\n  --text-h2: 1.25rem;\n  --text-h3: 1.1rem;\n  --leading-tight: 1.2;\n  \n  /* Spacing */\n  --space-btn-x: 0.5rem;\n  --space-btn-y: 0.25rem;\n  --space-card-padding: 1rem;\n  \n  /* No Shadows - Flat Design */\n  --shadow-card: none;\n  --shadow-hover: none;\n  --shadow-dropdown: 0 2px 4px rgba(0,0,0,0.2);\n  \n  /* ===================================\n     Typography\n     =================================== */\n  h1, h2, h3, h4, h5, h6,\n  .text-h1, .text-h2, .text-h3 {\n    font-family: Verdana, Geneva, sans-serif;\n    font-weight: 700;\n    color: #000000;\n    margin-top: 1em;\n    margin-bottom: 0.5em;\n  }\n  \n  h1, .text-h1 { font-size: 1.5rem; }\n  h2, .text-h2 { font-size: 1.25rem; }\n  h3, .text-h3 { font-size: 1.1rem; }\n  \n  p {\n    font-size: 10pt;\n    margin-bottom: 1em;\n    color: #000000;\n  }\n  \n  a, .link {\n    color: #000000;\n    text-decoration: none;\n    \n    &:hover {\n      text-decoration: underline;\n    }\n    \n    &.link-blue {\n      color: #0000ff;\n    }\n  }\n  \n  .fine-print, .text-xs {\n    font-size: 8pt;\n    color: #828282;\n  }\n  \n  code:not(pre code), .code-inline {\n    font-family: monospace;\n    font-size: 9pt;\n    background-color: #efefef;\n    padding: 0 3px;\n  }\n  \n  pre, .code-block {\n    font-family: monospace;\n    font-size: 9pt;\n    background-color: #f6f6ef;\n    border: 1px solid #dcdcdc;\n    padding: 10px;\n    overflow-x: auto;\n  }\n  \n  hr {\n    border: none;\n    border-top: 1px solid #dcdcdc;\n    margin: 1rem 0;\n  }\n  \n  /* ===================================\n     Layout & Components\n     =================================== */\n     \n  /* Top Bar / Header */\n  .header, header {\n    background-color: #ff6600;\n    padding: 2px;\n    color: #000000;\n    \n    a {\n      color: #000000;\n      font-weight: bold;\n    }\n  }\n  \n  /* Cards */\n  .card, .app-card {\n    background-color: #f6f6ef;\n    border: none;\n    padding: 0;\n    margin-bottom: 1rem;\n  }\n  \n  .card-title, .app-title {\n    font-size: 1.1rem;\n    font-weight: bold;\n    color: #000000;\n    margin-bottom: 0.5rem;\n  }\n  \n  .app-card-content {\n    background-color: #f6f6ef;\n  }\n  \n  /* Buttons - Simple & Ugly */\n  .btn-primary, .action-btn {\n    background-color: #efefef;\n    color: #000000;\n    border: 1px solid #828282;\n    font-family: Verdana, Geneva, sans-serif;\n    font-size: 10pt;\n    font-weight: normal;\n    cursor: pointer;\n    padding: 2px 6px;\n    \n    &:hover {\n      border-color: #000000;\n    }\n  }\n  \n  .btn-secondary {\n    background-color: transparent;\n    color: #828282;\n    border: none;\n    text-decoration: underline;\n    font-size: 9pt;\n    cursor: pointer;\n    \n    &:hover {\n      color: #000000;\n    }\n  }\n  \n  /* Forms - Utilitarian */\n  input[type=text],\n  input[type=email],\n  input[type=password],\n  textarea,\n  .form-input {\n    font-family: monospace;\n    font-size: 10pt;\n    border: 1px solid #828282;\n    background-color: #ffffff;\n    padding: 2px;\n    color: #000000;\n    \n    &:focus {\n      outline: none;\n      border-color: #ff6600;\n    }\n  }\n  \n  label, .form-label {\n    font-family: Verdana, Geneva, sans-serif;\n    font-size: 10pt;\n    color: #828282;\n    margin-bottom: 2px;\n  }\n  \n  /* Tables - High Density */\n  table, .app-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 10pt;\n    background-color: #f6f6ef;\n  }\n  \n  th {\n    text-align: left;\n    color: #828282;\n    font-weight: normal;\n    padding: 4px 8px;\n  }\n  \n  td {\n    padding: 4px 8px;\n    color: #000000;\n    vertical-align: top;\n  }\n  \n  tr:nth-child(even) {\n    background-color: #f6f6ef;\n  }\n  \n  /* Lists - Numbered/Bulleted */\n  ol {\n    list-style-type: decimal;\n    padding-left: 20px;\n    color: #828282;\n    \n    li {\n      margin-bottom: 4px;\n      \n      &::marker {\n        color: #828282;\n      }\n    }\n  }\n  \n  /* Badges - Minimal Text */\n  .badge {\n    border: 1px solid #828282;\n    background: transparent;\n    color: #828282;\n    font-size: 8pt;\n    padding: 0 4px;\n  }\n  \n  .badge-success { border-color: #008000; color: #008000; }\n  .badge-danger { border-color: #cc0000; color: #cc0000; }\n  .badge-warning { border-color: #cc9900; color: #cc9900; }\n  .badge-info { border-color: #0000ff; color: #0000ff; }\n  \n  /* Playground Overrides */\n  :root {\n    --playground-bg: #f6f6ef;\n    --playground-text: #000000;\n    --playground-text-muted: #828282;\n    --playground-surface: #f6f6ef;\n    --playground-surface-hover: #efefef;\n    --playground-border: #dcdcdc;\n    --playground-border-hover: #828282;\n    --playground-radius: 0;\n    --playground-focus-ring: rgba(255, 102, 0, 0.3);\n    --playground-font: Verdana, Geneva, sans-serif;\n  }\n}\n",[],[269,410,488,495,502],[269,410,488,495],{"_105":511,"_96":25,"_155":512,"_157":489,"_158":140,"_159":513,"_161":162,"_107":514,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":515,"_99":786},"0b2451b6-e2e9-11f0-b11e-42dde27851f2","0b245274-e2e9-11f0-b11e-42dde27851f2",15,["D",1766815099062],[516,525,534,543,552,561,570,579,588,597,606,615,624,633,642,651,660,669,678,687,696,705,714,723,732,741,750,759,768,777],{"_105":517,"_96":518,"_155":519,"_157":512,"_158":140,"_159":520,"_161":162,"_107":521,"_101":32,"_164":184,"_166":522,"_167":22,"_168":-5,"_169":523,"_99":524},"0d056bf0-e2e9-11f0-a62a-42dde27851f2","_accordions.scss","0d056c9a-e2e9-11f0-a62a-42dde27851f2",79,["D",1766815102215],".theme-scope {\n/* Accordions */\n.accordion {\nborder: 1px solid var(--color-border);\nborder-radius: var(--radius-lg);\nmargin-bottom: 1rem;\noverflow: hidden;\n}\n\n.accordion-group {\ndisplay: flex;\nflex-direction: column;\ngap: 0.5rem;\n}\n\n.accordion-item {\nborder: 1px solid var(--color-border);\nborder-radius: var(--radius-lg);\noverflow: hidden;\n}\n\n.accordion-item-open {\nborder-bottom-left-radius: 0;\nborder-bottom-right-radius: 0;\n}\n\n.accordion-button {\nwidth: 100%;\npadding: 0.5rem 1rem 0.5rem 1rem;\nbackground-color: var(--color-bg-secondary);\nborder: none;\ntext-align: left;\ncursor: pointer;\ndisplay: flex;\njustify-content: flex-start;\nalign-items: center;\nfont-weight: var(--font-medium);\ncolor: var(--color-text-primary);\ntransition: background-color 0.15s ease-in-out;\n}\n\n.accordion-button:hover {\nbackground-color: var(--color-bg-muted);\n}\n\n.accordion-icon {\nflex-shrink: 0;\nposition: relative;\n}\n\n.accordion-icon-line {\nfill: var(--color-text-secondary);\ntransition: opacity 0.2s ease-in-out;\n}\n\n.accordion-icon-line-vertical {\ntransform-origin: center;\ntransform: rotate(0deg);\n}\n\n.accordion-icon-rotated {\ntransform: rotate(90deg);\n}\n\n.accordion-button-icon {\nwidth: 1.25rem;\nheight: 1.25rem;\nflex-shrink: 0;\n}\n\n.accordion-button-open .accordion-button-icon {\ntransform: rotate(180deg);\n}\n\n.accordion-content {\ndisplay: grid;\ngrid-template-rows: 0fr;\ntransition: grid-template-rows 0.3s ease-out;\noverflow: hidden;\nmargin: 0;\n}\n\n.accordion-content-open {\ngrid-template-rows: 1fr;\n}\n\n.accordion-content-inner {\noverflow: hidden;\npadding: 0 1rem; /* Removed vertical padding here to fix peeking */\nmin-height: 0;\ncolor: var(--color-text-secondary);\nopacity: 0; /* Fade in effect */\ntransition: opacity 0.3s ease-out, padding 0.3s ease-out;\n}\n\n.accordion-content-open .accordion-content-inner {\npadding: 1rem 1rem 1rem 1rem; /* Restore padding when open */\nopacity: 1;\n}\n\n.accordion-content-inner p:last-child {\nmargin-bottom: 0;\n}\n\n/* Shadcn-style Accordion (single open) */\n.accordion-single {\nborder: none;\nborder-radius: 0;\n}\n\n.accordion-single .accordion-item {\nborder: none;\nborder-radius: 0;\noverflow: visible;\n}\n\n.accordion-single .accordion-item:not(:last-child) {\nborder-bottom: 1px solid var(--color-border);\n}\n\n.accordion-single .accordion-button {\npadding: 1rem 0;\nbackground-color: transparent;\njustify-content: space-between;\nfont-weight: var(--font-medium);\nborder: none;\n}\n\n.accordion-single .accordion-button:hover {\nbackground-color: transparent;\n}\n\n.accordion-single .accordion-button-icon {\nwidth: 1rem;\nheight: 1rem;\ntransition: transform 0.2s ease-in-out;\nflex-shrink: 0;\nmargin-left: 1rem;\n}\n\n.accordion-single .accordion-button[aria-expanded=\"true\"] .accordion-button-icon {\ntransform: rotate(180deg);\n}\n\n.accordion-single .accordion-content-inner {\npadding: 0;\n}\n\n.accordion-single .accordion-content-open .accordion-content-inner {\npadding: 0.5rem 0 1rem 0;\n}\n}",[],[269,410,488,25,518],{"_105":526,"_96":527,"_155":528,"_157":512,"_158":140,"_159":529,"_161":162,"_107":530,"_101":32,"_164":184,"_166":531,"_167":22,"_168":-5,"_169":532,"_99":533},"0cb6da58-e2e9-11f0-b941-42dde27851f2","_all.scss","0cb6db2a-e2e9-11f0-b941-42dde27851f2",66,["D",1766815101605],"/* ===================================\n   Default Theme - All Components\n   This partial imports all component styles\n   Use this for themes to inherit all default styles\n   =================================== */\n\n/* Import variables FIRST so CSS custom properties are defined before use */\n@use '_variables' as *;\n\n/* Import all component partials with underscore prefix */\n@use '_base' as *;\n@use '_typography' as *;\n@use '_lists' as *;\n@use '_tables' as *;\n@use '_forms' as *;\n@use '_buttons' as *;\n@use '_cards' as *;\n@use '_accordions' as *;\n@use '_tabs' as *;\n@use '_callouts' as *;\n@use '_details' as *;\n@use '_utilities' as *;\n@use '_badges' as *;\n@use '_components' as *;\n@use '_avatars' as *;\n@use '_items' as *;\n@use '_dropdowns' as *;\n@use '_fields' as *;\n@use '_code' as *;\n@use '_toast' as *;\n@use '_pagination' as *;\n@use '_toggle-group' as *;\n@use '_semantic' as *;\n@use '_calendar' as *;\n@use '_drawer' as *;\n\n",[],[269,410,488,25,527],{"_105":535,"_96":536,"_155":537,"_157":512,"_158":140,"_159":538,"_161":162,"_107":539,"_101":32,"_164":184,"_166":540,"_167":22,"_168":-5,"_169":541,"_99":542},"0ca7fa56-e2e9-11f0-a1a6-42dde27851f2","_avatars.scss","0ca7fb1e-e2e9-11f0-a1a6-42dde27851f2",62,["D",1766815101581],".theme-scope {\n  /* Avatars */\n  .avatar {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    width: 2.5rem; /* 40px - Default md */\n    height: 2.5rem;\n    border-radius: 9999px; /* Circle default */\n    background-color: var(--color-bg-secondary);\n  }\n\n  .avatar img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: inherit;\n  }\n\n  .avatar-fallback {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--color-bg-muted);\n    color: var(--color-text-secondary);\n    font-size: 0.875rem;\n    font-weight: 500;\n    text-transform: uppercase;\n  }\n\n  /* Sizes */\n  .avatar-sm {\n    width: 2rem; /* 32px */\n    height: 2rem;\n  }\n  .avatar-sm .avatar-fallback {\n    font-size: 0.75rem;\n  }\n\n  .avatar-lg {\n    width: 3rem; /* 48px */\n    height: 3rem;\n  }\n  .avatar-lg .avatar-fallback {\n    font-size: 1rem;\n  }\n\n  .avatar-xl {\n    width: 4rem; /* 64px */\n    height: 4rem;\n  }\n  .avatar-xl .avatar-fallback {\n    font-size: 1.25rem;\n  }\n\n  /* Shapes */\n  .avatar-square {\n    border-radius: 0;\n  }\n\n  .avatar-rounded {\n    border-radius: 0.5rem;\n  }\n\n  /* Status Indicators */\n  .avatar-indicator {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    display: block;\n    width: 25%; /* Relative to avatar size */\n    height: 25%;\n    min-width: 8px;\n    min-height: 8px;\n    border-radius: 9999px;\n    border: 2px solid var(--color-bg-primary); /* Cutout effect */\n    background-color: var(--color-bg-muted);\n  }\n\n  .status-online {\n    background-color: var(--color-success);\n  }\n\n  .status-busy {\n    background-color: var(--color-danger);\n  }\n\n  .status-offline {\n    background-color: var(--color-text-muted);\n  }\n\n  /* Avatar Group */\n  .avatar-group {\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n  }\n\n  .avatar-group .avatar {\n    border: 2px solid var(--color-bg-primary);\n    margin-right: -1rem; /* Tighter overlap */\n    transition: margin 0.2s ease, transform 0.2s ease, z-index 0.2s;\n  }\n\n  .avatar-group .avatar:hover {\n    z-index: 10;\n    transform: translateY(-2px);\n    margin-right: 0; \n  }\n\n  .avatar-group .avatar:last-child {\n    margin-right: 0;\n  }\n\n  .avatar-placeholder {\n    background-color: var(--color-bg-secondary);\n    color: var(--color-text-primary);\n    font-size: 0.75rem;\n  }\n}\n",[],[269,410,488,25,536],{"_105":544,"_96":545,"_155":546,"_157":512,"_158":140,"_159":547,"_161":162,"_107":548,"_101":32,"_164":184,"_166":549,"_167":22,"_168":-5,"_169":550,"_99":551},"0c952976-e2e9-11f0-b39b-42dde27851f2","_badges.scss","0c952a16-e2e9-11f0-b39b-42dde27851f2",60,["D",1766815101480],".theme-scope {\n  /* Badges & Tags */\n  .badge {\n  display: inline-flex;\n  align-items: center;\n  border-radius: var(--radius-md);\n  padding: 0.125rem 0.5rem;\n  font-size: var(--text-xs);\n  font-weight: var(--font-medium);\n  line-height: var(--leading-tight);\n  white-space: nowrap;\n  gap: 0.25rem;\n  }\n\n  /* Badge Variants */\n  .badge-default {\n  background-color: var(--color-primary);\n  color: var(--color-white);\n  }\n\n  .badge-secondary {\n  background-color: var(--color-bg-muted);\n  color: var(--color-text-neutral);\n  }\n\n  .badge-success {\n  background-color: var(--color-success-light);\n  color: var(--color-success-link-hover);\n  }\n\n  .badge-error,\n  .badge-danger,\n  .badge-destructive {\n  background-color: var(--color-danger-light);\n  color: var(--color-danger-link-hover);\n  }\n\n  .badge-info {\n  background-color: var(--color-primary-lighter);\n  color: var(--color-primary-dark);\n  }\n\n  .badge-warning {\n  background-color: var(--color-warning-light);\n  color: var(--color-warning-link-hover);\n  }\n\n  .badge-neutral {\n  background-color: var(--color-bg-muted);\n  color: var(--color-text-neutral);\n  }\n\n  /* Outline Variants */\n  .badge-outline {\n  background-color: transparent;\n  border: 1px solid var(--color-border-light);\n  color: var(--color-text-secondary);\n  }\n\n  .badge-outline-default {\n  background-color: transparent;\n  border: 1px solid var(--color-primary);\n  color: var(--color-primary);\n  }\n\n  .badge-outline-secondary {\n  background-color: transparent;\n  border: 1px solid var(--color-border-light);\n  color: var(--color-text-secondary);\n  }\n\n  .badge-outline-success {\n  background-color: transparent;\n  border: 1px solid var(--color-success);\n  color: var(--color-success-link-hover);\n  }\n\n  .badge-outline-error,\n  .badge-outline-danger,\n  .badge-outline-destructive {\n  background-color: transparent;\n  border: 1px solid var(--color-danger);\n  color: var(--color-danger-link-hover);\n  }\n\n  .badge-outline-info {\n  background-color: transparent;\n  border: 1px solid var(--color-primary);\n  color: var(--color-primary-dark);\n  }\n\n  .badge-outline-warning {\n  background-color: transparent;\n  border: 1px solid var(--color-warning);\n  color: var(--color-warning-link-hover);\n  }\n\n  /* Pill Variant (More Rounded) */\n  .badge-pill {\n  border-radius: var(--radius-full);\n  }\n\n  /* Number Badge (Small pill for numbers) */\n  .badge-number {\n  border-radius: var(--radius-full);\n  padding: 0.125rem 0.375rem;\n  font-size: 0.6875rem;\n  min-width: 1.25rem;\n  justify-content: center;\n  background-color: var(--color-text-neutral-dark);\n  color: var(--color-white);\n  }\n\n  .badge-number-secondary {\n  background-color: var(--color-bg-muted);\n  color: var(--color-text-neutral);\n  }\n\n  /* Size Variants */\n  .badge-sm {\n  font-size: 0.625rem;\n  padding: 0.125rem 0.375rem;\n  }\n\n  .badge-md {\n  font-size: var(--text-sm);\n  padding: 0.25rem 0.75rem;\n  max-height: 25px;\n  }\n\n  .badge-lg {\n  font-size: var(--text-base);\n  padding: 0.375rem 1rem;\n  }\n\n  /* Icon Support */\n  .badge .iconify {\n  display: inline-flex;\n  align-items: center;\n  font-size: var(--text-sm);\n  width: 0.875rem;\n  height: 0.875rem;\n  }\n\n  .badge-md .iconify {\n  font-size: var(--text-base);\n  width: 1rem;\n  height: 1rem;\n  }\n\n  .badge-lg .iconify {\n  font-size: var(--text-lg);\n  width: 1.125rem;\n  height: 1.125rem;\n  }\n}",[],[269,410,488,25,545],{"_105":553,"_96":554,"_155":555,"_157":512,"_158":140,"_159":556,"_161":162,"_107":557,"_101":32,"_164":184,"_166":558,"_167":22,"_168":-5,"_169":559,"_99":560},"0d183244-e2e9-11f0-a5e5-42dde27851f2","_base.scss","0d1832da-e2e9-11f0-a5e5-42dde27851f2",83,["D",1766815102339],".theme-scope {\n  font-family: var(--font-sans);\n  color: var(--color-text-primary);\n  line-height: 1.5;\n  background-color: var(--color-bg-primary);\n  padding: 1.25rem;\n  border-radius: 0.5rem;\n  box-sizing: border-box;\n\n  // shadow-sm\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n    border-style: none;\n    border-width: 0;\n  }\n}\n",[],[269,410,488,25,554],{"_105":562,"_96":563,"_155":564,"_157":512,"_158":140,"_159":565,"_161":162,"_107":566,"_101":32,"_164":184,"_166":567,"_167":22,"_168":-5,"_169":568,"_99":569},"0cca51aa-e2e9-11f0-8def-42dde27851f2","_buttons.scss","0cca5254-e2e9-11f0-8def-42dde27851f2",69,["D",1766815101828],".theme-scope {\n/* Buttons */\n.btn-primary,\n.action-btn {\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\npadding: var(--space-btn-y) var(--space-btn-x);\nfont-size: var(--text-button);\nfont-weight: var(--font-medium);\nline-height: var(--leading-normal);\ncolor: var(--color-primary-text);\nbackground-color: var(--color-primary);\nborder: 1px solid var(--color-primary);\nborder-radius: var(--radius-button);\ncursor: pointer;\ntransition: all 0.15s ease-in-out;\ntext-decoration: none;\n}\n\n.btn-primary:hover,\n.action-btn:hover {\nbackground-color: var(--color-primary-hover);\nborder-color: var(--color-primary-hover);\n}\n\n.btn-primary:focus,\n.action-btn:focus {\noutline: none;\nbox-shadow: 0 0 0 var(--ring-width) var(--color-primary-ring);\n}\n\n.btn-primary:active,\n.action-btn:active {\nbackground-color: var(--color-primary-active);\nborder-color: var(--color-primary-active);\n}\n\n.btn-primary:disabled,\n.action-btn:disabled {\n  background-color: var(--color-bg-disabled);\n  border-color: var(--color-border);\n  color: var(--color-text-disabled);\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n/* Icon-only button variant */\n.btn-primary.btn-icon,\n.action-btn.btn-icon {\npadding: var(--space-btn-icon);\nborder-radius: var(--radius-2xl);\nmin-width: 44px;\naspect-ratio: 1;\n}\n\n.btn-secondary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-btn-y) var(--space-btn-x);\n  font-size: var(--text-button);\n  font-weight: var(--font-medium);\n  line-height: var(--leading-normal);\n  color: var(--color-primary);\n  background-color: var(--color-primary-light);\n  border: 1px solid currentColor;\n  box-shadow: inset 0 0 0 1px currentColor;\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n  text-decoration: none;\n}\n\n.btn-secondary:hover {\n  background-color: var(--color-primary-lighter);\n  color: var(--color-primary-hover);\n}\n\n.btn-secondary:focus {\n  outline: none;\n  box-shadow: inset 0 0 0 1px currentColor, 0 0 0 var(--ring-width) var(--color-primary-ring);\n}\n\n.btn-secondary:active {\n  background-color: var(--color-primary-lightest);\n  color: var(--color-primary-active);\n}\n\n.btn-secondary:disabled {\n  background-color: var(--color-bg-secondary);\n  color: var(--color-text-disabled);\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.btn-tertiary {\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\npadding: var(--space-btn-y) var(--space-btn-x); /* Matches form-input height */\nfont-size: var(--text-button);\nfont-weight: var(--font-medium);\nline-height: var(--leading-normal);\ncolor: var(--color-primary);\nbackground-color: transparent;\nborder: 1px solid var(--color-primary);\nborder-radius: var(--radius-button);\ncursor: pointer;\ntransition: all 0.15s ease-in-out;\ntext-decoration: none;\n}\n\n.btn-tertiary:hover {\nbackground-color: var(--color-bg-secondary);\ncolor: var(--color-primary-hover);\nborder-color: var(--color-primary-hover);\n}\n\n.btn-tertiary:focus {\noutline: none;\nbox-shadow: 0 0 0 var(--ring-width) var(--color-primary-ring);\n}\n\n.btn-tertiary:active {\nbackground-color: var(--color-bg-muted);\ncolor: var(--color-primary-active);\nborder-color: var(--color-primary-active);\n}\n\n.btn-tertiary:disabled {\n  background-color: transparent;\n  border-color: var(--color-border);\n  color: var(--color-text-disabled);\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.btn-link {\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\npadding: var(--space-btn-y) var(--space-btn-x); /* Matches form-input height */\nfont-size: var(--text-button);\nfont-weight: var(--font-medium);\nline-height: var(--leading-normal);\ncolor: var(--color-primary);\nbackground-color: transparent;\nborder: none;\nborder-radius: var(--radius-button);\ncursor: pointer;\ntransition: all 0.15s ease-in-out;\ntext-decoration: none;\n}\n\n.btn-link:hover {\ncolor: var(--color-primary-hover);\ntext-decoration: underline;\nbackground-color: var(--color-bg-secondary);\n}\n\n.btn-link:focus {\noutline: none;\nbox-shadow: 0 0 0 var(--ring-width) var(--color-primary-ring);\n}\n\n.btn-link:active {\ncolor: var(--color-primary-active);\n}\n\n.btn-link:disabled {\n  color: var(--color-text-disabled);\n  cursor: not-allowed;\n  text-decoration: none;\n  opacity: 0.6;\n}\n\n.btn-ghost {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-btn-y) var(--space-btn-x);\n  font-size: var(--text-button);\n  font-weight: var(--font-medium);\n  line-height: var(--leading-normal);\n  color: var(--color-text-primary);\n  background-color: transparent;\n  border: 1px solid transparent;\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n  text-decoration: none;\n}\n\n.btn-ghost:hover {\n  background-color: var(--color-bg-secondary);\n  color: var(--color-text-primary);\n}\n\n.btn-ghost:focus {\n  outline: none;\n  background-color: var(--color-bg-secondary);\n  box-shadow: 0 0 0 var(--ring-width) var(--color-gray-ring); /* Neutral ring instead of blue */\n}\n\n.btn-ghost:active {\n  background-color: var(--color-bg-muted);\n}\n\n.btn-ghost:disabled {\n  color: var(--color-text-disabled);\n  cursor: not-allowed;\n  background-color: transparent;\n  opacity: 0.6;\n}\n\n/* Copy Button */\n.copy-button {\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\ngap: var(--space-gap-sm);\npadding: var(--space-copy-btn-y) var(--space-copy-btn-x);\nfont-size: var(--text-copy-btn);\nfont-weight: var(--font-medium);\nline-height: var(--leading-normal);\ncolor: var(--color-text-primary);\nbackground-color: var(--color-white);\nborder: 1px solid var(--color-border);\nborder-radius: var(--radius-button);\ncursor: pointer;\ntransition: all 0.15s ease-in-out;\ntext-decoration: none;\n}\n\n.copy-button:hover {\nbackground-color: var(--color-bg-secondary);\nborder-color: var(--color-border-light);\n}\n\n.copy-button:focus {\noutline: none;\nbox-shadow: 0 0 0 var(--ring-width) var(--color-primary-ring);\n}\n\n.copy-button:active {\nbackground-color: var(--color-bg-muted);\n}\n\n.copy-button-copied {\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\ngap: var(--space-gap-sm);\npadding: var(--space-copy-btn-y) var(--space-copy-btn-x);\nfont-size: var(--text-copy-btn);\nfont-weight: var(--font-medium);\nline-height: var(--leading-normal);\ncolor: var(--color-success-text);\nbackground-color: var(--color-success);\nborder: 1px solid var(--color-success);\nborder-radius: var(--radius-button);\ncursor: pointer;\ntransition: all 0.15s ease-in-out;\ntext-decoration: none;\n}\n\n.copy-button-copied:hover {\nbackground-color: var(--color-success-link);\nborder-color: var(--color-success-link);\n}\n\n/* Button Groups */\n.btn-group {\n  display: inline-flex;\n  isolation: isolate;\n  vertical-align: middle;\n}\n\n/* Ensure dropdown wrapper inside group stretches and passes stretch to child */\n.btn-group > .dropdown {\n  display: flex;\n}\n\n.btn-group > .btn-primary,\n.btn-group > .btn-secondary,\n.btn-group > .btn-tertiary,\n.btn-group > .btn-danger,\n.btn-group > .btn-success,\n.btn-group > .btn-warning,\n.btn-group > .btn-info,\n.btn-group > .btn-neutral,\n.btn-group > .btn-gray,\n.btn-group > .btn-danger-secondary,\n.btn-group > .btn-success-secondary,\n.btn-group > .btn-warning-secondary,\n.btn-group > .btn-info-secondary,\n.btn-group > .btn-neutral-secondary,\n.btn-group > .btn-gray-secondary,\n.btn-group > .dropdown > .btn-primary,\n.btn-group > .dropdown > .btn-secondary,\n.btn-group > .dropdown > .btn-tertiary,\n.btn-group > .dropdown > .btn-danger,\n.btn-group > .dropdown > .btn-success,\n.btn-group > .dropdown > .btn-warning,\n.btn-group > .dropdown > .btn-info,\n.btn-group > .dropdown > .btn-neutral,\n.btn-group > .dropdown > .btn-gray,\n.btn-group > .dropdown > .btn-danger-secondary,\n.btn-group > .dropdown > .btn-success-secondary,\n.btn-group > .dropdown > .btn-warning-secondary,\n.btn-group > .dropdown > .btn-info-secondary,\n.btn-group > .dropdown > .btn-neutral-secondary,\n.btn-group > .dropdown > .btn-gray-secondary,\n.btn-group > .action-btn {\n  position: relative;\n  border-width: 1px !important; /* Force 1px border when in group, override any other styles */\n  box-shadow: none !important; /* Remove the inset shadow fake-border */\n}\n\n/* Add specialized separator for group items to maintain visual division */\n/* Only remove left border if we are sure it's not needed, but with margin-left: -1px we actually want overlapping borders */\n.btn-group > .btn-secondary:not(:first-child),\n.btn-group > .btn-danger-secondary:not(:first-child),\n.btn-group > .btn-success-secondary:not(:first-child),\n.btn-group > .btn-warning-secondary:not(:first-child),\n.btn-group > .btn-info-secondary:not(:first-child),\n.btn-group > .btn-neutral-secondary:not(:first-child),\n.btn-group > .btn-gray-secondary:not(:first-child),\n.btn-group > .dropdown > .btn-secondary,\n.btn-group > .dropdown > .btn-danger-secondary,\n.btn-group > .dropdown > .btn-success-secondary,\n.btn-group > .dropdown > .btn-warning-secondary,\n.btn-group > .dropdown > .btn-info-secondary,\n.btn-group > .dropdown > .btn-neutral-secondary,\n.btn-group > .dropdown > .btn-gray-secondary {\n   border-left-width: 1px !important; /* Restore left border for overlap */\n}\n\n.btn-group > *:not(:first-child) {\n  margin-left: -1px; /* Overlap borders */\n}\n\n/* First element in group */\n.btn-group > .btn-primary:first-child,\n.btn-group > .btn-secondary:first-child,\n.btn-group > .btn-tertiary:first-child,\n.btn-group > .btn-danger:first-child,\n.btn-group > .btn-success:first-child,\n.btn-group > .btn-warning:first-child,\n.btn-group > .btn-info:first-child,\n.btn-group > .btn-neutral:first-child,\n.btn-group > .btn-gray:first-child,\n.btn-group > .btn-danger-secondary:first-child,\n.btn-group > .btn-success-secondary:first-child,\n.btn-group > .btn-warning-secondary:first-child,\n.btn-group > .btn-info-secondary:first-child,\n.btn-group > .btn-neutral-secondary:first-child,\n.btn-group > .btn-gray-secondary:first-child,\n.btn-group > .dropdown:first-child > .btn-primary,\n.btn-group > .dropdown:first-child > .btn-secondary,\n.btn-group > .dropdown:first-child > .btn-tertiary,\n.btn-group > .dropdown:first-child > .btn-danger,\n.btn-group > .dropdown:first-child > .btn-success,\n.btn-group > .dropdown:first-child > .btn-warning,\n.btn-group > .dropdown:first-child > .btn-info,\n.btn-group > .dropdown:first-child > .btn-neutral,\n.btn-group > .dropdown:first-child > .btn-gray,\n.btn-group > .dropdown:first-child > .btn-danger-secondary,\n.btn-group > .dropdown:first-child > .btn-success-secondary,\n.btn-group > .dropdown:first-child > .btn-warning-secondary,\n.btn-group > .dropdown:first-child > .btn-info-secondary,\n.btn-group > .dropdown:first-child > .btn-neutral-secondary,\n.btn-group > .dropdown:first-child > .btn-gray-secondary {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n/* Last element in group */\n.btn-group > .btn-primary:last-child,\n.btn-group > .btn-secondary:last-child,\n.btn-group > .btn-tertiary:last-child,\n.btn-group > .btn-danger:last-child,\n.btn-group > .btn-success:last-child,\n.btn-group > .btn-warning:last-child,\n.btn-group > .btn-info:last-child,\n.btn-group > .btn-neutral:last-child,\n.btn-group > .btn-gray:last-child,\n.btn-group > .btn-danger-secondary:last-child,\n.btn-group > .btn-success-secondary:last-child,\n.btn-group > .btn-warning-secondary:last-child,\n.btn-group > .btn-info-secondary:last-child,\n.btn-group > .btn-neutral-secondary:last-child,\n.btn-group > .btn-gray-secondary:last-child,\n.btn-group > .dropdown:last-child > .btn-primary,\n.btn-group > .dropdown:last-child > .btn-secondary,\n.btn-group > .dropdown:last-child > .btn-tertiary,\n.btn-group > .dropdown:last-child > .btn-danger,\n.btn-group > .dropdown:last-child > .btn-success,\n.btn-group > .dropdown:last-child > .btn-warning,\n.btn-group > .dropdown:last-child > .btn-info,\n.btn-group > .dropdown:last-child > .btn-neutral,\n.btn-group > .dropdown:last-child > .btn-gray,\n.btn-group > .dropdown:last-child > .btn-danger-secondary,\n.btn-group > .dropdown:last-child > .btn-success-secondary,\n.btn-group > .dropdown:last-child > .btn-warning-secondary,\n.btn-group > .dropdown:last-child > .btn-info-secondary,\n.btn-group > .dropdown:last-child > .btn-neutral-secondary,\n.btn-group > .dropdown:last-child > .btn-gray-secondary {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n/* Middle elements */\n.btn-group > .btn-primary:not(:first-child):not(:last-child),\n.btn-group > .btn-secondary:not(:first-child):not(:last-child),\n.btn-group > .btn-tertiary:not(:first-child):not(:last-child),\n.btn-group > .btn-danger:not(:first-child):not(:last-child),\n.btn-group > .btn-success:not(:first-child):not(:last-child),\n.btn-group > .btn-warning:not(:first-child):not(:last-child),\n.btn-group > .btn-info:not(:first-child):not(:last-child),\n.btn-group > .btn-neutral:not(:first-child):not(:last-child),\n.btn-group > .btn-gray:not(:first-child):not(:last-child),\n.btn-group > .btn-danger-secondary:not(:first-child):not(:last-child),\n.btn-group > .btn-success-secondary:not(:first-child):not(:last-child),\n.btn-group > .btn-warning-secondary:not(:first-child):not(:last-child),\n.btn-group > .btn-info-secondary:not(:first-child):not(:last-child),\n.btn-group > .btn-neutral-secondary:not(:first-child):not(:last-child),\n.btn-group > .btn-gray-secondary:not(:first-child):not(:last-child),\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-primary,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-secondary,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-tertiary,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-danger,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-success,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-warning,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-info,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-neutral,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-gray,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-danger-secondary,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-success-secondary,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-warning-secondary,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-info-secondary,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-neutral-secondary,\n.btn-group > .dropdown:not(:first-child):not(:last-child) > .btn-gray-secondary {\n  border-radius: 0;\n}\n\n/* Hover/Focus Z-index handling */\n.btn-group > *:hover,\n.btn-group > .dropdown:hover {\n  z-index: 2;\n}\n\n.btn-group > *:focus,\n.btn-group > .dropdown:focus-within {\n  z-index: 3;\n}\n\n/* Icon only button (square) */\n.btn-icon-only {\npadding: var(--space-btn-icon);\naspect-ratio: 1;\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\n}\n\n/* Small/Short Button (matches badge-md height) */\n.btn-sm,\n.btn-short {\nfont-size: 0.75rem !important;\npadding: var(--space-btn-sm-y) var(--space-btn-sm-x) !important;\nline-height: 1.25 !important;\n}\n\n/* ===================================\n   Soft Color Variants (No Outline, Light Background)\n   =================================== */\n\n/* Danger Soft */\n.btn-danger-soft {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-btn-y) var(--space-btn-x);\n  font-size: var(--text-button);\n  font-weight: var(--font-medium);\n  line-height: var(--leading-normal);\n  color: var(--color-danger-link);\n  background-color: var(--color-danger-light);\n  border: 1px solid transparent; /* No outline */\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n  text-decoration: none;\n}\n\n.btn-danger-soft:hover {\n  background-color: #fecaca; /* red-200 */\n  color: var(--color-danger-link-hover);\n}\n\n.btn-danger-soft:focus {\n  outline: none;\n  box-shadow: 0 0 0 var(--ring-width) var(--color-danger-ring);\n}\n\n.btn-danger-soft:active {\n  background-color: #fca5a5; /* red-300 */\n}\n\n.btn-danger-soft:disabled {\n  background-color: var(--color-bg-secondary);\n  color: var(--color-text-disabled);\n  cursor: not-allowed;\n}\n\n/* Success Soft */\n.btn-success-soft {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-btn-y) var(--space-btn-x);\n  font-size: var(--text-button);\n  font-weight: var(--font-medium);\n  line-height: var(--leading-normal);\n  color: var(--color-success-link);\n  background-color: var(--color-success-light);\n  border: 1px solid transparent; /* No outline */\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n  text-decoration: none;\n}\n\n.btn-success-soft:hover {\n  background-color: #bbf7d0; /* green-200 */\n  color: var(--color-success-link-hover);\n}\n\n.btn-success-soft:focus {\n  outline: none;\n  box-shadow: 0 0 0 var(--ring-width) var(--color-success-ring);\n}\n\n.btn-success-soft:active {\n  background-color: #86efac; /* green-300 */\n}\n\n.btn-success-soft:disabled {\n  background-color: var(--color-bg-secondary);\n  color: var(--color-text-disabled);\n  cursor: not-allowed;\n}\n\n/* Warning Soft */\n.btn-warning-soft {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-btn-y) var(--space-btn-x);\n  font-size: var(--text-button);\n  font-weight: var(--font-medium);\n  line-height: var(--leading-normal);\n  color: var(--color-warning-link);\n  background-color: var(--color-warning-light);\n  border: 1px solid transparent; /* No outline */\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n  text-decoration: none;\n}\n\n.btn-warning-soft:hover {\n  background-color: #fde68a; /* yellow-200 */\n  color: var(--color-warning-link-hover);\n}\n\n.btn-warning-soft:focus {\n  outline: none;\n  box-shadow: 0 0 0 var(--ring-width) var(--color-warning-ring);\n}\n\n.btn-warning-soft:active {\n  background-color: #fcd34d; /* yellow-300 */\n}\n\n.btn-warning-soft:disabled {\n  background-color: var(--color-bg-secondary);\n  color: var(--color-text-disabled);\n  cursor: not-allowed;\n}\n\n/* Info Soft */\n.btn-info-soft {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-btn-y) var(--space-btn-x);\n  font-size: var(--text-button);\n  font-weight: var(--font-medium);\n  line-height: var(--leading-normal);\n  color: var(--color-info-link);\n  background-color: var(--color-info-light);\n  border: 1px solid transparent; /* No outline */\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n  text-decoration: none;\n}\n\n.btn-info-soft:hover {\n  background-color: #bae6fd; /* sky-200 */\n  color: var(--color-info-link-hover);\n}\n\n.btn-info-soft:focus {\n  outline: none;\n  box-shadow: 0 0 0 var(--ring-width) var(--color-info-ring);\n}\n\n.btn-info-soft:active {\n  background-color: #7dd3fc; /* sky-300 */\n}\n\n.btn-info-soft:disabled {\n  background-color: var(--color-bg-secondary);\n  color: var(--color-text-disabled);\n  cursor: not-allowed;\n}\n\n/* Neutral Soft */\n.btn-neutral-soft {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-btn-y) var(--space-btn-x);\n  font-size: var(--text-button);\n  font-weight: var(--font-medium);\n  line-height: var(--leading-normal);\n  color: var(--color-neutral-link);\n  background-color: var(--color-neutral-light);\n  border: 1px solid transparent; /* No outline */\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n  text-decoration: none;\n}\n\n.btn-neutral-soft:hover {\n  background-color: #e4e4e7; /* zinc-200 */\n  color: var(--color-neutral-link-hover);\n}\n\n.btn-neutral-soft:focus {\n  outline: none;\n  box-shadow: 0 0 0 var(--ring-width) var(--color-neutral-ring);\n}\n\n.btn-neutral-soft:active {\n  background-color: #d4d4d8; /* zinc-300 */\n}\n\n.btn-neutral-soft:disabled {\n  background-color: var(--color-bg-secondary);\n  color: var(--color-text-disabled);\n  cursor: not-allowed;\n}\n\n/* Gray Soft */\n.btn-gray-soft {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-btn-y) var(--space-btn-x);\n  font-size: var(--text-button);\n  font-weight: var(--font-medium);\n  line-height: var(--leading-normal);\n  color: var(--color-text-primary);\n  background-color: var(--color-bg-secondary);\n  border: 1px solid transparent; /* No outline */\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n  text-decoration: none;\n}\n\n.btn-gray-soft:hover {\n  background-color: var(--color-border);\n}\n\n.btn-gray-soft:focus {\n  outline: none;\n  box-shadow: 0 0 0 var(--ring-width) var(--color-gray-ring-dark);\n}\n\n.btn-gray-soft:active {\n  background-color: var(--color-border-light);\n}\n\n.btn-gray-soft:disabled {\n  background-color: var(--color-bg-muted);\n  color: var(--color-text-muted);\n  cursor: not-allowed;\n}\n\n/* Danger Button */\n.btn-danger {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-btn-y) var(--space-btn-x);\n  font-size: var(--text-button);\n  font-weight: var(--font-medium);\n  line-height: var(--leading-normal);\n  color: var(--color-danger-text);\n  background-color: var(--color-danger);\n  border: 1px solid var(--color-danger);\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n  text-decoration: none;\n}\n\n.btn-danger:hover {\n  background-color: var(--color-danger-link);\n  border-color: var(--color-danger-link);\n}\n\n.btn-danger:focus {\n  outline: none;\n  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.3);\n}\n\n.btn-danger:active {\n  background-color: var(--color-danger-link-hover);\n  border-color: var(--color-danger-link-hover);\n}\n\n.btn-danger:disabled {\n  background-color: var(--color-bg-disabled);\n  border-color: var(--color-border);\n  color: var(--color-text-disabled);\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n/* Success Button */\n.btn-success {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-btn-y) var(--space-btn-x);\n  font-size: var(--text-button);\n  font-weight: var(--font-medium);\n  line-height: var(--leading-normal);\n  color: var(--color-success-text);\n  background-color: var(--color-success);\n  border: 1px solid var(--color-success);\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n  text-decoration: none;\n}\n\n.btn-success:hover {\n  background-color: var(--color-success-link);\n  border-color: var(--color-success-link);\n}\n\n.btn-success:focus {\n  outline: none;\n  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.3);\n}\n\n.btn-success:active {\n  background-color: var(--color-success-link-hover);\n  border-color: var(--color-success-link-hover);\n}\n\n.btn-success:disabled {\n  background-color: var(--color-bg-disabled);\n  border-color: var(--color-border);\n  color: var(--color-text-disabled);\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n/* Warning Button */\n.btn-warning {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-btn-y) var(--space-btn-x);\n  font-size: var(--text-button);\n  font-weight: var(--font-medium);\n  line-height: var(--leading-normal);\n  color: var(--color-warning-text);\n  background-color: var(--color-warning);\n  border: 1px solid var(--color-warning);\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n  text-decoration: none;\n}\n\n.btn-warning:hover {\n  background-color: var(--color-warning-link);\n  border-color: var(--color-warning-link);\n}\n\n.btn-warning:focus {\n  outline: none;\n  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.3);\n}\n\n.btn-warning:active {\n  background-color: var(--color-warning-link-hover);\n  border-color: var(--color-warning-link-hover);\n}\n\n.btn-warning:disabled {\n  background-color: var(--color-bg-disabled);\n  border-color: var(--color-border);\n  color: var(--color-text-disabled);\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n/* Info Button */\n.btn-info {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-btn-y) var(--space-btn-x);\n  font-size: var(--text-button);\n  font-weight: var(--font-medium);\n  line-height: var(--leading-normal);\n  color: var(--color-info-text);\n  background-color: var(--color-info);\n  border: 1px solid var(--color-info);\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n  text-decoration: none;\n}\n\n.btn-info:hover {\n  background-color: var(--color-info-link);\n  border-color: var(--color-info-link);\n}\n\n.btn-info:focus {\n  outline: none;\n  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.3);\n}\n\n.btn-info:active {\n  background-color: var(--color-info-link-hover);\n  border-color: var(--color-info-link-hover);\n}\n\n.btn-info:disabled {\n  background-color: var(--color-bg-disabled);\n  border-color: var(--color-border);\n  color: var(--color-text-disabled);\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n/* Neutral Button */\n.btn-neutral {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-btn-y) var(--space-btn-x);\n  font-size: var(--text-button);\n  font-weight: var(--font-medium);\n  line-height: var(--leading-normal);\n  color: var(--color-neutral-text);\n  background-color: var(--color-neutral);\n  border: 1px solid var(--color-neutral);\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n  text-decoration: none;\n}\n\n.btn-neutral:hover {\n  background-color: var(--color-neutral-link);\n  border-color: var(--color-neutral-link);\n}\n\n.btn-neutral:focus {\n  outline: none;\n  box-shadow: 0 0 0 3px rgba(113, 113, 122, 0.3);\n}\n\n.btn-neutral:active {\n  background-color: var(--color-neutral-link-hover);\n  border-color: var(--color-neutral-link-hover);\n}\n\n.btn-neutral:disabled {\n  background-color: var(--color-bg-disabled);\n  border-color: var(--color-border);\n  color: var(--color-text-disabled);\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n/* Gray Button (Github/Vercel Style - Light Gray) */\n.btn-gray {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-btn-y) var(--space-btn-x);\n  font-size: var(--text-button);\n  font-weight: var(--font-medium);\n  line-height: var(--leading-normal);\n  color: var(--color-text-primary);\n  background-color: var(--color-border); /* Matches slate-200/border, slightly darker than badge */\n  border: 1px solid var(--color-border);\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n  text-decoration: none;\n}\n\n.btn-gray:hover {\n  background-color: var(--color-border-light); /* Darker on hover */\n  border-color: var(--color-border-light);\n}\n\n.btn-gray:focus {\n  outline: none;\n  box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.3); /* Slate-400 ring */\n}\n\n.btn-gray:active {\n  background-color: var(--color-text-muted);\n  border-color: var(--color-text-muted);\n}\n\n.btn-gray:disabled {\n  background-color: var(--color-bg-muted);\n  border-color: var(--color-bg-muted);\n  color: var(--color-text-muted);\n  cursor: not-allowed;\n}\n\n/* ===================================\n   Secondary Color Variants (Outlined)\n   =================================== */\n\n/* Danger Secondary (Outlined) */\n.btn-danger-secondary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-btn-y) var(--space-btn-x);\n  font-size: var(--text-button);\n  font-weight: var(--font-medium);\n  line-height: var(--leading-normal);\n  color: var(--color-danger);\n  background-color: var(--color-danger-light);\n  border: 1px solid currentColor;\n  box-shadow: inset 0 0 0 1px currentColor;\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n  text-decoration: none;\n}\n\n.btn-danger-secondary:hover {\n  background-color: #fecaca; /* red-200 */\n  color: var(--color-danger-link);\n}\n\n.btn-danger-secondary:focus {\n  outline: none;\n  box-shadow: inset 0 0 0 1px currentColor, 0 0 0 3px rgba(239, 68, 68, 0.2);\n}\n\n.btn-danger-secondary:active {\n  background-color: #fca5a5; /* red-300 */\n  color: var(--color-danger-link-hover);\n}\n\n.btn-danger-secondary:disabled {\n  background-color: var(--color-bg-secondary);\n  color: var(--color-text-disabled);\n  cursor: not-allowed;\n}\n\n/* Success Secondary (Outlined) */\n.btn-success-secondary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-btn-y) var(--space-btn-x);\n  font-size: var(--text-button);\n  font-weight: var(--font-medium);\n  line-height: var(--leading-normal);\n  color: var(--color-success-link);\n  background-color: var(--color-success-light);\n  border: 1px solid currentColor;\n  box-shadow: inset 0 0 0 1px currentColor;\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n  text-decoration: none;\n}\n\n.btn-success-secondary:hover {\n  background-color: #bbf7d0; /* green-200 */\n  color: var(--color-success-link-hover);\n}\n\n.btn-success-secondary:focus {\n  outline: none;\n  box-shadow: inset 0 0 0 1px currentColor, 0 0 0 3px rgba(34, 197, 94, 0.2);\n}\n\n.btn-success-secondary:active {\n  background-color: #86efac; /* green-300 */\n  color: var(--color-success-dark);\n}\n\n.btn-success-secondary:disabled {\n  background-color: var(--color-bg-secondary);\n  color: var(--color-text-disabled);\n  cursor: not-allowed;\n}\n\n/* Warning Secondary (Outlined) */\n.btn-warning-secondary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-btn-y) var(--space-btn-x);\n  font-size: var(--text-button);\n  font-weight: var(--font-medium);\n  line-height: var(--leading-normal);\n  color: var(--color-warning-link);\n  background-color: var(--color-warning-light);\n  border: 1px solid currentColor;\n  box-shadow: inset 0 0 0 1px currentColor;\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n  text-decoration: none;\n}\n\n.btn-warning-secondary:hover {\n  background-color: #fde68a; /* yellow-200 */\n  color: var(--color-warning-link-hover);\n}\n\n.btn-warning-secondary:focus {\n  outline: none;\n  box-shadow: inset 0 0 0 1px currentColor, 0 0 0 3px rgba(245, 158, 11, 0.2);\n}\n\n.btn-warning-secondary:active {\n  background-color: #fcd34d; /* yellow-300 */\n  color: var(--color-warning-dark);\n}\n\n.btn-warning-secondary:disabled {\n  background-color: var(--color-bg-secondary);\n  color: var(--color-text-disabled);\n  cursor: not-allowed;\n}\n\n/* Info Secondary (Outlined) */\n.btn-info-secondary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-btn-y) var(--space-btn-x);\n  font-size: var(--text-button);\n  font-weight: var(--font-medium);\n  line-height: var(--leading-normal);\n  color: var(--color-info-link);\n  background-color: var(--color-info-light);\n  border: 1px solid currentColor;\n  box-shadow: inset 0 0 0 1px currentColor;\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n  text-decoration: none;\n}\n\n.btn-info-secondary:hover {\n  background-color: #bae6fd; /* sky-200 */\n  color: var(--color-info-link-hover);\n}\n\n.btn-info-secondary:focus {\n  outline: none;\n  box-shadow: inset 0 0 0 1px currentColor, 0 0 0 3px rgba(14, 165, 233, 0.2);\n}\n\n.btn-info-secondary:active {\n  background-color: #7dd3fc; /* sky-300 */\n  color: var(--color-info-dark);\n}\n\n.btn-info-secondary:disabled {\n  background-color: var(--color-bg-secondary);\n  color: var(--color-text-disabled);\n  cursor: not-allowed;\n}\n\n/* Neutral Secondary (Outlined) */\n.btn-neutral-secondary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-btn-y) var(--space-btn-x);\n  font-size: var(--text-button);\n  font-weight: var(--font-medium);\n  line-height: var(--leading-normal);\n  color: var(--color-neutral-link);\n  background-color: var(--color-neutral-light);\n  border: 1px solid currentColor;\n  box-shadow: inset 0 0 0 1px currentColor;\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n  text-decoration: none;\n}\n\n.btn-neutral-secondary:hover {\n  background-color: #e4e4e7; /* zinc-200 */\n  color: var(--color-neutral-link-hover);\n}\n\n.btn-neutral-secondary:focus {\n  outline: none;\n  box-shadow: inset 0 0 0 1px currentColor, 0 0 0 3px rgba(113, 113, 122, 0.2);\n}\n\n.btn-neutral-secondary:active {\n  background-color: #d4d4d8; /* zinc-300 */\n  color: var(--color-neutral-dark);\n}\n\n.btn-neutral-secondary:disabled {\n  background-color: var(--color-bg-secondary);\n  color: var(--color-text-disabled);\n  cursor: not-allowed;\n}\n\n/* Gray Secondary (Github/Vercel Style - Light) */\n.btn-gray-secondary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-btn-y) var(--space-btn-x);\n  font-size: var(--text-button);\n  font-weight: var(--font-medium);\n  line-height: var(--leading-normal);\n  color: var(--color-text-primary);\n  background-color: var(--color-white);\n  border: 1px solid var(--color-border);\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n  text-decoration: none;\n}\n\n.btn-gray-secondary:hover {\n  background-color: var(--color-bg-secondary);\n  border-color: var(--color-border-light);\n}\n\n.btn-gray-secondary:focus {\n  outline: none;\n  box-shadow: 0 0 0 var(--ring-width) var(--color-gray-ring-dark);\n}\n\n.btn-gray-secondary:active {\n  background-color: var(--color-bg-muted);\n}\n\n.btn-gray-secondary:disabled {\n  background-color: var(--color-bg-secondary);\n  color: var(--color-text-disabled);\n  cursor: not-allowed;\n}\n}",[],[269,410,488,25,563],{"_105":571,"_96":572,"_155":573,"_157":512,"_158":140,"_159":574,"_161":162,"_107":575,"_101":32,"_164":184,"_166":576,"_167":22,"_168":-5,"_169":577,"_99":578},"0cc05e7a-e2e9-11f0-b941-42dde27851f2","_calendar.scss","0cc05f38-e2e9-11f0-b941-42dde27851f2",67,["D",1766815101759],".theme-scope {\n/* Calendar Component */\n/* ================== */\n\n/* Calendar Widget Container */\n.calendar-widget {\n  --calendar-cell-size: 36px;\n  --calendar-gap: 2px;\n  background-color: var(--color-bg-primary);\n  border: 1px solid var(--color-border);\n  border-radius: 0.75rem;\n  padding: 1rem;\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);\n}\n\n/* Size Variants */\n.calendar-widget-xs {\n  --calendar-cell-size: 24px;\n  padding: 0.75rem;\n  font-size: 0.75rem;\n}\n\n.calendar-widget-xs .calendar-nav-title {\n  font-size: 0.75rem;\n}\n\n.calendar-widget-xs .calendar-weekday {\n  font-size: 0.625rem;\n}\n\n.calendar-widget-sm {\n  --calendar-cell-size: 32px;\n  padding: 0.875rem;\n}\n\n.calendar-widget-sm .calendar-nav-title {\n  font-size: 0.8125rem;\n}\n\n/* Calendar Navigation */\n.calendar-nav {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 0.75rem;\n  gap: 0.5rem;\n}\n\n.calendar-nav-btn {\n  width: 28px;\n  height: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 0.375rem;\n  color: var(--color-text-secondary);\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.calendar-nav-btn:hover {\n  background-color: var(--color-bg-secondary);\n  border-color: var(--color-border);\n  color: var(--color-text-primary);\n}\n\n.calendar-nav-btn .iconify {\n  font-size: 1.125rem;\n}\n\n.calendar-nav-title {\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: var(--color-text-primary);\n  text-align: center;\n  flex: 1;\n}\n\n/* Dropdown Navigation */\n.calendar-dropdowns {\n  display: flex;\n  gap: 0.375rem;\n  flex: 1;\n  justify-content: center;\n}\n\n.calendar-dropdown {\n  padding: 0.25rem 0.5rem;\n  font-size: 0.8125rem;\n  font-family: inherit;\n  background-color: var(--color-bg-primary);\n  border: 1px solid var(--color-border);\n  border-radius: 0.375rem;\n  color: var(--color-text-primary);\n  cursor: pointer;\n  appearance: none;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%2371717a' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 4px center;\n  padding-right: 20px;\n}\n\n.calendar-dropdown:hover {\n  border-color: var(--color-primary);\n}\n\n.calendar-dropdown:focus {\n  outline: none;\n  border-color: var(--color-primary);\n  box-shadow: 0 0 0 2px var(--color-ring);\n}\n\n/* Calendar Grid */\n.calendar-grid {\n  display: flex;\n  flex-direction: column;\n  gap: var(--calendar-gap);\n}\n\n.calendar-weekdays {\n  display: flex;\n  gap: var(--calendar-gap);\n}\n\n.calendar-weekday {\n  width: var(--calendar-cell-size);\n  height: calc(var(--calendar-cell-size) * 0.75);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.6875rem;\n  font-weight: 500;\n  color: var(--color-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n}\n\n.calendar-week {\n  display: flex;\n  gap: var(--calendar-gap);\n}\n\n/* Calendar Days */\n.calendar-day {\n  width: var(--calendar-cell-size);\n  height: var(--calendar-cell-size);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.8125rem;\n  font-family: inherit;\n  background: transparent;\n  border: none;\n  border-radius: 0.375rem;\n  color: var(--color-text-primary);\n  cursor: pointer;\n  position: relative;\n  transition: all 0.1s ease;\n}\n\n.calendar-day:hover:not(:disabled) {\n  background-color: var(--color-bg-secondary);\n}\n\n.calendar-day:focus {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--color-ring);\n  z-index: 1;\n}\n\n/* Day States */\n.calendar-day-outside {\n  color: var(--color-text-muted);\n  opacity: 0.5;\n}\n\n.calendar-day-today {\n  background-color: var(--color-bg-secondary);\n  border: 1px solid var(--color-border);\n  font-weight: 600;\n}\n\n.calendar-day-selected {\n  background-color: var(--color-primary) !important;\n  color: var(--color-text-on-dark) !important;\n  font-weight: 600;\n}\n\n.calendar-day-selected:hover {\n  background-color: var(--color-primary-hover) !important;\n  color: var(--color-text-on-dark) !important;\n}\n\n/* Range Selection */\n.calendar-day-in-range {\n  background-color: var(--color-primary-light, rgba(59, 130, 246, 0.1));\n  border-radius: 0;\n}\n\n.calendar-day-range-start {\n  background-color: var(--color-primary) !important;\n  color: var(--color-text-on-dark) !important;\n  border-top-left-radius: 0.375rem !important;\n  border-bottom-left-radius: 0.375rem !important;\n  border-top-right-radius: 0 !important;\n  border-bottom-right-radius: 0 !important;\n}\n\n.calendar-day-range-end {\n  background-color: var(--color-primary) !important;\n  color: var(--color-text-on-dark) !important;\n  border-top-right-radius: 0.375rem !important;\n  border-bottom-right-radius: 0.375rem !important;\n  border-top-left-radius: 0 !important;\n  border-bottom-left-radius: 0 !important;\n}\n\n.calendar-day-range-start.calendar-day-range-end {\n  border-radius: 0.375rem !important;\n}\n\n.calendar-day-disabled {\n  color: var(--color-text-muted) !important;\n  opacity: 0.3;\n  cursor: not-allowed;\n}\n\n/* Date Picker Trigger */\n.date-picker-trigger {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.5rem 0.875rem;\n  font-size: 0.875rem;\n  font-family: inherit;\n  background-color: var(--color-bg-primary);\n  border: 1px solid var(--color-border);\n  border-radius: 0.5rem;\n  color: var(--color-text-primary);\n  cursor: pointer;\n  transition: all 0.15s ease;\n  min-width: 240px;\n  justify-content: flex-start;\n}\n\n.date-picker-trigger:hover {\n  border-color: var(--color-primary);\n  background-color: var(--color-bg-secondary);\n}\n\n.date-picker-trigger:focus {\n  outline: none;\n  border-color: var(--color-primary);\n  box-shadow: 0 0 0 2px var(--color-ring);\n}\n\n.date-picker-trigger .date-picker-icon {\n  color: var(--color-text-muted);\n  font-size: 1.125rem;\n  flex-shrink: 0;\n}\n\n/* Calendar Footer */\n.calendar-footer {\n  display: flex;\n  justify-content: center;\n  margin-top: 0.75rem;\n  padding-top: 0.75rem;\n  border-top: 1px solid var(--color-border);\n}\n\n.calendar-today-btn {\n  display: flex;\n  align-items: center;\n  gap: 0.375rem;\n  padding: 0.375rem 0.75rem;\n  font-size: 0.8125rem;\n  font-family: inherit;\n  background: transparent;\n  border: 1px solid var(--color-border);\n  border-radius: 0.375rem;\n  color: var(--color-text-secondary);\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.calendar-today-btn:hover {\n  background-color: var(--color-bg-secondary);\n  color: var(--color-text-primary);\n  border-color: var(--color-primary);\n}\n\n.calendar-today-btn .iconify {\n  font-size: 1rem;\n}\n\n/* Range Calendar Container (Dual Month) */\n.calendar-range-container {\n  display: flex;\n  gap: 1.5rem;\n  justify-content: center;\n}\n\n.calendar-range-container .calendar-widget {\n  border: none;\n  box-shadow: none;\n  padding: 0;\n  background: transparent;\n}\n\n.calendar-view-toggle {\n  display: flex;\n  gap: 0.5rem;\n  margin-bottom: 1rem;\n  padding: 0.25rem;\n  background-color: var(--color-bg-muted);\n  border-radius: 0.5rem;\n}\n\n.calendar-view-btn {\n  flex: 1;\n  padding: 0.5rem 1rem;\n  font-size: 0.875rem;\n  font-weight: 500;\n  background-color: transparent;\n  border: none;\n  border-radius: 0.375rem;\n  color: var(--color-text-secondary);\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.calendar-view-btn:hover {\n  background-color: var(--color-bg-secondary);\n  color: var(--color-text-primary);\n}\n\n.calendar-view-btn.active {\n  background-color: var(--color-bg-primary);\n  color: var(--color-text-primary);\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.calendar-range-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n  margin-top: 1rem;\n  padding-top: 1rem;\n  border-top: 1px solid var(--color-border);\n}\n\n.calendar-range-label {\n  font-size: 0.875rem;\n  color: var(--color-text-secondary);\n}\n\n/* Date and Time Picker */\n.datetime-picker-container {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  position: relative;\n}\n\n.datetime-picker-row {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.datetime-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.375rem;\n  position: relative;\n}\n\n.datetime-picker-container .date-picker-trigger {\n  min-width: 180px;\n  height: 38px;\n  padding: 0.5rem 0.75rem;\n  justify-content: space-between;\n}\n\n.datetime-label {\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: var(--color-text-primary);\n}\n\n/* Time Picker Input */\n.time-picker-single-input {\n  width: 140px;\n  height: 38px;\n  padding: 0.5rem 0.75rem;\n  font-size: 0.875rem;\n  font-family: inherit;\n  background-color: var(--color-bg-primary);\n  border: 1px solid var(--color-border);\n  border-radius: 0.5rem;\n  color: var(--color-text-primary);\n  cursor: text;\n  transition: all 0.15s ease;\n}\n\n.time-picker-single-input:hover {\n  border-color: var(--color-primary);\n}\n\n.time-picker-single-input:focus {\n  outline: none;\n  border-color: var(--color-primary);\n  box-shadow: 0 0 0 2px var(--color-ring);\n}\n\n.time-picker-single-input::placeholder {\n  color: var(--color-text-muted);\n}\n\n/* Legacy time picker styles (keeping for other use cases) */\n.time-picker-input {\n  display: inline-flex;\n  align-items: center;\n  gap: 0;\n  padding: 0.5rem 0.5rem;\n  background-color: var(--color-bg-primary);\n  border: 1px solid var(--color-border);\n  border-radius: 0.5rem;\n  font-family: inherit;\n  height: 38px;\n}\n\n.time-picker-input:focus-within {\n  border-color: var(--color-primary);\n  box-shadow: 0 0 0 2px var(--color-ring);\n}\n\n.time-segment {\n  width: 1.25rem;\n  padding: 0;\n  border: none;\n  background: transparent;\n  font-size: 0.875rem;\n  font-family: inherit;\n  text-align: center;\n  color: var(--color-text-primary);\n}\n\n.time-segment:focus {\n  outline: none;\n  background-color: var(--color-primary-light);\n  border-radius: 0.25rem;\n}\n\n.time-separator {\n  font-size: 0.875rem;\n  color: var(--color-text-muted);\n  user-select: none;\n}\n\n.time-period-btn {\n  margin-left: 0.25rem;\n  padding: 0.125rem 0.375rem;\n  font-size: 0.75rem;\n  font-weight: 500;\n  font-family: inherit;\n  background-color: var(--color-bg-secondary);\n  border: 1px solid var(--color-border);\n  border-radius: 0.25rem;\n  color: var(--color-text-secondary);\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.time-period-btn:hover {\n  background-color: var(--color-bg-muted);\n  color: var(--color-text-primary);\n}\n\n/* DateTime Result Display */\n.datetime-result {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.625rem 0.875rem;\n  background-color: var(--color-bg-secondary);\n  border: 1px solid var(--color-border);\n  border-radius: 0.5rem;\n  font-size: 0.875rem;\n  color: var(--color-text-secondary);\n}\n\n.datetime-result .iconify {\n  color: var(--color-primary);\n  font-size: 1.125rem;\n}\n\n/* Natural Language Picker */\n.nlp-picker-container {\n  width: 100%;\n  max-width: 500px;\n}\n\n.nlp-picker-content {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.nlp-input-wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.nlp-input {\n  width: 100%;\n  padding: 0.625rem 2.5rem 0.625rem 0.875rem;\n  font-size: 0.875rem;\n  font-family: inherit;\n  background-color: var(--color-bg-primary);\n  border: 1px solid var(--color-border);\n  border-radius: 0.5rem;\n  color: var(--color-text-primary);\n  transition: all 0.15s ease;\n}\n\n.nlp-input::placeholder {\n  color: var(--color-text-muted);\n}\n\n.nlp-input:focus {\n  outline: none;\n  border-color: var(--color-primary);\n  box-shadow: 0 0 0 2px var(--color-ring);\n}\n\n.nlp-calendar-btn {\n  position: absolute;\n  right: 0.5rem;\n  padding: 0.375rem;\n  background: transparent;\n  border: none;\n  color: var(--color-text-muted);\n  cursor: pointer;\n  border-radius: 0.25rem;\n  transition: all 0.15s ease;\n}\n\n.nlp-calendar-btn:hover {\n  background-color: var(--color-bg-secondary);\n  color: var(--color-text-primary);\n}\n\n.nlp-calendar-btn .iconify {\n  font-size: 1.125rem;\n  display: block;\n}\n\n/* NLP Result Display */\n.nlp-result {\n  padding: 0.75rem 1rem;\n  background-color: var(--color-success-light);\n  border: 1px solid var(--color-success);\n  border-radius: 0.5rem;\n  font-size: 0.875rem;\n  color: var(--color-text-primary);\n  line-height: 1.5;\n}\n\n.nlp-result strong {\n  color: var(--color-success-dark);\n  font-weight: 600;\n}\n\n/* NLP Error Display */\n.nlp-error {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.75rem 1rem;\n  background-color: var(--color-danger-light);\n  border: 1px solid var(--color-danger);\n  border-radius: 0.5rem;\n  font-size: 0.875rem;\n  color: var(--color-danger-dark);\n}\n\n.nlp-error .iconify {\n  font-size: 1.125rem;\n  flex-shrink: 0;\n}\n\n/* NLP Examples */\n.nlp-examples {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 0.5rem;\n  padding-top: 0.5rem;\n  border-top: 1px solid var(--color-border);\n}\n\n.nlp-examples-label {\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: var(--color-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.nlp-example-btn {\n  padding: 0.25rem 0.625rem;\n  font-size: 0.75rem;\n  font-family: inherit;\n  background-color: var(--color-bg-secondary);\n  border: 1px solid var(--color-border);\n  border-radius: 0.375rem;\n  color: var(--color-text-secondary);\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.nlp-example-btn:hover {\n  background-color: var(--color-bg-muted);\n  color: var(--color-text-primary);\n  border-color: var(--color-primary);\n}\n}\n\n",[],[269,410,488,25,572],{"_105":580,"_96":581,"_155":582,"_157":512,"_158":140,"_159":583,"_161":162,"_107":584,"_101":32,"_164":184,"_166":585,"_167":22,"_168":-5,"_169":586,"_99":587},"0cf8a2a8-e2e9-11f0-8def-42dde27851f2","_callouts.scss","0cf8a348-e2e9-11f0-8def-42dde27851f2",77,["D",1766815102132],".theme-scope {\n/* Callout / Info Box */\n.callout {\n  margin-top: 1rem;\n  padding: 1rem 1.5rem;\n  background: var(--color-bg-light);\n  border: 1px solid var(--color-border);\n  border-radius: var(--radius-lg);\n  margin-bottom: 1.5rem;\n}\n\n.callout-title {\n  margin-top: 0;\n  font-size: var(--text-base);\n  font-weight: var(--font-semibold);\n  color: inherit;\n  margin-bottom: 0.5rem;\n}\n\n.callout p:last-child {\n  margin-bottom: 0;\n}\n\n.callout pre {\n  background: var(--color-white);\n  padding: 1rem;\n  border-radius: var(--radius-md);\n  overflow-x: auto;\n  margin-top: 1rem;\n}\n\n/* Callout Variants */\n.callout-note {\n  background-color: var(--color-bg-secondary);\n  border-color: var(--color-border);\n  color: var(--color-text-neutral);\n}\n\n.callout-action {\n  background-color: var(--color-info-light);\n  border-color: var(--color-info);\n  color: var(--color-info-dark);\n}\n\n.callout-warning {\n  background-color: var(--color-warning-light);\n  border-color: var(--color-warning);\n  color: var(--color-warning-dark);\n}\n\n.callout-error {\n  background-color: var(--color-danger-light);\n  border-color: var(--color-danger);\n  color: var(--color-danger-dark);\n}\n\n/* Alert Cards (Shadcn-style) */\n.alert {\n  position: relative;\n  width: 100%;\n  border-radius: var(--radius-lg);\n  border: 1px solid var(--color-border);\n  border-left: 3px solid var(--color-border);\n  padding: 1rem;\n  display: flex;\n  align-items: flex-start;\n  gap: 0.75rem;\n  background-color: var(--color-bg-primary);\n  color: var(--color-text-primary);\n  margin-bottom: 1rem;\n  \n  /* Icon styling */\n  > svg,\n  > .iconify {\n    flex-shrink: 0;\n    width: 1rem;\n    height: 1rem;\n    margin-top: 0.25rem; /* Align with title line-height */\n    color: var(--color-text-primary);\n  }\n\n  > div {\n    flex: 1;\n  }\n}\n\n.alert-title {\n  margin-top: 0;\n  margin-bottom: 0.25rem;\n  font-weight: var(--font-medium);\n  line-height: var(--leading-normal); /* slightly relaxed to align with icon if needed, or 1 for tight */\n  color: inherit;\n}\n\n.alert-description {\n  // font-size: var(--text-sm); /* text-sm */\n  color: var(--color-text-secondary);\n  line-height: var(--leading-normal);\n}\n\n.alert-description p {\n  margin-bottom: 0.5rem;\n}\n\n.alert-description p:last-child {\n  margin-bottom: 0;\n}\n\n/* Alert Variants */\n\n/* Default */\n.alert-default {\n  background-color: var(--color-bg-primary);\n  border-color: var(--color-border);\n}\n\n/* Destructive / Error */\n.alert-destructive {\n  border-color: var(--color-danger);\n  background-color: var(--color-danger-light); /* Added light background */\n  color: var(--color-danger-dark); /* Changed from danger to danger-dark for contrast on light bg */\n  \n  > svg,\n  > .iconify {\n    color: var(--color-danger);\n  }\n  \n  .alert-description {\n    color: var(--color-danger-dark); /* Changed from danger to danger-dark */\n  }\n}\n\n/* Success */\n.alert-success {\n  border-color: var(--color-success);\n  background-color: var(--color-success-light); /* Added light background */\n  color: var(--color-success-dark);\n  \n  > svg,\n  > .iconify {\n    color: var(--color-success);\n  }\n  \n  .alert-title {\n    color: var(--color-success-dark);\n  }\n\n  .alert-description {\n    color: var(--color-success-dark);\n  }\n}\n\n/* Warning */\n.alert-warning {\n  border-color: var(--color-warning);\n  background-color: var(--color-warning-light); /* Added light background */\n  color: var(--color-warning-dark);\n  \n  > svg,\n  > .iconify {\n    color: var(--color-warning);\n  }\n  \n  .alert-title {\n    color: var(--color-warning-dark);\n  }\n\n  .alert-description {\n    color: var(--color-warning-dark);\n  }\n}\n\n/* Info */\n.alert-info {\n  border-color: var(--color-info);\n  background-color: var(--color-info-light); /* Added light background */\n  color: var(--color-info-dark);\n  \n  > svg,\n  > .iconify {\n    color: var(--color-info);\n  }\n  \n  .alert-title {\n    color: var(--color-info-dark);\n  }\n  \n  .alert-description {\n    color: var(--color-info-dark);\n  }\n}\n}\n",[],[269,410,488,25,581],{"_105":589,"_96":590,"_155":591,"_157":512,"_158":140,"_159":592,"_161":162,"_107":593,"_101":32,"_164":184,"_166":594,"_167":22,"_168":-5,"_169":595,"_99":596},"0cf29c6e-e2e9-11f0-bdaa-42dde27851f2","_cards.scss","0cf29d2c-e2e9-11f0-bdaa-42dde27851f2",75,["D",1766815102092],".theme-scope {\n/* Cards */\n.card,\n.app-card {\npadding: var(--space-card-padding); /* Reduced from 1.5rem */\nbackground-color: var(--color-bg-primary);\nborder: 1px solid var(--color-border);\nborder-radius: var(--radius-lg);\nbox-shadow: var(--shadow-card);\nmargin-bottom: 1rem; /* Reduced from 1.5rem */\n}\n\n/*   .card:hover {\nbox-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n} */\n.card-title,\n.app-title {\nfont-size: var(--text-xl);\nfont-weight: var(--font-semibold);\ncolor: var(--color-text-primary);\nmargin-bottom: 0.5rem;\n}\n\n.card-content,\n.app-card-content {\ncolor: var(--color-text-secondary);\n}\n\n/* Demo Card - for showcase/demo purposes */\n.demo-card {\npadding: 1rem;\nborder: 1px solid var(--color-border);\nborder-radius: var(--radius-md);\n}\n\n.demo-card p:last-child {\nmargin-bottom: 0;\n}\n\n.app-card p:last-child,\n.app-card-content p:last-child {\nmargin-bottom: 0;\n}\n\n/* Cards with borders and padding - ensure last paragraph has no margin */\ndiv[class*=border][class*=rounded] p:last-child,\ndiv[class*=border][class*=p-] p:last-child {\nmargin-bottom: 0;\n}\n}",[],[269,410,488,25,590],{"_105":598,"_96":599,"_155":600,"_157":512,"_158":140,"_159":601,"_161":162,"_107":602,"_101":32,"_164":184,"_166":603,"_167":22,"_168":-5,"_169":604,"_99":605},"0c76e916-e2e9-11f0-b39b-42dde27851f2","_code.scss","0c76e9ca-e2e9-11f0-b39b-42dde27851f2",54,["D",1766815101276],".theme-scope {\n  /* Code Block Component */\n  .code-block {\n    position: relative;\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-lg);\n    background-color: var(--color-code-bg-dark);\n    color: var(--color-code-text-dark);\n    margin-bottom: 1.5rem;\n    overflow: hidden;\n  }\n\n  /* Header */\n  .code-block-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    background-color: rgba(255, 255, 255, 0.05);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .code-block-title {\n    font-size: var(--text-sm);\n    font-weight: var(--font-medium);\n    color: var(--color-gray-300);\n  }\n\n  /* Tabs in Header */\n  .code-block-tabs {\n    display: flex;\n    gap: 1rem;\n  }\n\n  .code-block-tab {\n    background: none;\n    border: none;\n    color: var(--color-text-muted);\n    cursor: pointer;\n    font-size: var(--text-sm);\n    font-weight: var(--font-medium);\n    padding: 0.25rem 0;\n    position: relative;\n    transition: color 0.2s;\n  }\n\n  .code-block-tab:hover {\n    color: var(--color-white);\n  }\n\n  .code-block-tab.active {\n    color: var(--color-white);\n  }\n\n  .code-block-tab.active::after {\n    content: '';\n    position: absolute;\n    bottom: -0.75rem; /* align with header bottom padding */\n    left: 0;\n    width: 100%;\n    height: 1px;\n    background-color: var(--color-primary);\n  }\n\n  /* Actions (Copy Button) */\n  .code-block-actions {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n  }\n\n  .code-copy-btn {\n    background: none;\n    border: none;\n    color: var(--color-text-muted);\n    cursor: pointer;\n    padding: 0.25rem;\n    border-radius: var(--radius-sm);\n    transition: all 0.2s;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .code-copy-btn:hover {\n    background-color: rgba(255, 255, 255, 0.1);\n    color: var(--color-white);\n  }\n\n  /* Content */\n  .code-block-content {\n    position: relative;\n    padding: 1rem;\n    overflow-x: auto;\n    font-family: var(--font-mono, ui-monospace, monospace);\n    font-size: var(--text-sm);\n    line-height: var(--leading-normal);\n  }\n\n  .code-block-content pre {\n    margin: 0;\n    padding: 0;\n    background: transparent;\n    color: inherit;\n    font-family: inherit;\n  }\n\n  .code-block-content code {\n    font-family: inherit;\n    color: inherit;\n  }\n  \n  /* Expand/Collapse */\n  .code-block.collapsed .code-block-content {\n    max-height: 150px; /* Adjust as needed */\n    overflow-y: hidden;\n  }\n\n  .code-block-expand-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 120px;\n    background: linear-gradient(to bottom, transparent, var(--color-code-bg-dark) 90%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding-top: 2rem;\n    pointer-events: none;\n  }\n\n  .code-block-expand-btn {\n    pointer-events: auto;\n    background-color: var(--color-text-primary);\n    color: var(--color-bg-primary);\n    border: 1px solid var(--color-text-primary);\n    padding: 0.375rem 0.75rem;\n    border-radius: var(--radius-sm);\n    font-size: var(--text-xs);\n    font-weight: var(--font-medium);\n    cursor: pointer;\n    transition: all 0.2s;\n    box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n  }\n\n  .code-block-expand-btn:hover {\n    background-color: var(--color-text-neutral-dark);\n    border-color: var(--color-text-neutral-dark);\n  }\n\n  /* Header Expand Button */\n  .code-header-expand-btn {\n    background: none;\n    border: none;\n    color: var(--color-text-muted);\n    cursor: pointer;\n    font-size: var(--text-xs);\n    font-weight: var(--font-medium);\n    padding: 0.25rem 0.5rem;\n    border-radius: var(--radius-sm);\n    transition: color 0.2s;\n  }\n\n  .code-header-expand-btn:hover {\n    color: var(--color-white);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  /* Single Command Style (Inline-like block) */\n  .code-command {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    background-color: var(--color-code-bg-dark);\n    color: var(--color-code-text-dark);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-lg);\n    font-family: var(--font-mono, ui-monospace, monospace);\n    font-size: var(--text-sm);\n  }\n\n  .code-command-text {\n    margin-right: 1rem;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .code-command-prefix {\n    color: var(--color-text-muted);\n    margin-right: 0.5rem;\n    user-select: none;\n  }\n\n  /* Copy Button Position for Simple Code Block (no header) */\n  .code-block.simple .code-copy-btn {\n    position: absolute;\n    top: 0.5rem;\n    right: 0.5rem;\n    z-index: 10;\n  }\n}\n",[],[269,410,488,25,599],{"_105":607,"_96":608,"_155":609,"_157":512,"_158":140,"_159":610,"_161":162,"_107":611,"_101":32,"_164":184,"_166":612,"_167":22,"_168":-5,"_169":613,"_99":614},"0d0b5f4c-e2e9-11f0-b141-42dde27851f2","_components.scss","0d0b5ff6-e2e9-11f0-b141-42dde27851f2",80,["D",1766815102253],".theme-scope {\n/* Data Lists */\n.data-list {\ndisplay: flex;\nflex-direction: column;\nborder: 1px solid var(--color-border);\nborder-radius: 0.5rem;\noverflow: hidden;\nbackground-color: var(--color-bg-primary);\n}\n\n.data-list-row {\ndisplay: flex;\nalign-items: center;\njustify-content: space-between;\npadding: 0.75rem 1rem;\nborder-bottom: 1px solid var(--color-border);\nbackground-color: var(--color-bg-primary);\ntransition: background-color 0.15s ease;\n}\n\n.data-list-row:last-child {\nborder-bottom: none;\n}\n\n.data-list-row:hover {\nbackground-color: var(--color-bg-secondary);\n}\n\n.data-list-row-content {\ndisplay: flex;\nalign-items: center;\ngap: 1rem;\nflex: 1;\n}\n\n.data-list-row-actions {\ndisplay: flex;\nalign-items: center;\ngap: 0.5rem;\n}\n\n.data-list-item-title {\nfont-weight: 500;\ncolor: var(--color-text-primary);\n}\n\n.data-list-item-subtitle {\nfont-size: 0.875rem;\ncolor: var(--color-text-secondary);\n}\n\n/* Empty State */\n.empty-state {\ndisplay: flex;\nflex-direction: column;\nalign-items: center;\njustify-content: center;\npadding: 3rem 1rem;\ntext-align: center;\nbackground-color: var(--color-bg-secondary);\nborder: 1px dashed var(--color-border);\nborder-radius: 0.5rem;\ncolor: var(--color-text-secondary);\n}\n\n.empty-state-icon {\nwidth: 3rem;\nheight: 3rem;\nmargin-bottom: 1rem;\ncolor: var(--color-text-muted);\n}\n\n.empty-state-title {\nfont-size: 1rem;\nfont-weight: 600;\ncolor: var(--color-text-primary);\nmargin-bottom: 0.5rem;\n}\n\n.empty-state-description {\nfont-size: 0.875rem;\nmax-width: 20rem;\n}\n\n/* Breadcrumbs */\n.breadcrumbs {\ndisplay: flex;\nalign-items: center;\nflex-wrap: wrap;\ngap: 0.5rem;\nfont-size: 0.875rem;\nline-height: 20px;\ncolor: var(--color-text-secondary);\nmargin-bottom: 1.5rem;\n}\n\n.breadcrumb-item {\ndisplay: flex;\nalign-items: center;\ngap: 0.5rem;\n}\n\n.breadcrumb-separator,\n.crumb-divider {\ncolor: var(--color-border-light);\ndisplay: inline-flex;\nalign-items: center;\n}\n\n.breadcrumb-link {\ncolor: var(--color-text-secondary);\ntext-decoration: none;\ntransition: color 0.15s ease;\n}\n\n.breadcrumb-link:hover {\ncolor: var(--color-text-primary);\ntext-decoration: underline;\n}\n\n.breadcrumb-current {\ncolor: var(--color-text-primary);\nfont-weight: 500;\n}\n\n/* Breadcrumbs with Chevrons */\n.breadcrumbs-chevron .crumb-divider {\ncolor: var(--color-border-light);\n}\n\n/* Breadcrumbs with Icons */\n.breadcrumbs .crumb-divider svg {\nwidth: 16px;\nheight: 16px;\ncolor: var(--color-border-light);\n}\n\n/* Back-Link Breadcrumb */\n.back-link {\ndisplay: flex;\nalign-items: center;\ngap: 0.5rem;\nfont-size: 0.875rem;\nline-height: 20px;\nmargin-bottom: 1.5rem;\n}\n\n.back-link svg {\nwidth: 16px;\nheight: 16px;\ncolor: var(--color-text-secondary);\n}\n\n.back-link .breadcrumb-link {\ncolor: var(--color-text-secondary);\ntext-decoration: none;\ntransition: color 0.15s ease;\n}\n\n.back-link .breadcrumb-link:hover {\ncolor: var(--color-text-primary);\ntext-decoration: underline;\n}\n\n/* Breadcrumbs with Ellipsis */\n.crumb-ellipsis {\ncolor: var(--color-text-muted);\n}\n\n/* Small Breadcrumbs */\n.breadcrumbs-small {\nfont-size: 0.75rem;\nline-height: 18px;\n}\n\n.breadcrumbs-small .crumb-divider svg {\nwidth: 14px;\nheight: 14px;\n}\n\n/* Large Breadcrumbs */\n.breadcrumbs-large {\nfont-size: 1rem;\nline-height: 24px;\n}\n\n.breadcrumbs-large .crumb-divider svg {\nwidth: 18px;\nheight: 18px;\n}\n\n/* Loading States */\n@keyframes spin {\nfrom {\n  transform: rotate(0deg);\n}\nto {\n  transform: rotate(360deg);\n}\n}\n.animate-spin {\nanimation: spin 1s linear infinite;\n}\n\n.loading-overlay {\nposition: absolute;\ninset: 0;\nbackground-color: rgba(255, 255, 255, 0.7);\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nz-index: 50;\nbackdrop-filter: blur(2px);\nborder-radius: inherit;\n}\n\n.loading-skeleton {\nbackground-color: var(--color-bg-muted);\nborder-radius: 0.25rem;\nanimation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n\n@keyframes pulse {\n0%, 100% {\n  opacity: 1;\n}\n50% {\n  opacity: 0.5;\n}\n}\n}",[],[269,410,488,25,608],{"_105":616,"_96":617,"_155":618,"_157":512,"_158":140,"_159":619,"_161":162,"_107":620,"_101":32,"_164":184,"_166":621,"_167":22,"_168":-5,"_169":622,"_99":623},"0c81e230-e2e9-11f0-a4b5-42dde27851f2","_details.scss","0c81e33e-e2e9-11f0-a4b5-42dde27851f2",56,["D",1766815101319],".theme-scope {\n\n  /* Details/Summary */\n  details {\n    // border: 1px solid var(--color-border);\n    border-radius: 0.5rem;\n    padding: 0.5rem 1rem 0.5rem 1rem;\n    margin-bottom: 1rem;\n  }\n\n  summary {\n    cursor: pointer;\n    font-weight: 500;\n    color: var(--color-text-primary);\n    user-select: none;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    /* Increased spacing between marker and text */\n    list-style: none;\n    /* Hide default marker */\n  }\n\n  /* Hide default marker in Webkit/Blink */\n  summary::-webkit-details-marker {\n    display: none;\n  }\n\n  /* Custom Marker */\n  summary::before {\n    content: \"\";\n    width: 1rem;\n    /* Increased from 0.75rem */\n    height: 1rem;\n    /* Increased from 0.75rem */\n    background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230f172a'%3e%3cpath d='M8 5v14l11-7z'/%3e%3c/svg%3e\");\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n    transition: transform 0.2s ease-in-out;\n    flex-shrink: 0;\n  }\n\n  summary:hover {\n    color: var(--color-primary);\n  }\n\n  details[open] summary {\n    margin-bottom: 0.75rem;\n  }\n\n  details[open] summary::before {\n    transform: rotate(90deg);\n  }\n\n  /* Details/Summary Toggle Variant */\n  .details-toggle {\n    border: 1px solid var(--color-border);\n    border-radius: 0.5rem;\n    padding: 0.75rem 1rem;\n    margin-bottom: 1rem;\n    background-color: var(--color-bg-primary);\n    transition: border-color 0.15s ease-in-out;\n  }\n\n  .details-toggle:hover {\n    border-color: var(--color-border-light);\n  }\n\n  .details-summary {\n    cursor: pointer;\n    font-weight: 500;\n    color: var(--color-text-primary);\n    user-select: none;\n    padding: 0.25rem 0;\n    /* Revert to vanilla behavior (no flex, no custom marker) */\n  }\n\n  .details-summary:hover {\n    color: var(--color-primary);\n  }\n\n  .details-toggle[open] .details-summary {\n    margin-bottom: 0.75rem;\n  }\n\n  .details-content {\n    padding-left: 1rem;\n    padding-top: 0.5rem;\n    color: var(--color-text-secondary);\n  }\n\n  /* Minimal Details/Summary Variant */\n  details.details-minimal {\n    border: none;\n    background: none;\n    padding: 0;\n    margin-bottom: 0.5rem;\n  }\n\n  details.details-minimal summary {\n    padding: 0.25rem 0;\n    color: var(--color-text-secondary);\n    /* Muted color by default */\n  }\n\n  details.details-minimal summary:hover {\n    color: var(--color-text-primary);\n    /* Darker on hover */\n  }\n\n  details.details-minimal[open] summary {\n    margin-bottom: 0.25rem;\n    color: var(--color-text-primary);\n  }\n\n  details.details-minimal .details-content {\n    padding-left: 1.75rem;\n    /* Align with text start (marker width + gap) */\n    color: var(--color-text-secondary);\n  }\n}",[],[269,410,488,25,617],{"_105":625,"_96":626,"_155":627,"_157":512,"_158":140,"_159":628,"_161":162,"_107":629,"_101":32,"_164":184,"_166":630,"_167":22,"_168":-5,"_169":631,"_99":632},"0d0eeda6-e2e9-11f0-a5e5-42dde27851f2","_drawer.scss","0d0eee3c-e2e9-11f0-a5e5-42dde27851f2",81,["D",1766815102267],".theme-scope {\n/* ===================================\n   Drawer Component (Sheet/Modal Drawer)\n   Similar to shadcn/ui Drawer - uses Vaul-like patterns\n   =================================== */\n\n/* Drawer Overlay (Backdrop) */\n.drawer-overlay {\n  position: fixed;\n  inset: 0;\n  z-index: 50;\n  background-color: rgba(0, 0, 0, 0.8);\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.3s ease-out, visibility 0s linear 0.3s;\n}\n\n.drawer-overlay.open {\n  opacity: 1;\n  visibility: visible;\n  transition-delay: 0s;\n}\n\n/* Base Drawer Container */\n.drawer {\n  position: fixed;\n  z-index: 51;\n  background-color: var(--color-bg-primary);\n  display: flex;\n  flex-direction: column;\n  transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);\n  pointer-events: none;\n}\n\n.drawer.open {\n  pointer-events: auto;\n}\n\n/* ===================================\n   Drawer Positions\n   =================================== */\n\n/* Bottom Drawer (Default - like mobile sheets) */\n.drawer-bottom {\n  inset-inline: 0;\n  bottom: 0;\n  max-height: 96vh;\n  border-radius: 0;\n  transform: translateY(100%);\n  \n  /* Extra padding at bottom to prevent gap when dragging up */\n  padding-bottom: env(safe-area-inset-bottom, 0);\n  \n  /* Pseudo-element extends the background below the drawer for drag-up effect */\n  &::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -50px;\n    height: 50px;\n    background-color: inherit;\n    pointer-events: none;\n  }\n}\n\n.drawer-bottom.open {\n  transform: translateY(0);\n}\n\n/* Right Drawer (Side sheet) */\n.drawer-right {\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  max-width: 24rem; /* 384px */\n  border-top-left-radius: var(--radius-lg);\n  border-bottom-left-radius: var(--radius-lg);\n  transform: translateX(100%);\n}\n\n.drawer-right.open {\n  transform: translateX(0);\n}\n\n/* Left Drawer */\n.drawer-left {\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  max-width: 24rem;\n  border-top-right-radius: var(--radius-lg);\n  border-bottom-right-radius: var(--radius-lg);\n  transform: translateX(-100%);\n}\n\n.drawer-left.open {\n  transform: translateX(0);\n}\n\n/* Top Drawer */\n.drawer-top {\n  inset-inline: 0;\n  top: 0;\n  max-height: 96vh;\n  border-bottom-left-radius: var(--radius-xl);\n  border-bottom-right-radius: var(--radius-xl);\n  transform: translateY(-100%);\n}\n\n.drawer-top.open {\n  transform: translateY(0);\n}\n\n/* ===================================\n   Drawer Width/Height Variants\n   =================================== */\n\n.drawer-sm {\n  max-width: 20rem; /* 320px */\n}\n\n.drawer-md {\n  max-width: 28rem; /* 448px */\n}\n\n.drawer-lg {\n  max-width: 36rem; /* 576px */\n}\n\n.drawer-xl {\n  max-width: 48rem; /* 768px */\n}\n\n.drawer-full {\n  max-width: 100%;\n  border-radius: 0;\n}\n\n/* Height variants for bottom/top drawers */\n.drawer-h-sm {\n  max-height: 40vh;\n}\n\n.drawer-h-md {\n  max-height: 60vh;\n}\n\n.drawer-h-lg {\n  max-height: 80vh;\n}\n\n/* ===================================\n   Drawer Handle (Drag indicator)\n   =================================== */\n\n.drawer-handle {\n  display: flex;\n  justify-content: center;\n  padding: 0.75rem;\n  padding-top: 1rem;\n  flex-shrink: 0;\n  cursor: grab;\n  touch-action: none;\n  user-select: none;\n  -webkit-user-select: none;\n  transition: background-color 0.15s ease;\n}\n\n.drawer-handle:hover {\n  background-color: var(--color-bg-secondary);\n}\n\n.drawer-handle:active {\n  cursor: grabbing;\n}\n\n.drawer-handle-bar {\n  width: 3rem;\n  height: 0.25rem;\n  background-color: var(--color-border-light);\n  border-radius: var(--radius-full);\n  transition: background-color 0.15s ease, transform 0.15s ease;\n}\n\n.drawer-handle:hover .drawer-handle-bar {\n  background-color: var(--color-border);\n  transform: scaleX(1.1);\n}\n\n.drawer-handle:active .drawer-handle-bar {\n  background-color: var(--color-text-muted);\n}\n\n/* ===================================\n   Drawer Header\n   =================================== */\n\n.drawer-header {\n  padding: 1rem 1.5rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  text-align: center;\n}\n\n.drawer-header-left {\n  text-align: left;\n}\n\n.drawer-title {\n  font-size: var(--text-lg);\n  font-weight: var(--font-semibold);\n  color: var(--color-text-primary);\n  line-height: 1.375;\n  margin: 0;\n}\n\n.drawer-description {\n  font-size: var(--text-sm);\n  color: var(--color-text-secondary);\n  margin: 0;\n}\n\n/* ===================================\n   Drawer Content\n   =================================== */\n\n.drawer-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 1rem 1.5rem;\n}\n\n.drawer-content-centered {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n/* ===================================\n   Drawer Footer\n   =================================== */\n\n.drawer-footer {\n  padding: 1rem 1.5rem 1.5rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.drawer-footer-row {\n  flex-direction: row;\n  justify-content: flex-end;\n  gap: 0.75rem;\n}\n\n/* ===================================\n   Drawer Close Button\n   =================================== */\n\n.drawer-close {\n  position: absolute;\n  top: 1rem;\n  right: 1rem;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2rem;\n  height: 2rem;\n  padding: 0;\n  color: var(--color-text-muted);\n  background-color: transparent;\n  border: none;\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n}\n\n.drawer-close:hover {\n  color: var(--color-text-primary);\n  background-color: var(--color-bg-secondary);\n}\n\n.drawer-close:focus {\n  outline: none;\n  box-shadow: 0 0 0 var(--ring-width) var(--color-gray-ring);\n}\n\n/* ===================================\n   Responsive Adjustments\n   =================================== */\n\n/* Bottom drawer is full width by default */\n/* Use .drawer-bottom-centered for centered narrow version on desktop */\n@media (min-width: 640px) {\n  .drawer-bottom-centered {\n    max-width: 32rem;\n    margin-inline: auto;\n    left: 50%;\n    transform: translateX(-50%) translateY(100%);\n  }\n  \n  .drawer-bottom-centered.open {\n    transform: translateX(-50%) translateY(0);\n  }\n}\n\n/* ===================================\n   Nested Card in Drawer (like shadcn example)\n   =================================== */\n\n.drawer-inner-card {\n  width: 100%;\n  max-width: 24rem;\n  margin-inline: auto;\n}\n\n/* ===================================\n   Drawer with Snap Points (visual only)\n   =================================== */\n\n.drawer-snap-indicator {\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 2px;\n  background-color: var(--color-border);\n  opacity: 0.5;\n}\n\n}\n\n\n\n",[],[269,410,488,25,626],{"_105":634,"_96":635,"_155":636,"_157":512,"_158":140,"_159":637,"_161":162,"_107":638,"_101":32,"_164":184,"_166":639,"_167":22,"_168":-5,"_169":640,"_99":641},"0d022698-e2e9-11f0-a5e5-42dde27851f2","_dropdowns.scss","0d022774-e2e9-11f0-a5e5-42dde27851f2",78,["D",1766815102194],".theme-scope {\n/* Dropdowns & Menus */\n.dropdown {\nposition: relative;\ndisplay: inline-block;\n}\n\n.dropdown-mega {\nposition: static;\n}\n\n.dropdown-menu {\nposition: absolute;\ntop: 100%;\nleft: 0;\nz-index: 50; /* Base z-index */\nmin-width: 12rem;\npadding: 0.25rem 0; /* Tighter padding */\nmargin-top: 0.25rem;\nbackground-color: var(--color-bg-primary);\nborder: 1px solid var(--color-border);\nborder-radius: var(--radius-lg);\nbox-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n/* Flyout Animation Defaults */\nopacity: 0;\ntransform: scale(0.95) translateY(-5px);\ntransform-origin: top left;\ntransition: opacity 0.15s ease-out, transform 0.15s ease-out, visibility 0s linear 0.15s;\npointer-events: none;\nvisibility: hidden;\n}\n\n.dropdown-menu.open {\nopacity: 1;\ntransform: scale(1) translateY(0);\npointer-events: auto;\nvisibility: visible;\ntransition-delay: 0s;\ndisplay: block; /* Force display */\nz-index: 999; /* Ensure open state maintains high index */\n}\n\n/* Alignment Variants */\n.dropdown-menu-right {\nleft: auto;\nright: 0;\ntransform-origin: top right;\n}\n\n.dropdown-menu-center {\nleft: 50%;\ntransform: translateX(-50%) scale(0.95) translateY(-5px);\ntransform-origin: top center;\n}\n\n.dropdown-menu-center.open {\ntransform: translateX(-50%) scale(1) translateY(0);\n}\n\n/* Width Variants */\n.dropdown-menu-w-sm {\nmin-width: 10rem;\n}\n\n.dropdown-menu-w-md {\nmin-width: 16rem;\n}\n\n.dropdown-menu-w-lg {\nmin-width: 20rem;\n}\n\n.dropdown-menu-w-xl {\nmin-width: 24rem;\n}\n\n/* Mega Menu */\n.dropdown-mega-container {\nposition: relative; /* Parent container for mega menu */\n}\n\n.dropdown-menu-mega {\nposition: absolute;\nleft: 2rem;\nright: 2rem;\nwidth: auto;\npadding: 1.5rem;\ndisplay: grid;\ngrid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\ngap: 1.5rem;\n/* Override the transform animation - no scale to prevent width squishing */\ntransform: translateY(-5px);\ntransform-origin: top center;\n}\n\n.dropdown-menu-mega.open {\ndisplay: grid !important; /* Override .dropdown-menu.open display: block */\ntransform: translateY(0);\noverflow: hidden; /* Clip content to dropdown boundaries */\n}\n\n/* Upward/Top Direction Variants */\n.dropdown-menu-up,\n.dropdown-menu-top {\ntop: auto;\nbottom: 100%;\nmargin-top: 0;\nmargin-bottom: 0.25rem;\ntransform: scale(0.95) translateY(5px);\ntransform-origin: bottom left;\n}\n\n.dropdown-menu-up.open,\n.dropdown-menu-top.open {\ntransform: scale(1) translateY(0);\n}\n\n.dropdown-menu-up.dropdown-menu-right,\n.dropdown-menu-top.dropdown-menu-right {\ntransform-origin: bottom right;\n}\n\n.dropdown-menu-up.dropdown-menu-center,\n.dropdown-menu-top.dropdown-menu-center {\ntransform: translateX(-50%) scale(0.95) translateY(5px);\ntransform-origin: bottom center;\n}\n\n.dropdown-menu-up.dropdown-menu-center.open,\n.dropdown-menu-top.dropdown-menu-center.open {\ntransform: translateX(-50%) scale(1) translateY(0);\n}\n\n/* Content Styles */\n.dropdown-header {\ndisplay: block;\npadding: 0.5rem 1rem;\nmargin-bottom: 0;\nfont-size: var(--text-xs);\nfont-weight: var(--font-semibold);\ncolor: var(--color-text-secondary);\nwhite-space: nowrap;\ntext-transform: uppercase;\nletter-spacing: 0.05em;\n}\n\n.dropdown-item {\ndisplay: flex;\nalign-items: center;\ngap: 0.75rem;\nwidth: 100%;\npadding: 0.5rem 1rem;\nclear: both;\nfont-weight: 400;\ncolor: var(--color-text-primary);\ntext-align: inherit;\nwhite-space: nowrap;\nbackground-color: transparent;\nborder: 0;\ncursor: pointer;\ntext-decoration: none;\ntransition: all 0.15s ease-in-out;\nfont-size: var(--text-sm);\n}\n\n.dropdown-item:hover,\n.dropdown-item:focus {\nbackground-color: var(--color-bg-secondary);\ncolor: var(--color-primary);\ntext-decoration: none;\noutline: none;\n}\n\n.dropdown-item.active {\nbackground-color: var(--color-primary-light);\ncolor: var(--color-primary);\n}\n\n.dropdown-item-description {\ndisplay: block;\nfont-size: var(--text-xs);\ncolor: var(--color-text-secondary);\nmargin-top: 0.125rem;\nwhite-space: normal;\n}\n\n/* Non-interactive text inside dropdown (e.g., email display) */\n.dropdown-item-text {\ndisplay: block;\npadding: 0.5rem 1rem;\nfont-size: var(--text-sm);\ncolor: var(--color-text-primary);\n}\n\n.dropdown-item:hover .dropdown-item-description {\ncolor: var(--color-text-neutral-dark);\n}\n\n.dropdown-divider {\nheight: 0;\nmargin: 0.375rem 0;\noverflow: hidden;\nborder-top: 1px solid var(--color-border-light);\n}\n\n/* Icon support */\n.dropdown-item-icon {\nwidth: 1rem;\nheight: 1rem;\ncolor: var(--color-text-muted);\nflex-shrink: 0;\n}\n\n.dropdown-item:hover .dropdown-item-icon {\ncolor: var(--color-primary);\n}\n\n/* Popovers */\n.popover-content {\nposition: absolute;\ntop: 100%;\nleft: 0;\nz-index: 50;\npadding: 1rem;\nmargin-top: 0.5rem;\nbackground-color: var(--color-bg-primary);\nborder: 1px solid var(--color-border);\nborder-radius: var(--radius-lg);\nbox-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n/* Flyout Animation Defaults */\nopacity: 0;\ntransform: scale(0.95) translateY(-5px);\ntransform-origin: top left;\ntransition: opacity 0.15s ease-out, transform 0.15s ease-out, visibility 0s linear 0.15s;\npointer-events: none;\nvisibility: hidden;\n}\n\n.popover-content.open {\nopacity: 1;\ntransform: scale(1) translateY(0);\npointer-events: auto;\nvisibility: visible;\ntransition-delay: 0s;\n}\n\n/* Popover Alignment Variants */\n.popover-content-right {\nleft: auto;\nright: 0;\ntransform-origin: top right;\n}\n\n.popover-content-center {\nleft: 50%;\ntransform: translateX(-50%) scale(0.95) translateY(-5px);\ntransform-origin: top center;\n}\n\n.popover-content-center.open {\ntransform: translateX(-50%) scale(1) translateY(0);\n}\n\n/* Upward/Top Direction Variants for Popovers */\n.popover-content-up,\n.popover-content-top {\ntop: auto;\nbottom: 100%;\nmargin-top: 0;\nmargin-bottom: 0.5rem;\ntransform: scale(0.95) translateY(5px);\ntransform-origin: bottom left;\n}\n\n.popover-content-up.open,\n.popover-content-top.open {\ntransform: scale(1) translateY(0);\n}\n\n.popover-content-up.popover-content-right,\n.popover-content-top.popover-content-right {\ntransform-origin: bottom right;\n}\n\n.popover-content-up.popover-content-center,\n.popover-content-top.popover-content-center {\ntransform: translateX(-50%) scale(0.95) translateY(5px);\ntransform-origin: bottom center;\n}\n\n.popover-content-up.popover-content-center.open,\n.popover-content-top.popover-content-center.open {\ntransform: translateX(-50%) scale(1) translateY(0);\n}\n}",[],[269,410,488,25,635],{"_105":643,"_96":644,"_155":645,"_157":512,"_158":140,"_159":646,"_161":162,"_107":647,"_101":32,"_164":184,"_166":648,"_167":22,"_168":-5,"_169":649,"_99":650},"0cd86b64-e2e9-11f0-8def-42dde27851f2","_fields.scss","0cd86c18-e2e9-11f0-8def-42dde27851f2",70,["D",1766815101919],".theme-scope {\n  /* Field Component Styles - Based on shadcn/ui */\n  \n  /* Field Container */\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: 0.375rem;\n  }\n  \n  .field:last-child {\n    margin-bottom: 0;\n  }\n  \n  /* Field orientations */\n  .field-horizontal {\n    flex-direction: row;\n    align-items: flex-start;\n    gap: 0.75rem;\n  }\n  \n  .field-responsive {\n    flex-direction: column;\n    \n    @media (min-width: 640px) {\n      flex-direction: row;\n      align-items: flex-start;\n      gap: 1.5rem;\n    }\n  }\n  \n  /* Field Label */\n  .field-label {\n    display: block;\n    margin-bottom: 0;\n    font-weight: var(--font-medium);\n    color: var(--color-text-primary);\n    font-size: var(--text-sm);\n    line-height: var(--leading-normal);\n  }\n  \n  .field-horizontal .field-label {\n    margin-bottom: 0;\n    margin-top: 0;\n    line-height: var(--leading-normal);\n  }\n  \n  /* Field Title (for non-input field headers) */\n  .field-title {\n    font-weight: var(--font-medium);\n    color: var(--color-text-primary);\n    font-size: var(--text-sm);\n    line-height: var(--leading-normal);\n    margin-bottom: 0;\n  }\n  \n  /* Field Description */\n  .field-description {\n    font-size: var(--text-sm);\n    color: var(--color-text-muted);\n    line-height: var(--leading-normal);\n    margin: 0;\n  }\n  \n  .field-horizontal .field-description {\n    font-size: var(--text-sm);\n    margin-bottom: 0;\n  }\n  \n  /* Description inside fieldset should have bottom margin for spacing before checkbox/radio groups */\n  .fieldset > .field-description {\n    margin-bottom: 0.75rem;\n  }\n  \n  /* Description that comes before an input gets bottom spacing */\n  .field-description + .form-input,\n  .field-description + .form-select,\n  .field-description + .form-textarea,\n  .field-description + input,\n  .field-description + select,\n  .field-description + textarea,\n  .field-description + .range-slider {\n    margin-top: 0;\n  }\n  \n  /* Tighter spacing for fieldset + description + field-group combo */\n  .fieldset .field-description + .field-group {\n    margin-top: 0;\n  }\n  \n  /* Field Content - wrapper for label + description in horizontal layouts */\n  .field-content {\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n    flex: 1;\n  }\n  \n  .field-horizontal .field-content {\n    flex: 1;\n  }\n  \n  .field-responsive .field-content {\n    flex: 0 0 auto;\n    min-width: 8rem;\n    \n    @media (min-width: 640px) {\n      min-width: 10rem;\n      max-width: 12rem;\n    }\n  }\n  \n  /* Fieldset */\n  .fieldset {\n    border: none;\n    padding: 0;\n    margin: 0;\n    min-width: 0;\n  }\n  \n  /* Field Legend */\n  .field-legend {\n    font-size: var(--text-lg);\n    font-weight: var(--font-semibold);\n    color: var(--color-text-primary);\n    margin-bottom: 0.375rem;\n    line-height: var(--leading-normal);\n  }\n  \n  .field-legend-label {\n    font-size: var(--text-sm);\n    font-weight: var(--font-medium);\n    line-height: var(--leading-normal);\n    margin-bottom: 0.375rem;\n  }\n  \n  /* Field Group - stacks multiple fields */\n  .field-group {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n  \n  /* Separators don't participate in gap - they have their own spacing */\n  .field-group > .field-separator {\n    margin: 0.5rem 0 !important;\n    flex-shrink: 0;\n  }\n  \n  .field-group.gap-3 {\n    gap: 0.5rem;\n  }\n  \n  /* Checkbox/Radio groups inside fieldset need consistent spacing */\n  .fieldset .field-group .field-horizontal {\n    margin-bottom: 0;\n  }\n  \n  /* Space-y utility override for consistent checkbox/radio spacing */\n  .space-y-2 > .field-horizontal {\n    margin-bottom: 0;\n  }\n  \n  .space-y-2 > .field-horizontal + .field-horizontal {\n    margin-top: 0.5rem;\n  }\n  \n  /* Container query support for responsive fields */\n  @container field-group (min-width: 640px) {\n    .field-responsive {\n      flex-direction: row;\n      align-items: flex-start;\n      gap: 1.5rem;\n    }\n  }\n  \n  /* Field Separator */\n  .field-separator {\n    display: block !important;\n    height: 1px;\n    background-color: var(--color-border);\n    margin: 0;\n    border: none;\n    width: 100%;\n  }\n  \n  /* Field Error State */\n  .field-invalid input,\n  .field-invalid textarea,\n  .field-invalid select,\n  .field-invalid .form-input,\n  .field-invalid .form-select {\n    border-color: var(--color-danger);\n  }\n  \n  .field-invalid input:focus,\n  .field-invalid textarea:focus,\n  .field-invalid select:focus,\n  .field-invalid .form-input:focus,\n  .field-invalid .form-select:focus {\n    border-color: var(--color-danger);\n    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);\n  }\n  \n  /* Field Error Message */\n  .field-error {\n    font-size: var(--text-sm);\n    color: var(--color-danger);\n    margin: 0;\n    line-height: var(--leading-normal);\n  }\n  \n  /* Choice Card - clickable field wrapper */\n  .field-choice-card {\n    display: block;\n    padding: 0.75rem 1rem;\n    border: 1px solid var(--color-choice-border);\n    border-radius: var(--radius-lg);\n    cursor: pointer;\n    transition: all 0.15s ease-in-out;\n    background-color: var(--color-choice-bg);\n  }\n  \n  .field-choice-card:hover {\n    background-color: var(--color-choice-bg-hover);\n    border-color: var(--color-choice-border-hover);\n  }\n  \n  .field-choice-card:has(input:checked) {\n    border-color: var(--color-choice-border-checked);\n    background-color: var(--color-choice-bg-checked);\n  }\n  \n  .field-choice-card:has(input:focus) {\n    outline: 2px solid var(--color-choice-ring);\n    outline-offset: 2px;\n  }\n  \n  /* Responsive field input sizing */\n  .field-responsive input,\n  .field-responsive textarea,\n  .field-responsive select,\n  .field-responsive .form-input,\n  .field-responsive .form-select {\n    width: 100%;\n    max-width: 100%;\n    \n    @media (min-width: 640px) {\n      width: 100%;\n      max-width: 24rem;\n      flex: 0 1 auto;\n    }\n  }\n  \n  /* Horizontal field adjustments for checkboxes/radios/toggles */\n  .field-horizontal input[type=\"checkbox\"],\n  .field-horizontal input[type=\"radio\"],\n  .field-horizontal .form-toggle {\n    margin-top: 0.125rem;\n    flex-shrink: 0;\n  }\n  \n  /* Reset field margins inside checkbox/radio groups to prevent double spacing */\n  .field-group .field-horizontal.field,\n  .space-y-2 .field-horizontal.field {\n    margin-bottom: 0;\n    gap: 0.625rem;\n  }\n  \n  /* Field buttons in horizontal layout */\n  .field-horizontal button {\n    margin-right: 0.5rem;\n  }\n  \n  .field-horizontal button:last-child {\n    margin-right: 0;\n  }\n  \n  /* Accessibility improvements */\n  .field input[aria-invalid=\"true\"],\n  .field textarea[aria-invalid=\"true\"],\n  .field select[aria-invalid=\"true\"] {\n    border-color: var(--color-danger);\n  }\n  \n  /* Field with description spacing adjustments */\n  .field:has(.field-description) .field-label,\n  .field:has(.field-description) .field-title {\n    margin-bottom: 0;\n  }\n  \n  /* Focus within container styling */\n  .field:has(input:focus) .field-label,\n  .field:has(textarea:focus) .field-label,\n  .field:has(select:focus) .field-label {\n    color: var(--color-primary);\n  }\n  \n  /* Range Slider (Two-headed slider) */\n  .range-slider {\n    position: relative;\n    width: 100%;\n    height: 1.25rem;\n    margin-top: 0.5rem;\n  }\n  \n  .range-slider-track {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    right: 0;\n    height: 0.25rem;\n    background: var(--color-border-light);\n    border-radius: var(--radius-full);\n    transform: translateY(-50%);\n  }\n  \n  .range-slider-range {\n    position: absolute;\n    height: 100%;\n    background: var(--color-primary);\n    border-radius: var(--radius-full);\n  }\n  \n  .range-slider-input {\n    position: absolute;\n    width: 100%;\n    height: 0.25rem;\n    top: 50%;\n    transform: translateY(-50%);\n    background: transparent;\n    pointer-events: none;\n    appearance: none;\n    -webkit-appearance: none;\n    margin: 0;\n    padding: 0;\n  }\n  \n  .range-slider-input::-webkit-slider-thumb {\n    appearance: none;\n    -webkit-appearance: none;\n    pointer-events: all;\n    width: 1rem;\n    height: 1rem;\n    background: var(--color-bg-primary);\n    border: 2px solid var(--color-primary);\n    border-radius: 50%;\n    cursor: pointer;\n    box-shadow: var(--shadow-sm);\n    transition: box-shadow 0.15s ease-in-out;\n  }\n  \n  .range-slider-input::-webkit-slider-thumb:hover {\n    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);\n  }\n  \n  .range-slider-input::-webkit-slider-thumb:active {\n    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);\n  }\n  \n  .range-slider-input::-moz-range-thumb {\n    pointer-events: all;\n    width: 1rem;\n    height: 1rem;\n    background: var(--color-bg-primary);\n    border: 2px solid var(--color-primary);\n    border-radius: 50%;\n    cursor: pointer;\n    box-shadow: var(--shadow-sm);\n    transition: box-shadow 0.15s ease-in-out;\n  }\n  \n  .range-slider-input::-moz-range-thumb:hover {\n    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);\n  }\n  \n  .range-slider-input::-moz-range-thumb:active {\n    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);\n  }\n  \n  .range-slider-input:focus {\n    outline: none;\n  }\n  \n  .range-slider-input:focus::-webkit-slider-thumb {\n    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15);\n  }\n  \n  .range-slider-input:focus::-moz-range-thumb {\n    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15);\n  }\n  \n  /* Z-index for overlapping sliders - min on top so it's accessible when at same position */\n  .range-slider-input-min {\n    z-index: 4;\n  }\n  \n  .range-slider-input-max {\n    z-index: 3;\n  }\n}\n",[],[269,410,488,25,644],{"_105":652,"_96":653,"_155":654,"_157":512,"_158":140,"_159":655,"_161":162,"_107":656,"_101":32,"_164":184,"_166":657,"_167":22,"_168":-5,"_169":658,"_99":659},"0cc50bc8-e2e9-11f0-bdaa-42dde27851f2","_forms.scss","0cc50c5e-e2e9-11f0-bdaa-42dde27851f2",68,["D",1766815101792],".theme-scope {\n/* Forms */\ninput[type=text],\ninput[type=email],\ninput[type=password],\ninput[type=number],\ninput[type=url],\ninput[type=search],\ninput[type=tel],\ninput[type=date],\ninput[type=time],\ninput[type=datetime-local],\ninput[type=month],\ninput[type=week],\ninput[type=file],\ntextarea,\nselect,\n.form-input,\n.form-select {\ndisplay: block;\nwidth: 100%;\nmargin: 0;\npadding: 0.5rem 0.625rem; /* Adjusted padding for better height */\nfont-size: var(--text-sm);\nline-height: var(--leading-normal);\ncolor: var(--color-text-primary);\nbackground-color: var(--color-bg-primary);\nborder: 1px solid var(--color-border-light);\nborder-radius: var(--radius-md);\ntransition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n/* Specificity override for Tailwind padding utilities */\n.form-input.pl-10 {\npadding-left: 2.5rem;\n}\n\n/* Border radius overrides for connected inputs (e.g., chat input with toolbar) */\n.form-input.rounded-none,\ntextarea.form-input.rounded-none,\ninput.form-input.rounded-none {\nborder-radius: 0;\n}\n\n.form-input.rounded-t-none,\ntextarea.form-input.rounded-t-none,\ninput.form-input.rounded-t-none {\nborder-top-left-radius: 0;\nborder-top-right-radius: 0;\n}\n\n.form-input.rounded-b-none,\ntextarea.form-input.rounded-b-none,\ninput.form-input.rounded-b-none {\nborder-bottom-left-radius: 0;\nborder-bottom-right-radius: 0;\n}\n\ninput[type=text]:focus,\ninput[type=email]:focus,\ninput[type=password]:focus,\ninput[type=number]:focus,\ninput[type=url]:focus,\ninput[type=search]:focus,\ninput[type=tel]:focus,\ninput[type=date]:focus,\ninput[type=time]:focus,\ninput[type=datetime-local]:focus,\ninput[type=month]:focus,\ninput[type=week]:focus,\ninput[type=file]:focus,\ntextarea:focus,\nselect:focus,\n.form-input:focus {\noutline: none;\nborder-color: var(--color-primary);\nbox-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n}\n\ninput[type=text]:disabled,\ninput[type=email]:disabled,\ninput[type=password]:disabled,\ninput[type=number]:disabled,\ninput[type=url]:disabled,\ninput[type=search]:disabled,\ninput[type=tel]:disabled,\ninput[type=date]:disabled,\ninput[type=time]:disabled,\ninput[type=datetime-local]:disabled,\ninput[type=month]:disabled,\ninput[type=week]:disabled,\ninput[type=file]:disabled,\ntextarea:disabled,\nselect:disabled,\n.form-input:disabled {\nbackground-color: var(--color-bg-secondary);\ncolor: var(--color-text-muted);\ncursor: not-allowed;\n}\n\ninput[readonly],\ntextarea[readonly],\n.form-input[readonly] {\nbackground-color: var(--color-bg-secondary);\ncolor: var(--color-text-secondary);\n}\n\n/* Textarea auto-grow */\ntextarea {\nresize: vertical;\nmin-height: 80px;\noverflow: hidden;\n}\n\ntextarea.no-auto-grow {\nresize: both;\noverflow: auto;\n}\n\n/* Select dropdown arrow - matches button dropdown chevron style */\nselect,\n.form-select {\nappearance: none;\n-webkit-appearance: none;\n-moz-appearance: none;\nbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%236b7280' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z'/%3E%3C/svg%3E\");\nbackground-repeat: no-repeat;\nbackground-position: right 0.5rem center;\nbackground-size: 1.25rem 1.25rem;\npadding-right: 2.5rem;\n}\n\nselect:disabled,\n.form-select:disabled {\nbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23cbd5e1' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z'/%3E%3C/svg%3E\");\n}\n\n/* Labels */\nlabel,\n.form-label {\ndisplay: block;\nmargin-bottom: 0.5rem;\nfont-weight: var(--font-medium);\ncolor: var(--color-text-primary);\nfont-size: var(--text-sm);\n}\n\n/* Inline label - for use alongside checkboxes, radios, toggles */\n.form-label-inline,\n.form-label.inline {\ndisplay: inline;\nmargin-bottom: 0;\n}\n\n/* Checkbox/Radio field wrapper - inline label + input pattern */\n.field-check,\nlabel.field-check {\ndisplay: flex;\nalign-items: flex-start;\ngap: 0.5rem;\ncursor: pointer;\nmargin-bottom: 0;\n}\n\n.field-check.items-center {\nalign-items: center;\n}\n\n.field-check input[type=checkbox],\n.field-check input[type=radio] {\nmargin-top: 0.125rem; /* Align with first line of text */\nflex-shrink: 0;\n}\n\n.field-check.items-center input[type=checkbox],\n.field-check.items-center input[type=radio] {\nmargin-top: 0;\n}\n\n.field-check > span,\n.field-check > div {\nflex: 1;\n}\n\n.field-check .field-check-label {\nfont-weight: var(--font-medium);\nfont-size: var(--text-sm);\ncolor: var(--color-text-primary);\nline-height: 1.25;\n}\n\n.field-check .field-check-description {\nfont-size: var(--text-sm);\ncolor: var(--color-text-muted);\nmargin-top: 0.25rem;\n}\n\n/* Checkboxes and Radio Buttons */\ninput[type=checkbox],\ninput[type=radio],\n.form-checkbox,\n.form-radio {\ndisplay: inline-block;\nwidth: 1rem;\nheight: 1rem;\nmin-width: 1rem;\nflex-shrink: 0;\nbackground-color: var(--color-control-bg);\nborder: 1px solid var(--color-control-border);\nborder-radius: var(--radius-sm);\ncursor: pointer;\ntransition: all 0.15s ease-in-out;\naccent-color: var(--color-control-checked);\n}\n\ninput[type=radio] {\nborder-radius: 50%;\n}\n\ninput[type=checkbox]:hover,\ninput[type=radio]:hover {\nbackground-color: var(--color-control-bg-hover);\nborder-color: var(--color-control-border-hover);\n}\n\ninput[type=checkbox]:checked,\ninput[type=radio]:checked {\nbackground-color: var(--color-control-checked);\nborder-color: var(--color-control-checked-border);\n}\n\ninput[type=checkbox]:checked:hover,\ninput[type=radio]:checked:hover {\nbackground-color: var(--color-control-checked-hover);\nborder-color: var(--color-control-checked-hover);\n}\n\ninput[type=checkbox]:focus,\ninput[type=radio]:focus {\noutline: none;\nbox-shadow: 0 0 0 3px var(--color-control-ring);\n}\n\n/* Range Slider */\ninput[type=range],\n.form-range {\nwidth: 100%;\nheight: 0.25rem;\nbackground: var(--color-border-light);\nborder-radius: var(--radius-full);\noutline: none;\ncursor: pointer;\nappearance: none;\n-webkit-appearance: none;\n}\n\ninput[type=range]::-webkit-slider-runnable-track,\n.form-range::-webkit-slider-runnable-track {\nwidth: 100%;\nheight: 0.25rem;\nbackground: var(--color-border-light);\nborder-radius: var(--radius-full);\n}\n\ninput[type=range]::-webkit-slider-thumb,\n.form-range::-webkit-slider-thumb {\nappearance: none;\n-webkit-appearance: none;\nwidth: 1rem;\nheight: 1rem;\nbackground: var(--color-bg-primary);\nborder: 2px solid var(--color-primary);\nborder-radius: 50%;\ncursor: pointer;\nmargin-top: -0.375rem;\nbox-shadow: var(--shadow-sm);\ntransition: box-shadow 0.15s ease-in-out;\n}\n\ninput[type=range]::-webkit-slider-thumb:hover,\n.form-range::-webkit-slider-thumb:hover {\nbox-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);\n}\n\ninput[type=range]::-webkit-slider-thumb:active,\n.form-range::-webkit-slider-thumb:active {\nbox-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);\n}\n\ninput[type=range]::-moz-range-track,\n.form-range::-moz-range-track {\nwidth: 100%;\nheight: 0.25rem;\nbackground: var(--color-border-light);\nborder-radius: var(--radius-full);\nborder: none;\n}\n\ninput[type=range]::-moz-range-thumb,\n.form-range::-moz-range-thumb {\nwidth: 1rem;\nheight: 1rem;\nbackground: var(--color-bg-primary);\nborder: 2px solid var(--color-primary);\nborder-radius: 50%;\ncursor: pointer;\nbox-shadow: var(--shadow-sm);\ntransition: box-shadow 0.15s ease-in-out;\n}\n\ninput[type=range]::-moz-range-thumb:hover,\n.form-range::-moz-range-thumb:hover {\nbox-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);\n}\n\ninput[type=range]::-moz-range-thumb:active,\n.form-range::-moz-range-thumb:active {\nbox-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);\n}\n\ninput[type=range]:focus,\n.form-range:focus {\noutline: none;\n}\n\ninput[type=range]:focus::-webkit-slider-thumb,\n.form-range:focus::-webkit-slider-thumb {\nbox-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15);\n}\n\ninput[type=range]:focus::-moz-range-thumb,\n.form-range:focus::-moz-range-thumb {\nbox-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15);\n}\n\n/* Toggle Switch */\ninput[type=checkbox].form-toggle {\n  appearance: none;\n  width: 2.75rem;\n  height: 1.5rem;\n  background-color: var(--color-toggle-bg);\n  border-radius: var(--radius-full);\n  position: relative;\n  cursor: pointer;\n  outline: none;\n  transition: background-color 0.2s ease-in-out;\n  border: none;\n  flex-shrink: 0; /* Prevent squashing in flex containers */\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.form-toggle::after {\ncontent: \"\";\nposition: absolute;\ntop: 0.125rem;\nleft: 0.125rem;\nwidth: 1.25rem;\nheight: 1.25rem;\nbackground-color: var(--color-toggle-knob);\nborder-radius: 50%;\nbox-shadow: var(--shadow-sm);\ntransition: transform 0.2s ease-in-out;\n}\n\ninput[type=checkbox].form-toggle:checked {\nbackground-color: var(--color-toggle-bg-checked);\nborder-color: transparent;\n}\n\n.form-toggle:checked::after {\ntransform: translateX(1.25rem);\n}\n\ninput[type=checkbox].form-toggle:focus {\nbox-shadow: 0 0 0 3px var(--color-control-ring);\n}\n\ninput[type=checkbox].form-toggle:disabled {\nopacity: 0.5;\ncursor: not-allowed;\n}\n\n/* Input Group */\n.input-group {\ndisplay: flex;\nposition: relative;\nwidth: 100%;\nalign-items: stretch;\n}\n\n.input-group-text {\ndisplay: flex;\nalign-items: center;\npadding: 0.5rem 0.625rem;\nfont-size: var(--text-sm);\nfont-weight: 400;\nline-height: var(--leading-normal);\ncolor: var(--color-text-secondary);\ntext-align: center;\nwhite-space: nowrap;\nbackground-color: var(--color-bg-secondary);\nborder: 1px solid var(--color-border-light);\nborder-radius: var(--radius-md);\n}\n\n/* Remove margin from labels inside or as input-group-text */\nlabel.input-group-text,\n.form-label.input-group-text,\n.input-group-text label,\n.input-group-text .form-label {\nmargin-bottom: 0;\n}\n\n.input-group .form-input,\n.input-group .form-select {\nflex: 1 1 auto;\nwidth: 1%;\nmin-width: 0;\nborder-radius: var(--radius-md);\n}\n\n.input-group textarea {\nmin-height: auto;\nheight: auto;\n}\n\n.input-group > :not(:first-child) {\nmargin-left: -1px;\nborder-top-left-radius: 0;\nborder-bottom-left-radius: 0;\n}\n\n.input-group > :not(:last-child) {\nborder-top-right-radius: 0;\nborder-bottom-right-radius: 0;\n}\n\n.input-group .form-input:focus,\n.input-group .form-select:focus,\n.input-group .btn-primary:focus,\n.input-group .btn-secondary:focus,\n.input-group .action-btn:focus {\nz-index: 20;\nposition: relative;\n}\n\n.input-group .btn-primary,\n.input-group .btn-secondary,\n.input-group .action-btn {\nposition: relative;\nz-index: 10;\n}\n}",[],[269,410,488,25,653],{"_105":661,"_96":662,"_155":663,"_157":512,"_158":140,"_159":664,"_161":162,"_107":665,"_101":32,"_164":184,"_166":666,"_167":22,"_168":-5,"_169":667,"_99":668},"0ce223ac-e2e9-11f0-bdaa-42dde27851f2","_items.scss","0ce22460-e2e9-11f0-bdaa-42dde27851f2",73,["D",1766815101950],".theme-scope {\n/* Items Component */\n.item {\n  display: flex;\n  flex-direction: column;\n  padding: 1rem;\n  background-color: var(--color-bg-primary);\n  border: 1px solid var(--color-border);\n  border-radius: var(--radius-lg);\n  transition: background-color 0.15s ease, border-color 0.15s ease;\n}\n\n.item:hover {\n  background-color: var(--color-bg-secondary);\n}\n\n.item-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 0.75rem;\n  padding-bottom: 0.75rem;\n  border-bottom: 1px solid var(--color-border);\n}\n\n.item-content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n}\n\n.item-title {\n  font-weight: var(--font-medium);\n  font-size: var(--text-base);\n  color: var(--color-text-primary);\n  margin-bottom: 0.25rem;\n}\n\n.item-description {\n  font-size: var(--text-sm);\n  color: var(--color-text-secondary);\n  line-height: var(--leading-normal);\n}\n\n.item-actions {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  // margin-top: 0.75rem; // messes with \"Item with Header & Footer\" cards\n}\n\n.item-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 0.75rem;\n  padding-top: 0.75rem;\n  border-top: 1px solid var(--color-border);\n  font-size: var(--text-sm);\n  color: var(--color-text-secondary);\n}\n\n/* Item with flex layout (for horizontal items with avatars) */\n.item > .flex {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n\n.item > .flex > .item-content {\n  margin-top: 0;\n}\n}\n",[],[269,410,488,25,662],{"_105":670,"_96":671,"_155":672,"_157":512,"_158":140,"_159":673,"_161":162,"_107":674,"_101":32,"_164":184,"_166":675,"_167":22,"_168":-5,"_169":676,"_99":677},"0cac52e0-e2e9-11f0-8def-42dde27851f2","_lists.scss","0cac540c-e2e9-11f0-8def-42dde27851f2",63,["D",1766815101630],".theme-scope {\n/* Lists */\nul, ol {\nmargin-bottom: 1rem;\npadding-left: 1.5rem;\ncolor: var(--color-text-neutral);\n}\n\nul {\nlist-style-type: disc;\n}\n\nol {\nlist-style-type: decimal;\n}\n\nli {\nmargin-bottom: 0.5rem;\n}\n\nul ul, ol ol {\nmargin-top: 0.5rem;\nmargin-bottom: 0.5rem;\n}\n\n.list-none {\nlist-style-type: none;\npadding-left: 0;\n}\n\n/* Description Lists */\ndl {\nmargin-bottom: 1rem;\n}\n\ndt {\nfont-weight: var(--font-semibold);\ncolor: var(--color-text-primary);\nmargin-bottom: 0.25rem;\n}\n\ndd {\nmargin-left: 1.5rem;\nmargin-bottom: 0.75rem;\ncolor: var(--color-text-secondary);\n}\n}",[],[269,410,488,25,671],{"_105":679,"_96":680,"_155":681,"_157":512,"_158":140,"_159":682,"_161":162,"_107":683,"_101":32,"_164":184,"_166":684,"_167":22,"_168":-5,"_169":685,"_99":686},"0ceaac3e-e2e9-11f0-b941-42dde27851f2","_pagination.scss","0ceaad06-e2e9-11f0-b941-42dde27851f2",74,["D",1766815102039],".theme-scope {\n  /* Pagination */\n  .pagination {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start; /* Or center depending on pref, usually start or based on container */\n  }\n\n  .pagination-content {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 0.25rem;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  .pagination-item {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 2.25rem;\n    height: 2.25rem;\n    padding: 0 0.75rem;\n    font-size: var(--text-sm);\n    font-weight: var(--font-medium);\n    color: var(--color-text-primary);\n    background-color: transparent;\n    border-radius: var(--radius-md);\n    text-decoration: none;\n    transition: all 0.15s ease-in-out;\n    cursor: pointer;\n\n    &:hover {\n      background-color: var(--color-bg-secondary);\n      color: var(--color-text-primary);\n    }\n\n    &.active {\n      background-color: var(--color-white);\n      color: var(--color-text-primary);\n      border: 1px solid var(--color-border);\n      font-weight: var(--font-semibold);\n      /* Box shadow similar to buttons if needed, or flat */\n      box-shadow: var(--shadow-sm);\n    }\n\n    &.icon-only {\n      padding: 0;\n      width: 2.25rem;\n    }\n  }\n\n  .pagination-previous,\n  .pagination-next {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding-left: 0.75rem;\n    padding-right: 0.75rem;\n    width: auto;\n\n    svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .pagination-ellipsis {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 2.25rem;\n    height: 2.25rem;\n    color: var(--color-text-muted);\n  }\n}\n",[],[269,410,488,25,680],{"_105":688,"_96":689,"_155":690,"_157":512,"_158":140,"_159":691,"_161":162,"_107":692,"_101":32,"_164":184,"_166":693,"_167":22,"_168":-5,"_169":694,"_99":695},"0c892f7c-e2e9-11f0-b39b-42dde27851f2","_semantic.scss","0c893026-e2e9-11f0-b39b-42dde27851f2",57,["D",1766815101401],"/* ===================================\n   Semantic CSS Classes\n   Replaces common Tailwind utility patterns with themeable classes\n   =================================== */\n\n.theme-scope {\n\n  /* ===================================\n     Section & Module Layout\n     =================================== */\n  \n  /* Section heading - replaces \"text-lg font-semibold mb-4\" */\n  .section-heading {\n    font-size: var(--text-lg);\n    font-weight: var(--font-semibold);\n    color: var(--color-text-primary);\n    margin-bottom: 1rem;\n    line-height: var(--leading-tight);\n  }\n\n  /* Section description - replaces \"text-sm text-gray-500/600 mb-4\" */\n  .section-description {\n    font-size: var(--text-sm);\n    color: var(--color-text-muted);\n    margin-bottom: 1rem;\n  }\n\n  /* Sub-heading - replaces \"text-sm font-medium mb-2\" */\n  .subsection-heading {\n    font-size: var(--text-sm);\n    font-weight: var(--font-medium);\n    color: var(--color-text-secondary);\n    margin-bottom: 0.5rem;\n  }\n\n  /* Caption / small label - replaces \"text-xs text-gray-500\" */\n  .caption {\n    font-size: var(--text-xs);\n    color: var(--color-text-muted);\n  }\n\n  /* Fine print - small muted text for disclaimers */\n  .fine-print {\n    font-size: var(--text-sm);\n    color: var(--color-text-muted);\n  }\n\n  /* ===================================\n     Brand & Hero Typography\n     =================================== */\n  \n  /* Brand text - bold logo typography */\n  .brand-text {\n    font-size: var(--text-xl);\n    font-weight: var(--font-bold);\n    letter-spacing: -0.025em;\n    color: var(--color-text-primary);\n  }\n\n  /* Hero title - large marketing headline */\n  .hero-title {\n    font-size: var(--text-4xl);\n    font-weight: var(--font-extrabold);\n    letter-spacing: -0.025em;\n    color: var(--color-text-primary);\n    line-height: 1.1;\n  }\n\n  @media (min-width: 768px) {\n    .hero-title {\n      font-size: var(--text-5xl);\n    }\n  }\n\n  /* Hero accent - highlighted text in hero */\n  .hero-accent {\n    color: var(--color-primary);\n  }\n\n  /* Hero description - subtitle for hero */\n  .hero-description {\n    font-size: var(--text-lg);\n    color: var(--color-text-secondary);\n  }\n\n  /* Nav link - navigation menu link */\n  .nav-link {\n    display: inline-flex;\n    align-items: center;\n    font-size: var(--text-sm);\n    font-weight: var(--font-medium);\n    color: var(--color-text-secondary);\n    text-decoration: none;\n    transition: color 0.15s ease;\n    \n    &:hover {\n      color: var(--color-text-primary);\n    }\n  }\n\n  /* Footer link */\n  .footer-link {\n    color: var(--color-text-secondary);\n    text-decoration: none;\n    transition: color 0.15s ease;\n    \n    &:hover {\n      color: var(--color-primary);\n    }\n  }\n\n  /* Social link - icon link */\n  .social-link {\n    color: var(--color-text-muted);\n    transition: color 0.15s ease;\n    \n    &:hover {\n      color: var(--color-text-secondary);\n    }\n  }\n\n  /* Badge dark - dark background badge */\n  .badge-dark {\n    background-color: var(--color-text-primary);\n    color: var(--color-white);\n    padding: 0.25rem 0.5rem;\n    border-radius: var(--radius-lg);\n    font-size: var(--text-xs);\n    font-weight: var(--font-medium);\n    display: inline-block;\n  }\n\n  /* Icon placeholder - for placeholder images/icons */\n  .icon-placeholder {\n    color: var(--color-border-default);\n    opacity: 0.6;\n  }\n\n  /* Text/Background accent - uses primary color for branded text */\n  .text-accent {\n    color: var(--color-primary);\n  }\n\n  .bg-accent {\n    background-color: var(--color-primary);\n  }\n\n  .bg-accent-light {\n    background-color: var(--color-primary-ring);\n  }\n\n  .border-accent {\n    border-color: var(--color-primary);\n  }\n\n  /* Loading spinner */\n  .loading-spinner {\n    color: var(--color-primary);\n    animation: spin 1s linear infinite;\n  }\n\n  /* Status dots - small indicator circles */\n  .status-dot {\n    width: 0.5rem;\n    height: 0.5rem;\n    border-radius: 50%;\n  }\n\n  .status-success {\n    background-color: var(--color-success);\n  }\n\n  .status-danger {\n    background-color: var(--color-danger);\n  }\n\n  .status-warning {\n    background-color: var(--color-warning);\n  }\n\n  /* Interactive danger variant */\n  .interactive-danger {\n    &:hover {\n      background-color: var(--color-danger-bg);\n    }\n  }\n\n  /* Ghost button danger variant */\n  .btn-ghost-danger {\n    color: var(--color-danger);\n    \n    &:hover {\n      color: var(--color-danger);\n      background-color: var(--color-danger-bg);\n    }\n  }\n\n  /* ===================================\n     Semantic Text Colors\n     =================================== */\n  \n  .text-success {\n    color: var(--color-success);\n  }\n\n  .text-warning {\n    color: var(--color-warning);\n  }\n\n  .text-danger {\n    color: var(--color-danger);\n  }\n\n  .text-inverse {\n    color: var(--color-white);\n  }\n\n  .text-muted {\n    color: var(--color-text-muted);\n  }\n\n  /* Help text - replaces \"text-sm text-gray-500 mt-1\" */\n  .help-text {\n    font-size: var(--text-sm);\n    color: var(--color-text-muted);\n    margin-top: 0.25rem;\n  }\n\n  /* ===================================\n     Demo / Preview Containers\n     =================================== */\n  \n  /* Demo container - replaces \"p-8 border border-gray-200 rounded-lg bg-gray-50\" */\n  .demo-container {\n    padding: 2rem;\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-lg);\n    background-color: var(--color-bg-muted);\n  }\n\n  /* Demo container with fixed height */\n  .demo-container-tall {\n    padding: 2rem;\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-lg);\n    background-color: var(--color-bg-muted);\n    min-height: 16rem;\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    position: relative;\n    overflow: visible;\n    z-index: 10;\n  }\n\n  /* Demo container smaller variant */\n  .demo-container-sm {\n    padding: 1rem;\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-lg);\n    background-color: var(--color-bg-muted);\n  }\n\n  /* Surface - generic box with bg and border */\n  .surface {\n    background-color: var(--color-bg-primary);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n  }\n\n  .surface-muted {\n    background-color: var(--color-bg-muted);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n  }\n\n  /* ===================================\n     Text Styles (Semantic)\n     =================================== */\n  \n  /* Primary text - replaces \"text-gray-900\" */\n  .text-primary {\n    color: var(--color-text-primary);\n  }\n\n  /* Secondary text - replaces \"text-gray-700/600\" */\n  .text-secondary {\n    color: var(--color-text-secondary);\n  }\n\n  /* Muted text - replaces \"text-gray-500/400\" */\n  .text-muted {\n    color: var(--color-text-muted);\n  }\n\n  /* Accent text - replaces \"text-blue-600\" */\n  .text-accent {\n    color: var(--color-primary);\n  }\n\n  /* Success text - replaces \"text-green-500/600\" */\n  .text-success {\n    color: var(--color-success);\n  }\n\n  /* Danger/Error text - replaces \"text-red-500/600\" */\n  .text-danger {\n    color: var(--color-danger);\n  }\n\n  /* Warning text - replaces \"text-orange-400/500\" */\n  .text-warning {\n    color: var(--color-warning);\n  }\n\n  /* ===================================\n     Background Styles\n     =================================== */\n  \n  /* Primary bg - replaces \"bg-white\" */\n  .bg-primary {\n    background-color: var(--color-bg-primary);\n  }\n\n  /* Muted bg - replaces \"bg-gray-50/100\" */\n  .bg-muted {\n    background-color: var(--color-bg-muted);\n  }\n\n  /* Secondary bg - replaces \"bg-gray-100/200\" */\n  .bg-secondary {\n    background-color: var(--color-bg-secondary);\n  }\n\n  /* ===================================\n     Interactive Elements\n     =================================== */\n  \n  /* Interactive surface - replaces \"hover:bg-gray-50 transition-colors\" */\n  .interactive {\n    transition: background-color 0.15s ease, color 0.15s ease;\n  }\n\n  .interactive:hover {\n    background-color: var(--color-bg-muted);\n  }\n\n  /* Interactive link - replaces \"text-gray-600 hover:text-gray-900\" */\n  .interactive-link {\n    color: var(--color-text-secondary);\n    transition: color 0.15s ease;\n  }\n\n  .interactive-link:hover {\n    color: var(--color-text-primary);\n  }\n\n  /* Accent link - replaces \"text-gray-600 hover:text-blue-600\" */\n  .accent-link {\n    color: var(--color-text-secondary);\n    transition: color 0.15s ease;\n  }\n\n  .accent-link:hover {\n    color: var(--color-primary);\n  }\n\n  /* ===================================\n     Icons\n     =================================== */\n  \n  /* Icon muted - replaces \"text-gray-400\" on icons */\n  .icon-muted {\n    color: var(--color-text-muted);\n  }\n\n  /* Icon on hover */\n  .icon-interactive {\n    color: var(--color-text-muted);\n    transition: color 0.15s ease;\n  }\n\n  .icon-interactive:hover {\n    color: var(--color-text-secondary);\n  }\n\n  /* Icon success */\n  .icon-success {\n    color: var(--color-success);\n  }\n\n  /* Icon danger */\n  .icon-danger {\n    color: var(--color-danger);\n  }\n\n  /* Icon warning */\n  .icon-warning {\n    color: var(--color-warning);\n  }\n\n  /* Icon accent/primary */\n  .icon-accent {\n    color: var(--color-primary);\n  }\n\n  /* ===================================\n     Border Styles\n     =================================== */\n  \n  /* Default border - replaces \"border border-gray-200\" */\n  // .border-default {\n  //   border: 1px solid var(--color-border);\n  // }\n\n  /* Light border - replaces \"border border-gray-100\" */\n  .border-light {\n    border: 1px solid var(--color-border-light);\n  }\n\n  /* Divider - replaces \"border-t border-gray-200\" */\n  .divider {\n    border-top: 1px solid var(--color-border);\n  }\n\n  .divider-b {\n    border-bottom: 1px solid var(--color-border);\n  }\n\n  /* ===================================\n     Stats / Metrics\n     =================================== */\n  \n  /* Stat box - replaces \"p-3 bg-gray-50 rounded-lg\" */\n  .stat-box {\n    padding: 0.75rem;\n    background-color: var(--color-bg-muted);\n    border-radius: var(--radius-lg);\n  }\n\n  /* Stat label - replaces \"text-xs text-gray-500 uppercase tracking-wide\" */\n  .stat-label {\n    font-size: var(--text-xs);\n    color: var(--color-text-muted);\n    text-transform: uppercase;\n    letter-spacing: var(--tracking-wide);\n  }\n\n  /* Stat value - replaces \"text-2xl font-bold\" */\n  .stat-value {\n    font-size: var(--text-2xl);\n    font-weight: var(--font-bold);\n    color: var(--color-text-primary);\n  }\n\n  /* Stat change positive - replaces \"text-xs text-green-600\" */\n  .stat-change-positive {\n    font-size: var(--text-xs);\n    color: var(--color-success);\n  }\n\n  /* Stat change negative - replaces \"text-xs text-red-600\" */\n  .stat-change-negative {\n    font-size: var(--text-xs);\n    color: var(--color-danger);\n  }\n\n  /* ===================================\n     Navigation Elements\n     =================================== */\n  \n  /* Nav link - replaces \"text-sm font-medium text-gray-600 hover:text-gray-900\" */\n  .nav-link {\n    font-size: var(--text-sm);\n    font-weight: var(--font-medium);\n    color: var(--color-text-secondary);\n    transition: color 0.15s ease;\n    text-decoration: none;\n  }\n\n  .nav-link:hover {\n    color: var(--color-text-primary);\n  }\n\n  /* Brand text - replaces \"text-xl font-bold tracking-tight text-gray-900\" */\n  .brand-text {\n    font-size: var(--text-xl);\n    font-weight: var(--font-bold);\n    letter-spacing: var(--tracking-tight);\n    color: var(--color-text-primary);\n  }\n\n  /* Footer link - replaces \"text-gray-600 hover:text-blue-600\" */\n  .footer-link {\n    color: var(--color-text-secondary);\n    transition: color 0.15s ease;\n    text-decoration: none;\n  }\n\n  .footer-link:hover {\n    color: var(--color-primary);\n  }\n\n  /* Social link - replaces \"text-gray-400 hover:text-gray-600\" */\n  .social-link {\n    color: var(--color-text-muted);\n    transition: color 0.15s ease;\n  }\n\n  .social-link:hover {\n    color: var(--color-text-secondary);\n  }\n\n  /* ===================================\n     Hero / Marketing Sections\n     =================================== */\n  \n  /* Hero title - replaces \"text-4xl md:text-5xl font-extrabold tracking-tight text-gray-900\" */\n  .hero-title {\n    font-size: var(--text-4xl);\n    font-weight: 800;\n    letter-spacing: var(--tracking-tight);\n    color: var(--color-text-primary);\n    line-height: var(--leading-tight);\n  }\n\n  /* Hero accent - replaces \"text-blue-600\" inside hero */\n  .hero-accent {\n    color: var(--color-primary);\n  }\n\n  /* Hero description - replaces \"text-lg text-gray-600\" */\n  .hero-description {\n    font-size: var(--text-lg);\n    color: var(--color-text-secondary);\n  }\n\n  /* Fine print - replaces \"text-sm text-gray-500\" */\n  .fine-print {\n    font-size: var(--text-sm);\n    color: var(--color-text-muted);\n  }\n\n  /* ===================================\n     Panel / Section Styling\n     =================================== */\n  \n  /* Panel header - for accordion, collapsible headers */\n  .panel-header {\n    width: 100%;\n    padding: 0.75rem 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background-color: var(--color-bg-primary);\n    border-radius: var(--radius-lg);\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    transition: background-color 0.15s ease;\n    cursor: pointer;\n  }\n\n  /* Show border-bottom when panel is open (next sibling is visible) */\n  .panel-header:has(+ *:not([style*=\"display: none\"])):not(:has(+ [x-show]:not([style]))) {\n    border-bottom: 1px solid var(--color-border);\n  }\n\n  /* Alternative: when aria-expanded is true */\n  .panel-header[aria-expanded=\"true\"] {\n    border-bottom: 1px solid var(--color-border);\n  }\n\n  .panel-header:hover {\n    background-color: var(--color-bg-muted);\n  }\n\n  .accordion-borderless .panel-header {\n    border-radius: 0;\n    background-color: transparent;\n  }\n\n  .accordion-borderless .panel-header[aria-expanded=\"true\"] {\n    border-bottom: none;\n  }\n\n  .accordion-borderless .panel-header:hover {\n    background-color: var(--color-bg-muted);\n  }\n\n  /* Panel content */\n  .panel-content {\n    padding: 1rem;\n    font-size: var(--text-sm);\n    color: var(--color-text-secondary);\n  }\n\n  /* ===================================\n     Grid Wrappers\n     =================================== */\n  \n  /* Two-column grid - replaces \"grid grid-cols-2 gap-4\" */\n  .grid-2 {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n\n  /* Two-column responsive grid */\n  .grid-2-responsive {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  @media (min-width: 768px) {\n    .grid-2-responsive {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  /* ===================================\n     Focus States\n     =================================== */\n  \n  /* Focus ring - replaces focus:ring-2 focus:ring-blue-500 */\n  .focus-ring:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px var(--color-primary-ring);\n    border-color: var(--color-primary);\n  }\n\n  .focus-ring:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 2px var(--color-primary-ring);\n    border-color: var(--color-primary);\n  }\n\n  /* ===================================\n     Tooltip\n     =================================== */\n  \n  .tooltip {\n    position: absolute;\n    bottom: 100%;\n    right: 0;\n    margin-bottom: 0.5rem;\n    padding: 0.375rem 0.75rem;\n    font-size: var(--text-xs);\n    color: var(--color-white);\n    background-color: var(--color-text-primary);\n    border-radius: var(--radius-md);\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n    white-space: nowrap;\n    z-index: 50;\n    pointer-events: none;\n  }\n\n  .tooltip-arrow {\n    position: absolute;\n    top: 100%;\n    right: 0.375rem;\n    margin-top: -0.25rem;\n    border-width: 0.25rem;\n    border-style: solid;\n    border-color: var(--color-text-primary) transparent transparent transparent;\n  }\n\n}\n\n",[],[269,410,488,25,689],{"_105":697,"_96":698,"_155":699,"_157":512,"_158":140,"_159":700,"_161":162,"_107":701,"_101":32,"_164":184,"_166":702,"_167":22,"_168":-5,"_169":703,"_99":704},"0cde13e8-e2e9-11f0-8def-42dde27851f2","_tables.scss","0cde149c-e2e9-11f0-8def-42dde27851f2",72,["D",1766815101958],".theme-scope {\n/* Tables */\ntable {\nwidth: 100%;\nmargin-bottom: 1rem;\n}\n\nth {\npadding: 0.75rem;\nfont-weight: var(--font-semibold);\ntext-align: left;\ncolor: var(--color-text-primary);\nborder-bottom: 1px solid var(--color-border);\n}\n\ntd {\npadding: 0.75rem;\ncolor: var(--color-text-neutral);\nborder-bottom: 1px solid var(--color-border);\n}\n\n/* Remove border on last row */\ntbody tr:last-child td {\nborder-bottom: none;\n}\n\n/* App Table - bordered table with rounded corners */\n.app-table {\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 0;\n  border: 1px solid var(--color-border);\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  margin-bottom: 1rem;\n  \n  th, td {\n    border: none;\n    border-bottom: 1px solid var(--color-border);\n  }\n  \n  th {\n    background-color: var(--color-bg-secondary);\n  }\n  \n  /* Remove bottom border from last row */\n  tbody tr:last-child td {\n    border-bottom: none;\n  }\n  \n  /* Add right borders for cell separation (except last cell) */\n  th:not(:last-child),\n  td:not(:last-child) {\n    border-right: 1px solid var(--color-border);\n  }\n}\n\n.data-table td {\n  padding: 0.25rem 1rem;\n}\n\n.data-table th {\n  padding: 0.5rem 1rem;\n  height: 1.3rem;\n}\n\ntr:hover {\nbackground-color: var(--color-bg-secondary);\n}\n\n/* Compact Table (Shadcn-style) */\n.table-compact {\n  border-collapse: collapse;\n  background-color: var(--color-bg-primary);\n  \n  caption {\n    caption-side: bottom;\n    text-align: left;\n    color: var(--color-text-muted);\n    font-size: var(--text-sm);\n    padding: 0.75rem 1rem;\n    margin-top: 0;\n  }\n  \n  thead {\n    background-color: transparent;\n    \n    tr {\n      border-bottom: 1px solid var(--color-border);\n      transition: none;\n      \n      &:hover {\n        background-color: transparent;\n      }\n    }\n    \n    th {\n      height: 3rem;\n      padding: 0.75rem 1rem;\n      text-align: left;\n      font-weight: var(--font-medium);\n      color: var(--color-text-muted);\n      font-size: var(--text-sm);\n      vertical-align: middle;\n      background-color: transparent;\n      border: none;\n      border-bottom: 1px solid var(--color-border);\n      \n      &.text-right {\n        text-align: right;\n      }\n    }\n  }\n  \n  tbody {\n    tr {\n      border-bottom: 1px solid var(--color-border);\n      transition: background-color 0.2s ease;\n      \n      &:hover {\n        background-color: var(--color-bg-muted);\n      }\n      \n      &:last-child {\n        border-bottom: none;\n      }\n    }\n    \n    td {\n      padding: 0.75rem 1rem;\n      vertical-align: middle;\n      border: none;\n      color: var(--color-text-primary);\n      font-size: var(--text-sm);\n    }\n  }\n  \n  tfoot {\n    background-color: var(--color-bg-secondary);\n    border-top: 1px solid var(--color-border);\n    font-weight: var(--font-medium);\n    \n    tr {\n      border: none;\n      \n      &:hover {\n        background-color: var(--color-bg-secondary);\n      }\n    }\n    \n    td {\n      padding: 0.75rem 1rem;\n      border: none;\n      color: var(--color-text-primary);\n      font-size: var(--text-sm);\n    }\n  }\n  \n  .table-caption {\n    caption-side: bottom;\n    margin-top: 0.5rem;\n    padding: 0.75rem 1rem;\n    text-align: center;\n    color: var(--color-text-muted);\n    font-size: var(--text-sm);\n  }\n}\n\n/* Expandable Table (Details/Summary based) */\n.expandable-table-container {\n  font-size: var(--text-sm);\n}\n\n/* Header row - uses flexbox */\n.expandable-table-header-row {\n  display: flex;\n  align-items: center;\n  padding: 0.5rem 1rem;\n  gap: 0.5rem;\n  \n  .exp-col-name { \n    flex: 1; \n    min-width: 0; \n    /* padding-left: 1.25rem; /* account for native marker */\n    padding-left: 0; /* flush left instead */\n  }\n  .exp-col-type { width: 100px; flex-shrink: 0; }\n  .exp-col-status { width: 100px; flex-shrink: 0; }\n  .exp-col-date { width: 110px; flex-shrink: 0; text-align: right; }\n}\n\n/* Details/Summary Row Styling - tight table rows */\n.expandable-row {\n  // border-bottom: 1px solid var(--color-border) !important;\n  border-bottom: none;\n  border-bottom-width: 1px; /* Override .divide-y */\n  --tw-divide-y-reverse: 0; /* Override Tailwind divide */\n  margin-bottom: 0;\n  border-radius: 0; /* Reset default details radius */\n  padding: 0;\n  background: var(--color-white);\n  \n  &:first-child {\n    border-top-left-radius: var(--radius-md);\n    border-top-right-radius: var(--radius-md);\n    \n    summary {\n      border-top-left-radius: var(--radius-md);\n      border-top-right-radius: var(--radius-md);\n    }\n  }\n  \n  &:last-child {\n    border-bottom: 1px solid var(--color-border) !important;\n    border-bottom-width: 1px !important; /* Override .divide-y */\n    border-bottom-left-radius: var(--radius-md);\n    border-bottom-right-radius: var(--radius-md);\n    \n    // summary {\n    //   border-bottom-left-radius: var(--radius-md);\n    //   border-bottom-right-radius: var(--radius-md);\n    // }\n  }\n  \n  /* Reset middle rows to have no radius */\n  &:not(:first-child):not(:last-child) {\n    border-radius: 0;\n    \n    summary {\n      border-radius: 0;\n    }\n  }\n  \n  summary {\n    display: flex;\n    align-items: center;\n    padding: 0.5rem 1rem;\n    gap: 0.5rem;\n    cursor: pointer;\n    transition: background-color 0.15s ease;\n    border-radius: 0; /* Reset default */\n    margin-bottom: 0 !important;\n    \n    &:hover {\n      background-color: var(--color-bg-muted);\n    }\n    \n    .exp-col-name { \n      flex: 1; \n      min-width: 0; \n      overflow: hidden; \n      text-overflow: ellipsis; \n      white-space: nowrap; \n    }\n    .exp-col-type { \n      width: 100px; \n      flex-shrink: 0; \n      overflow: hidden; \n      text-overflow: ellipsis; \n      white-space: nowrap; \n    }\n    .exp-col-status { width: 100px; flex-shrink: 0; }\n    .exp-col-date { \n      width: 110px; \n      flex-shrink: 0; \n      text-align: right; \n      white-space: nowrap; \n      color: var(--color-text-muted); \n    }\n  }\n  \n  &[open] summary {\n    background-color: var(--color-bg-muted);\n    border-bottom: 1px solid var(--color-border);\n  }\n}\n\n/* Expanded Content */\n.expandable-row-content {\n  padding: 1rem 1rem 1rem 2.5rem;\n  // background-color: var(--color-bg-secondary);\n}\n}",[],[269,410,488,25,698],{"_105":706,"_96":707,"_155":708,"_157":512,"_158":140,"_159":709,"_161":162,"_107":710,"_101":32,"_164":184,"_166":711,"_167":22,"_168":-5,"_169":712,"_99":713},"0cdb3ae2-e2e9-11f0-a5e5-42dde27851f2","_tabs.scss","0cdb3b6e-e2e9-11f0-a5e5-42dde27851f2",71,["D",1766815101940],".theme-scope {\n/* Tabs */\n.tab-nav {\npadding: var(--space-tab-y) 0;\nborder-bottom: 1px solid var(--color-border-tab);\nmargin-bottom: 1.5rem;\nposition: relative;\n}\n\n.tab-list {\ndisplay: flex;\ngap: 1rem;\nflex-wrap: wrap;\nfont-size: var(--text-sm);\n}\n\n.tab-button {\nbackground: none;\nborder: none;\ncursor: pointer;\npadding: 0.25rem 0;\nposition: relative;\ncolor: var(--color-tab);\ntext-decoration: none;\ntransition: color 0.15s ease-in-out;\n}\n\n.tab-button:hover {\ncolor: var(--color-tab-active);\n}\n\n.tab-button-active {\ncolor: var(--color-tab-active);\nfont-weight: var(--font-semibold);\n}\n\n.tab-indicator {\nposition: absolute;\nbottom: -0.5rem;\nleft: 0;\nright: 0;\nheight: 2px;\nbackground: var(--color-tab-active);\n}\n\n/* Tab Container (with header) */\n.tab-container {\nborder: 1px solid var(--color-border-tab);\nborder-radius: var(--radius-lg);\noverflow: hidden;\nbackground: var(--color-white);\n}\n\n.tab-container-header {\nbackground: var(--color-bg-light);\nborder-bottom: 1px solid var(--color-border-tab);\ndisplay: flex;\njustify-content: space-between;\nalign-items: center;\npadding: 0 1rem;\n}\n\n.tab-container-nav {\ndisplay: flex;\ngap: 1.5rem;\nfont-size: var(--text-sm);\nheight: 100%;\n}\n\n.tab-container-button {\nheight: 3rem;\nbackground: none;\nborder: none;\ncursor: pointer;\npadding: var(--space-tab-y) 0;\nposition: relative;\ncolor: var(--color-tab);\ntransition: color 0.15s ease-in-out;\n}\n\n.tab-container-button:hover {\ncolor: var(--color-tab-active);\n}\n\n.tab-container-button-active {\ncolor: var(--color-tab-active);\nfont-weight: var(--font-semibold);\n}\n\n.tab-container-indicator {\nposition: absolute;\nbottom: -1px;\nleft: 0;\nright: 0;\nheight: 2px;\nbackground: var(--color-tab-active);\nz-index: 1;\n}\n\n.tab-container-actions {\ndisplay: flex;\ngap: 0.5rem;\nalign-items: center;\n}\n\n.tab-action-button {\nbackground: none;\nborder: none;\ncursor: pointer;\ncolor: var(--color-tab);\npadding: 0.25rem;\ndisplay: flex;\nalign-items: center;\ntransition: color 0.15s ease-in-out;\n}\n\n.tab-action-button:hover {\ncolor: var(--color-tab-active);\n}\n\n.tab-content {\npadding: 1rem 0;\n}\n\n.tab-container-content {\npadding: 0;\n}\n\n/* Button-Style Tabs */\n.tab-buttons {\ndisplay: flex;\nflex-wrap: wrap;\ngap: 0.5rem;\nmargin-bottom: 1.5rem;\n}\n\n.tab-buttons-sm {\ngap: 0.375rem;\nmargin-bottom: 1rem;\n}\n\n.tab-btn {\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\npadding: 0.625rem 1.25rem;\nfont-size: 0.9375rem;\nfont-weight: var(--font-medium);\nline-height: var(--leading-normal);\ncolor: var(--color-text-secondary);\nbackground-color: var(--color-bg-secondary);\nborder: 1px solid var(--color-border);\nborder-radius: var(--radius-lg);\ncursor: pointer;\ntransition: all 0.15s ease-in-out;\ntext-decoration: none;\nwhite-space: nowrap;\n}\n\n.tab-btn:hover:not(:disabled) {\ncolor: var(--color-text-primary);\nbackground-color: var(--color-bg-muted);\nborder-color: var(--color-border-light);\n}\n\n.tab-btn:focus {\noutline: none;\nbox-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);\n}\n\n.tab-btn-active {\ncolor: var(--color-primary);\nbackground-color: var(--color-primary-light);\nborder-color: var(--color-primary);\nfont-weight: var(--font-semibold);\n}\n\n.tab-btn-active:hover:not(:disabled) {\ncolor: var(--color-primary-hover);\nbackground-color: var(--color-primary-lighter);\nborder-color: var(--color-primary-hover);\n}\n\n.tab-btn-disabled,\n.tab-btn:disabled {\ncolor: var(--color-text-muted);\nbackground-color: var(--color-bg-secondary);\nborder-color: var(--color-border);\ncursor: not-allowed;\nopacity: 0.6;\n}\n\n/* Small variant */\n.tab-btn-sm {\npadding: 0.375rem 0.875rem;\nfont-size: 0.8125rem;\nborder-radius: var(--radius-md);\n}\n\n/* Button Tab Content Area */\n.tab-btn-content {\npadding: 1rem 0;\n}\n\n/* Modern Rounded Tabs (shadcn-style) */\n.tab-modern-group {\ndisplay: inline-flex;\nbackground-color: var(--color-bg-muted, #f4f4f5);\npadding: 0.25rem;\nborder-radius: var(--radius-lg);\ngap: 0.25rem;\nmargin-bottom: 0.25rem;\n}\n\n.tab-modern {\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\npadding: 0.5rem 1rem;\nfont-size: var(--text-sm);\nfont-weight: var(--font-medium);\nline-height: 1.25rem;\ncolor: var(--color-text-secondary, #71717a);\nbackground-color: transparent;\nborder: none;\nborder-radius: var(--radius-md);\ncursor: pointer;\ntransition: all 0.15s ease-in-out;\nwhite-space: nowrap;\n}\n\n.tab-modern:hover:not(.tab-modern-active) {\ncolor: var(--color-text-primary, #18181b);\nbackground-color: rgba(0, 0, 0, 0.03);\n}\n\n.tab-modern-active {\ncolor: var(--color-text-primary, #09090b);\nbackground-color: var(--color-white, #ffffff);\nbox-shadow: var(--shadow-sm);\nfont-weight: var(--font-medium);\n}\n\n.tab-modern:focus {\noutline: none;\nbox-shadow: none;\n}\n\n/* Modern Tab Content */\n.tab-modern-content {\npadding: 0;\n}\n\n.tab-modern-content .text-muted {\ncolor: var(--color-text-secondary, #71717a);\nfont-size: var(--text-sm);\nline-height: var(--leading-normal);\n}\n\n.tab-modern-content .card {\nborder: 1px solid var(--color-border, #e4e4e7);\nborder-radius: var(--radius-lg);\nbackground-color: var(--color-white, #ffffff);\nmax-width: 24rem;\n}\n\n.tab-modern-content .card-body {\npadding: 0rem;\n}\n}",[],[269,410,488,25,707],{"_105":715,"_96":716,"_155":717,"_157":512,"_158":140,"_159":718,"_161":162,"_107":719,"_101":32,"_164":184,"_166":720,"_167":22,"_168":-5,"_169":721,"_99":722},"0d12d83a-e2e9-11f0-b141-42dde27851f2","_toast.scss","0d12d8da-e2e9-11f0-b141-42dde27851f2",82,["D",1766815102302],".theme-scope {\n  /* Toast Container */\n  .toast-container {\n    position: fixed;\n    bottom: 1.5rem;\n    right: 1.5rem;\n    z-index: 100;\n    display: flex;\n    flex-direction: column;\n    gap: 0.75rem;\n    max-width: 24rem;\n    width: 100%;\n    pointer-events: none; /* Allow clicking through the container */\n  }\n\n  /* Toast Item */\n  .toast {\n    pointer-events: auto; /* Re-enable pointer events for toasts */\n    background-color: var(--color-bg-primary);\n    border: 1px solid var(--color-border);\n    border-radius: var(--radius-lg);\n    padding: 1rem;\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n    display: flex;\n    align-items: flex-start;\n    gap: 0.75rem;\n    transition: all 0.3s ease;\n    transform-origin: bottom right;\n    \n    /* Animation classes will be handled by Alpine x-transition */\n  }\n\n  .toast-content {\n    flex: 1;\n  }\n\n  .toast-title {\n    font-weight: var(--font-semibold);\n    font-size: var(--text-sm);\n    color: var(--color-text-primary);\n    margin-bottom: 0.25rem;\n  }\n\n  .toast-description {\n    font-size: var(--text-sm);\n    color: var(--color-text-secondary);\n  }\n\n  .toast-close {\n    color: var(--color-text-secondary);\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    padding: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0.7;\n    transition: opacity 0.2s;\n\n    &:hover {\n      opacity: 1;\n    }\n  }\n\n  /* Toast Variants */\n  .toast-default {\n    border-left: 4px solid var(--color-border);\n  }\n\n  .toast-success {\n    border-left: 4px solid var(--color-success);\n    \n    .toast-icon {\n      color: var(--color-success);\n    }\n  }\n\n  .toast-error {\n    border-left: 4px solid var(--color-danger);\n\n    .toast-icon {\n      color: var(--color-danger);\n    }\n  }\n\n  .toast-warning {\n    border-left: 4px solid var(--color-warning);\n\n    .toast-icon {\n      color: var(--color-warning);\n    }\n  }\n\n  .toast-info {\n    border-left: 4px solid var(--color-primary);\n\n    .toast-icon {\n      color: var(--color-primary);\n    }\n  }\n}\n",[],[269,410,488,25,716],{"_105":724,"_96":725,"_155":726,"_157":512,"_158":140,"_159":727,"_161":162,"_107":728,"_101":32,"_164":184,"_166":729,"_167":22,"_168":-5,"_169":730,"_99":731},"0c9963ec-e2e9-11f0-8def-42dde27851f2","_toggle-group.scss","0c996496-e2e9-11f0-8def-42dde27851f2",61,["D",1766815101508],".theme-scope {\n  /* Toggle Group - Google Sheets toolbar style */\n  .toggle-group {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0;\n    background-color: transparent;\n    border-radius: var(--radius-sm);\n    padding: 0;\n    border: 1px solid #dadce0; /* Google-style light border */\n  }\n\n  .toggle-group-item {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 0;\n    padding: 0.375rem 0.5rem;\n    min-width: 2rem;\n    min-height: 2rem;\n    font-size: var(--text-sm);\n    font-weight: 400;\n    line-height: 1.25rem;\n    color: #5f6368; /* Google gray text */\n    background-color: #ffffff;\n    border: none;\n    border-right: 1px solid #dadce0;\n    cursor: pointer;\n    transition: background-color 0.1s ease, color 0.1s ease;\n    white-space: nowrap;\n    position: relative;\n\n    &:first-child {\n      border-top-left-radius: 0.25rem;\n      border-bottom-left-radius: 0.25rem;\n    }\n\n    &:last-child {\n      border-top-right-radius: 0.25rem;\n      border-bottom-right-radius: 0.25rem;\n      border-right: none;\n    }\n\n    /* Focus styles */\n    &:focus-visible {\n      outline: 2px solid #1a73e8;\n      outline-offset: -2px;\n      z-index: 10;\n    }\n\n    /* Hover styles */\n    &:hover:not(:disabled):not([data-state=\"on\"]) {\n      background-color: #f1f3f4; /* Google subtle gray hover */\n    }\n\n    /* Selected state */\n    &[data-state=\"on\"],\n    &.selected {\n      background-color: #e8f0fe; /* Google blue tint */\n      color: #1967d2; /* Google blue */\n      z-index: 1;\n    }\n    \n    /* Disabled state */\n    &:disabled,\n    &[disabled] {\n      pointer-events: none;\n      opacity: 0.38;\n      color: #80868b;\n    }\n    \n    /* Icons inside */\n    svg, \n    .iconify {\n        width: 1.125rem;\n        height: 1.125rem;\n        flex-shrink: 0;\n    }\n    \n    /* With label and icon */\n    svg + span,\n    .iconify + span {\n        margin-left: 0.375rem;\n    }\n  }\n\n  /* Variants */\n  \n  /* Outline Variant - Borderless style (like Google Docs toolbar without container border) */\n  .toggle-group.toggle-group-outline {\n    background-color: transparent;\n    border: none;\n    padding: 0;\n    gap: 2px; /* Small gap between buttons */\n    \n    .toggle-group-item {\n        border-radius: var(--radius-sm);\n        border: 1px solid transparent;\n        border-right: none;\n        \n        &:first-child {\n            border-top-left-radius: 0.25rem;\n            border-bottom-left-radius: 0.25rem;\n        }\n        \n        &:last-child {\n            border-top-right-radius: 0.25rem;\n            border-bottom-right-radius: 0.25rem;\n        }\n        \n        &:hover:not(:disabled):not([data-state=\"on\"]) {\n            background-color: #f1f3f4;\n        }\n        \n        &[data-state=\"on\"],\n        &.selected {\n            background-color: #e8f0fe;\n            color: #1967d2;\n            border-color: transparent;\n        }\n    }\n  }\n\n  /* Sizes */\n  \n  /* Small */\n  .toggle-group-sm {\n      .toggle-group-item {\n          padding: 0.25rem 0.375rem;\n          min-width: 1.75rem;\n          min-height: 1.75rem;\n          font-size: 0.8125rem;\n          \n          svg, \n          .iconify {\n              width: 1rem;\n              height: 1rem;\n          }\n      }\n  }\n\n  /* Large */\n  .toggle-group-lg {\n      .toggle-group-item {\n          padding: var(--space-input-y) var(--space-input-x);\n          min-width: 2.5rem;\n          min-height: 2.5rem;\n          font-size: 0.9375rem;\n          \n          svg, \n          .iconify {\n              width: 1.25rem;\n              height: 1.25rem;\n          }\n      }\n  }\n  \n  /* Vertical orientation (optional enhancement, not strictly in shadcn basic ex but good to have) */\n  .toggle-group-vertical {\n      flex-direction: column;\n      \n      &.toggle-group-outline {\n          .toggle-group-item {\n              width: 100%;\n              margin-left: 0;\n              margin-top: -1px;\n              border-left: none;\n              border-top: 1px solid transparent;\n              \n              &:first-child {\n                  border-radius: 0.375rem 0.375rem 0 0;\n                  margin-top: 0;\n              }\n              \n              &:last-child {\n                  border-radius: 0 0 0.375rem 0.375rem;\n              }\n          }\n          \n          .toggle-group-item + .toggle-group-item {\n              border-top: 1px solid var(--color-border);\n              border-left: none;\n          }\n      }\n  }\n}\n",[],[269,410,488,25,725],{"_105":733,"_96":734,"_155":735,"_157":512,"_158":140,"_159":736,"_161":162,"_107":737,"_101":32,"_164":184,"_166":738,"_167":22,"_168":-5,"_169":739,"_99":740},"0c8fd70a-e2e9-11f0-a1a6-42dde27851f2","_typography.scss","0c8fd7aa-e2e9-11f0-a1a6-42dde27851f2",59,["D",1766815101432],".theme-scope {\n  /* Typography */\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-weight: var(--font-semibold);\n    line-height: var(--leading-tight);\n    color: var(--color-text-primary);\n    letter-spacing: -0.015em; /* Tighter tracking for headings */\n  }\n\n  h1 {\n    font-size: var(--text-h1);\n    margin-bottom: 0.75rem;\n  } /* Reduced size/margin */\n\n  h2 {\n    font-size: var(--text-2xl);\n    margin-bottom: 0.625rem;\n  }\n\n  h3 {\n    font-size: var(--text-xl);\n    margin-bottom: 0.5rem;\n  }\n\n  h4 {\n    font-size: var(--text-lg);\n    margin-bottom: 0.5rem;\n  }\n\n  h5 {\n    font-size: var(--text-base);\n    margin-bottom: 0.375rem;\n  }\n\n  h6 {\n    font-size: var(--text-sm);\n    margin-bottom: 0.25rem;\n  }\n\n  p {\n    margin-bottom: 0.75rem; /* Reduced from 1rem */\n    /* color: var(--color-text-secondary); */\n    color: var(--color-text-primary); /* looks better I think */\n    line-height: 1.6; /* Slightly tighter */\n  }\n\n  strong, b {\n    font-weight: var(--font-semibold);\n    color: var(--color-text-primary);\n  }\n\n  em, i {\n    font-style: italic;\n  }\n\n  /* Typography Utility Classes - Light Gray Display Text */\n  .text-display-xl {\n    font-size: 2.25rem; /* text-4xl */\n    font-weight: var(--font-bold);\n    color: var(--color-gray-300);\n    letter-spacing: -0.025em; /* tracking-tight */\n    line-height: var(--leading-tight);\n  }\n\n  .text-display-lg {\n    font-size: 1.875rem; /* text-3xl */\n    font-weight: var(--font-bold);\n    color: var(--color-gray-300);\n    letter-spacing: -0.025em; /* tracking-tight */\n    line-height: var(--leading-tight);\n  }\n\n  .text-display-md {\n    font-size: var(--text-2xl); /* text-2xl */\n    font-weight: var(--font-bold);\n    color: var(--color-gray-300);\n    letter-spacing: -0.025em; /* tracking-tight */\n    line-height: var(--leading-tight);\n  }\n\n  .text-display-sm {\n    font-size: var(--text-xl); /* text-xl */\n    font-weight: var(--font-bold);\n    color: var(--color-gray-300);\n    letter-spacing: -0.025em; /* tracking-tight */\n    line-height: var(--leading-tight);\n  }\n\n  /* Links */\n  .link,\n  a {\n    color: var(--color-primary);\n    text-decoration: none;\n    transition: color 0.15s ease-in-out;\n  }\n\n  .link:hover,\n  a:hover {\n    color: var(--color-primary-hover);\n    text-decoration: underline;\n  }\n\n  /* Code */\n  code {\n    padding: 0.125rem 0.375rem;\n    background-color: var(--color-code-bg);\n    color: var(--color-code-text);\n    border-radius: var(--radius-sm);\n    font-family: var(--font-mono, ui-monospace, monospace);\n    font-size: 0.875em;\n  }\n\n  pre {\n    padding: 1rem;\n    background-color: var(--color-code-bg-dark);\n    color: var(--color-code-text-dark);\n    border-radius: var(--radius-lg);\n    overflow-x: auto;\n    margin-bottom: 1rem;\n  }\n\n  pre code {\n    padding: 0;\n    background-color: transparent;\n    color: inherit;\n    border-radius: 0;\n    font-size: var(--text-sm);\n  }\n\n  /* Blockquotes */\n  blockquote {\n    padding-left: 1rem;\n    border-left: 4px solid var(--color-border);\n    color: var(--color-text-neutral);\n    font-style: italic;\n    margin-bottom: 1rem;\n  }\n\n  /* Horizontal Rule */\n  hr {\n    border: none;\n    border-top: 1px solid var(--color-border);\n    margin: 1.5rem 0;\n  }\n\n  /* Font Styles */\n  .font-serif {\n      font-family: ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif;\n  }\n\n  .font-bold {\n  font-weight: var(--font-bold);\n  }\n\n  .italic {\n    font-style: italic;\n  }\n}",[],[269,410,488,25,734],{"_105":742,"_96":743,"_155":744,"_157":512,"_158":140,"_159":745,"_161":162,"_107":746,"_101":32,"_164":184,"_166":747,"_167":22,"_168":-5,"_169":748,"_99":749},"0caed5c4-e2e9-11f0-a5e5-42dde27851f2","_utilities.scss","0caed664-e2e9-11f0-a5e5-42dde27851f2",64,["D",1766815101649],".theme-scope {\n  /* ===================================\n     Design System Utilities\n     \n     NOTE: Standard Tailwind utilities (flex, gap-*, p-*, m-*, text-*, etc.)\n     are provided by Tailwind CDN. This file only contains:\n     1. Semantic color utilities using CSS variables\n     2. Utilities that Tailwind doesn't provide\n     3. Design-system-specific overrides\n     =================================== */\n\n  /* Semantic Color Utilities (using CSS variables) */\n  .color-success { color: var(--color-success); }\n  .color-warning { color: var(--color-warning); }\n  .color-danger { color: var(--color-danger); }\n  .color-info { color: var(--color-primary); }\n  \n  .color-text-primary { color: var(--color-text-primary); }\n  .color-text-secondary { color: var(--color-text-secondary); }\n  .color-text-muted { color: var(--color-text-muted); }\n  \n  .color-bg-primary { background-color: var(--color-bg-primary); }\n  .color-bg-secondary { background-color: var(--color-bg-secondary); }\n  .color-bg-muted { background-color: var(--color-bg-muted); }\n\n  /* Text decoration utilities */\n  .no-underline { text-decoration: none !important; }\n  .hover-no-underline:hover { text-decoration: none !important; }\n\n  /* Force hidden (works even when other display is set) */\n  .hidden { display: none !important; }\n  \n  /* mb-0 override (common need) */\n  .mb-0 { margin-bottom: 0 !important; }\n}\n",[],[269,410,488,25,743],{"_105":751,"_96":752,"_155":753,"_157":512,"_158":140,"_159":754,"_161":162,"_107":755,"_101":32,"_164":184,"_166":756,"_167":22,"_168":-5,"_169":757,"_99":758},"0c8d99d6-e2e9-11f0-a4b5-42dde27851f2","_variables.scss","0c8d9aa8-e2e9-11f0-a4b5-42dde27851f2",58,["D",1766815101431],"/* Import tokens from the tokens folder */\n@use '../tokens' as *;\n\n/* All CSS custom properties are now defined in ../tokens/ \n   This file exists for backwards compatibility and to allow \n   theme-specific overrides */\n",[],[269,410,488,25,752],{"_105":760,"_96":761,"_155":762,"_157":512,"_158":140,"_159":763,"_161":162,"_107":764,"_101":32,"_164":184,"_166":765,"_167":22,"_168":-5,"_169":766,"_99":767},"0c7c208e-e2e9-11f0-a1a6-42dde27851f2","base.scss","0c7c2142-e2e9-11f0-a1a6-42dde27851f2",55,["D",1766815101312],"/* Base Scope - SCSS Nesting */\n\n/* Import variables FIRST so CSS custom properties are defined before use */\n@use '_variables' as *;\n\n/* Import all component partials */\n@use '_base' as *;\n@use '_typography' as *;\n@use '_lists' as *;\n@use '_tables' as *;\n@use '_forms' as *;\n@use '_buttons' as *;\n@use '_cards' as *;\n@use '_accordions' as *;\n@use '_tabs' as *;\n@use '_callouts' as *;\n@use '_details' as *;\n@use '_utilities' as *;\n@use '_badges' as *;\n@use '_components' as *;\n@use '_dropdowns' as *;\n@use '_items' as *;\n@use '_avatars' as *;\n@use '_pagination' as *;\n@use '_code' as *;\n@use '_toast' as *;\n@use '_toggle-group' as *;\n@use '_fields' as *;\n@use '_drawer' as *;\n\n",[],[269,410,488,25,761],{"_105":769,"_96":770,"_155":771,"_157":512,"_158":140,"_159":772,"_161":162,"_107":773,"_101":32,"_164":211,"_166":774,"_167":22,"_168":-5,"_169":775,"_99":776},"0cb14d7c-e2e9-11f0-8def-42dde27851f2","config.js","0cb14e1c-e2e9-11f0-8def-42dde27851f2",65,["D",1766815101665],"// Default Theme Configuration\n// Clean Shadcn-style with custom Brand Blue color family\n// Real JSON data - gets wrapped in \n`;\n\n// Load base.css\nexport async function getStyles() {\n  const baseUrl = new URL('.', import.meta.url);\n  const cssUrl = new URL('./base.css', baseUrl);\n  const cssPath = cssUrl.protocol === 'file:' ? cssUrl.pathname : cssUrl.href;\n  const baseCss = await Deno.readTextFile(cssPath);\n  \n  return {\n    tailwind: tailwindStyles,\n    baseCss: baseCss\n  };\n}\n",[],[269,410,488,25,779],[269,410,488,25],{"_105":788,"_96":789,"_155":790,"_157":489,"_158":140,"_159":791,"_161":162,"_107":792,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":793,"_99":828},"0b0ef0d2-e2e9-11f0-8ff9-42dde27851f2","groq","0b0ef186-e2e9-11f0-8ff9-42dde27851f2",14,["D",1766815098922],[794,803,812,820],{"_105":795,"_96":796,"_155":797,"_157":790,"_158":140,"_159":798,"_161":162,"_107":799,"_101":32,"_164":184,"_166":800,"_167":22,"_168":-5,"_169":801,"_99":802},"0c61547a-e2e9-11f0-ad97-42dde27851f2","README.md","0c615510-e2e9-11f0-ad97-42dde27851f2",50,["D",1766815101140],"# Groq Theme\n\nA modern, vibrant theme inspired by Groq's fast AI inference platform aesthetic. Features a bold orange primary color paired with a sophisticated gray palette and extended color families for versatility.\n\n## Color Palette\n\n### Core Orange (Primary Brand)\n\nThe primary brand color - a vibrant, energetic orange that conveys speed and innovation.\n\n```scss\n--groq-orange-50:  #fff5e5  // Lightest tint\n--groq-orange-100: #ffe8cc\n--groq-orange-200: #ffd1a3  // Base: ffd1a3\n--groq-orange-300: #ffb973\n--groq-orange-400: #fe9e20  // Base: fe9e20 - PRIMARY\n--groq-orange-500: #f48b0a\n--groq-orange-600: #f43e01  // Base: f43e01 - ACCENT\n--groq-orange-700: #c23101  // Base: c23101\n--groq-orange-800: #9a2701\n--groq-orange-900: #731d00  // Darkest shade\n```\n\n### Core Grays (Neutral Palette)\n\nA warm, sophisticated gray scale for text, backgrounds, and borders.\n\n```scss\n--groq-gray-50:  #f9f9f8   // Lightest background\n--groq-gray-100: #f3f3ee   // Base: f3f3ee\n--groq-gray-200: #e8e8e0\n--groq-gray-300: #cecebf   // Base: cecebf\n--groq-gray-400: #9f9f92\n--groq-gray-500: #69695d   // Base: 69695d\n--groq-gray-600: #4e4e45\n--groq-gray-700: #2d2f33   // Base: 2d2f33\n--groq-gray-800: #26292e   // Base: 26292e - PRIMARY TEXT\n--groq-gray-900: #1a1c1f   // Darkest\n```\n\n### Pure Values\n\n```scss\n--groq-black:  #000000     // Base: 000000\n--groq-white:  #ffffff     // Base: ffffff\n```\n\n### Extended Colors\n\nAdditional color families for accents, illustrations, and data visualization.\n\n#### Yellow Tones\n```scss\n--groq-yellow-200: #f4fd90  // Extended: f4fd90\n--groq-yellow-300: #fdeb20  // Extended: fdeb20\n--groq-yellow-500: #e6d000\n--groq-yellow-700: #c6b802  // Extended: c6b802\n```\n\n#### Green Tones\n```scss\n--groq-green-200: #a9ffdb   // Extended: a9ffdb\n--groq-green-300: #10e68d   // Extended: 10e68d\n--groq-green-500: #0dcc7a\n--groq-green-700: #018b01   // Extended: 018b01\n```\n\n#### Blue Tones\n```scss\n--groq-blue-200: #bfe4fc    // Extended: bfe4fc\n--groq-blue-300: #5fc0ff    // Extended: 5fc0ff\n--groq-blue-500: #0082a0    // Extended: 0082a0\n```\n\n#### Purple Tones\n```scss\n--groq-purple-200: #e3dcf8  // Extended: e3dcf8\n--groq-purple-300: #d377fd  // Extended: d377fd\n--groq-purple-500: #683d7f  // Extended: 683d7f\n```\n\n#### Pink Tones\n```scss\n--groq-pink-200: #fad8ff    // Extended: fad8ff\n--groq-pink-300: #f392dd    // Extended: f392dd\n--groq-pink-500: #ee66ce    // Extended: ee66ce\n```\n\n## Semantic Color Mapping\n\nThe theme maps Groq colors to semantic names used throughout the design system:\n\n### Primary (Main Brand)\n- `--color-primary`: Orange 600 (#f43e01) ⭐ Main brand color\n- `--color-primary-hover`: Orange 700 (#c23101)\n- `--color-primary-active`: Orange 800 (#9a2701)\n\n### Text Colors\n- `--color-text-primary`: Gray 800 (#26292e)\n- `--color-text-secondary`: Gray 600 (#4e4e45)\n- `--color-text-muted`: Gray 500 (#69695d)\n\n### Backgrounds\n- `--color-bg-primary`: White (#ffffff)\n- `--color-bg-secondary`: Gray 50 (#f9f9f8)\n- `--color-bg-muted`: Gray 100 (#f3f3ee)\n\n### Semantic States\n- **Success**: Green 300 (#10e68d)\n- **Warning**: Yellow 300 (#fdeb20)\n- **Danger**: Orange 700 (#c23101)\n- **Info**: Blue 300 (#5fc0ff)\n\n## Usage\n\n### Activating the Theme\n\nIn `theme.scss`, uncomment the Groq import:\n\n```scss\n/* Theme Overrides - uncomment ONE of these: */\n@use 'groq/overrides';\n```\n\nThen recompile the theme:\n\n```bash\ndeno task build:styles\n```\n\n### Using Tailwind Classes\n\nAll Groq colors are available as Tailwind utility classes when the theme is active:\n\n#### Color Scales\n```html\n\nLightest orange
\nMain brand color
\nDarkest orange
\n\n\nPrimary text
\nMuted text
\nMuted background
\n\n\nYellow
\nGreen
\nBlue
\nPurple
\nPink
\n```\n\n#### Default Values (no number needed)\n```html\n\nMain brand (#f43e01)
\nPrimary text (#26292e)
\nGreen (#10e68d)
\n```\n\n#### All Tailwind Utilities Work\n```html\n\nOrange text\nHover darker\n\n\n\n  Button with hover\n
\n\n\nBordered
\nLeft accent
\n\n\n\n  Gradient background\n
\n\n\n50% opacity
\n75% opacity text
\n\n\n\n\n\nCustom shadow
\n```\n\n#### Semantic Color Variables\nFor dynamic theming, use CSS variable utilities:\n```html\n\nSuccess text
\nDanger background
\n```\n\n### Using Groq-Specific Utility Classes\n\nThe theme also provides custom utility classes for the extended colors:\n\n#### Text Colors\n```html\nOrange text\nYellow text\nGreen text\nBlue text\nPurple text\nPink text\n```\n\n#### Background Colors\n```html\nOrange background
\nYellow background
\nGreen background
\n```\n\n#### Border Colors\n```html\nOrange border
\nGreen border
\n```\n\n### Using CSS Variables Directly\n\nYou can also use the CSS variables in your custom styles:\n\n```css\n.my-component {\n  background: var(--groq-orange-400);\n  color: var(--groq-gray-800);\n  border: 2px solid var(--groq-orange-600);\n}\n\n.my-chart-bar {\n  fill: var(--groq-blue-300);\n}\n\n.my-data-viz {\n  stroke: var(--groq-purple-300);\n}\n```\n\n### Component Examples\n\n#### Primary Button (Default)\nAlready styled with Groq orange:\n```html\n\n```\n\n#### Success Alert\nUses Groq green:\n```html\n\n  Model loaded successfully!\n
\n```\n\n#### Custom Card with Extended Colors\n```html\n\n  API Response Time
\n  0.5ms
\n
\n```\n\n## Design Principles\n\n### Speed & Performance\nThe Groq brand emphasizes speed, so the theme uses:\n- Sharp, clean borders (smaller radius values)\n- Subtle shadows\n- High contrast for readability\n- Minimal animation overhead\n\n### Bold & Confident\n- Strong primary color (orange) for CTAs\n- Clear visual hierarchy with distinct grays\n- High contrast text for accessibility\n\n### Modern & Professional\n- System font stack for optimal rendering\n- Clean, minimalist aesthetic\n- Thoughtful use of whitespace\n\n## Color Guidelines\n\n### When to Use Primary Orange\n- Primary CTAs (Sign up, Get Started)\n- Important buttons and actions\n- Links and interactive elements\n- Brand headers and logos\n\n### When to Use Extended Colors\n- **Yellow**: Warnings, highlights, complementary accents\n- **Green**: Success states, positive metrics, growth indicators\n- **Blue**: Information, neutral highlights, data visualization\n- **Purple**: Premium features, special status, accents\n- **Pink**: Creative elements, playful accents, special promotions\n\n### When to Use Grays\n- Body text: Gray 800\n- Secondary text: Gray 600\n- Muted text: Gray 500\n- Borders: Gray 200-300\n- Backgrounds: Gray 50-100\n\n## Accessibility\n\nAll color combinations in the theme meet WCAG 2.1 AA standards for contrast:\n\n- Gray 800 on White: 12.5:1 (AAA)\n- Orange 600 on White: 6.2:1 (AA)\n- Green 300 on White: 3.2:1 (AA for large text)\n- Orange 400 on White: 3.8:1 (AA for large text)\n\nFor body text, always use Gray 800 (#26292e) or darker on light backgrounds.\n\n## Comparison with Other Themes\n\n| Feature | Default | Luma | Retro | Groq |\n|---------|---------|------|-------|------|\n| Primary Color | Blue | Dark/Black | Green | Orange |\n| Border Radius | Medium | Large | None | Small-Medium |\n| Shadows | Medium | Soft | None | Sharp |\n| Aesthetic | Standard | Modern | 90s Web | Tech/Bold |\n\n## Examples\n\nSee the Groq theme in action:\n- Buttons: `/modules/buttons/`\n- Forms: `/modules/forms/`\n- Cards: `/modules/card-container/`\n- Full Apps: `/apps/chat-app/` (when theme is active)\n\n## Migration Notes\n\nIf you're switching from another theme to Groq:\n\n1. Primary color changes from blue to orange - review CTAs\n2. Gray scale is warmer - may affect borders/backgrounds\n3. Smaller border radius - components feel sharper\n4. Extended color palette available - use for data viz\n\n## Future Enhancements\n\nPotential additions to the Groq theme:\n- Dark mode variant\n- Additional data visualization colors\n- Animation presets for \"speed\" effects\n- Gradient combinations\n\n",[],[269,410,488,789,796],{"_105":804,"_96":805,"_155":806,"_157":790,"_158":140,"_159":807,"_161":162,"_107":808,"_101":32,"_164":184,"_166":809,"_167":22,"_168":-5,"_169":810,"_99":811},"0c715366-e2e9-11f0-a1a6-42dde27851f2","color-reference.html","0c715424-e2e9-11f0-a1a6-42dde27851f2",53,["D",1766815101243],"\n\n\n  \n  \n  Groq Theme - Color Reference\n  \n\n\n  \n    🚀 Groq Theme
\n    \n      A modern, vibrant theme inspired by Groq's fast AI inference platform. \n      Features a bold orange primary color paired with a sophisticated gray palette \n      and extended color families for versatility.\n    
\n\n    \n      Quick Start
\n      To activate this theme, uncomment @use 'groq/overrides'; in theme.scss and run deno task build:styles
\n    
\n\n    🎨 Core Color Palette
\n\n    Primary Orange (Brand)
\n    \n      \n        
\n        \n          Orange 50
\n          #fff5e5
\n          Core\n        
\n      
\n      \n        
\n        \n          Orange 100
\n          #ffe8cc
\n          Core\n        
\n      
\n      \n        
\n        \n          Orange 200
\n          #ffd1a3
\n          Original\n        
\n      
\n      \n        
\n        \n          Orange 300
\n          #ffb973
\n          Core\n        
\n      
\n      \n        
\n        \n          Orange 400
\n          #fe9e20
\n          Original\n        
\n      
\n      \n        
\n        \n          Orange 500
\n          #f48b0a
\n          Core\n        
\n      
\n      \n        
\n        \n          Orange 600
\n          #f43e01
\n          Primary Brand ⭐\n        
\n      
\n      \n        
\n        \n          Orange 700
\n          #c23101
\n          Original\n        
\n      
\n      \n        
\n        \n          Orange 800
\n          #9a2701
\n          Core\n        
\n      
\n      \n        
\n        \n          Orange 900
\n          #731d00
\n          Core\n        
\n      
\n    
\n\n    Neutral Grays
\n    \n      \n        
\n        \n          Gray 50
\n          #f9f9f8
\n          Core\n        
\n      
\n      \n        
\n        \n          Gray 100
\n          #f3f3ee
\n          Original\n        
\n      
\n      \n        
\n        \n          Gray 200
\n          #e8e8e0
\n          Core\n        
\n      
\n      \n        
\n        \n          Gray 300
\n          #cecebf
\n          Original\n        
\n      
\n      \n        
\n        \n          Gray 400
\n          #9f9f92
\n          Core\n        
\n      
\n      \n        
\n        \n          Gray 500
\n          #69695d
\n          Original\n        
\n      
\n      \n        
\n        \n          Gray 600
\n          #4e4e45
\n          Core\n        
\n      
\n      \n        
\n        \n          Gray 700
\n          #2d2f33
\n          Original\n        
\n      
\n      \n        
\n        \n          Gray 800
\n          #26292e
\n          Text ⭐\n        
\n      
\n      \n        
\n        \n          Gray 900
\n          #1a1c1f
\n          Core\n        
\n      
\n    
\n\n    Pure Values
\n    \n      \n        
\n        \n          Black
\n          #000000
\n          Original\n        
\n      
\n      \n        
\n        \n          White
\n          #ffffff
\n          Original\n        
\n      
\n    
\n\n    
\n\n    ✨ Extended Color Families
\n\n    Yellow Tones
\n    \n      \n        
\n        \n          Yellow 200
\n          #f4fd90
\n          Extended\n        
\n      
\n      \n        
\n        \n          Yellow 300
\n          #fdeb20
\n          Extended\n        
\n      
\n      \n        
\n        \n          Yellow 500
\n          #e6d000
\n          Core\n        
\n      
\n      \n        
\n        \n          Yellow 700
\n          #c6b802
\n          Extended\n        
\n      
\n    
\n\n    Green Tones
\n    \n      \n        
\n        \n          Green 200
\n          #a9ffdb
\n          Extended\n        
\n      
\n      \n        
\n        \n          Green 300
\n          #10e68d
\n          Extended\n        
\n      
\n      \n        
\n        \n          Green 500
\n          #0dcc7a
\n          Core\n        
\n      
\n      \n        
\n        \n          Green 700
\n          #018b01
\n          Extended\n        
\n      
\n    
\n\n    Blue Tones
\n    \n      \n        
\n        \n          Blue 200
\n          #bfe4fc
\n          Extended\n        
\n      
\n      \n        
\n        \n          Blue 300
\n          #5fc0ff
\n          Extended\n        
\n      
\n      \n        
\n        \n          Blue 500
\n          #0082a0
\n          Extended\n        
\n      
\n    
\n\n    Purple Tones
\n    \n      \n        
\n        \n          Purple 200
\n          #e3dcf8
\n          Extended\n        
\n      
\n      \n        
\n        \n          Purple 300
\n          #d377fd
\n          Extended\n        
\n      
\n      \n        
\n        \n          Purple 500
\n          #683d7f
\n          Extended\n        
\n      
\n    
\n\n    Pink Tones
\n    \n      \n        
\n        \n          Pink 200
\n          #fad8ff
\n          Extended\n        
\n      
\n      \n        
\n        \n          Pink 300
\n          #f392dd
\n          Extended\n        
\n      
\n      \n        
\n        \n          Pink 500
\n          #ee66ce
\n          Extended\n        
\n      
\n    
\n\n    
\n\n    🎯 Semantic Color Mapping
\n    \n    \n      \n        Primary Colors
\n        \n          Primary\n          --groq-orange-600\n        
\n        \n          Primary Hover\n          --groq-orange-700\n        
\n        \n          Primary Active\n          --groq-orange-800\n        
\n      
\n\n      \n        Text Colors
\n        \n          Primary Text\n          --groq-gray-800\n        
\n        \n          Secondary Text\n          --groq-gray-600\n        
\n        \n          Muted Text\n          --groq-gray-500\n        
\n      
\n\n      \n        Background Colors
\n        \n          Primary BG\n          --groq-white\n        
\n        \n          Secondary BG\n          --groq-gray-50\n        
\n        \n          Muted BG\n          --groq-gray-100\n        
\n      
\n\n      \n        Semantic States
\n        \n          Success\n          --groq-green-300\n        
\n        \n          Warning\n          --groq-yellow-300\n        
\n        \n          Danger\n          --groq-orange-600\n        
\n        \n          Info\n          --groq-blue-300\n        
\n      
\n    
\n\n    
\n\n    🎨 Component Examples
\n\n    \n      \n        Buttons
\n        \n        

\n        \n      
\n\n      \n        Alerts
\n        \n          Success! Your action was completed.\n        
\n        \n          Warning! Please review this.\n        
\n        \n          Error! Something went wrong.\n        
\n        \n          Info: Here's some information.\n        
\n      
\n    
\n\n    
\n\n    \n      Groq Theme • Part of the Design System
\n      \n        Created with colors from the Groq brand palette\n      
\n    
\n  
\n\n\n\n",[],[269,410,488,789,805],{"_105":813,"_96":770,"_155":814,"_157":790,"_158":140,"_159":815,"_161":162,"_107":816,"_101":32,"_164":211,"_166":817,"_167":22,"_168":-5,"_169":818,"_99":819},"0c63ce94-e2e9-11f0-b39b-42dde27851f2","0c63d010-e2e9-11f0-b39b-42dde27851f2",51,["D",1766815101157],"// Groq Theme Configuration\n// Real JSON data - gets wrapped in \\n';\n\n  return script;\n}\n\n// Export the generated tailwind styles\nexport const tailwindStyles = generateTailwindScript();\n\n// Load the compiled theme CSS\nexport async function getStyles() {\n  const baseUrl = new URL('.', import.meta.url);\n  const cssUrl = new URL('./theme.css', baseUrl);\n  const cssPath = cssUrl.protocol === 'file:' ? cssUrl.pathname : cssUrl.href;\n  \n  const baseCss = await Deno.readTextFile(cssPath);\n  \n  return {\n    tailwind: tailwindStyles,\n    baseCss: baseCss\n  };\n}\n",[],[269,410,488,770],{"_105":947,"_96":948,"_155":949,"_157":489,"_158":140,"_159":950,"_161":162,"_107":951,"_101":32,"_164":184,"_166":952,"_167":22,"_168":-5,"_169":953,"_99":954},"0d3cd586-e2e9-11f0-b941-42dde27851f2","tailwind-compiled.css","0d3cd626-e2e9-11f0-b941-42dde27851f2",88,["D",1766815102498],"*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}/*\n! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  letter-spacing: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\ninput:where([type='button']),\ninput:where([type='reset']),\ninput:where([type='submit']) {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n.\\!container {\n  width: 100% !important;\n}\n.container {\n  width: 100%;\n}\n@media (min-width: 640px) {\n\n  .\\!container {\n    max-width: 640px !important;\n  }\n\n  .container {\n    max-width: 640px;\n  }\n}\n@media (min-width: 768px) {\n\n  .\\!container {\n    max-width: 768px !important;\n  }\n\n  .container {\n    max-width: 768px;\n  }\n}\n@media (min-width: 1024px) {\n\n  .\\!container {\n    max-width: 1024px !important;\n  }\n\n  .container {\n    max-width: 1024px;\n  }\n}\n@media (min-width: 1280px) {\n\n  .\\!container {\n    max-width: 1280px !important;\n  }\n\n  .container {\n    max-width: 1280px;\n  }\n}\n@media (min-width: 1536px) {\n\n  .\\!container {\n    max-width: 1536px !important;\n  }\n\n  .container {\n    max-width: 1536px;\n  }\n}\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n.pointer-events-none {\n  pointer-events: none;\n}\n.visible {\n  visibility: visible;\n}\n.collapse {\n  visibility: collapse;\n}\n.static {\n  position: static;\n}\n.fixed {\n  position: fixed;\n}\n.absolute {\n  position: absolute;\n}\n.relative {\n  position: relative;\n}\n.sticky {\n  position: sticky;\n}\n.inset-0 {\n  inset: 0px;\n}\n.-right-2 {\n  right: -0.5rem;\n}\n.-top-2 {\n  top: -0.5rem;\n}\n.bottom-0 {\n  bottom: 0px;\n}\n.bottom-full {\n  bottom: 100%;\n}\n.left-0 {\n  left: 0px;\n}\n.left-1\\/2 {\n  left: 50%;\n}\n.left-3 {\n  left: 0.75rem;\n}\n.left-full {\n  left: 100%;\n}\n.right-0 {\n  right: 0px;\n}\n.right-1\\.5 {\n  right: 0.375rem;\n}\n.right-2 {\n  right: 0.5rem;\n}\n.right-3 {\n  right: 0.75rem;\n}\n.right-4 {\n  right: 1rem;\n}\n.right-full {\n  right: 100%;\n}\n.top-0 {\n  top: 0px;\n}\n.top-1\\/2 {\n  top: 50%;\n}\n.top-4 {\n  top: 1rem;\n}\n.top-full {\n  top: 100%;\n}\n.-z-0 {\n  z-index: 0;\n}\n.z-10 {\n  z-index: 10;\n}\n.z-20 {\n  z-index: 20;\n}\n.z-30 {\n  z-index: 30;\n}\n.z-50 {\n  z-index: 50;\n}\n.z-\\[99\\] {\n  z-index: 99;\n}\n.col-span-2 {\n  grid-column: span 2 / span 2;\n}\n.\\!m-0 {\n  margin: 0px !important;\n}\n.m-0 {\n  margin: 0px;\n}\n.-my-6 {\n  margin-top: -1.5rem;\n  margin-bottom: -1.5rem;\n}\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n.my-1 {\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n}\n.\\!mb-0 {\n  margin-bottom: 0px !important;\n}\n.\\!mb-1 {\n  margin-bottom: 0.25rem !important;\n}\n.\\!mt-1 {\n  margin-top: 0.25rem !important;\n}\n.-ml-1 {\n  margin-left: -0.25rem;\n}\n.-mr-6 {\n  margin-right: -1.5rem;\n}\n.-mt-1 {\n  margin-top: -0.25rem;\n}\n.mb-0 {\n  margin-bottom: 0px;\n}\n.mb-1 {\n  margin-bottom: 0.25rem;\n}\n.mb-12 {\n  margin-bottom: 3rem;\n}\n.mb-2 {\n  margin-bottom: 0.5rem;\n}\n.mb-3 {\n  margin-bottom: 0.75rem;\n}\n.mb-4 {\n  margin-bottom: 1rem;\n}\n.mb-6 {\n  margin-bottom: 1.5rem;\n}\n.mb-8 {\n  margin-bottom: 2rem;\n}\n.ml-2 {\n  margin-left: 0.5rem;\n}\n.ml-4 {\n  margin-left: 1rem;\n}\n.ml-6 {\n  margin-left: 1.5rem;\n}\n.ml-auto {\n  margin-left: auto;\n}\n.mr-1 {\n  margin-right: 0.25rem;\n}\n.mr-1\\.5 {\n  margin-right: 0.375rem;\n}\n.mr-2 {\n  margin-right: 0.5rem;\n}\n.mr-2\\.5 {\n  margin-right: 0.625rem;\n}\n.mr-6 {\n  margin-right: 1.5rem;\n}\n.mt-0\\.5 {\n  margin-top: 0.125rem;\n}\n.mt-1 {\n  margin-top: 0.25rem;\n}\n.mt-1\\.5 {\n  margin-top: 0.375rem;\n}\n.mt-12 {\n  margin-top: 3rem;\n}\n.mt-2 {\n  margin-top: 0.5rem;\n}\n.mt-2\\.5 {\n  margin-top: 0.625rem;\n}\n.mt-4 {\n  margin-top: 1rem;\n}\n.mt-6 {\n  margin-top: 1.5rem;\n}\n.mt-8 {\n  margin-top: 2rem;\n}\n.mt-auto {\n  margin-top: auto;\n}\n.line-clamp-2 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n}\n.block {\n  display: block;\n}\n.inline-block {\n  display: inline-block;\n}\n.inline {\n  display: inline;\n}\n.flex {\n  display: flex;\n}\n.inline-flex {\n  display: inline-flex;\n}\n.table {\n  display: table;\n}\n.table-caption {\n  display: table-caption;\n}\n.grid {\n  display: grid;\n}\n.contents {\n  display: contents;\n}\n.hidden {\n  display: none;\n}\n.aspect-\\[4\\/3\\] {\n  aspect-ratio: 4/3;\n}\n.\\!h-4 {\n  height: 1rem !important;\n}\n.\\!h-7 {\n  height: 1.75rem !important;\n}\n.h-1\\.5 {\n  height: 0.375rem;\n}\n.h-10 {\n  height: 2.5rem;\n}\n.h-11 {\n  height: 2.75rem;\n}\n.h-12 {\n  height: 3rem;\n}\n.h-2 {\n  height: 0.5rem;\n}\n.h-20 {\n  height: 5rem;\n}\n.h-24 {\n  height: 6rem;\n}\n.h-3 {\n  height: 0.75rem;\n}\n.h-4 {\n  height: 1rem;\n}\n.h-40 {\n  height: 10rem;\n}\n.h-5 {\n  height: 1.25rem;\n}\n.h-6 {\n  height: 1.5rem;\n}\n.h-64 {\n  height: 16rem;\n}\n.h-8 {\n  height: 2rem;\n}\n.h-9 {\n  height: 2.25rem;\n}\n.h-96 {\n  height: 24rem;\n}\n.h-\\[18px\\] {\n  height: 18px;\n}\n.h-\\[480px\\] {\n  height: 480px;\n}\n.h-full {\n  height: 100%;\n}\n.h-px {\n  height: 1px;\n}\n.max-h-\\[180px\\] {\n  max-height: 180px;\n}\n.max-h-\\[200px\\] {\n  max-height: 200px;\n}\n.max-h-\\[220px\\] {\n  max-height: 220px;\n}\n.max-h-\\[240px\\] {\n  max-height: 240px;\n}\n.max-h-\\[300px\\] {\n  max-height: 300px;\n}\n.\\!min-h-0 {\n  min-height: 0px !important;\n}\n.min-h-6 {\n  min-height: 1.5rem;\n}\n.min-h-96 {\n  min-height: 24rem;\n}\n.min-h-\\[100px\\] {\n  min-height: 100px;\n}\n.min-h-\\[500px\\] {\n  min-height: 500px;\n}\n.min-h-\\[80px\\] {\n  min-height: 80px;\n}\n.min-h-screen {\n  min-height: 100vh;\n}\n.\\!w-7 {\n  width: 1.75rem !important;\n}\n.w-1\\.5 {\n  width: 0.375rem;\n}\n.w-1\\/2 {\n  width: 50%;\n}\n.w-10 {\n  width: 2.5rem;\n}\n.w-12 {\n  width: 3rem;\n}\n.w-2 {\n  width: 0.5rem;\n}\n.w-2\\/3 {\n  width: 66.666667%;\n}\n.w-24 {\n  width: 6rem;\n}\n.w-3 {\n  width: 0.75rem;\n}\n.w-3\\/4 {\n  width: 75%;\n}\n.w-4 {\n  width: 1rem;\n}\n.w-5 {\n  width: 1.25rem;\n}\n.w-5\\/6 {\n  width: 83.333333%;\n}\n.w-6 {\n  width: 1.5rem;\n}\n.w-8 {\n  width: 2rem;\n}\n.w-9 {\n  width: 2.25rem;\n}\n.w-\\[100px\\] {\n  width: 100px;\n}\n.w-\\[150px\\] {\n  width: 150px;\n}\n.w-\\[18px\\] {\n  width: 18px;\n}\n.w-\\[200px\\] {\n  width: 200px;\n}\n.w-\\[220px\\] {\n  width: 220px;\n}\n.w-\\[240px\\] {\n  width: 240px;\n}\n.w-\\[260px\\] {\n  width: 260px;\n}\n.w-\\[280px\\] {\n  width: 280px;\n}\n.w-\\[40px\\] {\n  width: 40px;\n}\n.w-full {\n  width: 100%;\n}\n.min-w-0 {\n  min-width: 0px;\n}\n.max-w-2xl {\n  max-width: 42rem;\n}\n.max-w-3xl {\n  max-width: 48rem;\n}\n.max-w-5xl {\n  max-width: 64rem;\n}\n.max-w-6xl {\n  max-width: 72rem;\n}\n.max-w-\\[120px\\] {\n  max-width: 120px;\n}\n.max-w-\\[450px\\] {\n  max-width: 450px;\n}\n.max-w-lg {\n  max-width: 32rem;\n}\n.max-w-md {\n  max-width: 28rem;\n}\n.max-w-sm {\n  max-width: 24rem;\n}\n.max-w-xl {\n  max-width: 36rem;\n}\n.max-w-xs {\n  max-width: 20rem;\n}\n.flex-1 {\n  flex: 1 1 0%;\n}\n.flex-shrink {\n  flex-shrink: 1;\n}\n.flex-shrink-0 {\n  flex-shrink: 0;\n}\n.shrink-0 {\n  flex-shrink: 0;\n}\n.flex-grow {\n  flex-grow: 1;\n}\n.grow {\n  flex-grow: 1;\n}\n.basis-1 {\n  flex-basis: 0.25rem;\n}\n.basis-1\\/3 {\n  flex-basis: 33.333333%;\n}\n.origin-top-right {\n  transform-origin: top right;\n}\n.-translate-x-1\\/2 {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.-translate-y-1\\/2 {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.-translate-y-full {\n  --tw-translate-y: -100%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-y-0 {\n  --tw-translate-y: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-y-1 {\n  --tw-translate-y: 0.25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-y-2 {\n  --tw-translate-y: 0.5rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-y-full {\n  --tw-translate-y: 100%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.rotate-180 {\n  --tw-rotate: 180deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.rotate-90 {\n  --tw-rotate: 90deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.scale-100 {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.scale-95 {\n  --tw-scale-x: .95;\n  --tw-scale-y: .95;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n@keyframes pulse {\n\n  50% {\n    opacity: .5;\n  }\n}\n.animate-pulse {\n  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n@keyframes spin {\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n.animate-spin {\n  animation: spin 1s linear infinite;\n}\n.cursor-default {\n  cursor: default;\n}\n.cursor-not-allowed {\n  cursor: not-allowed;\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.select-none {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.select-all {\n  -webkit-user-select: all;\n     -moz-user-select: all;\n          user-select: all;\n}\n.resize-none {\n  resize: none;\n}\n.resize {\n  resize: both;\n}\n.list-none {\n  list-style-type: none;\n}\n.grid-cols-1 {\n  grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n.grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n.flex-col {\n  flex-direction: column;\n}\n.flex-wrap {\n  flex-wrap: wrap;\n}\n.items-start {\n  align-items: flex-start;\n}\n.items-end {\n  align-items: flex-end;\n}\n.items-center {\n  align-items: center;\n}\n.items-baseline {\n  align-items: baseline;\n}\n.items-stretch {\n  align-items: stretch;\n}\n.justify-start {\n  justify-content: flex-start;\n}\n.justify-end {\n  justify-content: flex-end;\n}\n.justify-center {\n  justify-content: center;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.gap-0\\.5 {\n  gap: 0.125rem;\n}\n.gap-1 {\n  gap: 0.25rem;\n}\n.gap-1\\.5 {\n  gap: 0.375rem;\n}\n.gap-2 {\n  gap: 0.5rem;\n}\n.gap-3 {\n  gap: 0.75rem;\n}\n.gap-4 {\n  gap: 1rem;\n}\n.gap-6 {\n  gap: 1.5rem;\n}\n.gap-8 {\n  gap: 2rem;\n}\n.space-x-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.space-x-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(1rem * var(--tw-space-x-reverse));\n  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.space-y-1 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n}\n.space-y-12 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(3rem * var(--tw-space-y-reverse));\n}\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.space-y-3 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.space-y-5 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));\n}\n.space-y-6 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));\n}\n.space-y-8 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(2rem * var(--tw-space-y-reverse));\n}\n.divide-y > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-y-reverse: 0;\n  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\n.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-opacity: 1;\n  border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));\n}\n.overflow-hidden {\n  overflow: hidden;\n}\n.overflow-visible {\n  overflow: visible;\n}\n.overflow-y-auto {\n  overflow-y: auto;\n}\n.truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n.whitespace-pre-line {\n  white-space: pre-line;\n}\n.break-words {\n  overflow-wrap: break-word;\n}\n.\\!rounded-md {\n  border-radius: 0.375rem !important;\n}\n.rounded {\n  border-radius: 0.25rem;\n}\n.rounded-2xl {\n  border-radius: 1rem;\n}\n.rounded-\\[32px\\] {\n  border-radius: 32px;\n}\n.rounded-full {\n  border-radius: 9999px;\n}\n.rounded-lg {\n  border-radius: 0.5rem;\n}\n.rounded-md {\n  border-radius: 0.375rem;\n}\n.rounded-sm {\n  border-radius: 0.125rem;\n}\n.rounded-xl {\n  border-radius: 0.75rem;\n}\n.rounded-b-\\[26px\\] {\n  border-bottom-right-radius: 26px;\n  border-bottom-left-radius: 26px;\n}\n.rounded-b-lg {\n  border-bottom-right-radius: 0.5rem;\n  border-bottom-left-radius: 0.5rem;\n}\n.rounded-b-none {\n  border-bottom-right-radius: 0px;\n  border-bottom-left-radius: 0px;\n}\n.rounded-r-lg {\n  border-top-right-radius: 0.5rem;\n  border-bottom-right-radius: 0.5rem;\n}\n.rounded-t-none {\n  border-top-left-radius: 0px;\n  border-top-right-radius: 0px;\n}\n.border {\n  border-width: 1px;\n}\n.border-0 {\n  border-width: 0px;\n}\n.border-4 {\n  border-width: 4px;\n}\n.\\!border-l-0 {\n  border-left-width: 0px !important;\n}\n.border-b {\n  border-bottom-width: 1px;\n}\n.border-b-0 {\n  border-bottom-width: 0px;\n}\n.border-l {\n  border-left-width: 1px;\n}\n.border-l-0 {\n  border-left-width: 0px;\n}\n.border-l-4 {\n  border-left-width: 4px;\n}\n.border-r-0 {\n  border-right-width: 0px;\n}\n.border-t {\n  border-top-width: 1px;\n}\n.border-t-0 {\n  border-top-width: 0px;\n}\n.\\!border-none {\n  border-style: none !important;\n}\n.border-none {\n  border-style: none;\n}\n.border-accent {\n  border-color: var(--color-accent);\n}\n.border-blue-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));\n}\n.border-blue-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));\n}\n.border-gray-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));\n}\n.border-green-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));\n}\n.border-red-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));\n}\n.border-slate-100 {\n  --tw-border-opacity: 1;\n  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));\n}\n.border-transparent {\n  border-color: transparent;\n}\n.border-yellow-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));\n}\n.border-t-gray-900 {\n  --tw-border-opacity: 1;\n  border-top-color: rgb(17 24 39 / var(--tw-border-opacity, 1));\n}\n.\\!bg-transparent {\n  background-color: transparent !important;\n}\n.bg-blue-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));\n}\n.bg-blue-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));\n}\n.bg-blue-50\\/95 {\n  background-color: rgb(239 246 255 / 0.95);\n}\n.bg-current {\n  background-color: currentColor;\n}\n.bg-gray-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\n.bg-gray-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));\n}\n.bg-gray-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));\n}\n.bg-gray-900 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));\n}\n.bg-green-50\\/95 {\n  background-color: rgb(240 253 244 / 0.95);\n}\n.bg-primary {\n  background-color: var(--color-primary);\n}\n.bg-purple-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));\n}\n.bg-red-50\\/95 {\n  background-color: rgb(254 242 242 / 0.95);\n}\n.bg-slate-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));\n}\n.bg-slate-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));\n}\n.bg-success {\n  background-color: var(--color-success);\n}\n.bg-transparent {\n  background-color: transparent;\n}\n.bg-warning {\n  background-color: var(--color-warning);\n}\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.bg-white\\/95 {\n  background-color: rgb(255 255 255 / 0.95);\n}\n.bg-yellow-50\\/95 {\n  background-color: rgb(254 252 232 / 0.95);\n}\n.object-contain {\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.\\!p-1 {\n  padding: 0.25rem !important;\n}\n.\\!p-1\\.5 {\n  padding: 0.375rem !important;\n}\n.p-0 {\n  padding: 0px;\n}\n.p-1 {\n  padding: 0.25rem;\n}\n.p-1\\.5 {\n  padding: 0.375rem;\n}\n.p-2 {\n  padding: 0.5rem;\n}\n.p-3 {\n  padding: 0.75rem;\n}\n.p-4 {\n  padding: 1rem;\n}\n.p-5 {\n  padding: 1.25rem;\n}\n.p-6 {\n  padding: 1.5rem;\n}\n.p-8 {\n  padding: 2rem;\n}\n.\\!px-1 {\n  padding-left: 0.25rem !important;\n  padding-right: 0.25rem !important;\n}\n.\\!px-2 {\n  padding-left: 0.5rem !important;\n  padding-right: 0.5rem !important;\n}\n.\\!px-3 {\n  padding-left: 0.75rem !important;\n  padding-right: 0.75rem !important;\n}\n.\\!py-0 {\n  padding-top: 0px !important;\n  padding-bottom: 0px !important;\n}\n.\\!py-0\\.5 {\n  padding-top: 0.125rem !important;\n  padding-bottom: 0.125rem !important;\n}\n.px-1\\.5 {\n  padding-left: 0.375rem;\n  padding-right: 0.375rem;\n}\n.px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.px-\\[6px\\] {\n  padding-left: 6px;\n  padding-right: 6px;\n}\n.py-0 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n.py-0\\.5 {\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n}\n.py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.py-1\\.5 {\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n}\n.py-12 {\n  padding-top: 3rem;\n  padding-bottom: 3rem;\n}\n.py-16 {\n  padding-top: 4rem;\n  padding-bottom: 4rem;\n}\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n.py-6 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.py-8 {\n  padding-top: 2rem;\n  padding-bottom: 2rem;\n}\n.\\!pl-0 {\n  padding-left: 0px !important;\n}\n.\\!pl-1 {\n  padding-left: 0.25rem !important;\n}\n.\\!pl-6 {\n  padding-left: 1.5rem !important;\n}\n.\\!pr-2 {\n  padding-right: 0.5rem !important;\n}\n.pb-0 {\n  padding-bottom: 0px;\n}\n.pb-2 {\n  padding-bottom: 0.5rem;\n}\n.pb-4 {\n  padding-bottom: 1rem;\n}\n.pb-\\[6px\\] {\n  padding-bottom: 6px;\n}\n.pl-10 {\n  padding-left: 2.5rem;\n}\n.pl-2 {\n  padding-left: 0.5rem;\n}\n.pl-4 {\n  padding-left: 1rem;\n}\n.pl-5 {\n  padding-left: 1.25rem;\n}\n.pr-10 {\n  padding-right: 2.5rem;\n}\n.pr-12 {\n  padding-right: 3rem;\n}\n.pr-24 {\n  padding-right: 6rem;\n}\n.pr-4 {\n  padding-right: 1rem;\n}\n.pt-0 {\n  padding-top: 0px;\n}\n.pt-2 {\n  padding-top: 0.5rem;\n}\n.pt-4 {\n  padding-top: 1rem;\n}\n.pt-6 {\n  padding-top: 1.5rem;\n}\n.pt-8 {\n  padding-top: 2rem;\n}\n.text-left {\n  text-align: left;\n}\n.text-center {\n  text-align: center;\n}\n.text-right {\n  text-align: right;\n}\n.align-middle {\n  vertical-align: middle;\n}\n.font-mono {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n.font-sans {\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.font-serif {\n  font-family: ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif;\n}\n.text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.text-3xl {\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n}\n.text-7xl {\n  font-size: 4.5rem;\n  line-height: 1;\n}\n.text-\\[10px\\] {\n  font-size: 10px;\n}\n.text-\\[13px\\] {\n  font-size: 13px;\n}\n.text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n.text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.font-bold {\n  font-weight: 700;\n}\n.font-medium {\n  font-weight: 500;\n}\n.font-normal {\n  font-weight: 400;\n}\n.font-semibold {\n  font-weight: 600;\n}\n.uppercase {\n  text-transform: uppercase;\n}\n.italic {\n  font-style: italic;\n}\n.leading-none {\n  line-height: 1;\n}\n.tracking-tight {\n  letter-spacing: -0.025em;\n}\n.tracking-tighter {\n  letter-spacing: -0.05em;\n}\n.tracking-wide {\n  letter-spacing: 0.025em;\n}\n.tracking-wider {\n  letter-spacing: 0.05em;\n}\n.tracking-widest {\n  letter-spacing: 0.1em;\n}\n.text-accent {\n  color: var(--color-accent);\n}\n.text-blue-500 {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity, 1));\n}\n.text-blue-600 {\n  --tw-text-opacity: 1;\n  color: rgb(37 99 235 / var(--tw-text-opacity, 1));\n}\n.text-blue-700 {\n  --tw-text-opacity: 1;\n  color: rgb(29 78 216 / var(--tw-text-opacity, 1));\n}\n.text-blue-900 {\n  --tw-text-opacity: 1;\n  color: rgb(30 58 138 / var(--tw-text-opacity, 1));\n}\n.text-danger {\n  color: var(--color-danger);\n}\n.text-gray-300 {\n  --tw-text-opacity: 1;\n  color: rgb(209 213 219 / var(--tw-text-opacity, 1));\n}\n.text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.text-gray-500 {\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\n.text-gray-600 {\n  --tw-text-opacity: 1;\n  color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\n.text-gray-700 {\n  --tw-text-opacity: 1;\n  color: rgb(55 65 81 / var(--tw-text-opacity, 1));\n}\n.text-gray-900 {\n  --tw-text-opacity: 1;\n  color: rgb(17 24 39 / var(--tw-text-opacity, 1));\n}\n.text-green-500 {\n  --tw-text-opacity: 1;\n  color: rgb(34 197 94 / var(--tw-text-opacity, 1));\n}\n.text-green-600 {\n  --tw-text-opacity: 1;\n  color: rgb(22 163 74 / var(--tw-text-opacity, 1));\n}\n.text-green-700 {\n  --tw-text-opacity: 1;\n  color: rgb(21 128 61 / var(--tw-text-opacity, 1));\n}\n.text-green-900 {\n  --tw-text-opacity: 1;\n  color: rgb(20 83 45 / var(--tw-text-opacity, 1));\n}\n.text-orange-500 {\n  --tw-text-opacity: 1;\n  color: rgb(249 115 22 / var(--tw-text-opacity, 1));\n}\n.text-primary {\n  color: var(--color-primary);\n}\n.text-purple-500 {\n  --tw-text-opacity: 1;\n  color: rgb(168 85 247 / var(--tw-text-opacity, 1));\n}\n.text-purple-600 {\n  --tw-text-opacity: 1;\n  color: rgb(147 51 234 / var(--tw-text-opacity, 1));\n}\n.text-red-500 {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity, 1));\n}\n.text-red-600 {\n  --tw-text-opacity: 1;\n  color: rgb(220 38 38 / var(--tw-text-opacity, 1));\n}\n.text-red-700 {\n  --tw-text-opacity: 1;\n  color: rgb(185 28 28 / var(--tw-text-opacity, 1));\n}\n.text-red-900 {\n  --tw-text-opacity: 1;\n  color: rgb(127 29 29 / var(--tw-text-opacity, 1));\n}\n.text-slate-300 {\n  --tw-text-opacity: 1;\n  color: rgb(203 213 225 / var(--tw-text-opacity, 1));\n}\n.text-slate-400 {\n  --tw-text-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-text-opacity, 1));\n}\n.text-slate-600 {\n  --tw-text-opacity: 1;\n  color: rgb(71 85 105 / var(--tw-text-opacity, 1));\n}\n.text-slate-700 {\n  --tw-text-opacity: 1;\n  color: rgb(51 65 85 / var(--tw-text-opacity, 1));\n}\n.text-success {\n  color: var(--color-success);\n}\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.text-yellow-600 {\n  --tw-text-opacity: 1;\n  color: rgb(202 138 4 / var(--tw-text-opacity, 1));\n}\n.text-yellow-700 {\n  --tw-text-opacity: 1;\n  color: rgb(161 98 7 / var(--tw-text-opacity, 1));\n}\n.text-yellow-900 {\n  --tw-text-opacity: 1;\n  color: rgb(113 63 18 / var(--tw-text-opacity, 1));\n}\n.underline {\n  text-decoration-line: underline;\n}\n.underline-offset-4 {\n  text-underline-offset: 4px;\n}\n.opacity-0 {\n  opacity: 0;\n}\n.opacity-100 {\n  opacity: 1;\n}\n.opacity-25 {\n  opacity: 0.25;\n}\n.opacity-30 {\n  opacity: 0.3;\n}\n.opacity-50 {\n  opacity: 0.5;\n}\n.opacity-60 {\n  opacity: 0.6;\n}\n.opacity-75 {\n  opacity: 0.75;\n}\n.opacity-90 {\n  opacity: 0.9;\n}\n.\\!shadow-none {\n  --tw-shadow: 0 0 #0000 !important;\n  --tw-shadow-colored: 0 0 #0000 !important;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;\n}\n.shadow-\\[0_5px_15px_-3px_rgb\\(0_0_0_\\/_0\\.08\\)\\] {\n  --tw-shadow: 0 5px 15px -3px rgb(0 0 0 / 0.08);\n  --tw-shadow-colored: 0 5px 15px -3px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-xl {\n  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.\\!outline-none {\n  outline: 2px solid transparent !important;\n  outline-offset: 2px !important;\n}\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.outline {\n  outline-style: solid;\n}\n.\\!ring-0 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;\n}\n.grayscale {\n  --tw-grayscale: grayscale(100%);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.backdrop-blur-sm {\n  --tw-backdrop-blur: blur(4px);\n  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-shadow {\n  transition-property: box-shadow;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-transform {\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.duration-100 {\n  transition-duration: 100ms;\n}\n.duration-150 {\n  transition-duration: 150ms;\n}\n.duration-200 {\n  transition-duration: 200ms;\n}\n.duration-300 {\n  transition-duration: 300ms;\n}\n.duration-75 {\n  transition-duration: 75ms;\n}\n.ease-in {\n  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n}\n.ease-in-out {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ease-out {\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n/* \n * You can add custom @apply-based utilities here\n * Example:\n * \n * .btn-primary {\n *   @apply px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600;\n * }\n */\n\n.hover\\:bg-accent:hover {\n  background-color: var(--color-accent);\n}\n\n.hover\\:text-accent:hover {\n  color: var(--color-accent);\n}\n\n.hover\\:text-black:hover {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:text-blue-600:hover {\n  --tw-text-opacity: 1;\n  color: rgb(37 99 235 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:text-gray-600:hover {\n  --tw-text-opacity: 1;\n  color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:text-primary:hover {\n  color: var(--color-primary);\n}\n\n.hover\\:text-red-700:hover {\n  --tw-text-opacity: 1;\n  color: rgb(185 28 28 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:underline:hover {\n  text-decoration-line: underline;\n}\n\n.focus\\:shadow-none:focus {\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.focus\\:\\!ring-0:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;\n}\n\n.focus\\:ring-0:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus-visible\\:outline-none:focus-visible {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.focus-visible\\:ring-2:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus-visible\\:ring-offset-2:focus-visible {\n  --tw-ring-offset-width: 2px;\n}\n\n.disabled\\:pointer-events-none:disabled {\n  pointer-events: none;\n}\n\n.disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n\n.disabled\\:opacity-50:disabled {\n  opacity: 0.5;\n}\n\n@media (min-width: 640px) {\n\n  .sm\\:mb-6 {\n    margin-bottom: 1.5rem;\n  }\n\n  .sm\\:ml-6 {\n    margin-left: 1.5rem;\n  }\n\n  .sm\\:mr-6 {\n    margin-right: 1.5rem;\n  }\n\n  .sm\\:mt-6 {\n    margin-top: 1.5rem;\n  }\n\n  .sm\\:block {\n    display: block;\n  }\n\n  .sm\\:max-w-md {\n    max-width: 28rem;\n  }\n\n  .sm\\:grid-cols-4 {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n\n  .sm\\:flex-row {\n    flex-direction: row;\n  }\n\n  .sm\\:items-center {\n    align-items: center;\n  }\n\n  .sm\\:rounded-md {\n    border-radius: 0.375rem;\n  }\n}\n\n@media (min-width: 768px) {\n\n  .md\\:flex {\n    display: flex;\n  }\n\n  .md\\:grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .md\\:grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .md\\:grid-cols-4 {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n\n  .md\\:grid-cols-6 {\n    grid-template-columns: repeat(6, minmax(0, 1fr));\n  }\n\n  .md\\:flex-row {\n    flex-direction: row;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .lg\\:col-span-2 {\n    grid-column: span 2 / span 2;\n  }\n\n  .lg\\:grid-cols-11 {\n    grid-template-columns: repeat(11, minmax(0, 1fr));\n  }\n\n  .lg\\:grid-cols-5 {\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n  }\n}\n\n.\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0:has([role=checkbox]) {\n  padding-right: 0px;\n}\n\n",[],[269,410,488,948],{"_105":956,"_96":957,"_155":958,"_157":489,"_158":140,"_159":959,"_161":162,"_107":960,"_101":32,"_164":184,"_166":961,"_167":22,"_168":-5,"_169":962,"_99":963},"0d2ed8fa-e2e9-11f0-9a99-42dde27851f2","tailwind.css","0d2ed9a4-e2e9-11f0-9a99-42dde27851f2",85,["D",1766815102475],"@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n/* \n * You can add custom @apply-based utilities here\n * Example:\n * \n * .btn-primary {\n *   @apply px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600;\n * }\n */\n\n",[],[269,410,488,957],{"_105":965,"_96":966,"_155":967,"_157":489,"_158":140,"_159":968,"_161":162,"_107":969,"_101":32,"_164":184,"_166":970,"_167":22,"_168":-5,"_169":971,"_99":972},"0d42f48e-e2e9-11f0-b941-42dde27851f2","theme.scss","0d42f6b4-e2e9-11f0-b941-42dde27851f2",89,["D",1766815102617],"/* ===================================\n   Theme Entry Point\n   \n   Switch themes by commenting/uncommenting the override import.\n   The base styles are always included, then theme overrides layer on top.\n\n   Make sure to update Tailwind variables in `/styles/config.js` as well\n   =================================== */\n\n/* Base styles (always included) */\n@use 'default/all' as *;\n\n/* Theme Overrides - uncomment ONE of these: */\n// @use 'retro/overrides';\n// @use 'startup/overrides';\n// @use 'luma/overrides';\n@use 'groq/overrides';\n\n\n",[],[269,410,488,966],[269,410,488],{"_105":975,"_96":976,"_155":977,"_157":411,"_158":140,"_159":978,"_161":162,"_107":979,"_101":32,"_164":184,"_166":980,"_167":22,"_168":-5,"_169":981,"_99":982},"0d6c6850-e2e9-11f0-8fcb-42dde27851f2","app.scss","0d6c68fa-e2e9-11f0-8fcb-42dde27851f2",96,["D",1766815102889],"// Import all component styles using modern @use syntax\n@use 'components/layout';\n@use 'components/chat-messages';\n@use 'components/chat-input';\n@use 'components/model-picker';\n@use 'components/sidebar';\n@use 'components/right-sidebar';\n@use 'components/settings';\n\n\n// Chatter App Styles - SCSS with @apply support\n// Modular structure with component imports\n\n.theme-scope {\n  @apply shadow-none !p-0;\n}\n",[],[269,410,976],{"_105":984,"_96":985,"_155":986,"_157":411,"_158":140,"_159":987,"_161":162,"_107":988,"_101":32,"_164":211,"_166":989,"_167":22,"_168":-5,"_169":990,"_99":991},"0d7ae88a-e2e9-11f0-8fcb-42dde27851f2","build.ts","0d7ae93e-e2e9-11f0-8fcb-42dde27851f2",97,["D",1766815102983],"// Build script for chat-app styles\n// Lives in /frontend/styles/ folder with all style-related files\n// Creates CSS files chunked for Val Town (< 60KB each)\nimport * as sass from \"npm:sass\";\nimport postcss from \"npm:postcss\";\nimport tailwindcss from \"npm:tailwindcss\";\nimport autoprefixer from \"npm:autoprefixer\";\nimport { copy } from \"https://deno.land/std@0.208.0/fs/copy.ts\";\n\nconst DESIGN_SYSTEM_SOURCE = \"../../../../styles\"; // From chat-app/frontend/styles/ up to v2/frontend/styles\nconst DESIGN_SYSTEM_DEST = \"./design-system\"; // Design system files go here\nconst APP_STYLES_SCSS = \"./app.scss\"; // App-specific styles\nconst OUTPUT_PREFIX = \"./chat-app\"; // Output to styles folder\nconst MAX_CHUNK_SIZE = 60 * 1024; // 60KB per chunk\n\nasync function buildStyles() {\n  console.log(\"🔄 Building chat-app styles...\\n\");\n\n  // Step 1: Copy the design system\n  console.log(\"📁 Step 1: Copying design system...\");\n  try {\n    try {\n      await Deno.remove(DESIGN_SYSTEM_DEST, { recursive: true });\n    } catch {\n      // Folder doesn't exist, that's fine\n    }\n\n    await copy(DESIGN_SYSTEM_SOURCE, DESIGN_SYSTEM_DEST, { overwrite: true });\n    console.log(`   ✅ Copied design system → ${DESIGN_SYSTEM_DEST}`);\n  } catch (error) {\n    console.error(`   ❌ Error copying design system:`, error);\n    Deno.exit(1);\n  }\n\n  // Step 2: Compile design system\n  console.log(\"\\n📦 Step 2: Compiling design system...\");\n  let designSystemCss = \"\";\n  try {\n    const themeScssPath = `${DESIGN_SYSTEM_DEST}/theme.scss`;\n    const scssContent = await Deno.readTextFile(themeScssPath);\n    \n    const result = sass.compileString(scssContent, {\n      style: \"compressed\",\n      loadPaths: [DESIGN_SYSTEM_DEST],\n    });\n\n    designSystemCss = result.css;\n    console.log(`   ✅ Compiled design system (compressed)`);\n  } catch (error) {\n    console.error(`   ❌ Error compiling design system:`, error);\n    Deno.exit(1);\n  }\n\n  // Step 3: Compile app-specific styles with @apply support\n  console.log(\"\\n🎨 Step 3: Compiling app styles (with @apply)...\");\n  let appCss = \"\";\n  try {\n    const sassResult = sass.compile(APP_STYLES_SCSS, {\n      style: \"compressed\",\n    });\n\n    const postcssResult = await postcss([\n      tailwindcss(\"./tailwind.config.js\"),\n      autoprefixer,\n    ]).process(sassResult.css, { \n      from: APP_STYLES_SCSS, \n      to: `${OUTPUT_PREFIX}.css` \n    });\n\n    appCss = postcssResult.css;\n    console.log(`   ✅ Compiled ${APP_STYLES_SCSS}`);\n  } catch (error) {\n    console.error(`   ❌ Error compiling app styles:`, error);\n    Deno.exit(1);\n  }\n\n  // Step 4: Split into chunks\n  console.log(\"\\n🔗 Step 4: Splitting into chunks...\");\n  try {\n    const combinedCss = `${designSystemCss}${appCss}`;\n    const totalSize = new TextEncoder().encode(combinedCss).length;\n    \n    if (totalSize <= MAX_CHUNK_SIZE) {\n      await Deno.writeTextFile(`${OUTPUT_PREFIX}.css`, combinedCss);\n      console.log(`   ✅ Created ${OUTPUT_PREFIX}.css (${(totalSize / 1024).toFixed(2)} KB)`);\n    } else {\n      const chunks = splitCssIntoChunks(combinedCss, MAX_CHUNK_SIZE);\n      const chunkFiles: string[] = [];\n      \n      for (let i = 0; i < chunks.length; i++) {\n        const chunkFile = `${OUTPUT_PREFIX}-${i + 1}.css`;\n        await Deno.writeTextFile(chunkFile, chunks[i]);\n        const chunkSize = new TextEncoder().encode(chunks[i]).length;\n        console.log(`   ✅ Created ${chunkFile} (${(chunkSize / 1024).toFixed(2)} KB)`);\n        chunkFiles.push(chunkFile);\n      }\n      \n      // Create loader instructions\n      const loaderContent = `/* ChatApp CSS - Include these in order:\n${chunkFiles.map(f => `   `).join('\\n')}\n*/\n`;\n      await Deno.writeTextFile(`${OUTPUT_PREFIX}-loader.txt`, loaderContent);\n      console.log(`   ✅ Created ${OUTPUT_PREFIX}-loader.txt`);\n    }\n    \n    console.log(`\\n   Total: ${(totalSize / 1024).toFixed(2)} KB`);\n  } catch (error) {\n    console.error(`   ❌ Error writing CSS:`, error);\n    Deno.exit(1);\n  }\n\n  console.log(\"\\n\" + \"=\".repeat(50));\n  console.log(\"📦 Build complete!\");\n  console.log(\"=\".repeat(50));\n}\n\nfunction splitCssIntoChunks(css: string, maxSize: number): string[] {\n  const chunks: string[] = [];\n  let currentChunk = \"\";\n  \n  // Split at rule boundaries (after closing braces)\n  const rules = css.split(/(?<=\\})\\s*(?=[.@#a-zA-Z])/);\n  \n  for (const rule of rules) {\n    const testChunk = currentChunk + rule;\n    const testSize = new TextEncoder().encode(testChunk).length;\n    \n    if (testSize > maxSize && currentChunk.length > 0) {\n      chunks.push(currentChunk);\n      currentChunk = rule;\n    } else {\n      currentChunk = testChunk;\n    }\n  }\n  \n  if (currentChunk.length > 0) {\n    chunks.push(currentChunk);\n  }\n  \n  return chunks;\n}\n\nif (import.meta.main) {\n  await buildStyles();\n}\n\n",[],[269,410,985],{"_105":993,"_96":994,"_155":995,"_157":411,"_158":140,"_159":996,"_161":162,"_107":997,"_101":32,"_164":184,"_166":998,"_167":22,"_168":-5,"_169":999,"_99":1000},"0c19506c-e2e9-11f0-b39b-42dde27851f2","chat-app-1.css","0c19512a-e2e9-11f0-b39b-42dde27851f2",41,["D",1766815100594],".theme-scope{--color-text-primary: #0f172a;--color-text-secondary: oklch(21% 0.034 264.665);--color-text-muted: #94a3b8;--color-text-neutral: #475569;--color-text-neutral-dark: #334155;--color-text-disabled: #9ca3af;--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-muted: #f1f5f9;--color-bg-light: #F3F4F6;--color-bg-disabled: #f1f5f9;--color-border: #e2e8f0;--color-border-light: #cbd5e1;--color-border-tab: #e4e4e7;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-active: #1d4ed8;--color-primary-dark: #1e40af;--color-primary-light: #eff6ff;--color-primary-lighter: #dbeafe;--color-primary-lightest: #bfdbfe;--color-primary-ring: rgba(59, 130, 246, 0.3);--color-primary-text: #ffffff;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #047857;--color-success-link: #059669;--color-success-link-hover: #047857;--color-success-ring: rgba(34, 197, 94, 0.3);--color-success-text: #ffffff;--color-success-200: #bbf7d0;--color-success-300: #86efac;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #92400e;--color-warning-link: #d97706;--color-warning-link-hover: #b45309;--color-warning-ring: rgba(245, 158, 11, 0.3);--color-warning-text: #ffffff;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-danger: #ef4444;--color-danger-light: #fee2e2;--color-danger-dark: #b91c1c;--color-danger-link: #dc2626;--color-danger-link-hover: #b91c1c;--color-danger-ring: rgba(239, 68, 68, 0.3);--color-danger-text: #ffffff;--color-danger-200: #fecaca;--color-danger-300: #fca5a5;--color-info: #0ea5e9;--color-info-light: #e0f2fe;--color-info-dark: #075985;--color-info-link: #0284c7;--color-info-link-hover: #0369a1;--color-info-ring: rgba(14, 165, 233, 0.3);--color-info-text: #ffffff;--color-info-200: #bae6fd;--color-info-300: #7dd3fc;--color-neutral: #71717a;--color-neutral-light: #f4f4f5;--color-neutral-dark: #3f3f46;--color-neutral-link: #52525b;--color-neutral-link-hover: #3f3f46;--color-neutral-ring: rgba(113, 113, 122, 0.3);--color-neutral-text: #ffffff;--color-neutral-200: #e4e4e7;--color-neutral-300: #d4d4d8;--color-code-bg: #f1f5f9;--color-code-text: #e11d48;--color-code-bg-dark: #0f172a;--color-code-text-dark: #e2e8f0;--color-tab: #71717a;--color-tab-active: #3b82f6;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-white: #ffffff;--color-gray-ring: rgba(161, 161, 170, 0.2);--color-gray-ring-dark: rgba(15, 23, 42, 0.1);--color-bg-dark: #0f172a;--color-text-on-dark: #ffffff;--color-text-on-dark-muted: rgba(255, 255, 255, 0.85);--color-accent: #f59e0b;--color-accent-hover: #d97706;--color-cta: #3b82f6;--color-cta-hover: #2563eb;--color-control-border: var(--color-border-light);--color-control-border-hover: var(--color-border);--color-control-bg: var(--color-bg-primary);--color-control-bg-hover: var(--color-bg-secondary);--color-control-checked: var(--color-primary);--color-control-checked-hover: var(--color-primary-hover);--color-control-checked-border: var(--color-primary);--color-control-checkmark: #ffffff;--color-control-ring: var(--color-primary-ring);--color-toggle-bg: var(--color-border);--color-toggle-bg-checked: var(--color-primary);--color-toggle-knob: #ffffff;--color-choice-border: var(--color-border-light);--color-choice-border-hover: var(--color-border);--color-choice-border-checked: var(--color-primary);--color-choice-bg: transparent;--color-choice-bg-hover: var(--color-bg-secondary);--color-choice-bg-checked: rgba(59, 130, 246, 0.05);--color-choice-ring: var(--color-primary)}.theme-scope{--space-btn-x: 0.875rem;--space-btn-y: 0.5rem;--space-btn-sm-x: 0.5rem;--space-btn-sm-y: 0.25rem;--space-btn-icon: 0.75rem;--space-input-x: 0.75rem;--space-input-y: 0.5rem;--space-card-padding: 1.25rem;--space-tab-x: 1rem;--space-tab-y: 0.5rem;--space-tab-modern-x: 1rem;--space-tab-modern-y: 0.5rem;--space-tab-btn-x: 1.25rem;--space-tab-btn-y: 0.625rem;--space-badge-x: 0.625rem;--space-badge-y: 0.25rem;--space-badge-sm-x: 0.5rem;--space-badge-sm-y: 0.125rem;--space-dropdown-item-x: 0.75rem;--space-dropdown-item-y: 0.5rem;--space-toast-x: 1rem;--space-toast-y: 1rem;--space-copy-btn-x: 0.625rem;--space-copy-btn-y: 0.25rem;--space-accordion-x: 1rem;--space-accordion-y: 1rem;--space-table-cell-x: 0.75rem;--space-table-cell-y: 0.75rem;--space-list-item-x: 1rem;--space-list-item-y: 0.75rem;--space-pagination-x: 0.75rem;--space-pagination-y: 0.5rem;--space-toggle-x: 0.75rem;--space-toggle-y: 0.5rem;--space-gap-xs: 0.25rem;--space-gap-sm: 0.5rem;--space-gap-md: 1rem;--space-gap-lg: 1.5rem}.theme-scope{--font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;--font-mono: 'Menlo', ui-monospace, SFMono-Regular, 'SF Mono', Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;--font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;--font-display: var(--font-sans);--font-marketing: var(--font-sans);--text-xs: 0.75rem;--text-sm: 0.875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -0.05em;--tracking-tight: -0.025em;--tracking-normal: 0;--tracking-wide: 0.025em;--tracking-wider: 0.05em;--text-h1: 2rem;--text-h2: 1.5rem;--text-h3: 1.25rem;--text-h4: 1.125rem;--text-h5: 1rem;--text-h6: 0.875rem;--text-button: var(--text-sm);--text-button-sm: var(--text-xs);--text-badge: var(--text-xs);--text-input: var(--text-sm);--text-label: var(--text-sm);--text-copy-btn: var(--text-xs)}.theme-scope{--radius-none: 0;--radius-sm: 0.25rem;--radius-md: 0.375rem;--radius-lg: 0.5rem;--radius-xl: 0.75rem;--radius-2xl: 1rem;--radius-full: 9999px;--radius-button: var(--radius-md);--radius-input: var(--radius-md);--radius-card: var(--radius-lg);--radius-badge: var(--radius-md);--radius-badge-pill: var(--radius-full);--radius-dropdown: var(--radius-md);--radius-tab: var(--radius-md);--radius-tab-modern: var(--radius-md);--radius-toast: var(--radius-lg)}.theme-scope{--shadow-none: none;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 1px 3px 0 rgba(0, 0, 0, 0.1);--shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-xl: 0 10px 15px -3px rgba(0, 0, 0, 0.1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-card: var(--shadow-md);--shadow-dropdown: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-toast: 0 5px 15px -3px rgba(0, 0, 0, 0.08);--ring-width: 3px;--ring-offset: 0px}.theme-scope{font-family:var(--font-sans);color:var(--color-text-primary);line-height:1.5;background-color:var(--color-bg-primary);padding:1.25rem;border-radius:.5rem;box-sizing:border-box;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}.theme-scope *,.theme-scope *::before,.theme-scope *::after{box-sizing:border-box;border-style:none;border-width:0}.theme-scope h1,.theme-scope h2,.theme-scope h3,.theme-scope h4,.theme-scope h5,.theme-scope h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text-primary);letter-spacing:-0.015em}.theme-scope h1{font-size:var(--text-h1);margin-bottom:.75rem}.theme-scope h2{font-size:var(--text-2xl);margin-bottom:.625rem}.theme-scope h3{font-size:var(--text-xl);margin-bottom:.5rem}.theme-scope h4{font-size:var(--text-lg);margin-bottom:.5rem}.theme-scope h5{font-size:var(--text-base);margin-bottom:.375rem}.theme-scope h6{font-size:var(--text-sm);margin-bottom:.25rem}.theme-scope p{margin-bottom:.75rem;color:var(--color-text-primary);line-height:1.6}.theme-scope strong,.theme-scope b{font-weight:var(--font-semibold);color:var(--color-text-primary)}.theme-scope em,.theme-scope i{font-style:italic}.theme-scope .text-display-xl{font-size:2.25rem;font-weight:var(--font-bold);color:var(--color-gray-300);letter-spacing:-0.025em;line-height:var(--leading-tight)}.theme-scope .text-display-lg{font-size:1.875rem;font-weight:var(--font-bold);color:var(--color-gray-300);letter-spacing:-0.025em;line-height:var(--leading-tight)}.theme-scope .text-display-md{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-300);letter-spacing:-0.025em;line-height:var(--leading-tight)}.theme-scope .text-display-sm{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-gray-300);letter-spacing:-0.025em;line-height:var(--leading-tight)}.theme-scope .link,.theme-scope a{color:var(--color-primary);text-decoration:none;transition:color .15s ease-in-out}.theme-scope .link:hover,.theme-scope a:hover{color:var(--color-primary-hover);text-decoration:underline}.theme-scope code{padding:.125rem .375rem;background-color:var(--color-code-bg);color:var(--color-code-text);border-radius:var(--radius-sm);font-family:var(--font-mono, ui-monospace, monospace);font-size:.875em}.theme-scope pre{padding:1rem;background-color:var(--color-code-bg-dark);color:var(--color-code-text-dark);border-radius:var(--radius-lg);overflow-x:auto;margin-bottom:1rem}.theme-scope pre code{padding:0;background-color:rgba(0,0,0,0);color:inherit;border-radius:0;font-size:var(--text-sm)}.theme-scope blockquote{padding-left:1rem;border-left:4px solid var(--color-border);color:var(--color-text-neutral);font-style:italic;margin-bottom:1rem}.theme-scope hr{border:none;border-top:1px solid var(--color-border);margin:1.5rem 0}.theme-scope .font-serif{font-family:ui-serif,Georgia,Cambria,\"Times New Roman\",Times,serif}.theme-scope .font-bold{font-weight:var(--font-bold)}.theme-scope .italic{font-style:italic}.theme-scope ul,.theme-scope ol{margin-bottom:1rem;padding-left:1.5rem;color:var(--color-text-neutral)}.theme-scope ul{list-style-type:disc}.theme-scope ol{list-style-type:decimal}.theme-scope li{margin-bottom:.5rem}.theme-scope ul ul,.theme-scope ol ol{margin-top:.5rem;margin-bottom:.5rem}.theme-scope .list-none{list-style-type:none;padding-left:0}.theme-scope dl{margin-bottom:1rem}.theme-scope dt{font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:.25rem}.theme-scope dd{margin-left:1.5rem;margin-bottom:.75rem;color:var(--color-text-secondary)}.theme-scope table{width:100%;margin-bottom:1rem}.theme-scope th{padding:.75rem;font-weight:var(--font-semibold);text-align:left;color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.theme-scope td{padding:.75rem;color:var(--color-text-neutral);border-bottom:1px solid var(--color-border)}.theme-scope tbody tr:last-child td{border-bottom:none}.theme-scope .app-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:1rem}.theme-scope .app-table th,.theme-scope .app-table td{border:none;border-bottom:1px solid var(--color-border)}.theme-scope .app-table th{background-color:var(--color-bg-secondary)}.theme-scope .app-table tbody tr:last-child td{border-bottom:none}.theme-scope .app-table th:not(:last-child),.theme-scope .app-table td:not(:last-child){border-right:1px solid var(--color-border)}.theme-scope .data-table td{padding:.25rem 1rem}.theme-scope .data-table th{padding:.5rem 1rem;height:1.3rem}.theme-scope tr:hover{background-color:var(--color-bg-secondary)}.theme-scope .table-compact{border-collapse:collapse;background-color:var(--color-bg-primary)}.theme-scope .table-compact caption{caption-side:bottom;text-align:left;color:var(--color-text-muted);font-size:var(--text-sm);padding:.75rem 1rem;margin-top:0}.theme-scope .table-compact thead{background-color:rgba(0,0,0,0)}.theme-scope .table-compact thead tr{border-bottom:1px solid var(--color-border);transition:none}.theme-scope .table-compact thead tr:hover{background-color:rgba(0,0,0,0)}.theme-scope .table-compact thead th{height:3rem;padding:.75rem 1rem;text-align:left;font-weight:var(--font-medium);color:var(--color-text-muted);font-size:var(--text-sm);vertical-align:middle;background-color:rgba(0,0,0,0);border:none;border-bottom:1px solid var(--color-border)}.theme-scope .table-compact thead th.text-right{text-align:right}.theme-scope .table-compact tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.theme-scope .table-compact tbody tr:hover{background-color:var(--color-bg-muted)}.theme-scope .table-compact tbody tr:last-child{border-bottom:none}.theme-scope .table-compact tbody td{padding:.75rem 1rem;vertical-align:middle;border:none;color:var(--color-text-primary);font-size:var(--text-sm)}.theme-scope .table-compact tfoot{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);font-weight:var(--font-medium)}.theme-scope .table-compact tfoot tr{border:none}.theme-scope .table-compact tfoot tr:hover{background-color:var(--color-bg-secondary)}.theme-scope .table-compact tfoot td{padding:.75rem 1rem;border:none;color:var(--color-text-primary);font-size:var(--text-sm)}.theme-scope .table-compact .table-caption{caption-side:bottom;margin-top:.5rem;padding:.75rem 1rem;text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.theme-scope .expandable-table-container{font-size:var(--text-sm)}.theme-scope .expandable-table-header-row{display:flex;align-items:center;padding:.5rem 1rem;gap:.5rem}.theme-scope .expandable-table-header-row .exp-col-name{flex:1;min-width:0;padding-left:0}.theme-scope .expandable-table-header-row .exp-col-type{width:100px;flex-shrink:0}.theme-scope .expandable-table-header-row .exp-col-status{width:100px;flex-shrink:0}.theme-scope .expandable-table-header-row .exp-col-date{width:110px;flex-shrink:0;text-align:right}.theme-scope .expandable-row{border-bottom:none;border-bottom-width:1px;--tw-divide-y-reverse: 0;margin-bottom:0;border-radius:0;padding:0;background:var(--color-white)}.theme-scope .expandable-row:first-child{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.theme-scope .expandable-row:first-child summary{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.theme-scope .expandable-row:last-child{border-bottom:1px solid var(--color-border) !important;border-bottom-width:1px !important;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.theme-scope .expandable-row:not(:first-child):not(:last-child){border-radius:0}.theme-scope .expandable-row:not(:first-child):not(:last-child) summary{border-radius:0}.theme-scope .expandable-row summary{display:flex;align-items:center;padding:.5rem 1rem;gap:.5rem;cursor:pointer;transition:background-color .15s ease;border-radius:0;margin-bottom:0 !important}.theme-scope .expandable-row summary:hover{background-color:var(--color-bg-muted)}.theme-scope .expandable-row summary .exp-col-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-scope .expandable-row summary .exp-col-type{width:100px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-scope .expandable-row summary .exp-col-status{width:100px;flex-shrink:0}.theme-scope .expandable-row summary .exp-col-date{width:110px;flex-shrink:0;text-align:right;white-space:nowrap;color:var(--color-text-muted)}.theme-scope .expandable-row[open] summary{background-color:var(--color-bg-muted);border-bottom:1px solid var(--color-border)}.theme-scope .expandable-row-content{padding:1rem 1rem 1rem 2.5rem}.theme-scope input[type=text],.theme-scope input[type=email],.theme-scope input[type=password],.theme-scope input[type=number],.theme-scope input[type=url],.theme-scope input[type=search],.theme-scope input[type=tel],.theme-scope input[type=date],.theme-scope input[type=time],.theme-scope input[type=datetime-local],.theme-scope input[type=month],.theme-scope input[type=week],.theme-scope input[type=file],.theme-scope textarea,.theme-scope select,.theme-scope .form-input,.theme-scope .form-select{display:block;width:100%;margin:0;padding:.5rem .625rem;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.theme-scope .form-input.pl-10{padding-left:2.5rem}.theme-scope .form-input.rounded-none,.theme-scope textarea.form-input.rounded-none,.theme-scope input.form-input.rounded-none{border-radius:0}.theme-scope .form-input.rounded-t-none,.theme-scope textarea.form-input.rounded-t-none,.theme-scope input.form-input.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.theme-scope .form-input.rounded-b-none,.theme-scope textarea.form-input.rounded-b-none,.theme-scope input.form-input.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.theme-scope input[type=text]:focus,.theme-scope input[type=email]:focus,.theme-scope input[type=password]:focus,.theme-scope input[type=number]:focus,.theme-scope input[type=url]:focus,.theme-scope input[type=search]:focus,.theme-scope input[type=tel]:focus,.theme-scope input[type=date]:focus,.theme-scope input[type=time]:focus,.theme-scope input[type=datetime-local]:focus,.theme-scope input[type=month]:focus,.theme-scope input[type=week]:focus,.theme-scope input[type=file]:focus,.theme-scope textarea:focus,.theme-scope select:focus,.theme-scope .form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.theme-scope input[type=text]:disabled,.theme-scope input[type=email]:disabled,.theme-scope input[type=password]:disabled,.theme-scope input[type=number]:disabled,.theme-scope input[type=url]:disabled,.theme-scope input[type=search]:disabled,.theme-scope input[type=tel]:disabled,.theme-scope input[type=date]:disabled,.theme-scope input[type=time]:disabled,.theme-scope input[type=datetime-local]:disabled,.theme-scope input[type=month]:disabled,.theme-scope input[type=week]:disabled,.theme-scope input[type=file]:disabled,.theme-scope textarea:disabled,.theme-scope select:disabled,.theme-scope .form-input:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-muted);cursor:not-allowed}.theme-scope input[readonly],.theme-scope textarea[readonly],.theme-scope .form-input[readonly]{background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.theme-scope textarea{resize:vertical;min-height:80px;overflow:hidden}.theme-scope textarea.no-auto-grow{resize:both;overflow:auto}.theme-scope select,.theme-scope .form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%236b7280' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.25rem 1.25rem;padding-right:2.5rem}.theme-scope select:disabled,.theme-scope .form-select:disabled{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23cbd5e1' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z'/%3E%3C/svg%3E\")}.theme-scope label,.theme-scope .form-label{display:block;margin-bottom:.5rem;font-weight:var(--font-medium);color:var(--color-text-primary);font-size:var(--text-sm)}.theme-scope .form-label-inline,.theme-scope .form-label.inline{display:inline;margin-bottom:0}.theme-scope .field-check,.theme-scope label.field-check{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;margin-bottom:0}.theme-scope .field-check.items-center{align-items:center}.theme-scope .field-check input[type=checkbox],.theme-scope .field-check input[type=radio]{margin-top:.125rem;flex-shrink:0}.theme-scope .field-check.items-center input[type=checkbox],.theme-scope .field-check.items-center input[type=radio]{margin-top:0}.theme-scope .field-check>span,.theme-scope .field-check>div{flex:1}.theme-scope .field-check .field-check-label{font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.25}.theme-scope .field-check .field-check-description{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:.25rem}.theme-scope input[type=checkbox],.theme-scope input[type=radio],.theme-scope .form-checkbox,.theme-scope .form-radio{display:inline-block;width:1rem;height:1rem;min-width:1rem;flex-shrink:0;background-color:var(--color-control-bg);border:1px solid var(--color-control-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease-in-out;accent-color:var(--color-control-checked)}.theme-scope input[type=radio]{border-radius:50%}.theme-scope input[type=checkbox]:hover,.theme-scope input[type=radio]:hover{background-color:var(--color-control-bg-hover);border-color:var(--color-control-border-hover)}.theme-scope input[type=checkbox]:checked,.theme-scope input[type=radio]:checked{background-color:var(--color-control-checked);border-color:var(--color-control-checked-border)}.theme-scope input[type=checkbox]:checked:hover,.theme-scope input[type=radio]:checked:hover{background-color:var(--color-control-checked-hover);border-color:var(--color-control-checked-hover)}.theme-scope input[type=checkbox]:focus,.theme-scope input[type=radio]:focus{outline:none;box-shadow:0 0 0 3px var(--color-control-ring)}.theme-scope input[type=range],.theme-scope .form-range{width:100%;height:.25rem;background:var(--color-border-light);border-radius:var(--radius-full);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none}.theme-scope input[type=range]::-webkit-slider-runnable-track,.theme-scope .form-range::-webkit-slider-runnable-track{width:100%;height:.25rem;background:var(--color-border-light);border-radius:var(--radius-full)}.theme-scope input[type=range]::-webkit-slider-thumb,.theme-scope .form-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:1rem;height:1rem;background:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:50%;cursor:pointer;margin-top:-0.375rem;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease-in-out}.theme-scope input[type=range]::-webkit-slider-thumb:hover,.theme-scope .form-range::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px rgba(59,130,246,.1)}.theme-scope input[type=range]::-webkit-slider-thumb:active,.theme-scope .form-range::-webkit-slider-thumb:active{box-shadow:0 0 0 4px rgba(59,130,246,.2)}.theme-scope input[type=range]::-moz-range-track,.theme-scope .form-range::-moz-range-track{width:100%;height:.25rem;background:var(--color-border-light);border-radius:var(--radius-full);border:none}.theme-scope input[type=range]::-moz-range-thumb,.theme-scope .form-range::-moz-range-thumb{width:1rem;height:1rem;background:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease-in-out}.theme-scope input[type=range]::-moz-range-thumb:hover,.theme-scope .form-range::-moz-range-thumb:hover{box-shadow:0 0 0 4px rgba(59,130,246,.1)}.theme-scope input[type=range]::-moz-range-thumb:active,.theme-scope .form-range::-moz-range-thumb:active{box-shadow:0 0 0 4px rgba(59,130,246,.2)}.theme-scope input[type=range]:focus,.theme-scope .form-range:focus{outline:none}.theme-scope input[type=range]:focus::-webkit-slider-thumb,.theme-scope .form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(59,130,246,.15)}.theme-scope input[type=range]:focus::-moz-range-thumb,.theme-scope .form-range:focus::-moz-range-thumb{box-shadow:0 0 0 4px rgba(59,130,246,.15)}.theme-scope input[type=checkbox].form-toggle{appearance:none;width:2.75rem;height:1.5rem;background-color:var(--color-toggle-bg);border-radius:var(--radius-full);position:relative;cursor:pointer;outline:none;transition:background-color .2s ease-in-out;border:none;flex-shrink:0;box-sizing:border-box;margin:0}.theme-scope .form-toggle::after{content:\"\";position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;background-color:var(--color-toggle-knob);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .2s ease-in-out}.theme-scope input[type=checkbox].form-toggle:checked{background-color:var(--color-toggle-bg-checked);border-color:rgba(0,0,0,0)}.theme-scope .form-toggle:checked::after{transform:translateX(1.25rem)}.theme-scope input[type=checkbox].form-toggle:focus{box-shadow:0 0 0 3px var(--color-control-ring)}.theme-scope input[type=checkbox].form-toggle:disabled{opacity:.5;cursor:not-allowed}.theme-scope .input-group{display:flex;position:relative;width:100%;align-items:stretch}.theme-scope .input-group-text{display:flex;align-items:center;padding:.5rem .625rem;font-size:var(--text-sm);font-weight:400;line-height:var(--leading-normal);color:var(--color-text-secondary);text-align:center;white-space:nowrap;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.theme-scope label.input-group-text,.theme-scope .form-label.input-group-text,.theme-scope .input-group-text label,.theme-scope .input-group-text .form-label{margin-bottom:0}.theme-scope .input-group .form-input,.theme-scope .input-group .form-select{flex:1 1 auto;width:1%;min-width:0;border-radius:var(--radius-md)}.theme-scope .input-group textarea{min-height:auto;height:auto}.theme-scope .input-group>:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.theme-scope .input-group>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.theme-scope .input-group .form-input:focus,.theme-scope .input-group .form-select:focus,.theme-scope .input-group .btn-primary:focus,.theme-scope .input-group .btn-secondary:focus,.theme-scope .input-group .action-btn:focus{z-index:20;position:relative}.theme-scope .input-group .btn-primary,.theme-scope .input-group .btn-secondary,.theme-scope .input-group .action-btn{position:relative;z-index:10}.theme-scope .btn-primary,.theme-scope .action-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-primary-text);background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-primary:hover,.theme-scope .action-btn:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.theme-scope .btn-primary:focus,.theme-scope .action-btn:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-primary-ring)}.theme-scope .btn-primary:active,.theme-scope .action-btn:active{background-color:var(--color-primary-active);border-color:var(--color-primary-active)}.theme-scope .btn-primary:disabled,.theme-scope .action-btn:disabled{background-color:var(--color-bg-disabled);border-color:var(--color-border);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.theme-scope .btn-primary.btn-icon,.theme-scope .action-btn.btn-icon{padding:var(--space-btn-icon);border-radius:var(--radius-2xl);min-width:44px;aspect-ratio:1}.theme-scope .btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-primary);background-color:var(--color-primary-light);border:1px solid currentColor;box-shadow:inset 0 0 0 1px currentColor;border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-secondary:hover{background-color:var(--color-primary-lighter);color:var(--color-primary-hover)}.theme-scope .btn-secondary:focus{outline:none;box-shadow:inset 0 0 0 1px currentColor,0 0 0 var(--ring-width) var(--color-primary-ring)}.theme-scope .btn-secondary:active{background-color:var(--color-primary-lightest);color:var(--color-primary-active)}.theme-scope .btn-secondary:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.theme-scope .btn-tertiary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-primary);background-color:rgba(0,0,0,0);border:1px solid var(--color-primary);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-tertiary:hover{background-color:var(--color-bg-secondary);color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.theme-scope .btn-tertiary:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-primary-ring)}.theme-scope .btn-tertiary:active{background-color:var(--color-bg-muted);color:var(--color-primary-active);border-color:var(--color-primary-active)}.theme-scope .btn-tertiary:disabled{background-color:rgba(0,0,0,0);border-color:var(--color-border);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.theme-scope .btn-link{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-primary);background-color:rgba(0,0,0,0);border:none;border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-link:hover{color:var(--color-primary-hover);text-decoration:underline;background-color:var(--color-bg-secondary)}.theme-scope .btn-link:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-primary-ring)}.theme-scope .btn-link:active{color:var(--color-primary-active)}.theme-scope .btn-link:disabled{color:var(--color-text-disabled);cursor:not-allowed;text-decoration:none;opacity:.6}.theme-scope .btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-ghost:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.theme-scope .btn-ghost:focus{outline:none;background-color:var(--color-bg-secondary);box-shadow:0 0 0 var(--ring-width) var(--color-gray-ring)}.theme-scope .btn-ghost:active{background-color:var(--color-bg-muted)}.theme-scope .btn-ghost:disabled{color:var(--color-text-disabled);cursor:not-allowed;background-color:rgba(0,0,0,0);opacity:.6}.theme-scope .copy-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-gap-sm);padding:var(--space-copy-btn-y) var(--space-copy-btn-x);font-size:var(--text-copy-btn);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .copy-button:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-light)}.theme-scope .copy-button:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-primary-ring)}.theme-scope .copy-button:active{background-color:var(--color-bg-muted)}.theme-scope .copy-button-copied{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-gap-sm);padding:var(--space-copy-btn-y) var(--space-copy-btn-x);font-size:var(--text-copy-btn);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-success-text);background-color:var(--color-success);border:1px solid var(--color-success);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .copy-button-copied:hover{background-color:var(--color-success-link);border-color:var(--color-success-link)}.theme-scope .btn-group{display:inline-flex;isolation:isolate;vertical-align:middle}.theme-scope .btn-group>.dropdown{display:flex}.theme-scope .btn-group>.btn-primary,.theme-scope .btn-group>.btn-secondary,.theme-scope .btn-group>.btn-tertiary,.theme-scope .btn-group>.btn-danger,.theme-scope .btn-group>.btn-success,.theme-scope .btn-group>.btn-warning,.theme-scope .btn-group>.btn-info,.theme-scope .btn-group>.btn-neutral,.theme-scope .btn-group>.btn-gray,.theme-scope .btn-group>.btn-danger-secondary,.theme-scope .btn-group>.btn-success-secondary,.theme-scope .btn-group>.btn-warning-secondary,.theme-scope .btn-group>.btn-info-secondary,.theme-scope .btn-group>.btn-neutral-secondary,.theme-scope .btn-group>.btn-gray-secondary,.theme-scope .btn-group>.dropdown>.btn-primary,.theme-scope .btn-group>.dropdown>.btn-secondary,.theme-scope .btn-group>.dropdown>.btn-tertiary,.theme-scope .btn-group>.dropdown>.btn-danger,.theme-scope .btn-group>.dropdown>.btn-success,.theme-scope .btn-group>.dropdown>.btn-warning,.theme-scope .btn-group>.dropdown>.btn-info,.theme-scope .btn-group>.dropdown>.btn-neutral,.theme-scope .btn-group>.dropdown>.btn-gray,.theme-scope .btn-group>.dropdown>.btn-danger-secondary,.theme-scope .btn-group>.dropdown>.btn-success-secondary,.theme-scope .btn-group>.dropdown>.btn-warning-secondary,.theme-scope .btn-group>.dropdown>.btn-info-secondary,.theme-scope .btn-group>.dropdown>.btn-neutral-secondary,.theme-scope .btn-group>.dropdown>.btn-gray-secondary,.theme-scope .btn-group>.action-btn{position:relative;border-width:1px !important;box-shadow:none !important}.theme-scope .btn-group>.btn-secondary:not(:first-child),.theme-scope .btn-group>.btn-danger-secondary:not(:first-child),.theme-scope .btn-group>.btn-success-secondary:not(:first-child),.theme-scope .btn-group>.btn-warning-secondary:not(:first-child),.theme-scope .btn-group>.btn-info-secondary:not(:first-child),.theme-scope .btn-group>.btn-neutral-secondary:not(:first-child),.theme-scope .btn-group>.btn-gray-secondary:not(:first-child),.theme-scope .btn-group>.dropdown>.btn-secondary,.theme-scope .btn-group>.dropdown>.btn-danger-secondary,.theme-scope .btn-group>.dropdown>.btn-success-secondary,.theme-scope .btn-group>.dropdown>.btn-warning-secondary,.theme-scope .btn-group>.dropdown>.btn-info-secondary,.theme-scope .btn-group>.dropdown>.btn-neutral-secondary,.theme-scope .btn-group>.dropdown>.btn-gray-secondary{border-left-width:1px !important}.theme-scope .btn-group>*:not(:first-child){margin-left:-1px}.theme-scope .btn-group>.btn-primary:first-child,.theme-scope .btn-group>.btn-secondary:first-child,.theme-scope .btn-group>.btn-tertiary:first-child,.theme-scope .btn-group>.btn-danger:first-child,.theme-scope .btn-group>.btn-success:first-child,.theme-scope .btn-group>.btn-warning:first-child,.theme-scope .btn-group>.btn-info:first-child,.theme-scope .btn-group>.btn-neutral:first-child,.theme-scope .btn-group>.btn-gray:first-child,.theme-scope .btn-group>.btn-danger-secondary:first-child,.theme-scope .btn-group>.btn-success-secondary:first-child,.theme-scope .btn-group>.btn-warning-secondary:first-child,.theme-scope .btn-group>.btn-info-secondary:first-child,.theme-scope .btn-group>.btn-neutral-secondary:first-child,.theme-scope .btn-group>.btn-gray-secondary:first-child,.theme-scope .btn-group>.dropdown:first-child>.btn-primary,.theme-scope .btn-group>.dropdown:first-child>.btn-secondary,.theme-scope .btn-group>.dropdown:first-child>.btn-tertiary,.theme-scope .btn-group>.dropdown:first-child>.btn-danger,.theme-scope .btn-group>.dropdown:first-child>.btn-success,.theme-scope .btn-group>.dropdown:first-child>.btn-warning,.theme-scope .btn-group>.dropdown:first-child>.btn-info,.theme-scope .btn-group>.dropdown:first-child>.btn-neutral,.theme-scope .btn-group>.dropdown:first-child>.btn-gray,.theme-scope .btn-group>.dropdown:first-child>.btn-danger-secondary,.theme-scope .btn-group>.dropdown:first-child>.btn-success-secondary,.theme-scope .btn-group>.dropdown:first-child>.btn-warning-secondary,.theme-scope .btn-group>.dropdown:first-child>.btn-info-secondary,.theme-scope .btn-group>.dropdown:first-child>.btn-neutral-secondary,.theme-scope .btn-group>.dropdown:first-child>.btn-gray-secondary{border-top-right-radius:0;border-bottom-right-radius:0}.theme-scope .btn-group>.btn-primary:last-child,.theme-scope .btn-group>.btn-secondary:last-child,.theme-scope .btn-group>.btn-tertiary:last-child,.theme-scope .btn-group>.btn-danger:last-child,.theme-scope .btn-group>.btn-success:last-child,.theme-scope .btn-group>.btn-warning:last-child,.theme-scope .btn-group>.btn-info:last-child,.theme-scope .btn-group>.btn-neutral:last-child,.theme-scope .btn-group>.btn-gray:last-child,.theme-scope .btn-group>.btn-danger-secondary:last-child,.theme-scope .btn-group>.btn-success-secondary:last-child,.theme-scope .btn-group>.btn-warning-secondary:last-child,.theme-scope .btn-group>.btn-info-secondary:last-child,.theme-scope .btn-group>.btn-neutral-secondary:last-child,.theme-scope .btn-group>.btn-gray-secondary:last-child,.theme-scope .btn-group>.dropdown:last-child>.btn-primary,.theme-scope .btn-group>.dropdown:last-child>.btn-secondary,.theme-scope .btn-group>.dropdown:last-child>.btn-tertiary,.theme-scope .btn-group>.dropdown:last-child>.btn-danger,.theme-scope .btn-group>.dropdown:last-child>.btn-success,.theme-scope .btn-group>.dropdown:last-child>.btn-warning,.theme-scope .btn-group>.dropdown:last-child>.btn-info,.theme-scope .btn-group>.dropdown:last-child>.btn-neutral,.theme-scope .btn-group>.dropdown:last-child>.btn-gray,.theme-scope .btn-group>.dropdown:last-child>.btn-danger-secondary,.theme-scope .btn-group>.dropdown:last-child>.btn-success-secondary,.theme-scope .btn-group>.dropdown:last-child>.btn-warning-secondary,.theme-scope .btn-group>.dropdown:last-child>.btn-info-secondary,.theme-scope .btn-group>.dropdown:last-child>.btn-neutral-secondary,.theme-scope .btn-group>.dropdown:last-child>.btn-gray-secondary{border-top-left-radius:0;border-bottom-left-radius:0}.theme-scope .btn-group>.btn-primary:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-secondary:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-tertiary:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-danger:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-success:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-warning:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-info:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-neutral:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-gray:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-danger-secondary:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-success-secondary:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-warning-secondary:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-info-secondary:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-neutral-secondary:not(:first-child):not(:last-child),.theme-scope .btn-group>.btn-gray-secondary:not(:first-child):not(:last-child),.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-primary,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-secondary,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-tertiary,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-danger,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-success,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-warning,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-info,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-neutral,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-gray,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-danger-secondary,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-success-secondary,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-warning-secondary,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-info-secondary,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-neutral-secondary,.theme-scope .btn-group>.dropdown:not(:first-child):not(:last-child)>.btn-gray-secondary{border-radius:0}.theme-scope .btn-group>*:hover,.theme-scope .btn-group>.dropdown:hover{z-index:2}.theme-scope .btn-group>*:focus,.theme-scope .btn-group>.dropdown:focus-within{z-index:3}.theme-scope .btn-icon-only{padding:var(--space-btn-icon);aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center}.theme-scope .btn-sm,.theme-scope .btn-short{font-size:.75rem !important;padding:var(--space-btn-sm-y) var(--space-btn-sm-x) !important;line-height:1.25 !important}.theme-scope .btn-danger-soft{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-danger-link);background-color:var(--color-danger-light);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-danger-soft:hover{background-color:#fecaca;color:var(--color-danger-link-hover)}.theme-scope .btn-danger-soft:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-danger-ring)}.theme-scope .btn-danger-soft:active{background-color:#fca5a5}.theme-scope .btn-danger-soft:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.theme-scope .btn-success-soft{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-success-link);background-color:var(--color-success-light);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-success-soft:hover{background-color:#bbf7d0;color:var(--color-success-link-hover)}.theme-scope .btn-success-soft:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-success-ring)}.theme-scope .btn-success-soft:active{background-color:#86efac}.theme-scope .btn-success-soft:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.theme-scope .btn-warning-soft{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-warning-link);background-color:var(--color-warning-light);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-warning-soft:hover{background-color:#fde68a;color:var(--color-warning-link-hover)}.theme-scope .btn-warning-soft:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-warning-ring)}.theme-scope .btn-warning-soft:active{background-color:#fcd34d}.theme-scope .btn-warning-soft:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.theme-scope .btn-info-soft{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-info-link);background-color:var(--color-info-light);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-info-soft:hover{background-color:#bae6fd;color:var(--color-info-link-hover)}.theme-scope .btn-info-soft:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-info-ring)}.theme-scope .btn-info-soft:active{background-color:#7dd3fc}.theme-scope .btn-info-soft:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.theme-scope .btn-neutral-soft{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-neutral-link);background-color:var(--color-neutral-light);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-neutral-soft:hover{background-color:#e4e4e7;color:var(--color-neutral-link-hover)}.theme-scope .btn-neutral-soft:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-neutral-ring)}.theme-scope .btn-neutral-soft:active{background-color:#d4d4d8}.theme-scope .btn-neutral-soft:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.theme-scope .btn-gray-soft{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-secondary);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-gray-soft:hover{background-color:var(--color-border)}.theme-scope .btn-gray-soft:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-gray-ring-dark)}.theme-scope .btn-gray-soft:active{background-color:var(--color-border-light)}.theme-scope .btn-gray-soft:disabled{background-color:var(--color-bg-muted);color:var(--color-text-muted);cursor:not-allowed}.theme-scope .btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-danger-text);background-color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-danger:hover{background-color:var(--color-danger-link);border-color:var(--color-danger-link)}.theme-scope .btn-danger:focus{outline:none;box-shadow:0 0 0 3px rgba(239,68,68,.3)}.theme-scope .btn-danger:active{background-color:var(--color-danger-link-hover);border-color:var(--color-danger-link-hover)}.theme-scope .btn-danger:disabled{background-color:var(--color-bg-disabled);border-color:var(--color-border);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.theme-scope .btn-success{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-success-text);background-color:var(--color-success);border:1px solid var(--color-success);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-success:hover{background-color:var(--color-success-link);border-color:var(--color-success-link)}.theme-scope .btn-success:focus{outline:none;box-shadow:0 0 0 3px rgba(34,197,94,.3)}.theme-scope .btn-success:active{background-color:var(--color-success-link-hover);border-color:var(--color-success-link-hover)}.theme-scope .btn-success:disabled{background-color:var(--color-bg-disabled);border-color:var(--color-border);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.theme-scope .btn-warning{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-warning-text);background-color:var(--color-warning);border:1px solid var(--color-warning);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-warning:hover{background-color:var(--color-warning-link);border-color:var(--color-warning-link)}.theme-scope .btn-warning:focus{outline:none;box-shadow:0 0 0 3px rgba(245,158,11,.3)}.theme-scope .btn-warning:active{background-color:var(--color-warning-link-hover);border-color:var(--color-warning-link-hover)}.theme-scope .btn-warning:disabled{background-color:var(--color-bg-disabled);border-color:var(--color-border);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.theme-scope .btn-info{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-info-text);background-color:var(--color-info);border:1px solid var(--color-info);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-info:hover{background-color:var(--color-info-link);border-color:var(--color-info-link)}.theme-scope .btn-info:focus{outline:none;box-shadow:0 0 0 3px rgba(14,165,233,.3)}.theme-scope .btn-info:active{background-color:var(--color-info-link-hover);border-color:var(--color-info-link-hover)}.theme-scope .btn-info:disabled{background-color:var(--color-bg-disabled);border-color:var(--color-border);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.theme-scope .btn-neutral{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-neutral-text);background-color:var(--color-neutral);border:1px solid var(--color-neutral);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-neutral:hover{background-color:var(--color-neutral-link);border-color:var(--color-neutral-link)}.theme-scope .btn-neutral:focus{outline:none;box-shadow:0 0 0 3px rgba(113,113,122,.3)}.theme-scope .btn-neutral:active{background-color:var(--color-neutral-link-hover);border-color:var(--color-neutral-link-hover)}.theme-scope .btn-neutral:disabled{background-color:var(--color-bg-disabled);border-color:var(--color-border);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.theme-scope .btn-gray{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-gray:hover{background-color:var(--color-border-light);border-color:var(--color-border-light)}.theme-scope .btn-gray:focus{outline:none;box-shadow:0 0 0 3px rgba(148,163,184,.3)}.theme-scope .btn-gray:active{background-color:var(--color-text-muted);border-color:var(--color-text-muted)}.theme-scope .btn-gray:disabled{background-color:var(--color-bg-muted);border-color:var(--color-bg-muted);color:var(--color-text-muted);cursor:not-allowed}.theme-scope .btn-danger-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-danger);background-color:var(--color-danger-light);border:1px solid currentColor;box-shadow:inset 0 0 0 1px currentColor;border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-danger-secondary:hover{background-color:#fecaca;color:var(--color-danger-link)}.theme-scope .btn-danger-secondary:focus{outline:none;box-shadow:inset 0 0 0 1px currentColor,0 0 0 3px rgba(239,68,68,.2)}.theme-scope .btn-danger-secondary:active{background-color:#fca5a5;color:var(--color-danger-link-hover)}.theme-scope .btn-danger-secondary:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.theme-scope .btn-success-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-success-link);background-color:var(--color-success-light);border:1px solid currentColor;box-shadow:inset 0 0 0 1px currentColor;border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-success-secondary:hover{background-color:#bbf7d0;color:var(--color-success-link-hover)}.theme-scope .btn-success-secondary:focus{outline:none;box-shadow:inset 0 0 0 1px currentColor,0 0 0 3px rgba(34,197,94,.2)}.theme-scope .btn-success-secondary:active{background-color:#86efac;color:var(--color-success-dark)}.theme-scope .btn-success-secondary:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.theme-scope .btn-warning-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-warning-link);background-color:var(--color-warning-light);border:1px solid currentColor;box-shadow:inset 0 0 0 1px currentColor;border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-warning-secondary:hover{background-color:#fde68a;color:var(--color-warning-link-hover)}.theme-scope .btn-warning-secondary:focus{outline:none;box-shadow:inset 0 0 0 1px currentColor,0 0 0 3px rgba(245,158,11,.2)}.theme-scope .btn-warning-secondary:active{background-color:#fcd34d;color:var(--color-warning-dark)}.theme-scope .btn-warning-secondary:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.theme-scope .btn-info-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-info-link);background-color:var(--color-info-light);border:1px solid currentColor;box-shadow:inset 0 0 0 1px currentColor;border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-info-secondary:hover{background-color:#bae6fd;color:var(--color-info-link-hover)}.theme-scope .btn-info-secondary:focus{outline:none;box-shadow:inset 0 0 0 1px currentColor,0 0 0 3px rgba(14,165,233,.2)}.theme-scope .btn-info-secondary:active{background-color:#7dd3fc;color:var(--color-info-dark)}.theme-scope .btn-info-secondary:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.theme-scope .btn-neutral-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-neutral-link);background-color:var(--color-neutral-light);border:1px solid currentColor;box-shadow:inset 0 0 0 1px currentColor;border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-neutral-secondary:hover{background-color:#e4e4e7;color:var(--color-neutral-link-hover)}.theme-scope .btn-neutral-secondary:focus{outline:none;box-shadow:inset 0 0 0 1px currentColor,0 0 0 3px rgba(113,113,122,.2)}.theme-scope .btn-neutral-secondary:active{background-color:#d4d4d8;color:var(--color-neutral-dark)}.theme-scope .btn-neutral-secondary:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.theme-scope .btn-gray-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-btn-y) var(--space-btn-x);font-size:var(--text-button);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.theme-scope .btn-gray-secondary:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-light)}.theme-scope .btn-gray-secondary:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-gray-ring-dark)}.theme-scope .btn-gray-secondary:active{background-color:var(--color-bg-muted)}.theme-scope .btn-gray-secondary:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-disabled);cursor:not-allowed}.theme-scope .card,.theme-scope .app-card{padding:var(--space-card-padding);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:1rem}.theme-scope .card-title,.theme-scope .app-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:.5rem}.theme-scope .card-content,.theme-scope .app-card-content{color:var(--color-text-secondary)}.theme-scope .demo-card{padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md)}.theme-scope .demo-card p:last-child{margin-bottom:0}.theme-scope .app-card p:last-child,.theme-scope .app-card-content p:last-child{margin-bottom:0}.theme-scope div[class*=border][class*=rounded] p:last-child,.theme-scope div[class*=border][class*=p-] p:last-child{margin-bottom:0}.theme-scope .accordion{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:1rem;overflow:hidden}.theme-scope .accordion-group{display:flex;flex-direction:column;gap:.5rem}.theme-scope .accordion-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.theme-scope .accordion-item-open{border-bottom-left-radius:0;border-bottom-right-radius:0}.theme-scope .accordion-button{width:100%;padding:.5rem 1rem .5rem 1rem;background-color:var(--color-bg-secondary);border:none;text-align:left;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;font-weight:var(--font-medium);color:var(--color-text-primary);transition:background-color .15s ease-in-out}.theme-scope .accordion-button:hover{background-color:var(--color-bg-muted)}.theme-scope .accordion-icon{flex-shrink:0;position:relative}.theme-scope .accordion-icon-line{fill:var(--color-text-secondary);transition:opacity .2s ease-in-out}.theme-scope .accordion-icon-line-vertical{transform-origin:center;transform:rotate(0deg)}.theme-scope .accordion-icon-rotated{transform:rotate(90deg)}.theme-scope .accordion-button-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.theme-scope .accordion-button-open .accordion-button-icon{transform:rotate(180deg)}.theme-scope .accordion-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;overflow:hidden;margin:0}.theme-scope .accordion-content-open{grid-template-rows:1fr}.theme-scope .accordion-content-inner{overflow:hidden;padding:0 1rem;min-height:0;color:var(--color-text-secondary);opacity:0;transition:opacity .3s ease-out,padding .3s ease-out}.theme-scope .accordion-content-open .accordion-content-inner{padding:1rem 1rem 1rem 1rem;opacity:1}.theme-scope .accordion-content-inner p:last-child{margin-bottom:0}.theme-scope .accordion-single{border:none;border-radius:0}.theme-scope .accordion-single .accordion-item{border:none;border-radius:0;overflow:visible}.theme-scope .accordion-single .accordion-item:not(:last-child){border-bottom:1px solid var(--color-border)}.theme-scope .accordion-single .accordion-button{padding:1rem 0;background-color:rgba(0,0,0,0);justify-content:space-between;font-weight:var(--font-medium);border:none}.theme-scope .accordion-single .accordion-button:hover{background-color:rgba(0,0,0,0)}.theme-scope .accordion-single .accordion-button-icon{width:1rem;height:1rem;transition:transform .2s ease-in-out;flex-shrink:0;margin-left:1rem}.theme-scope .accordion-single .accordion-button[aria-expanded=true] .accordion-button-icon{transform:rotate(180deg)}.theme-scope .accordion-single .accordion-content-inner{padding:0}.theme-scope .accordion-single .accordion-content-open .accordion-content-inner{padding:.5rem 0 1rem 0}",[],[269,410,994],{"_105":1002,"_96":1003,"_155":1004,"_157":411,"_158":140,"_159":1005,"_161":162,"_107":1006,"_101":32,"_164":184,"_166":1007,"_167":22,"_168":-5,"_169":1008,"_99":1009},"0bfafcfc-e2e9-11f0-b141-42dde27851f2","chat-app-2.css","0bfafdc4-e2e9-11f0-b141-42dde27851f2",36,["D",1766815100433],".theme-scope .tab-nav{padding:var(--space-tab-y) 0;border-bottom:1px solid var(--color-border-tab);margin-bottom:1.5rem;position:relative}.theme-scope .tab-list{display:flex;gap:1rem;flex-wrap:wrap;font-size:var(--text-sm)}.theme-scope .tab-button{background:none;border:none;cursor:pointer;padding:.25rem 0;position:relative;color:var(--color-tab);text-decoration:none;transition:color .15s ease-in-out}.theme-scope .tab-button:hover{color:var(--color-tab-active)}.theme-scope .tab-button-active{color:var(--color-tab-active);font-weight:var(--font-semibold)}.theme-scope .tab-indicator{position:absolute;bottom:-0.5rem;left:0;right:0;height:2px;background:var(--color-tab-active)}.theme-scope .tab-container{border:1px solid var(--color-border-tab);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-white)}.theme-scope .tab-container-header{background:var(--color-bg-light);border-bottom:1px solid var(--color-border-tab);display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.theme-scope .tab-container-nav{display:flex;gap:1.5rem;font-size:var(--text-sm);height:100%}.theme-scope .tab-container-button{height:3rem;background:none;border:none;cursor:pointer;padding:var(--space-tab-y) 0;position:relative;color:var(--color-tab);transition:color .15s ease-in-out}.theme-scope .tab-container-button:hover{color:var(--color-tab-active)}.theme-scope .tab-container-button-active{color:var(--color-tab-active);font-weight:var(--font-semibold)}.theme-scope .tab-container-indicator{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-tab-active);z-index:1}.theme-scope .tab-container-actions{display:flex;gap:.5rem;align-items:center}.theme-scope .tab-action-button{background:none;border:none;cursor:pointer;color:var(--color-tab);padding:.25rem;display:flex;align-items:center;transition:color .15s ease-in-out}.theme-scope .tab-action-button:hover{color:var(--color-tab-active)}.theme-scope .tab-content{padding:1rem 0}.theme-scope .tab-container-content{padding:0}.theme-scope .tab-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.theme-scope .tab-buttons-sm{gap:.375rem;margin-bottom:1rem}.theme-scope .tab-btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-text-secondary);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease-in-out;text-decoration:none;white-space:nowrap}.theme-scope .tab-btn:hover:not(:disabled){color:var(--color-text-primary);background-color:var(--color-bg-muted);border-color:var(--color-border-light)}.theme-scope .tab-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.theme-scope .tab-btn-active{color:var(--color-primary);background-color:var(--color-primary-light);border-color:var(--color-primary);font-weight:var(--font-semibold)}.theme-scope .tab-btn-active:hover:not(:disabled){color:var(--color-primary-hover);background-color:var(--color-primary-lighter);border-color:var(--color-primary-hover)}.theme-scope .tab-btn-disabled,.theme-scope .tab-btn:disabled{color:var(--color-text-muted);background-color:var(--color-bg-secondary);border-color:var(--color-border);cursor:not-allowed;opacity:.6}.theme-scope .tab-btn-sm{padding:.375rem .875rem;font-size:.8125rem;border-radius:var(--radius-md)}.theme-scope .tab-btn-content{padding:1rem 0}.theme-scope .tab-modern-group{display:inline-flex;background-color:var(--color-bg-muted, #f4f4f5);padding:.25rem;border-radius:var(--radius-lg);gap:.25rem;margin-bottom:.25rem}.theme-scope .tab-modern{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1.25rem;color:var(--color-text-secondary, #71717a);background-color:rgba(0,0,0,0);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease-in-out;white-space:nowrap}.theme-scope .tab-modern:hover:not(.tab-modern-active){color:var(--color-text-primary, #18181b);background-color:rgba(0,0,0,.03)}.theme-scope .tab-modern-active{color:var(--color-text-primary, #09090b);background-color:var(--color-white, #ffffff);box-shadow:var(--shadow-sm);font-weight:var(--font-medium)}.theme-scope .tab-modern:focus{outline:none;box-shadow:none}.theme-scope .tab-modern-content{padding:0}.theme-scope .tab-modern-content .text-muted{color:var(--color-text-secondary, #71717a);font-size:var(--text-sm);line-height:var(--leading-normal)}.theme-scope .tab-modern-content .card{border:1px solid var(--color-border, #e4e4e7);border-radius:var(--radius-lg);background-color:var(--color-white, #ffffff);max-width:24rem}.theme-scope .tab-modern-content .card-body{padding:0rem}.theme-scope .callout{margin-top:1rem;padding:1rem 1.5rem;background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:1.5rem}.theme-scope .callout-title{margin-top:0;font-size:var(--text-base);font-weight:var(--font-semibold);color:inherit;margin-bottom:.5rem}.theme-scope .callout p:last-child{margin-bottom:0}.theme-scope .callout pre{background:var(--color-white);padding:1rem;border-radius:var(--radius-md);overflow-x:auto;margin-top:1rem}.theme-scope .callout-note{background-color:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-neutral)}.theme-scope .callout-action{background-color:var(--color-info-light);border-color:var(--color-info);color:var(--color-info-dark)}.theme-scope .callout-warning{background-color:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning-dark)}.theme-scope .callout-error{background-color:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger-dark)}.theme-scope .alert{position:relative;width:100%;border-radius:var(--radius-lg);border:1px solid var(--color-border);border-left:3px solid var(--color-border);padding:1rem;display:flex;align-items:flex-start;gap:.75rem;background-color:var(--color-bg-primary);color:var(--color-text-primary);margin-bottom:1rem}.theme-scope .alert>svg,.theme-scope .alert>.iconify{flex-shrink:0;width:1rem;height:1rem;margin-top:.25rem;color:var(--color-text-primary)}.theme-scope .alert>div{flex:1}.theme-scope .alert-title{margin-top:0;margin-bottom:.25rem;font-weight:var(--font-medium);line-height:var(--leading-normal);color:inherit}.theme-scope .alert-description{color:var(--color-text-secondary);line-height:var(--leading-normal)}.theme-scope .alert-description p{margin-bottom:.5rem}.theme-scope .alert-description p:last-child{margin-bottom:0}.theme-scope .alert-default{background-color:var(--color-bg-primary);border-color:var(--color-border)}.theme-scope .alert-destructive{border-color:var(--color-danger);background-color:var(--color-danger-light);color:var(--color-danger-dark)}.theme-scope .alert-destructive>svg,.theme-scope .alert-destructive>.iconify{color:var(--color-danger)}.theme-scope .alert-destructive .alert-description{color:var(--color-danger-dark)}.theme-scope .alert-success{border-color:var(--color-success);background-color:var(--color-success-light);color:var(--color-success-dark)}.theme-scope .alert-success>svg,.theme-scope .alert-success>.iconify{color:var(--color-success)}.theme-scope .alert-success .alert-title{color:var(--color-success-dark)}.theme-scope .alert-success .alert-description{color:var(--color-success-dark)}.theme-scope .alert-warning{border-color:var(--color-warning);background-color:var(--color-warning-light);color:var(--color-warning-dark)}.theme-scope .alert-warning>svg,.theme-scope .alert-warning>.iconify{color:var(--color-warning)}.theme-scope .alert-warning .alert-title{color:var(--color-warning-dark)}.theme-scope .alert-warning .alert-description{color:var(--color-warning-dark)}.theme-scope .alert-info{border-color:var(--color-info);background-color:var(--color-info-light);color:var(--color-info-dark)}.theme-scope .alert-info>svg,.theme-scope .alert-info>.iconify{color:var(--color-info)}.theme-scope .alert-info .alert-title{color:var(--color-info-dark)}.theme-scope .alert-info .alert-description{color:var(--color-info-dark)}.theme-scope details{border-radius:.5rem;padding:.5rem 1rem .5rem 1rem;margin-bottom:1rem}.theme-scope summary{cursor:pointer;font-weight:500;color:var(--color-text-primary);user-select:none;display:flex;align-items:center;gap:.5rem;list-style:none}.theme-scope summary::-webkit-details-marker{display:none}.theme-scope summary::before{content:\"\";width:1rem;height:1rem;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230f172a'%3e%3cpath d='M8 5v14l11-7z'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:center;background-size:contain;transition:transform .2s ease-in-out;flex-shrink:0}.theme-scope summary:hover{color:var(--color-primary)}.theme-scope details[open] summary{margin-bottom:.75rem}.theme-scope details[open] summary::before{transform:rotate(90deg)}.theme-scope .details-toggle{border:1px solid var(--color-border);border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1rem;background-color:var(--color-bg-primary);transition:border-color .15s ease-in-out}.theme-scope .details-toggle:hover{border-color:var(--color-border-light)}.theme-scope .details-summary{cursor:pointer;font-weight:500;color:var(--color-text-primary);user-select:none;padding:.25rem 0}.theme-scope .details-summary:hover{color:var(--color-primary)}.theme-scope .details-toggle[open] .details-summary{margin-bottom:.75rem}.theme-scope .details-content{padding-left:1rem;padding-top:.5rem;color:var(--color-text-secondary)}.theme-scope details.details-minimal{border:none;background:none;padding:0;margin-bottom:.5rem}.theme-scope details.details-minimal summary{padding:.25rem 0;color:var(--color-text-secondary)}.theme-scope details.details-minimal summary:hover{color:var(--color-text-primary)}.theme-scope details.details-minimal[open] summary{margin-bottom:.25rem;color:var(--color-text-primary)}.theme-scope details.details-minimal .details-content{padding-left:1.75rem;color:var(--color-text-secondary)}.theme-scope .color-success{color:var(--color-success)}.theme-scope .color-warning{color:var(--color-warning)}.theme-scope .color-danger{color:var(--color-danger)}.theme-scope .color-info{color:var(--color-primary)}.theme-scope .color-text-primary{color:var(--color-text-primary)}.theme-scope .color-text-secondary{color:var(--color-text-secondary)}.theme-scope .color-text-muted{color:var(--color-text-muted)}.theme-scope .color-bg-primary{background-color:var(--color-bg-primary)}.theme-scope .color-bg-secondary{background-color:var(--color-bg-secondary)}.theme-scope .color-bg-muted{background-color:var(--color-bg-muted)}.theme-scope .no-underline{text-decoration:none !important}.theme-scope .hover-no-underline:hover{text-decoration:none !important}.theme-scope .hidden{display:none !important}.theme-scope .mb-0{margin-bottom:0 !important}.theme-scope .badge{display:inline-flex;align-items:center;border-radius:var(--radius-md);padding:.125rem .5rem;font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);white-space:nowrap;gap:.25rem}.theme-scope .badge-default{background-color:var(--color-primary);color:var(--color-white)}.theme-scope .badge-secondary{background-color:var(--color-bg-muted);color:var(--color-text-neutral)}.theme-scope .badge-success{background-color:var(--color-success-light);color:var(--color-success-link-hover)}.theme-scope .badge-error,.theme-scope .badge-danger,.theme-scope .badge-destructive{background-color:var(--color-danger-light);color:var(--color-danger-link-hover)}.theme-scope .badge-info{background-color:var(--color-primary-lighter);color:var(--color-primary-dark)}.theme-scope .badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-link-hover)}.theme-scope .badge-neutral{background-color:var(--color-bg-muted);color:var(--color-text-neutral)}.theme-scope .badge-outline{background-color:rgba(0,0,0,0);border:1px solid var(--color-border-light);color:var(--color-text-secondary)}.theme-scope .badge-outline-default{background-color:rgba(0,0,0,0);border:1px solid var(--color-primary);color:var(--color-primary)}.theme-scope .badge-outline-secondary{background-color:rgba(0,0,0,0);border:1px solid var(--color-border-light);color:var(--color-text-secondary)}.theme-scope .badge-outline-success{background-color:rgba(0,0,0,0);border:1px solid var(--color-success);color:var(--color-success-link-hover)}.theme-scope .badge-outline-error,.theme-scope .badge-outline-danger,.theme-scope .badge-outline-destructive{background-color:rgba(0,0,0,0);border:1px solid var(--color-danger);color:var(--color-danger-link-hover)}.theme-scope .badge-outline-info{background-color:rgba(0,0,0,0);border:1px solid var(--color-primary);color:var(--color-primary-dark)}.theme-scope .badge-outline-warning{background-color:rgba(0,0,0,0);border:1px solid var(--color-warning);color:var(--color-warning-link-hover)}.theme-scope .badge-pill{border-radius:var(--radius-full)}.theme-scope .badge-number{border-radius:var(--radius-full);padding:.125rem .375rem;font-size:.6875rem;min-width:1.25rem;justify-content:center;background-color:var(--color-text-neutral-dark);color:var(--color-white)}.theme-scope .badge-number-secondary{background-color:var(--color-bg-muted);color:var(--color-text-neutral)}.theme-scope .badge-sm{font-size:.625rem;padding:.125rem .375rem}.theme-scope .badge-md{font-size:var(--text-sm);padding:.25rem .75rem;max-height:25px}.theme-scope .badge-lg{font-size:var(--text-base);padding:.375rem 1rem}.theme-scope .badge .iconify{display:inline-flex;align-items:center;font-size:var(--text-sm);width:.875rem;height:.875rem}.theme-scope .badge-md .iconify{font-size:var(--text-base);width:1rem;height:1rem}.theme-scope .badge-lg .iconify{font-size:var(--text-lg);width:1.125rem;height:1.125rem}.theme-scope .data-list{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background-color:var(--color-bg-primary)}.theme-scope .data-list-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background-color:var(--color-bg-primary);transition:background-color .15s ease}.theme-scope .data-list-row:last-child{border-bottom:none}.theme-scope .data-list-row:hover{background-color:var(--color-bg-secondary)}.theme-scope .data-list-row-content{display:flex;align-items:center;gap:1rem;flex:1}.theme-scope .data-list-row-actions{display:flex;align-items:center;gap:.5rem}.theme-scope .data-list-item-title{font-weight:500;color:var(--color-text-primary)}.theme-scope .data-list-item-subtitle{font-size:.875rem;color:var(--color-text-secondary)}.theme-scope .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;background-color:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:.5rem;color:var(--color-text-secondary)}.theme-scope .empty-state-icon{width:3rem;height:3rem;margin-bottom:1rem;color:var(--color-text-muted)}.theme-scope .empty-state-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.theme-scope .empty-state-description{font-size:.875rem;max-width:20rem}.theme-scope .breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.875rem;line-height:20px;color:var(--color-text-secondary);margin-bottom:1.5rem}.theme-scope .breadcrumb-item{display:flex;align-items:center;gap:.5rem}.theme-scope .breadcrumb-separator,.theme-scope .crumb-divider{color:var(--color-border-light);display:inline-flex;align-items:center}.theme-scope .breadcrumb-link{color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease}.theme-scope .breadcrumb-link:hover{color:var(--color-text-primary);text-decoration:underline}.theme-scope .breadcrumb-current{color:var(--color-text-primary);font-weight:500}.theme-scope .breadcrumbs-chevron .crumb-divider{color:var(--color-border-light)}.theme-scope .breadcrumbs .crumb-divider svg{width:16px;height:16px;color:var(--color-border-light)}.theme-scope .back-link{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:20px;margin-bottom:1.5rem}.theme-scope .back-link svg{width:16px;height:16px;color:var(--color-text-secondary)}.theme-scope .back-link .breadcrumb-link{color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease}.theme-scope .back-link .breadcrumb-link:hover{color:var(--color-text-primary);text-decoration:underline}.theme-scope .crumb-ellipsis{color:var(--color-text-muted)}.theme-scope .breadcrumbs-small{font-size:.75rem;line-height:18px}.theme-scope .breadcrumbs-small .crumb-divider svg{width:14px;height:14px}.theme-scope .breadcrumbs-large{font-size:1rem;line-height:24px}.theme-scope .breadcrumbs-large .crumb-divider svg{width:18px;height:18px}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.theme-scope .animate-spin{animation:spin 1s linear infinite}.theme-scope .loading-overlay{position:absolute;inset:0;background-color:hsla(0,0%,100%,.7);display:flex;align-items:center;justify-content:center;z-index:50;backdrop-filter:blur(2px);border-radius:inherit}.theme-scope .loading-skeleton{background-color:var(--color-bg-muted);border-radius:.25rem;animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.theme-scope .avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;overflow:hidden;user-select:none;width:2.5rem;height:2.5rem;border-radius:9999px;background-color:var(--color-bg-secondary)}.theme-scope .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.theme-scope .avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-muted);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;text-transform:uppercase}.theme-scope .avatar-sm{width:2rem;height:2rem}.theme-scope .avatar-sm .avatar-fallback{font-size:.75rem}.theme-scope .avatar-lg{width:3rem;height:3rem}.theme-scope .avatar-lg .avatar-fallback{font-size:1rem}.theme-scope .avatar-xl{width:4rem;height:4rem}.theme-scope .avatar-xl .avatar-fallback{font-size:1.25rem}.theme-scope .avatar-square{border-radius:0}.theme-scope .avatar-rounded{border-radius:.5rem}.theme-scope .avatar-indicator{position:absolute;bottom:0;right:0;display:block;width:25%;height:25%;min-width:8px;min-height:8px;border-radius:9999px;border:2px solid var(--color-bg-primary);background-color:var(--color-bg-muted)}.theme-scope .status-online{background-color:var(--color-success)}.theme-scope .status-busy{background-color:var(--color-danger)}.theme-scope .status-offline{background-color:var(--color-text-muted)}.theme-scope .avatar-group{display:flex;align-items:center;flex-direction:row}.theme-scope .avatar-group .avatar{border:2px solid var(--color-bg-primary);margin-right:-1rem;transition:margin .2s ease,transform .2s ease,z-index .2s}.theme-scope .avatar-group .avatar:hover{z-index:10;transform:translateY(-2px);margin-right:0}.theme-scope .avatar-group .avatar:last-child{margin-right:0}.theme-scope .avatar-placeholder{background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.75rem}.theme-scope .item{display:flex;flex-direction:column;padding:1rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:background-color .15s ease,border-color .15s ease}.theme-scope .item:hover{background-color:var(--color-bg-secondary)}.theme-scope .item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.theme-scope .item-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.theme-scope .item-title{font-weight:var(--font-medium);font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:.25rem}.theme-scope .item-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.theme-scope .item-actions{display:flex;align-items:center;gap:.5rem}.theme-scope .item-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-secondary)}.theme-scope .item>.flex{display:flex;align-items:center;gap:1rem}.theme-scope .item>.flex>.item-content{margin-top:0}.theme-scope .dropdown{position:relative;display:inline-block}.theme-scope .dropdown-mega{position:static}.theme-scope .dropdown-menu{position:absolute;top:100%;left:0;z-index:50;min-width:12rem;padding:.25rem 0;margin-top:.25rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);opacity:0;transform:scale(0.95) translateY(-5px);transform-origin:top left;transition:opacity .15s ease-out,transform .15s ease-out,visibility 0s linear .15s;pointer-events:none;visibility:hidden}.theme-scope .dropdown-menu.open{opacity:1;transform:scale(1) translateY(0);pointer-events:auto;visibility:visible;transition-delay:0s;display:block;z-index:999}.theme-scope .dropdown-menu-right{left:auto;right:0;transform-origin:top right}.theme-scope .dropdown-menu-center{left:50%;transform:translateX(-50%) scale(0.95) translateY(-5px);transform-origin:top center}.theme-scope .dropdown-menu-center.open{transform:translateX(-50%) scale(1) translateY(0)}.theme-scope .dropdown-menu-w-sm{min-width:10rem}.theme-scope .dropdown-menu-w-md{min-width:16rem}.theme-scope .dropdown-menu-w-lg{min-width:20rem}.theme-scope .dropdown-menu-w-xl{min-width:24rem}.theme-scope .dropdown-mega-container{position:relative}.theme-scope .dropdown-menu-mega{position:absolute;left:2rem;right:2rem;width:auto;padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem;transform:translateY(-5px);transform-origin:top center}.theme-scope .dropdown-menu-mega.open{display:grid !important;transform:translateY(0);overflow:hidden}.theme-scope .dropdown-menu-up,.theme-scope .dropdown-menu-top{top:auto;bottom:100%;margin-top:0;margin-bottom:.25rem;transform:scale(0.95) translateY(5px);transform-origin:bottom left}.theme-scope .dropdown-menu-up.open,.theme-scope .dropdown-menu-top.open{transform:scale(1) translateY(0)}.theme-scope .dropdown-menu-up.dropdown-menu-right,.theme-scope .dropdown-menu-top.dropdown-menu-right{transform-origin:bottom right}.theme-scope .dropdown-menu-up.dropdown-menu-center,.theme-scope .dropdown-menu-top.dropdown-menu-center{transform:translateX(-50%) scale(0.95) translateY(5px);transform-origin:bottom center}.theme-scope .dropdown-menu-up.dropdown-menu-center.open,.theme-scope .dropdown-menu-top.dropdown-menu-center.open{transform:translateX(-50%) scale(1) translateY(0)}.theme-scope .dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}.theme-scope .dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem 1rem;clear:both;font-weight:400;color:var(--color-text-primary);text-align:inherit;white-space:nowrap;background-color:rgba(0,0,0,0);border:0;cursor:pointer;text-decoration:none;transition:all .15s ease-in-out;font-size:var(--text-sm)}.theme-scope .dropdown-item:hover,.theme-scope .dropdown-item:focus{background-color:var(--color-bg-secondary);color:var(--color-primary);text-decoration:none;outline:none}.theme-scope .dropdown-item.active{background-color:var(--color-primary-light);color:var(--color-primary)}.theme-scope .dropdown-item-description{display:block;font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:.125rem;white-space:normal}.theme-scope .dropdown-item-text{display:block;padding:.5rem 1rem;font-size:var(--text-sm);color:var(--color-text-primary)}.theme-scope .dropdown-item:hover .dropdown-item-description{color:var(--color-text-neutral-dark)}.theme-scope .dropdown-divider{height:0;margin:.375rem 0;overflow:hidden;border-top:1px solid var(--color-border-light)}.theme-scope .dropdown-item-icon{width:1rem;height:1rem;color:var(--color-text-muted);flex-shrink:0}.theme-scope .dropdown-item:hover .dropdown-item-icon{color:var(--color-primary)}.theme-scope .popover-content{position:absolute;top:100%;left:0;z-index:50;padding:1rem;margin-top:.5rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);opacity:0;transform:scale(0.95) translateY(-5px);transform-origin:top left;transition:opacity .15s ease-out,transform .15s ease-out,visibility 0s linear .15s;pointer-events:none;visibility:hidden}.theme-scope .popover-content.open{opacity:1;transform:scale(1) translateY(0);pointer-events:auto;visibility:visible;transition-delay:0s}.theme-scope .popover-content-right{left:auto;right:0;transform-origin:top right}.theme-scope .popover-content-center{left:50%;transform:translateX(-50%) scale(0.95) translateY(-5px);transform-origin:top center}.theme-scope .popover-content-center.open{transform:translateX(-50%) scale(1) translateY(0)}.theme-scope .popover-content-up,.theme-scope .popover-content-top{top:auto;bottom:100%;margin-top:0;margin-bottom:.5rem;transform:scale(0.95) translateY(5px);transform-origin:bottom left}.theme-scope .popover-content-up.open,.theme-scope .popover-content-top.open{transform:scale(1) translateY(0)}.theme-scope .popover-content-up.popover-content-right,.theme-scope .popover-content-top.popover-content-right{transform-origin:bottom right}.theme-scope .popover-content-up.popover-content-center,.theme-scope .popover-content-top.popover-content-center{transform:translateX(-50%) scale(0.95) translateY(5px);transform-origin:bottom center}.theme-scope .popover-content-up.popover-content-center.open,.theme-scope .popover-content-top.popover-content-center.open{transform:translateX(-50%) scale(1) translateY(0)}.theme-scope .field{display:flex;flex-direction:column;gap:.375rem}.theme-scope .field:last-child{margin-bottom:0}.theme-scope .field-horizontal{flex-direction:row;align-items:flex-start;gap:.75rem}.theme-scope .field-responsive{flex-direction:column}@media(min-width: 640px){.theme-scope .field-responsive{flex-direction:row;align-items:flex-start;gap:1.5rem}}.theme-scope .field-label{display:block;margin-bottom:0;font-weight:var(--font-medium);color:var(--color-text-primary);font-size:var(--text-sm);line-height:var(--leading-normal)}.theme-scope .field-horizontal .field-label{margin-bottom:0;margin-top:0;line-height:var(--leading-normal)}.theme-scope .field-title{font-weight:var(--font-medium);color:var(--color-text-primary);font-size:var(--text-sm);line-height:var(--leading-normal);margin-bottom:0}.theme-scope .field-description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);margin:0}.theme-scope .field-horizontal .field-description{font-size:var(--text-sm);margin-bottom:0}.theme-scope .fieldset>.field-description{margin-bottom:.75rem}.theme-scope .field-description+.form-input,.theme-scope .field-description+.form-select,.theme-scope .field-description+.form-textarea,.theme-scope .field-description+input,.theme-scope .field-description+select,.theme-scope .field-description+textarea,.theme-scope .field-description+.range-slider{margin-top:0}.theme-scope .fieldset .field-description+.field-group{margin-top:0}.theme-scope .field-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.theme-scope .field-horizontal .field-content{flex:1}.theme-scope .field-responsive .field-content{flex:0 0 auto;min-width:8rem}@media(min-width: 640px){.theme-scope .field-responsive .field-content{min-width:10rem;max-width:12rem}}.theme-scope .fieldset{border:none;padding:0;margin:0;min-width:0}.theme-scope .field-legend{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:.375rem;line-height:var(--leading-normal)}.theme-scope .field-legend-label{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal);margin-bottom:.375rem}.theme-scope .field-group{display:flex;flex-direction:column;gap:.5rem}.theme-scope .field-group>.field-separator{margin:.5rem 0 !important;flex-shrink:0}.theme-scope .field-group.gap-3{gap:.5rem}.theme-scope .fieldset .field-group .field-horizontal{margin-bottom:0}.theme-scope .space-y-2>.field-horizontal{margin-bottom:0}.theme-scope .space-y-2>.field-horizontal+.field-horizontal{margin-top:.5rem}@container field-group (min-width: 640px){.theme-scope .field-responsive{flex-direction:row;align-items:flex-start;gap:1.5rem}}.theme-scope .field-separator{display:block !important;height:1px;background-color:var(--color-border);margin:0;border:none;width:100%}.theme-scope .field-invalid input,.theme-scope .field-invalid textarea,.theme-scope .field-invalid select,.theme-scope .field-invalid .form-input,.theme-scope .field-invalid .form-select{border-color:var(--color-danger)}.theme-scope .field-invalid input:focus,.theme-scope .field-invalid textarea:focus,.theme-scope .field-invalid select:focus,.theme-scope .field-invalid .form-input:focus,.theme-scope .field-invalid .form-select:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.theme-scope .field-error{font-size:var(--text-sm);color:var(--color-danger);margin:0;line-height:var(--leading-normal)}.theme-scope .field-choice-card{display:block;padding:.75rem 1rem;border:1px solid var(--color-choice-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease-in-out;background-color:var(--color-choice-bg)}.theme-scope .field-choice-card:hover{background-color:var(--color-choice-bg-hover);border-color:var(--color-choice-border-hover)}.theme-scope .field-choice-card:has(input:checked){border-color:var(--color-choice-border-checked);background-color:var(--color-choice-bg-checked)}.theme-scope .field-choice-card:has(input:focus){outline:2px solid var(--color-choice-ring);outline-offset:2px}.theme-scope .field-responsive input,.theme-scope .field-responsive textarea,.theme-scope .field-responsive select,.theme-scope .field-responsive .form-input,.theme-scope .field-responsive .form-select{width:100%;max-width:100%}@media(min-width: 640px){.theme-scope .field-responsive input,.theme-scope .field-responsive textarea,.theme-scope .field-responsive select,.theme-scope .field-responsive .form-input,.theme-scope .field-responsive .form-select{width:100%;max-width:24rem;flex:0 1 auto}}.theme-scope .field-horizontal input[type=checkbox],.theme-scope .field-horizontal input[type=radio],.theme-scope .field-horizontal .form-toggle{margin-top:.125rem;flex-shrink:0}.theme-scope .field-group .field-horizontal.field,.theme-scope .space-y-2 .field-horizontal.field{margin-bottom:0;gap:.625rem}.theme-scope .field-horizontal button{margin-right:.5rem}.theme-scope .field-horizontal button:last-child{margin-right:0}.theme-scope .field input[aria-invalid=true],.theme-scope .field textarea[aria-invalid=true],.theme-scope .field select[aria-invalid=true]{border-color:var(--color-danger)}.theme-scope .field:has(.field-description) .field-label,.theme-scope .field:has(.field-description) .field-title{margin-bottom:0}.theme-scope .field:has(input:focus) .field-label,.theme-scope .field:has(textarea:focus) .field-label,.theme-scope .field:has(select:focus) .field-label{color:var(--color-primary)}.theme-scope .range-slider{position:relative;width:100%;height:1.25rem;margin-top:.5rem}.theme-scope .range-slider-track{position:absolute;top:50%;left:0;right:0;height:.25rem;background:var(--color-border-light);border-radius:var(--radius-full);transform:translateY(-50%)}.theme-scope .range-slider-range{position:absolute;height:100%;background:var(--color-primary);border-radius:var(--radius-full)}.theme-scope .range-slider-input{position:absolute;width:100%;height:.25rem;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0);pointer-events:none;appearance:none;-webkit-appearance:none;margin:0;padding:0}.theme-scope .range-slider-input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;pointer-events:all;width:1rem;height:1rem;background:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease-in-out}.theme-scope .range-slider-input::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px rgba(59,130,246,.1)}.theme-scope .range-slider-input::-webkit-slider-thumb:active{box-shadow:0 0 0 4px rgba(59,130,246,.2)}.theme-scope .range-slider-input::-moz-range-thumb{pointer-events:all;width:1rem;height:1rem;background:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease-in-out}.theme-scope .range-slider-input::-moz-range-thumb:hover{box-shadow:0 0 0 4px rgba(59,130,246,.1)}.theme-scope .range-slider-input::-moz-range-thumb:active{box-shadow:0 0 0 4px rgba(59,130,246,.2)}.theme-scope .range-slider-input:focus{outline:none}.theme-scope .range-slider-input:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(59,130,246,.15)}.theme-scope .range-slider-input:focus::-moz-range-thumb{box-shadow:0 0 0 4px rgba(59,130,246,.15)}.theme-scope .range-slider-input-min{z-index:4}.theme-scope .range-slider-input-max{z-index:3}.theme-scope .code-block{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-code-bg-dark);color:var(--color-code-text-dark);margin-bottom:1.5rem;overflow:hidden}.theme-scope .code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.1)}.theme-scope .code-block-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-300)}.theme-scope .code-block-tabs{display:flex;gap:1rem}.theme-scope .code-block-tab{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:.25rem 0;position:relative;transition:color .2s}.theme-scope .code-block-tab:hover{color:var(--color-white)}.theme-scope .code-block-tab.active{color:var(--color-white)}.theme-scope .code-block-tab.active::after{content:\"\";position:absolute;bottom:-0.75rem;left:0;width:100%;height:1px;background-color:var(--color-primary)}.theme-scope .code-block-actions{display:flex;align-items:center;gap:.5rem}.theme-scope .code-copy-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:all .2s;display:flex;align-items:center;justify-content:center}.theme-scope .code-copy-btn:hover{background-color:hsla(0,0%,100%,.1);color:var(--color-white)}.theme-scope .code-block-content{position:relative;padding:1rem;overflow-x:auto;font-family:var(--font-mono, ui-monospace, monospace);font-size:var(--text-sm);line-height:var(--leading-normal)}.theme-scope .code-block-content pre{margin:0;padding:0;background:rgba(0,0,0,0);color:inherit;font-family:inherit}.theme-scope .code-block-content code{font-family:inherit;color:inherit}.theme-scope .code-block.collapsed .code-block-content{max-height:150px;overflow-y:hidden}.theme-scope .code-block-expand-overlay{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom, transparent, var(--color-code-bg-dark) 90%);display:flex;align-items:center;justify-content:center;padding-top:2rem;pointer-events:none}.theme-scope .code-block-expand-btn{pointer-events:auto;background-color:var(--color-text-primary);color:var(--color-bg-primary);border:1px solid var(--color-text-primary);padding:.375rem .75rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all .2s;box-shadow:0 1px 2px rgba(0,0,0,.05)}.theme-scope .code-block-expand-btn:hover{background-color:var(--color-text-neutral-dark);border-color:var(--color-text-neutral-dark)}.theme-scope .code-header-expand-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-medium);padding:.25rem .5rem;border-radius:var(--radius-sm);transition:color .2s}.theme-scope .code-header-expand-btn:hover{color:var(--color-white);background-color:hsla(0,0%,100%,.1)}.theme-scope .code-command{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--color-code-bg-dark);color:var(--color-code-text-dark);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-mono, ui-monospace, monospace);font-size:var(--text-sm)}.theme-scope .code-command-text{margin-right:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-scope .code-command-prefix{color:var(--color-text-muted);margin-right:.5rem;user-select:none}.theme-scope .code-block.simple .code-copy-btn{position:absolute;top:.5rem;right:.5rem;z-index:10}.theme-scope .toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;display:flex;flex-direction:column;gap:.75rem;max-width:24rem;width:100%;pointer-events:none}.theme-scope .toast{pointer-events:auto;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);display:flex;align-items:flex-start;gap:.75rem;transition:all .3s ease;transform-origin:bottom right}.theme-scope .toast-content{flex:1}.theme-scope .toast-title{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:.25rem}.theme-scope .toast-description{font-size:var(--text-sm);color:var(--color-text-secondary)}.theme-scope .toast-close{color:var(--color-text-secondary);background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s}.theme-scope .toast-close:hover{opacity:1}.theme-scope .toast-default{border-left:4px solid var(--color-border)}.theme-scope .toast-success{border-left:4px solid var(--color-success)}.theme-scope .toast-success .toast-icon{color:var(--color-success)}.theme-scope .toast-error{border-left:4px solid var(--color-danger)}.theme-scope .toast-error .toast-icon{color:var(--color-danger)}.theme-scope .toast-warning{border-left:4px solid var(--color-warning)}.theme-scope .toast-warning .toast-icon{color:var(--color-warning)}.theme-scope .toast-info{border-left:4px solid var(--color-primary)}.theme-scope .toast-info .toast-icon{color:var(--color-primary)}.theme-scope .pagination{display:flex;align-items:center;justify-content:flex-start}.theme-scope .pagination-content{display:flex;flex-direction:row;align-items:center;gap:.25rem;list-style:none;margin:0;padding:0}.theme-scope .pagination-item{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .75rem;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);background-color:rgba(0,0,0,0);border-radius:var(--radius-md);text-decoration:none;transition:all .15s ease-in-out;cursor:pointer}.theme-scope .pagination-item:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.theme-scope .pagination-item.active{background-color:var(--color-white);color:var(--color-text-primary);border:1px solid var(--color-border);font-weight:var(--font-semibold);box-shadow:var(--shadow-sm)}.theme-scope .pagination-item.icon-only{padding:0;width:2.25rem}.theme-scope .pagination-previous,.theme-scope .pagination-next{display:inline-flex;align-items:center;gap:.5rem;padding-left:.75rem;padding-right:.75rem;width:auto}.theme-scope .pagination-previous svg,.theme-scope .pagination-next svg{width:1rem;height:1rem}.theme-scope .pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;color:var(--color-text-muted)}.theme-scope .toggle-group{display:inline-flex;align-items:center;justify-content:center;gap:0;background-color:rgba(0,0,0,0);border-radius:var(--radius-sm);padding:0;border:1px solid #dadce0}.theme-scope .toggle-group-item{display:inline-flex;align-items:center;justify-content:center;border-radius:0;padding:.375rem .5rem;min-width:2rem;min-height:2rem;font-size:var(--text-sm);font-weight:400;line-height:1.25rem;color:#5f6368;background-color:#fff;border:none;border-right:1px solid #dadce0;cursor:pointer;transition:background-color .1s ease,color .1s ease;white-space:nowrap;position:relative}.theme-scope .toggle-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.theme-scope .toggle-group-item:last-child{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-right:none}.theme-scope .toggle-group-item:focus-visible{outline:2px solid #1a73e8;outline-offset:-2px;z-index:10}.theme-scope .toggle-group-item:hover:not(:disabled):not([data-state=on]){background-color:#f1f3f4}.theme-scope .toggle-group-item[data-state=on],.theme-scope .toggle-group-item.selected{background-color:#e8f0fe;color:#1967d2;z-index:1}.theme-scope .toggle-group-item:disabled,.theme-scope .toggle-group-item[disabled]{pointer-events:none;opacity:.38;color:#80868b}.theme-scope .toggle-group-item svg,.theme-scope .toggle-group-item .iconify{width:1.125rem;height:1.125rem;flex-shrink:0}.theme-scope .toggle-group-item svg+span,.theme-scope .toggle-group-item .iconify+span{margin-left:.375rem}.theme-scope .toggle-group.toggle-group-outline{background-color:rgba(0,0,0,0);border:none;padding:0;gap:2px}.theme-scope .toggle-group.toggle-group-outline .toggle-group-item{border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,0);border-right:none}.theme-scope .toggle-group.toggle-group-outline .toggle-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.theme-scope .toggle-group.toggle-group-outline .toggle-group-item:last-child{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.theme-scope .toggle-group.toggle-group-outline .toggle-group-item:hover:not(:disabled):not([data-state=on]){background-color:#f1f3f4}.theme-scope .toggle-group.toggle-group-outline .toggle-group-item[data-state=on],.theme-scope .toggle-group.toggle-group-outline .toggle-group-item.selected{background-color:#e8f0fe;color:#1967d2;border-color:rgba(0,0,0,0)}.theme-scope .toggle-group-sm .toggle-group-item{padding:.25rem .375rem;min-width:1.75rem;min-height:1.75rem;font-size:.8125rem}.theme-scope .toggle-group-sm .toggle-group-item svg,.theme-scope .toggle-group-sm .toggle-group-item .iconify{width:1rem;height:1rem}.theme-scope .toggle-group-lg .toggle-group-item{padding:var(--space-input-y) var(--space-input-x);min-width:2.5rem;min-height:2.5rem;font-size:.9375rem}.theme-scope .toggle-group-lg .toggle-group-item svg,.theme-scope .toggle-group-lg .toggle-group-item .iconify{width:1.25rem;height:1.25rem}.theme-scope .toggle-group-vertical{flex-direction:column}.theme-scope .toggle-group-vertical.toggle-group-outline .toggle-group-item{width:100%;margin-left:0;margin-top:-1px;border-left:none;border-top:1px solid rgba(0,0,0,0)}.theme-scope .toggle-group-vertical.toggle-group-outline .toggle-group-item:first-child{border-radius:.375rem .375rem 0 0;margin-top:0}.theme-scope .toggle-group-vertical.toggle-group-outline .toggle-group-item:last-child{border-radius:0 0 .375rem .375rem}.theme-scope .toggle-group-vertical.toggle-group-outline .toggle-group-item+.toggle-group-item{border-top:1px solid var(--color-border);border-left:none}.theme-scope .section-heading{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:1rem;line-height:var(--leading-tight)}.theme-scope .section-description{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:1rem}.theme-scope .subsection-heading{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:.5rem}.theme-scope .caption{font-size:var(--text-xs);color:var(--color-text-muted)}.theme-scope .fine-print{font-size:var(--text-sm);color:var(--color-text-muted)}.theme-scope .brand-text{font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:-0.025em;color:var(--color-text-primary)}.theme-scope .hero-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);letter-spacing:-0.025em;color:var(--color-text-primary);line-height:1.1}@media(min-width: 768px){.theme-scope .hero-title{font-size:var(--text-5xl)}}.theme-scope .hero-accent{color:var(--color-primary)}.theme-scope .hero-description{font-size:var(--text-lg);color:var(--color-text-secondary)}.theme-scope .nav-link{display:inline-flex;align-items:center;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease}.theme-scope .nav-link:hover{color:var(--color-text-primary)}.theme-scope .footer-link{color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease}.theme-scope .footer-link:hover{color:var(--color-primary)}.theme-scope .social-link{color:var(--color-text-muted);transition:color .15s ease}.theme-scope .social-link:hover{color:var(--color-text-secondary)}.theme-scope .badge-dark{background-color:var(--color-text-primary);color:var(--color-white);padding:.25rem .5rem;border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--font-medium);display:inline-block}.theme-scope .icon-placeholder{color:var(--color-border-default);opacity:.6}.theme-scope .text-accent{color:var(--color-primary)}.theme-scope .bg-accent{background-color:var(--color-primary)}.theme-scope .bg-accent-light{background-color:var(--color-primary-ring)}.theme-scope .border-accent{border-color:var(--color-primary)}.theme-scope .loading-spinner{color:var(--color-primary);animation:spin 1s linear infinite}.theme-scope .status-dot{width:.5rem;height:.5rem;border-radius:50%}.theme-scope .status-success{background-color:var(--color-success)}.theme-scope .status-danger{background-color:var(--color-danger)}.theme-scope .status-warning{background-color:var(--color-warning)}.theme-scope .interactive-danger:hover{background-color:var(--color-danger-bg)}.theme-scope .btn-ghost-danger{color:var(--color-danger)}.theme-scope .btn-ghost-danger:hover{color:var(--color-danger);background-color:var(--color-danger-bg)}.theme-scope .text-success{color:var(--color-success)}.theme-scope .text-warning{color:var(--color-warning)}.theme-scope .text-danger{color:var(--color-danger)}.theme-scope .text-inverse{color:var(--color-white)}.theme-scope .text-muted{color:var(--color-text-muted)}.theme-scope .help-text{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:.25rem}.theme-scope .demo-container{padding:2rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-muted)}.theme-scope .demo-container-tall{padding:2rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-muted);min-height:16rem;display:flex;align-items:flex-start;justify-content:center;position:relative;overflow:visible;z-index:10}.theme-scope .demo-container-sm{padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-muted)}.theme-scope .surface{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.theme-scope .surface-muted{background-color:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.theme-scope .text-primary{color:var(--color-text-primary)}.theme-scope .text-secondary{color:var(--color-text-secondary)}.theme-scope .text-muted{color:var(--color-text-muted)}.theme-scope .text-accent{color:var(--color-primary)}.theme-scope .text-success{color:var(--color-success)}.theme-scope .text-danger{color:var(--color-danger)}.theme-scope .text-warning{color:var(--color-warning)}.theme-scope .bg-primary{background-color:var(--color-bg-primary)}.theme-scope .bg-muted{background-color:var(--color-bg-muted)}.theme-scope .bg-secondary{background-color:var(--color-bg-secondary)}.theme-scope .interactive{transition:background-color .15s ease,color .15s ease}.theme-scope .interactive:hover{background-color:var(--color-bg-muted)}.theme-scope .interactive-link{color:var(--color-text-secondary);transition:color .15s ease}.theme-scope .interactive-link:hover{color:var(--color-text-primary)}.theme-scope .accent-link{color:var(--color-text-secondary);transition:color .15s ease}.theme-scope .accent-link:hover{color:var(--color-primary)}.theme-scope .icon-muted{color:var(--color-text-muted)}.theme-scope .icon-interactive{color:var(--color-text-muted);transition:color .15s ease}.theme-scope .icon-interactive:hover{color:var(--color-text-secondary)}.theme-scope .icon-success{color:var(--color-success)}.theme-scope .icon-danger{color:var(--color-danger)}.theme-scope .icon-warning{color:var(--color-warning)}.theme-scope .icon-accent{color:var(--color-primary)}.theme-scope .border-light{border:1px solid var(--color-border-light)}.theme-scope .divider{border-top:1px solid var(--color-border)}.theme-scope .divider-b{border-bottom:1px solid var(--color-border)}.theme-scope .stat-box{padding:.75rem;background-color:var(--color-bg-muted);border-radius:var(--radius-lg)}.theme-scope .stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.theme-scope .stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.theme-scope .stat-change-positive{font-size:var(--text-xs);color:var(--color-success)}.theme-scope .stat-change-negative{font-size:var(--text-xs);color:var(--color-danger)}.theme-scope .nav-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:color .15s ease;text-decoration:none}.theme-scope .nav-link:hover{color:var(--color-text-primary)}.theme-scope .brand-text{font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.theme-scope .footer-link{color:var(--color-text-secondary);transition:color .15s ease;text-decoration:none}.theme-scope .footer-link:hover{color:var(--color-primary)}.theme-scope .social-link{color:var(--color-text-muted);transition:color .15s ease}.theme-scope .social-link:hover{color:var(--color-text-secondary)}.theme-scope .hero-title{font-size:var(--text-4xl);font-weight:800;letter-spacing:var(--tracking-tight);color:var(--color-text-primary);line-height:var(--leading-tight)}.theme-scope .hero-accent{color:var(--color-primary)}.theme-scope .hero-description{font-size:var(--text-lg);color:var(--color-text-secondary)}.theme-scope .fine-print{font-size:var(--text-sm);color:var(--color-text-muted)}.theme-scope .panel-header{width:100%;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;background-color:var(--color-bg-primary);border-radius:var(--radius-lg);border-bottom-left-radius:0;border-bottom-right-radius:0;transition:background-color .15s ease;cursor:pointer}.theme-scope .panel-header:has(+*:not([style*=\"display: none\"])):not(:has(+[x-show]:not([style]))){border-bottom:1px solid var(--color-border)}.theme-scope .panel-header[aria-expanded=true]{border-bottom:1px solid var(--color-border)}.theme-scope .panel-header:hover{background-color:var(--color-bg-muted)}.theme-scope .accordion-borderless .panel-header{border-radius:0;background-color:rgba(0,0,0,0)}.theme-scope .accordion-borderless .panel-header[aria-expanded=true]{border-bottom:none}.theme-scope .accordion-borderless .panel-header:hover{background-color:var(--color-bg-muted)}.theme-scope .panel-content{padding:1rem;font-size:var(--text-sm);color:var(--color-text-secondary)}.theme-scope .grid-2{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}.theme-scope .grid-2-responsive{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width: 768px){.theme-scope .grid-2-responsive{grid-template-columns:repeat(2, 1fr)}}.theme-scope .focus-ring:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-ring);border-color:var(--color-primary)}.theme-scope .focus-ring:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-primary-ring);border-color:var(--color-primary)}.theme-scope .tooltip{position:absolute;bottom:100%;right:0;margin-bottom:.5rem;padding:.375rem .75rem;font-size:var(--text-xs);color:var(--color-white);background-color:var(--color-text-primary);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);white-space:nowrap;z-index:50;pointer-events:none}.theme-scope .tooltip-arrow{position:absolute;top:100%;right:.375rem;margin-top:-0.25rem;border-width:.25rem;border-style:solid;border-color:var(--color-text-primary) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.theme-scope .calendar-widget{--calendar-cell-size: 36px;--calendar-gap: 2px;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.05)}.theme-scope .calendar-widget-xs{--calendar-cell-size: 24px;padding:.75rem;font-size:.75rem}.theme-scope .calendar-widget-xs .calendar-nav-title{font-size:.75rem}.theme-scope .calendar-widget-xs .calendar-weekday{font-size:.625rem}.theme-scope .calendar-widget-sm{--calendar-cell-size: 32px;padding:.875rem}.theme-scope .calendar-widget-sm .calendar-nav-title{font-size:.8125rem}.theme-scope .calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;gap:.5rem}.theme-scope .calendar-nav-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:.375rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.theme-scope .calendar-nav-btn:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-primary)}.theme-scope .calendar-nav-btn .iconify{font-size:1.125rem}.theme-scope .calendar-nav-title{font-size:.875rem;font-weight:500;color:var(--color-text-primary);text-align:center;flex:1}.theme-scope .calendar-dropdowns{display:flex;gap:.375rem;flex:1;justify-content:center}.theme-scope .calendar-dropdown{padding:.25rem .5rem;font-size:.8125rem;font-family:inherit;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text-primary);cursor:pointer;appearance:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%2371717a' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right 4px center;padding-right:20px}.theme-scope .calendar-dropdown:hover{border-color:var(--color-primary)}.theme-scope .calendar-dropdown:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-ring)}.theme-scope .calendar-grid{display:flex;flex-direction:column;gap:var(--calendar-gap)}.theme-scope .calendar-weekdays{display:flex;gap:var(--calendar-gap)}.theme-scope .calendar-weekday{width:var(--calendar-cell-size);height:calc(var(--calendar-cell-size)*.75);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.theme-scope .calendar-week{display:flex;gap:var(--calendar-gap)}.theme-scope .calendar-day{width:var(--calendar-cell-size);height:var(--calendar-cell-size);display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-family:inherit;background:rgba(0,0,0,0);border:none;border-radius:.375rem;color:var(--color-text-primary);cursor:pointer;position:relative;transition:all .1s ease}.theme-scope .calendar-day:hover:not(:disabled){background-color:var(--color-bg-secondary)}.theme-scope .calendar-day:focus{outline:none;box-shadow:0 0 0 2px var(--color-ring);z-index:1}.theme-scope .calendar-day-outside{color:var(--color-text-muted);opacity:.5}.theme-scope .calendar-day-today{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);font-weight:600}.theme-scope .calendar-day-selected{background-color:var(--color-primary) !important;color:var(--color-text-on-dark) !important;font-weight:600}.theme-scope .calendar-day-selected:hover{background-color:var(--color-primary-hover) !important;color:var(--color-text-on-dark) !important}.theme-scope .calendar-day-in-range{background-color:var(--color-primary-light, rgba(59, 130, 246, 0.1));border-radius:0}.theme-scope .calendar-day-range-start{background-color:var(--color-primary) !important;color:var(--color-text-on-dark) !important;border-top-left-radius:.375rem !important;border-bottom-left-radius:.375rem !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.theme-scope .calendar-day-range-end{background-color:var(--color-primary) !important;color:var(--color-text-on-dark) !important;border-top-right-radius:.375rem !important;border-bottom-right-radius:.375rem !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.theme-scope .calendar-day-range-start.calendar-day-range-end{border-radius:.375rem !important}.theme-scope .calendar-day-disabled{color:var(--color-text-muted) !important;opacity:.3;cursor:not-allowed}.theme-scope .date-picker-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-family:inherit;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-primary);cursor:pointer;transition:all .15s ease;min-width:240px;justify-content:flex-start}.theme-scope .date-picker-trigger:hover{border-color:var(--color-primary);background-color:var(--color-bg-secondary)}.theme-scope .date-picker-trigger:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-ring)}.theme-scope .date-picker-trigger .date-picker-icon{color:var(--color-text-muted);font-size:1.125rem;flex-shrink:0}.theme-scope .calendar-footer{display:flex;justify-content:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.theme-scope .calendar-today-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-family:inherit;background:rgba(0,0,0,0);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.theme-scope .calendar-today-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-primary)}.theme-scope .calendar-today-btn .iconify{font-size:1rem}.theme-scope .calendar-range-container{display:flex;gap:1.5rem;justify-content:center}.theme-scope .calendar-range-container .calendar-widget{border:none;box-shadow:none;padding:0;background:rgba(0,0,0,0)}.theme-scope .calendar-view-toggle{display:flex;gap:.5rem;margin-bottom:1rem;padding:.25rem;background-color:var(--color-bg-muted);border-radius:.5rem}.theme-scope .calendar-view-btn{flex:1;padding:.5rem 1rem;font-size:.875rem;font-weight:500;background-color:rgba(0,0,0,0);border:none;border-radius:.375rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.theme-scope .calendar-view-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.theme-scope .calendar-view-btn.active{background-color:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.theme-scope .calendar-range-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.theme-scope .calendar-range-label{font-size:.875rem;color:var(--color-text-secondary)}.theme-scope .datetime-picker-container{display:flex;flex-direction:column;gap:1rem;position:relative}.theme-scope .datetime-picker-row{display:flex;gap:1rem;align-items:flex-start}.theme-scope .datetime-field{display:flex;flex-direction:column;gap:.375rem;position:relative}.theme-scope .datetime-picker-container .date-picker-trigger{min-width:180px;height:38px;padding:.5rem .75rem;justify-content:space-between}.theme-scope .datetime-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.theme-scope .time-picker-single-input{width:140px;height:38px;padding:.5rem .75rem;font-size:.875rem;font-family:inherit;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-primary);cursor:text;transition:all .15s ease}",[],[269,410,1003],{"_105":1011,"_96":1012,"_155":1013,"_157":411,"_158":140,"_159":1014,"_161":162,"_107":1015,"_101":32,"_164":184,"_166":1016,"_167":22,"_168":-5,"_169":1017,"_99":1018},"0c0f7524-e2e9-11f0-a62a-42dde27851f2","chat-app-3.css","0c0f75c4-e2e9-11f0-a62a-42dde27851f2",39,["D",1766815100588],".theme-scope .time-picker-single-input:hover{border-color:var(--color-primary)}.theme-scope .time-picker-single-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-ring)}.theme-scope .time-picker-single-input::placeholder{color:var(--color-text-muted)}.theme-scope .time-picker-input{display:inline-flex;align-items:center;gap:0;padding:.5rem .5rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.5rem;font-family:inherit;height:38px}.theme-scope .time-picker-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-ring)}.theme-scope .time-segment{width:1.25rem;padding:0;border:none;background:rgba(0,0,0,0);font-size:.875rem;font-family:inherit;text-align:center;color:var(--color-text-primary)}.theme-scope .time-segment:focus{outline:none;background-color:var(--color-primary-light);border-radius:.25rem}.theme-scope .time-separator{font-size:.875rem;color:var(--color-text-muted);user-select:none}.theme-scope .time-period-btn{margin-left:.25rem;padding:.125rem .375rem;font-size:.75rem;font-weight:500;font-family:inherit;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.25rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.theme-scope .time-period-btn:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary)}.theme-scope .datetime-result{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.theme-scope .datetime-result .iconify{color:var(--color-primary);font-size:1.125rem}.theme-scope .nlp-picker-container{width:100%;max-width:500px}.theme-scope .nlp-picker-content{display:flex;flex-direction:column;gap:.75rem}.theme-scope .nlp-input-wrapper{position:relative;display:flex;align-items:center}.theme-scope .nlp-input{width:100%;padding:.625rem 2.5rem .625rem .875rem;font-size:.875rem;font-family:inherit;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-primary);transition:all .15s ease}.theme-scope .nlp-input::placeholder{color:var(--color-text-muted)}.theme-scope .nlp-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-ring)}.theme-scope .nlp-calendar-btn{position:absolute;right:.5rem;padding:.375rem;background:rgba(0,0,0,0);border:none;color:var(--color-text-muted);cursor:pointer;border-radius:.25rem;transition:all .15s ease}.theme-scope .nlp-calendar-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.theme-scope .nlp-calendar-btn .iconify{font-size:1.125rem;display:block}.theme-scope .nlp-result{padding:.75rem 1rem;background-color:var(--color-success-light);border:1px solid var(--color-success);border-radius:.5rem;font-size:.875rem;color:var(--color-text-primary);line-height:1.5}.theme-scope .nlp-result strong{color:var(--color-success-dark);font-weight:600}.theme-scope .nlp-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--color-danger-light);border:1px solid var(--color-danger);border-radius:.5rem;font-size:.875rem;color:var(--color-danger-dark)}.theme-scope .nlp-error .iconify{font-size:1.125rem;flex-shrink:0}.theme-scope .nlp-examples{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.theme-scope .nlp-examples-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.theme-scope .nlp-example-btn{padding:.25rem .625rem;font-size:.75rem;font-family:inherit;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.theme-scope .nlp-example-btn:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary);border-color:var(--color-primary)}.theme-scope .drawer-overlay{position:fixed;inset:0;z-index:50;background-color:rgba(0,0,0,.8);opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility 0s linear .3s}.theme-scope .drawer-overlay.open{opacity:1;visibility:visible;transition-delay:0s}.theme-scope .drawer{position:fixed;z-index:51;background-color:var(--color-bg-primary);display:flex;flex-direction:column;transition:transform .3s cubic-bezier(0.32, 0.72, 0, 1);pointer-events:none}.theme-scope .drawer.open{pointer-events:auto}.theme-scope .drawer-bottom{inset-inline:0;bottom:0;max-height:96vh;border-radius:0;transform:translateY(100%);padding-bottom:env(safe-area-inset-bottom, 0)}.theme-scope .drawer-bottom::after{content:\"\";position:absolute;left:0;right:0;bottom:-50px;height:50px;background-color:inherit;pointer-events:none}.theme-scope .drawer-bottom.open{transform:translateY(0)}.theme-scope .drawer-right{top:0;right:0;bottom:0;width:100%;max-width:24rem;border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);transform:translateX(100%)}.theme-scope .drawer-right.open{transform:translateX(0)}.theme-scope .drawer-left{top:0;left:0;bottom:0;width:100%;max-width:24rem;border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);transform:translateX(-100%)}.theme-scope .drawer-left.open{transform:translateX(0)}.theme-scope .drawer-top{inset-inline:0;top:0;max-height:96vh;border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);transform:translateY(-100%)}.theme-scope .drawer-top.open{transform:translateY(0)}.theme-scope .drawer-sm{max-width:20rem}.theme-scope .drawer-md{max-width:28rem}.theme-scope .drawer-lg{max-width:36rem}.theme-scope .drawer-xl{max-width:48rem}.theme-scope .drawer-full{max-width:100%;border-radius:0}.theme-scope .drawer-h-sm{max-height:40vh}.theme-scope .drawer-h-md{max-height:60vh}.theme-scope .drawer-h-lg{max-height:80vh}.theme-scope .drawer-handle{display:flex;justify-content:center;padding:.75rem;padding-top:1rem;flex-shrink:0;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:background-color .15s ease}.theme-scope .drawer-handle:hover{background-color:var(--color-bg-secondary)}.theme-scope .drawer-handle:active{cursor:grabbing}.theme-scope .drawer-handle-bar{width:3rem;height:.25rem;background-color:var(--color-border-light);border-radius:var(--radius-full);transition:background-color .15s ease,transform .15s ease}.theme-scope .drawer-handle:hover .drawer-handle-bar{background-color:var(--color-border);transform:scaleX(1.1)}.theme-scope .drawer-handle:active .drawer-handle-bar{background-color:var(--color-text-muted)}.theme-scope .drawer-header{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.25rem;text-align:center}.theme-scope .drawer-header-left{text-align:left}.theme-scope .drawer-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:1.375;margin:0}.theme-scope .drawer-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.theme-scope .drawer-content{flex:1;overflow-y:auto;padding:1rem 1.5rem}.theme-scope .drawer-content-centered{display:flex;flex-direction:column;align-items:center;justify-content:center}.theme-scope .drawer-footer{padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}.theme-scope .drawer-footer-row{flex-direction:row;justify-content:flex-end;gap:.75rem}.theme-scope .drawer-close{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;color:var(--color-text-muted);background-color:rgba(0,0,0,0);border:none;border-radius:var(--radius-button);cursor:pointer;transition:all .15s ease-in-out}.theme-scope .drawer-close:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.theme-scope .drawer-close:focus{outline:none;box-shadow:0 0 0 var(--ring-width) var(--color-gray-ring)}@media(min-width: 640px){.theme-scope .drawer-bottom-centered{max-width:32rem;margin-inline:auto;left:50%;transform:translateX(-50%) translateY(100%)}.theme-scope .drawer-bottom-centered.open{transform:translateX(-50%) translateY(0)}}.theme-scope .drawer-inner-card{width:100%;max-width:24rem;margin-inline:auto}.theme-scope .drawer-snap-indicator{position:absolute;left:0;right:0;height:2px;background-color:var(--color-border);opacity:.5}.theme-scope{--font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco, Consolas, monospace;--font-display: 'Space Grotesk', -apple-system, system-ui, sans-serif;--font-marketing: 'Space Grotesk', -apple-system, system-ui, sans-serif;--font-sans: -apple-system, system-ui, Inter, Roboto, 'Segoe UI', 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;font-family:var(--font-sans);background-color:#fff;color:#2d2f33;line-height:1.5;-webkit-font-smoothing:antialiased}.theme-scope .font-mono,.theme-scope code,.theme-scope pre,.theme-scope kbd,.theme-scope samp,.theme-scope tt,.theme-scope input[style*=font-mono],.theme-scope textarea[style*=font-mono],.theme-scope [style*=\"font-family: var(--font-mono\"],.theme-scope *[style*=\"var(--font-mono\"]{font-weight:400 !important}.theme-scope{--groq-orange-50: #fff5e5;--groq-orange-100: #ffe8cc;--groq-orange-200: #ffd1a3;--groq-orange-300: #ffb973;--groq-orange-400: #fe9e20;--groq-orange-500: #f48b0a;--groq-orange-600: #f43e01;--groq-orange-700: #c23101;--groq-orange-800: #9a2701;--groq-orange-900: #731d00;--groq-orange-950: #4d1300;--groq-gray-50: #f9f9f8;--groq-gray-100: #f3f3ee;--groq-gray-200: #e8e8e0;--groq-gray-300: #cecebf;--groq-gray-400: #9f9f92;--groq-gray-500: #69695d;--groq-gray-600: #4e4e45;--groq-gray-700: #2d2f33;--groq-gray-800: #26292e;--groq-gray-900: #1a1c1f;--groq-gray-950: #0f1011;--groq-black: #000000;--groq-white: #ffffff;--groq-yellow-50: #fffef0;--groq-yellow-100: #fefdc0;--groq-yellow-200: #f4fd90;--groq-yellow-300: #fdeb20;--groq-yellow-400: #f0dc00;--groq-yellow-500: #e6d000;--groq-yellow-600: #d4be00;--groq-yellow-700: #c6b802;--groq-yellow-800: #9a8f02;--groq-yellow-900: #706801;--groq-yellow-950: #4a4501;--groq-green-50: #e8fff5;--groq-green-100: #c5ffea;--groq-green-200: #a9ffdb;--groq-green-300: #10e68d;--groq-green-400: #0dd97f;--groq-green-500: #0dcc7a;--groq-green-600: #0aab66;--groq-green-700: #018b01;--groq-green-800: #016b01;--groq-green-900: #015001;--groq-green-950: #003500;--groq-gold-300: #c6b802;--groq-blue-50: #e8f6ff;--groq-blue-100: #d0edfe;--groq-blue-200: #bfe4fc;--groq-blue-300: #5fc0ff;--groq-blue-400: #30a8f0;--groq-blue-500: #0082a0;--groq-blue-600: #006d87;--groq-blue-700: #005870;--groq-blue-800: #004559;--groq-blue-900: #003445;--groq-blue-950: #002330;--groq-purple-50: #f8f5fd;--groq-purple-100: #f0eafb;--groq-purple-200: #e3dcf8;--groq-purple-300: #d377fd;--groq-purple-400: #b85ce8;--groq-purple-500: #683d7f;--groq-purple-600: #56326a;--groq-purple-700: #452856;--groq-purple-800: #351e43;--groq-purple-900: #261530;--groq-purple-950: #180d1f;--groq-pink-50: #fff5fd;--groq-pink-100: #feeafc;--groq-pink-200: #fad8ff;--groq-pink-300: #f392dd;--groq-pink-400: #f07cd5;--groq-pink-500: #ee66ce;--groq-pink-600: #d450b5;--groq-pink-700: #b03c97;--groq-pink-800: #8c2f78;--groq-pink-900: #68235a;--groq-pink-950: #45173c;--color-primary: var(--groq-orange-600);--color-primary-hover: var(--groq-orange-700);--color-primary-active: var(--groq-orange-800);--color-primary-dark: var(--groq-orange-800);--color-primary-light: var(--groq-orange-200);--color-primary-lighter: var(--groq-orange-100);--color-primary-lightest: var(--groq-orange-50);--color-primary-ring: rgba(244, 62, 1, 0.2);--color-accent: var(--groq-orange-400);--color-accent-hover: var(--groq-orange-600);--color-accent-light: var(--groq-orange-300);--color-cta: var(--groq-orange-600);--color-cta-hover: var(--groq-orange-700);--color-text-primary: var(--groq-gray-800);--color-text-secondary: var(--groq-gray-700);--color-text-muted: var(--groq-gray-600);--color-text-neutral: var(--groq-gray-700);--color-text-neutral-dark: var(--groq-gray-950);--color-text-on-dark: var(--groq-gray-50);--color-text-on-dark-muted: rgba(206, 206, 191, 0.85);--color-bg-primary: var(--groq-white);--color-bg-secondary: var(--groq-gray-200);--color-bg-muted: var(--groq-gray-100);--color-bg-light: var(--groq-gray-100);--color-bg-dark: var(--groq-gray-900);--color-bg-hover: var(--groq-gray-200);--color-bg-card: var(--groq-gray-50);--color-bg-page: var(--groq-gray-100);--color-bg-nav: var(--groq-gray-200);--color-bg-hero: var(--groq-gray-300);--color-bg-section: var(--groq-gray-200);--color-bg-section-alt: var(--groq-gray-400);--color-border: var(--groq-gray-400);--color-border-light: var(--groq-gray-500);--color-border-tab: var(--groq-gray-500);--color-success: #22c55e;--color-success-light: #dcfce7;--color-success-dark: #166534;--color-success-text: var(--groq-green-50);--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #92400e;--color-warning-text: #ffffff;--color-danger: #ef4444;--color-danger-light: #fee2e2;--color-danger-dark: #b91c1c;--color-danger-text: #ffffff;--color-info: #0ea5e9;--color-info-light: #e0f2fe;--color-info-dark: #075985;--color-info-text: #ffffff;--color-neutral-text: #ffffff;--color-primary-text: var(--color-text-on-dark);--color-white: var(--groq-white);--color-gray-300: var(--groq-gray-300);--color-gray-400: var(--groq-gray-400);--color-control-border: var(--color-border);--color-control-border-hover: var(--groq-orange-400);--color-control-bg: var(--color-bg-primary);--color-control-bg-hover: var(--groq-orange-50, #fff5e5);--color-control-checked: var(--groq-orange-600);--color-control-checked-hover: var(--groq-orange-700);--color-control-checked-border: var(--groq-orange-600);--color-control-checkmark: #ffffff;--color-control-ring: rgba(244, 62, 1, 0.15);--color-toggle-bg: var(--groq-gray-500);--color-toggle-bg-checked: var(--groq-orange-600);--color-toggle-knob: #ffffff;--color-choice-border: var(--color-border);--color-choice-border-hover: var(--groq-orange-400);--color-choice-border-checked: var(--groq-orange-600);--color-choice-bg: transparent;--color-choice-bg-hover: var(--color-bg-hover);--color-choice-bg-checked: rgba(244, 62, 1, 0.03);--color-choice-ring: var(--groq-orange-600);--radius-sm: 0.25rem;--radius-md: 0.375rem;--radius-md: 0.5rem;--radius-xl: 0.75rem;--radius-2xl: 1rem;--radius-full: 9999px;--radius-button: 0.5rem;--radius-input: 0.375rem;--radius-card: 0.5rem;--radius-badge: 0.25rem;--radius-dropdown: 0.5rem;--radius-tab: 0.375rem;--radius-toast: 0.5rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.15);--shadow-card: 0 1px 3px rgba(0, 0, 0, 0.1);--shadow-dropdown: 0 4px 6px rgba(0, 0, 0, 0.1);--shadow-toast: 0 10px 15px rgba(0, 0, 0, 0.1)}.theme-scope h1,.theme-scope h2,.theme-scope h3,.theme-scope h4,.theme-scope h5,.theme-scope h6,.theme-scope .text-h1,.theme-scope .text-h2,.theme-scope .text-h3{font-family:var(--font-family-sans);font-weight:700;color:var(--color-text-primary);letter-spacing:-0.025em;line-height:1.2}.theme-scope h1,.theme-scope .text-h1{font-size:2.5rem;font-weight:800}.theme-scope h2,.theme-scope .text-h2{font-size:1.875rem;font-weight:700}.theme-scope h3,.theme-scope .text-h3{font-size:1.25rem;font-weight:600}.theme-scope a,.theme-scope .link{color:var(--color-primary);text-decoration:none;transition:color .2s ease}.theme-scope a:hover,.theme-scope .link:hover{color:var(--color-primary-hover);text-decoration:none}.theme-scope .btn-primary{background-color:var(--color-primary);color:var(--color-primary-text);border:none;border-radius:var(--radius-button);font-weight:600;transition:all .2s ease}.theme-scope .btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.theme-scope .btn-primary:active{transform:translateY(0)}.theme-scope .btn-secondary{background-color:var(--color-bg-muted);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-button);font-weight:500;transition:all .2s ease}.theme-scope .btn-secondary:hover{background-color:var(--color-bg-hover);border-color:var(--groq-orange-600);color:var(--groq-orange-600)}.theme-scope .btn-tertiary{background-color:rgba(0,0,0,0);color:var(--color-text-neutral);border:none;border-radius:var(--radius-button);font-weight:500;transition:all .2s ease}.theme-scope .btn-tertiary:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary)}.theme-scope .btn-ghost{background-color:rgba(0,0,0,0);color:var(--color-text-muted);border:none;border-radius:var(--radius-button);font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.theme-scope .btn-ghost:hover{background-color:var(--color-bg-muted);color:var(--color-text-neutral)}.theme-scope .btn-accent,.theme-scope .btn-cta{background-color:var(--color-accent);color:var(--color-primary-text);border:none;border-radius:var(--radius-button);font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease}.theme-scope .btn-accent:hover,.theme-scope .btn-cta:hover{background-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.theme-scope .btn-danger{background-color:var(--color-danger);color:var(--color-danger-text);border:none;border-radius:var(--radius-button);font-weight:600}.theme-scope .btn-danger:hover{background-color:var(--color-danger-dark)}.theme-scope .btn-success{background-color:var(--color-success);color:var(--color-success-text);border:none;border-radius:var(--radius-button);font-weight:600}.theme-scope .btn-success:hover{background-color:var(--color-success-dark);color:var(--color-text-on-dark)}.theme-scope .card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:all .2s ease}.theme-scope .card:hover{border-color:var(--color-border-tab);box-shadow:var(--shadow-md)}.theme-scope .card-title{font-weight:600;color:var(--color-text-primary);font-size:1.125rem}.theme-scope input[type=text],.theme-scope input[type=email],.theme-scope input[type=password],.theme-scope input[type=number],.theme-scope input[type=url],.theme-scope input[type=search],.theme-scope input[type=tel],.theme-scope textarea,.theme-scope .form-input{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-input);padding:.75rem 1rem;font-family:var(--font-family-sans);font-size:1rem;color:var(--color-text-primary);transition:all .2s ease}.theme-scope input[type=text]::placeholder,.theme-scope input[type=email]::placeholder,.theme-scope input[type=password]::placeholder,.theme-scope input[type=number]::placeholder,.theme-scope input[type=url]::placeholder,.theme-scope input[type=search]::placeholder,.theme-scope input[type=tel]::placeholder,.theme-scope textarea::placeholder,.theme-scope .form-input::placeholder{color:var(--color-text-muted)}.theme-scope input[type=text]:focus,.theme-scope input[type=email]:focus,.theme-scope input[type=password]:focus,.theme-scope input[type=number]:focus,.theme-scope input[type=url]:focus,.theme-scope input[type=search]:focus,.theme-scope input[type=tel]:focus,.theme-scope textarea:focus,.theme-scope .form-input:focus{background-color:var(--color-bg-primary);border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-primary-ring)}.theme-scope select,.theme-scope .form-select{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-input);padding:.75rem 1rem;font-family:var(--font-family-sans);font-size:1rem;color:var(--color-text-primary)}.theme-scope select:focus,.theme-scope .form-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-primary-ring)}.theme-scope label,.theme-scope .form-label{color:var(--color-text-primary);font-weight:600;font-size:.875rem;margin-bottom:.5rem;display:block}.theme-scope .badge{border-radius:var(--radius-badge);font-weight:600;font-size:.75rem;padding:.25rem .75rem}.theme-scope .badge-success{background-color:var(--color-success-light);color:var(--color-success-dark)}.theme-scope .badge-danger{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.theme-scope .badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.theme-scope .badge-info{background-color:var(--color-info-light);color:var(--color-info-dark)}.theme-scope .tabs-list{background-color:rgba(0,0,0,0);border-bottom:2px solid var(--color-border);padding:0}.theme-scope .tab-trigger{border-radius:0;font-weight:500;color:var(--color-text-muted);background:rgba(0,0,0,0);border:none;border-bottom:2px solid rgba(0,0,0,0);padding:.75rem 1rem;margin-bottom:-2px;transition:all .15s ease}.theme-scope .tab-trigger:hover:not(.active):not([data-state=active]){color:var(--color-text-primary);border-bottom-color:var(--color-border-tab)}.theme-scope .tab-trigger.active,.theme-scope .tab-trigger[data-state=active]{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.theme-scope .dropdown-menu{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-dropdown);box-shadow:var(--shadow-dropdown);padding:.5rem}.theme-scope .dropdown-item{border-radius:var(--radius-sm);color:var(--color-text-neutral);font-weight:500;padding:.625rem .75rem;transition:all .15s ease}.theme-scope .dropdown-item:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary)}.theme-scope .alert,.theme-scope .callout{border-radius:var(--radius-md);padding:1rem 1.25rem;border:1px solid}.theme-scope .alert-success,.theme-scope .callout-success{background-color:var(--color-success-light);border-color:var(--color-success);color:var(--color-success-dark)}.theme-scope .alert-danger,.theme-scope .callout-danger,.theme-scope .alert-destructive{background-color:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger-dark)}.theme-scope .alert-warning,.theme-scope .callout-warning{background-color:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning-dark)}.theme-scope .alert-info,.theme-scope .callout-info{background-color:var(--color-info-light);border-color:var(--color-info);color:var(--color-info-dark)}.theme-scope .toast{background-color:var(--color-bg-primary);border-radius:var(--radius-toast);box-shadow:var(--shadow-toast);border:1px solid var(--color-border)}.theme-scope .avatar{border-radius:var(--radius-full);border:2px solid var(--color-bg-primary);box-shadow:var(--shadow-sm)}.theme-scope table{border-radius:var(--radius-md);border-collapse:separate;border-spacing:0;border:1px solid var(--color-border)}.theme-scope th{background-color:var(--color-bg-muted);color:var(--color-text-primary);font-weight:600;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.theme-scope th:last-child{border-right:none}.theme-scope td{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.theme-scope td:last-child{border-right:none}.theme-scope thead tr:first-child th:first-child{border-top-left-radius:var(--radius-md)}.theme-scope thead tr:first-child th:last-child{border-top-right-radius:var(--radius-md)}.theme-scope tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-md)}.theme-scope tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-md)}.theme-scope .accordion-group{border-radius:var(--radius-md);overflow:hidden}.theme-scope .accordion-button{font-weight:600;color:var(--color-text-primary)}.theme-scope .accordion-button:hover{background-color:var(--color-bg-muted)}.theme-scope .toggle-group{background-color:var(--color-bg-muted);border-radius:var(--radius-md);padding:.25rem}.theme-scope .toggle-group-item{border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:500}.theme-scope .toggle-group-item:hover:not(.active):not([data-state=on]){color:var(--color-text-primary)}.theme-scope .toggle-group-item.active,.theme-scope .toggle-group-item[data-state=on]{background-color:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.theme-scope .text-accent{color:var(--color-accent)}.theme-scope .text-primary{color:var(--color-text-primary)}.theme-scope .text-muted{color:var(--color-text-muted)}.theme-scope .text-on-dark{color:var(--color-text-on-dark)}.theme-scope .bg-muted{background-color:var(--color-bg-muted)}.theme-scope .bg-secondary{background-color:var(--color-bg-secondary)}.theme-scope .bg-dark{background-color:var(--color-bg-dark);color:var(--color-text-on-dark)}.theme-scope .border-accent{border-color:var(--color-accent)}.theme-scope .border-primary{border-color:var(--color-primary)}.theme-scope .text-groq-orange{color:var(--groq-orange-400)}.theme-scope .bg-groq-orange{background-color:var(--groq-orange-400)}.theme-scope .border-groq-orange{border-color:var(--groq-orange-400)}.theme-scope .text-groq-yellow{color:var(--groq-yellow-300)}.theme-scope .bg-groq-yellow{background-color:var(--groq-yellow-300)}.theme-scope .border-groq-yellow{border-color:var(--groq-yellow-300)}.theme-scope .text-groq-green{color:var(--groq-green-300)}.theme-scope .bg-groq-green{background-color:var(--groq-green-300)}.theme-scope .border-groq-green{border-color:var(--groq-green-300)}.theme-scope .text-groq-blue{color:var(--groq-blue-300)}.theme-scope .bg-groq-blue{background-color:var(--groq-blue-300)}.theme-scope .border-groq-blue{border-color:var(--groq-blue-300)}.theme-scope .text-groq-purple{color:var(--groq-purple-300)}.theme-scope .bg-groq-purple{background-color:var(--groq-purple-300)}.theme-scope .border-groq-purple{border-color:var(--groq-purple-300)}.theme-scope .text-groq-pink{color:var(--groq-pink-300)}.theme-scope .bg-groq-pink{background-color:var(--groq-pink-300)}.theme-scope .border-groq-pink{border-color:var(--groq-pink-300)}.chat-layout{display:flex;height:100vh;overflow:hidden}.chat-main{flex:1;min-width:0;height:100vh;overflow:hidden;display:flex;flex-direction:column}.chat-main .chat-container{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;padding-bottom:0}.chat-main .chat-messages{flex:1;overflow-y:auto}.chat-container{position:relative;min-height:96vh;background-color:#fff;padding-bottom:100px}.chat-inset-header{display:flex;align-items:center;gap:.5rem;height:3rem;padding:0 .75rem;border-bottom:1px solid var(--color-border, #e2e8f0);background-color:var(--color-bg-primary, #ffffff);flex-shrink:0}.chat-sidebar-trigger{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--color-border, #e2e8f0);border-radius:.375rem;background-color:var(--color-bg-primary, #ffffff);color:var(--color-text-muted, #94a3b8);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.chat-sidebar-trigger:hover{background-color:var(--color-bg-muted, #f1f5f9);color:var(--color-text-primary, #0f172a);border-color:var(--color-text-muted, #94a3b8)}.chat-sidebar-trigger-icon{width:1rem;height:1rem;transition:transform .2s ease}.chat-sidebar-trigger-icon.rotated{transform:rotate(180deg)}.chat-inset-title{font-size:0.875rem;line-height:1.25rem;font-weight:600;color:var(--color-text-primary, #0f172a);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header{display:none}.chat-header-toggle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:.375rem;background-color:rgba(0,0,0,0);color:var(--color-text-muted, #94a3b8);cursor:pointer}.chat-header-toggle:hover{background-color:var(--color-bg-muted, #f1f5f9);color:var(--color-text-primary, #0f172a)}.chat-header-toggle .iconify{width:1.25rem;height:1.25rem}.chat-header-title{flex:1;font-size:1rem;font-weight:600;color:var(--color-text-primary, #0f172a);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.chat-welcome-icon{width:4rem;height:4rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-light, #dbeafe);border-radius:50%}.chat-welcome-icon .iconify{width:2rem;height:2rem;color:var(--color-primary, #3b82f6)}.chat-welcome h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--color-text-primary, #0f172a)}.chat-welcome p{margin:0 0 1.5rem;font-size:1rem;color:var(--color-text-muted, #94a3b8);max-width:24rem}.chat-welcome-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:.5rem;background-color:var(--color-primary, #3b82f6);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background-color .15s ease}.chat-welcome-btn:hover{background-color:var(--color-primary-hover, #2563eb)}.chat-welcome-btn .iconify{width:1.25rem;height:1.25rem}.error-callout{border-radius:0.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));padding:1rem;margin:.5rem 0}.error-callout .error-title{margin-bottom:0.5rem;display:flex;align-items:center;font-weight:600;--tw-text-opacity:1;color:rgb(153 27 27 / var(--tw-text-opacity, 1));font-size:.9375rem}.error-callout .error-message{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1));line-height:1.5}.error-callout .error-message p{margin:.25rem 0}.error-callout .error-message ol{margin:.5rem 0;padding-left:1.5rem}.error-callout .error-message ol li{margin:.25rem 0}.error-callout .error-message a{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1));text-decoration-line:underline;color:#2563eb}.error-callout .error-message a:hover{--tw-text-opacity:1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.chat-messages{display:flex;width:100%;flex-direction:column;align-items:center}.messages-content{display:flex;width:100%;max-width:100%;flex-direction:column;gap:0px;padding-left:0.5rem;padding-right:0.5rem;padding-top:2rem;padding-bottom:10rem}@media (min-width: 640px){.messages-content{padding-left:0.5rem;padding-right:0.5rem}}@media (min-width: 768px){.messages-content{max-width:48rem}}.message-wrapper{display:flex;width:100%;animation:fadeIn .3s ease-out forwards}.message-group{position:relative;display:flex;flex-direction:column;max-width:100%}.message-wrapper-me{justify-content:flex-end}.message-wrapper-me .message-group{align-items:flex-end;max-width:85%}.message-wrapper-them{justify-content:flex-start}.message-wrapper-them .message-group{width:100%;align-items:flex-start}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message{position:relative;padding:.75rem 1.25rem;font-size:1rem;line-height:1.6}.message-me{background-color:#f4f4f5;border-radius:1.25rem}.message-them{background-color:transparent;padding:0px}.message-me p{margin:0px;white-space:pre-wrap;overflow-wrap:break-word}.message p{white-space:pre-wrap;overflow-wrap:break-word}.message-attachment{margin-top:0.5rem;display:flex;align-items:center;gap:0.5rem;border-radius:0.5rem;padding:0.5rem;font-size:0.875rem;line-height:1.25rem;background-color:rgba(0,0,0,.05)}.message-actions{margin-top:0.5rem;display:flex;gap:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.message-wrapper:hover .message-actions{opacity:1}.actions-me{justify-content:flex-end}.actions-them{justify-content:flex-start}.action-icon-btn{display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:0.25rem;border-style:none;background-color:transparent;padding:0.25rem;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:#94a3b8;transition:color .2s ease,background-color .2s ease}.action-icon-btn:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));color:#0f172a}.action-icon-btn.copied{color:var(--color-success, #10b981)}.action-icon-btn.copied:hover{color:var(--color-success-dark, #059669)}.action-icon-btn.active{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));color:#0f172a}.action-icon-btn .iconify{font-size:16px}.message-thinking{margin-bottom:1rem;border-left-width:2px;--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));color:#6b7280;font-size:.9375rem}.message-thinking .message-thinking-header{margin-bottom:0.5rem;display:flex;align-items:center;gap:0.5rem;font-weight:500;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.model-picker-item .message-thinking .message-thinking-header{font-size:.875rem}.message-thinking .message-thinking-header{font-size:.875rem}.message-thinking .message-thinking-header .iconify{font-size:16px}.message-thinking p,.message-thinking li,.message-thinking code,.message-thinking pre{color:#6b7280}.message-thinking a{--tw-text-opacity:1;color:rgb(59 130 246 / var(--tw-text-opacity, 1));text-decoration-line:underline}.message-thinking a:hover{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1));color:#2563eb}.message-thinking pre{border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}pre.message-content-editable{all:unset;display:block;outline:none;cursor:text;border-radius:.5rem;padding:.5rem;margin:-0.5rem;background-color:rgba(0,0,0,0);white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:inherit;line-height:1.6;min-height:1.5em;color:inherit}pre.message-content-editable:focus{outline:none}.monaco-hydrated{position:relative;margin-top:1rem;margin-bottom:1rem}.monaco-copy-btn{position:absolute;top:0.5rem;right:0.5rem;z-index:10;display:flex;cursor:pointer;align-items:center;gap:0.25rem;border-radius:0.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.25rem;padding-left:0.5rem;padding-right:0.5rem;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.monaco-hydrated:hover .monaco-copy-btn{opacity:1}.message-content p:last-child{margin-bottom:0}.message-content pre{margin-top:1rem;margin-bottom:1rem;overflow-x:auto;border-radius:0.375rem;padding:1rem;background-color:#f8fafc;border:1px solid #e2e8f0;color:var(--color-text-primary, #0f172a);font-size:.9375rem;line-height:1.6}.message-content pre code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:inherit;line-height:inherit;background:none;padding:0;color:var(--color-text-primary, #0f172a)}.message-content code{border-radius:0.25rem;padding-left:0.25rem;padding-right:0.25rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:0.875rem;line-height:1.25rem;background-color:#f1f5f9;color:#e11d48;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.message-content pre code{color:var(--color-text-primary, #0f172a);background:none}.message-content table{margin-top:1rem;margin-bottom:1rem;width:100%;border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.message-content table thead,.message-content table tbody,.message-content table tr{display:table;width:100%;table-layout:fixed}.message-content table th,.message-content table td{border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;text-align:left;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.message-content table th{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));font-weight:600}.message-content table td{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.typing-indicator{display:flex;gap:0.25rem;padding-top:0.5rem;padding-bottom:0.5rem}.typing-dot{height:0.375rem;width:0.375rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1));animation:bounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-0.32s}.typing-dot:nth-child(2){animation-delay:-0.16s}@keyframes bounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}.chat-input-wrapper{position:absolute;left:0.5rem;right:0.5rem;bottom:0px;z-index:10;margin-bottom:0.5rem;display:flex;flex-direction:column;align-items:center;background-color:rgba(0,0,0,0)}.chat-input-container{display:flex;width:100%;max-width:48rem;flex-direction:column;gap:0.25rem;padding:0.5rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-input);transition:box-shadow .15s ease-in-out,border-color .15s ease-in-out}.chat-input-container:focus-within{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-color:var(--color-primary)}.chat-input{width:100%;resize:none;border-style:none;background-color:transparent;font-size:1rem;max-height:200px;padding:.5rem .75rem;line-height:1.5;height:auto;min-height:auto;outline:none !important;border:none !important;box-shadow:none !important}.chat-input:focus,.chat-input:active,.chat-input:focus-visible{outline:none !important;border:none !important;box-shadow:none !important}.chat-input::-moz-placeholder{color:var(--color-text-muted)}.chat-input::placeholder{color:var(--color-text-muted)}.chat-input-actions{display:flex;align-items:center;gap:0.5rem;padding-left:0.25rem;padding-right:0.25rem;padding-bottom:0.25rem}.action-button{display:flex;height:2rem;width:2rem;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;border-style:none;background-color:transparent;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:var(--color-text-muted)}.action-button:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary)}.action-button .iconify{font-size:20px}.plus-button{background-color:transparent;color:var(--color-text-primary)}.plus-button:hover{background-color:var(--color-bg-muted)}.send-button{display:flex;height:2rem;width:2rem;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:var(--color-primary);color:var(--color-white);border:none}.send-button:hover:not(:disabled){background-color:var(--color-primary-hover);opacity:1}.send-button:active:not(:disabled){transform:scale(0.95)}.send-button:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-disabled);color:var(--color-text-disabled)}.send-button .iconify{font-size:18px}.attachment-menu{position:absolute;z-index:20;display:flex;flex-direction:column;gap:0.25rem;border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.5rem;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);bottom:calc(100% - 10px);left:1rem;min-width:180px;transform-origin:bottom left}@media(min-width: 768px){.attachment-menu{left:calc(50% - 384px + 1rem)}}.attachment-option{display:flex;width:100%;cursor:pointer;align-items:center;gap:0.75rem;border-radius:0.5rem;border-style:none;background-color:transparent;padding:0.75rem;font-size:0.875rem;line-height:1.25rem;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:#0f172a}.attachment-option:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.attachment-icon{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px}.attachment-icon .iconify{font-size:18px}.bg-blue-100{background-color:#dbeafe}.text-blue-600{color:#2563eb}.bg-purple-100{background-color:#f3e8ff}.text-purple-600{color:#9333ea}.footer-text{margin-top:0.75rem;text-align:center;font-size:0.75rem;line-height:1rem;color:#64748b}.model-picker-button{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.8125rem;color:#64748b;background:rgba(0,0,0,0);border:none;border-radius:.5rem;cursor:pointer;transition:all .15s ease;max-width:160px}.model-picker-button:hover{background:#f1f5f9;color:#334155}.model-picker-dropdown{position:absolute;left:0;width:420px;padding:0;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);z-index:50;overflow:hidden}.model-picker-search{display:flex;align-items:center;padding:0 .75rem;border-bottom:1px solid #f1f5f9}.model-picker-search-input{flex:1;height:2.5rem;background:rgba(0,0,0,0) !important;border:none !important;outline:none !important;box-shadow:none !important;font-size:.875rem}.model-picker-search-input::-moz-placeholder{color:#94a3b8}.model-picker-search-input::placeholder{color:#94a3b8}.model-picker-search-input:focus{outline:none !important;box-shadow:none !important;border:none !important;ring:none}.model-picker-list{max-height:220px;overflow-y:auto;padding:.25rem}.model-picker-item{display:flex;align-items:center;padding:.5rem .625rem;border-radius:.5rem;cursor:pointer;transition:background .15s ease}.model-picker-item:hover{background:#f8fafc}.model-picker-item .text-primary{color:#f97316}.model-picker-item .font-medium{font-size:.875rem}.model-picker-item-selected{background:#f1f5f9}.model-picker-item-preview{background:#f8fafc}.model-picker-logo{width:1.5rem;height:1.5rem;margin-right:.625rem;flex-shrink:0;border-radius:.375rem;-o-object-fit:contain;object-fit:contain}.model-picker-preview-badge{font-size:.625rem;font-weight:500;padding:.125rem .375rem;border-radius:.25rem;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;text-transform:uppercase;letter-spacing:.025em;flex-shrink:0}.chat-sidebar{flex-shrink:0;width:160px;height:100vh;background-color:var(--color-bg-muted, #f8fafc);border-right:1px solid var(--color-border, #e2e8f0);transition:width .2s ease,margin-left .2s ease;overflow:hidden;position:relative}.chat-sidebar-collapsed{width:0;margin-left:-1px}.chat-sidebar-inner{display:flex;flex-direction:column;width:160px;height:100%}.chat-sidebar-header{display:flex;align-items:center;flex-shrink:0;height:3rem;padding:0 .75rem;border-bottom:1px solid var(--color-border, #e2e8f0);border-right:1px solid var(--color-border, #e2e8f0);background-color:var(--color-bg-primary, #ffffff)}.chat-sidebar-header-content{display:flex;align-items:center;gap:.375rem;flex:1}.chat-sidebar-icon{width:1rem;height:1rem;color:var(--color-primary, #3b82f6)}.chat-sidebar-title{font-size:.8125rem;font-weight:600;color:var(--color-text-primary, #0f172a)}.chat-sidebar-actions{display:flex;align-items:center;gap:.25rem}.chat-sidebar-action-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:.25rem;background-color:rgba(0,0,0,0);color:var(--color-text-muted, #94a3b8);cursor:pointer;transition:background-color .15s ease,color .15s ease}.chat-sidebar-action-btn:hover{background-color:var(--color-bg-muted, #f1f5f9);color:var(--color-text-primary, #0f172a)}.chat-sidebar-content{flex:1;overflow-y:auto;padding:.25rem .25rem}.chat-sidebar-group{margin-bottom:.5rem}.chat-sidebar-group-label{padding:.375rem .5rem .125rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #94a3b8)}.chat-sidebar-menu{display:flex;flex-direction:column;gap:1px}.chat-folder-root{min-height:1.5rem;padding:.125rem;border-radius:.25rem;transition:background-color .15s ease,outline .15s ease}.chat-folder-root.drag-over{background-color:var(--color-primary-light, #dbeafe);outline:2px dashed var(--color-primary, #3b82f6);outline-offset:-2px}.chat-folder{position:relative}.chat-folder-drag-wrapper,.chat-item-drag-wrapper{position:relative}.chat-folder-row{display:flex;align-items:center;gap:.125rem;padding:.25rem .375rem;border-radius:.25rem;cursor:pointer;transition:background-color .15s ease;position:relative}.chat-folder-row:hover{background-color:var(--color-bg-muted, #f1f5f9)}.chat-folder-row:has(.chat-folder-edit-input){background-color:rgba(0,0,0,0)}.chat-folder-row.drag-over{background-color:var(--color-primary-light, #dbeafe);outline:2px dashed var(--color-primary, #3b82f6);outline-offset:-2px}.chat-folder-row.is-dragging{opacity:.5}.chat-folder-toggle{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:0;border:none;border-radius:.125rem;background-color:rgba(0,0,0,0);color:var(--color-text-muted, #94a3b8);cursor:pointer;flex-shrink:0;transition:background-color .15s ease,color .15s ease}.chat-folder-toggle:hover{background-color:var(--color-bg-secondary, #e2e8f0);color:var(--color-text-primary, #0f172a)}.chat-folder-chevron{width:.75rem;height:.75rem;transition:transform .2s ease}.chat-folder-chevron.rotated{transform:rotate(-90deg)}.chat-folder-icon-folder{width:.875rem;height:.875rem;color:var(--color-text-muted, #94a3b8);flex-shrink:0}.chat-folder-label{font-size:0.875rem;line-height:1.25rem;flex:1;min-width:0;display:flex;align-items:center;gap:.125rem;padding:0;border:none;background-color:rgba(0,0,0,0);color:var(--color-text-primary, #0f172a);font-weight:500;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-folder-count{color:var(--color-text-muted, #94a3b8);font-weight:400;font-size:.6875rem}input.chat-folder-edit-input,input.chat-folder-edit-input[type=text]{font-size:0.875rem;line-height:1.25rem;flex:1;min-width:0;padding:0 !important;margin:0 !important;border:none !important;border-bottom:1px dashed var(--color-text-muted, #94a3b8) !important;border-radius:0 !important;background-color:rgba(0,0,0,0) !important;background:rgba(0,0,0,0) !important;color:var(--color-text-primary, #0f172a) !important;font-weight:500 !important;font-family:inherit !important;line-height:1.4 !important;outline:none !important;box-shadow:none !important;height:auto !important}input.chat-folder-edit-input:focus,input.chat-folder-edit-input:active,input.chat-folder-edit-input:focus-visible,input.chat-folder-edit-input[type=text]:focus,input.chat-folder-edit-input[type=text]:active,input.chat-folder-edit-input[type=text]:focus-visible{outline:none !important;box-shadow:none !important;border:none !important;border-bottom:1px dashed var(--color-primary, #3b82f6) !important;background-color:rgba(0,0,0,0) !important;background:rgba(0,0,0,0) !important}input.chat-folder-edit-input::-moz-selection, input.chat-folder-edit-input[type=text]::-moz-selection{background-color:var(--color-primary-light, #dbeafe)}input.chat-folder-edit-input::selection,input.chat-folder-edit-input[type=text]::selection{background-color:var(--color-primary-light, #dbeafe)}.chat-folder-actions-hover{display:none;align-items:center;gap:.125rem;margin-left:auto}.chat-folder-row:hover .chat-folder-actions-hover,.chat-item:hover .chat-folder-actions-hover{display:flex}.chat-action-btn-sm{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;padding:0;border:none;border-radius:.125rem;background-color:rgba(0,0,0,0);color:var(--color-text-muted, #94a3b8);cursor:pointer;transition:background-color .15s ease,color .15s ease}.chat-action-btn-sm:hover{background-color:var(--color-bg-secondary, #e2e8f0);color:var(--color-text-primary, #0f172a)}.chat-action-btn-sm .iconify{width:.75rem;height:.75rem}.chat-context-menu{position:absolute;top:100%;right:0;z-index:50;min-width:10rem;padding:.25rem;margin-top:.25rem;background-color:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);opacity:0;transform:scale(0.95);transform-origin:top right;transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s;visibility:hidden;pointer-events:none}.chat-context-menu.open{opacity:1;transform:scale(1);visibility:visible;pointer-events:auto;transition-delay:0s}.chat-context-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;border:none;border-radius:.375rem;background-color:rgba(0,0,0,0);color:var(--color-text-secondary, #64748b);font-size:.8125rem;text-align:left;cursor:pointer;transition:background-color .15s ease,color .15s ease}.chat-context-item:hover{background-color:var(--color-bg-muted, #f1f5f9);color:var(--color-text-primary, #0f172a)}.chat-context-item .iconify{width:.875rem;height:.875rem;flex-shrink:0}.chat-context-danger{color:var(--color-danger, #ef4444)}.chat-context-danger:hover{background-color:var(--color-danger-light, #fee2e2);color:var(--color-danger-dark, #b91c1c)}.chat-folder-contents{display:flex;flex-direction:column;gap:1px;margin-left:.85rem;padding-left:.5rem;border-left:1px solid var(--color-border, #e2e8f0)}.chat-folder-nested{margin-left:0}.chat-item{display:flex;align-items:center;gap:.35rem;padding:.25rem .375rem;border-radius:.25rem;cursor:pointer;transition:background-color .15s ease;position:relative}.chat-item:hover{background-color:var(--color-bg-hover, var(--color-bg-muted, #f1f5f9))}.chat-item.active{background-color:var(--color-primary-lighter, #dbeafe)}.chat-item:has(.chat-folder-edit-input){background-color:rgba(0,0,0,0)}.chat-item.is-dragging{opacity:.5}.chat-item-icon{width:.75rem;height:.75rem;color:var(--color-text-muted, #94a3b8);flex-shrink:0}.chat-item.active .chat-item-icon{color:var(--color-primary, #3b82f6)}.chat-item-btn{font-size:0.875rem;line-height:1.25rem;display:flex;align-items:center;gap:.35rem;flex:1;min-width:0;padding:0;border:none;background-color:rgba(0,0,0,0);color:var(--color-text-primary, #0f172a);font-weight:400;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none}.chat-item-btn .iconify{width:.75rem;height:.75rem;color:var(--color-text-muted, #94a3b8);flex-shrink:0}.chat-item-btn:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:-2px;border-radius:.125rem}.chat-item.active .chat-item-btn{font-weight:500;color:var(--color-primary-dark, #1e40af)}.chat-drop-indicator{position:absolute;left:0;right:0;height:2px;background-color:var(--color-primary, #3b82f6);pointer-events:none;z-index:10;border-radius:1px}.chat-drop-indicator::before{content:\"\";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:var(--color-primary, #3b82f6);border-radius:50%}.chat-folder-drop-before .chat-drop-indicator,.chat-item-drop-before .chat-drop-indicator{top:0;display:block}.chat-folder-drop-after .chat-drop-indicator,.chat-item-drop-after .chat-drop-indicator{bottom:0;top:auto;display:block}.chat-folder-drop-inside>.chat-folder-row{background-color:var(--color-primary-light, #dbeafe);outline:2px solid var(--color-primary, #3b82f6);outline-offset:-2px}.chat-empty-state{display:flex;flex-direction:column}.chat-empty-state .chat-item{width:100%}.chat-empty-btn{padding:.375rem .75rem;border:1px solid var(--color-border, #e2e8f0);border-radius:.375rem;background-color:var(--color-bg-primary, #ffffff);color:var(--color-text-primary, #0f172a);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.chat-empty-btn:hover{background-color:var(--color-bg-muted, #f1f5f9);border-color:var(--color-primary, #3b82f6)}.chat-sidebar-footer{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:.5rem .75rem;border-top:1px solid var(--color-border, #e2e8f0)}.chat-sidebar-footer-info{display:flex;align-items:center;color:var(--color-text-muted, #94a3b8);font-size:.6875rem}.chat-sidebar-settings-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:.375rem;background-color:rgba(0,0,0,0);color:var(--color-text-muted, #94a3b8);cursor:pointer;transition:background-color .15s ease,color .15s ease}.chat-sidebar-settings-btn:hover{background-color:var(--color-bg-muted, #f1f5f9);color:var(--color-text-primary, #0f172a)}.chat-sidebar-settings-btn .iconify{width:1rem;height:1rem}.chat-sidebar-close-btn{display:none}.chat-sidebar-overlay{display:none}@media(max-width: 768px){.chat-sidebar-overlay{position:fixed;inset:0;z-index:49;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility 0s linear .3s;display:block}.chat-sidebar-overlay.open{opacity:1;visibility:visible;transition-delay:0s}.chat-sidebar{position:fixed;left:0;top:0;z-index:50;box-shadow:4px 0 15px rgba(0,0,0,.1)}.chat-sidebar-collapsed{transform:translateX(-100%);width:280px;margin-left:0}.chat-sidebar-collapsed .chat-sidebar-close-btn{display:none}.chat-sidebar-close-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:.5rem;right:-2.5rem;width:2rem;height:2rem;padding:0;border:1px solid var(--color-border, #e2e8f0);border-left:none;border-radius:0 .375rem .375rem 0;background-color:var(--color-bg-primary, #ffffff);color:var(--color-text-muted, #94a3b8);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease;box-shadow:2px 0 8px rgba(0,0,0,.1);z-index:51}.chat-sidebar-close-btn::before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:var(--color-border, #e2e8f0)}.chat-sidebar-close-btn:hover{background-color:var(--color-bg-muted, #f1f5f9);color:var(--color-text-primary, #0f172a);border-color:var(--color-text-muted, #94a3b8)}.chat-sidebar-close-btn .iconify{width:1rem;height:1rem}}.chat-right-sidebar{flex-shrink:0;width:320px;height:100vh;background-color:var(--color-bg-muted, #f8fafc);border-left:1px solid var(--color-border, #e2e8f0);transition:width .2s ease,margin-right .2s ease;overflow:hidden;position:relative}.chat-right-sidebar-collapsed{width:0;margin-right:-1px}.chat-right-sidebar-inner{display:flex;flex-direction:column;width:320px;height:100%}.chat-right-sidebar-header{display:flex;align-items:center;flex-shrink:0;height:3rem;padding:0 .75rem;border-bottom:1px solid var(--color-border, #e2e8f0);background-color:var(--color-bg-primary, #ffffff)}.chat-right-sidebar-header-content{display:flex;align-items:center;gap:.375rem;flex:1}.chat-right-sidebar-icon{width:1rem;height:1rem;color:var(--color-text-muted, #94a3b8)}.chat-right-sidebar-title{font-size:.8125rem;font-weight:600;color:var(--color-text-primary, #0f172a)}.chat-right-sidebar-close{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:.25rem;background-color:rgba(0,0,0,0);color:var(--color-text-muted, #94a3b8);cursor:pointer;transition:background-color .15s ease,color .15s ease}.chat-right-sidebar-close:hover{background-color:var(--color-bg-muted, #f1f5f9);color:var(--color-text-primary, #0f172a)}.chat-right-sidebar-content{flex:1;overflow-y:auto;padding:.75rem}.chat-settings-group{margin-bottom:1.25rem}.chat-settings-group-label{padding:0 0 .5rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #94a3b8)}.chat-settings-field{margin-bottom:1rem}.chat-settings-label{display:block;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;color:var(--color-text-primary, #0f172a)}.chat-settings-description{display:block;margin-bottom:.5rem;font-size:.6875rem;padding-top:.5rem;color:var(--color-text-muted, #94a3b8)}.chat-settings-input,.chat-settings-textarea,.chat-settings-select{width:100%;padding:.5rem .625rem;font-size:.8125rem;font-family:var(--font-mono, \"Menlo\", monospace);color:var(--color-text-primary, #0f172a);background-color:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:.375rem;transition:border-color .15s ease,box-shadow .15s ease}.chat-settings-input:focus,.chat-settings-textarea:focus,.chat-settings-select:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 2px var(--color-primary-light, #dbeafe)}.chat-settings-input::-moz-placeholder, .chat-settings-textarea::-moz-placeholder, .chat-settings-select::-moz-placeholder{color:var(--color-text-muted, #94a3b8)}.chat-settings-input::placeholder,.chat-settings-textarea::placeholder,.chat-settings-select::placeholder{color:var(--color-text-muted, #94a3b8)}.chat-settings-textarea{min-height:6rem;resize:vertical;line-height:1.5}.chat-settings-range-wrapper{display:flex;align-items:center;gap:.75rem}.chat-settings-range{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-bg-secondary, #e2e8f0);border-radius:2px;cursor:pointer}.chat-settings-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background-color:var(--color-primary, #3b82f6);border-radius:50%;cursor:pointer;-webkit-transition:transform .15s ease;transition:transform .15s ease}.chat-settings-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.chat-settings-range::-moz-range-thumb{width:14px;height:14px;background-color:var(--color-primary, #3b82f6);border:none;border-radius:50%;cursor:pointer}.chat-settings-range:focus{outline:none}.chat-settings-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--color-primary-light, #dbeafe)}.chat-settings-range-value{min-width:3rem;padding:.25rem .5rem;font-size:.75rem;font-family:var(--font-mono, \"Menlo\", monospace);color:var(--color-text-secondary, #64748b);background-color:var(--color-bg-muted, #f1f5f9);border-radius:.25rem;text-align:center}.chat-settings-toggle{display:flex;align-items:center;gap:.625rem;cursor:pointer;padding:.5rem 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chat-settings-toggle-input{flex-shrink:0;width:2.25rem;height:1.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-bg-secondary, #e2e8f0);border-radius:.625rem;cursor:pointer;position:relative;transition:background-color .15s ease;margin:0}.chat-settings-toggle-input::before{content:\"\";position:absolute;top:2px;left:2px;width:calc(1.25rem - 4px);height:calc(1.25rem - 4px);background-color:var(--color-bg-primary, #ffffff);border-radius:50%;transition:transform .15s ease;box-shadow:0 1px 2px rgba(0,0,0,.1)}.chat-settings-toggle-input:checked{background-color:var(--color-primary, #3b82f6)}.chat-settings-toggle-input:checked::before{transform:translateX(1rem)}.chat-settings-toggle-input:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-light, #dbeafe)}.chat-settings-toggle-label{flex:1;font-size:.8125rem;font-weight:500;color:var(--color-text-primary, #0f172a);cursor:pointer;line-height:1.4}.chat-right-sidebar-footer{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:.5rem .75rem;border-top:1px solid var(--color-border, #e2e8f0);gap:.5rem}.chat-settings-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:.375rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.chat-settings-btn-reset{background-color:rgba(0,0,0,0);border:1px solid var(--color-border, #e2e8f0);color:var(--color-text-secondary, #64748b)}.chat-settings-btn-reset:hover{background-color:var(--color-bg-muted, #f1f5f9);border-color:var(--color-text-muted, #94a3b8)}.chat-settings-btn-save{background-color:var(--color-primary, #3b82f6);border:1px solid var(--color-primary, #3b82f6);color:var(--color-text-inverse, #ffffff)}.chat-settings-btn-save:hover{background-color:var(--color-primary-dark, #2563eb);border-color:var(--color-primary-dark, #2563eb)}.chat-settings-trigger{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;margin-left:auto;border:none;border-radius:.375rem;background-color:rgba(0,0,0,0);color:var(--color-text-muted, #94a3b8);cursor:pointer;transition:background-color .15s ease,color .15s ease}",[],[269,410,1012],{"_105":1020,"_96":1021,"_155":1022,"_157":411,"_158":140,"_159":1023,"_161":162,"_107":1024,"_101":32,"_164":184,"_166":1025,"_167":22,"_168":-5,"_169":1026,"_99":1027},"0bed5016-e2e9-11f0-9dc9-42dde27851f2","chat-app-4.css","0bed50c0-e2e9-11f0-9dc9-42dde27851f2",33,["D",1766815100380],".chat-settings-trigger:hover{background-color:var(--color-bg-muted, #f1f5f9);color:var(--color-text-primary, #0f172a)}.chat-settings-trigger.active{background-color:var(--color-primary-light, #dbeafe);color:var(--color-primary, #3b82f6)}.chat-settings-trigger .iconify{width:1rem;height:1rem}.chat-right-sidebar-overlay{display:none}@media(max-width: 768px){.chat-right-sidebar-overlay{position:fixed;inset:0;z-index:49;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility 0s linear .3s;display:block}.chat-right-sidebar-overlay.open{opacity:1;visibility:visible;transition-delay:0s}.chat-right-sidebar{position:fixed;right:0;top:0;z-index:50;box-shadow:-4px 0 15px rgba(0,0,0,.1)}.chat-right-sidebar-collapsed{transform:translateX(100%);width:320px;margin-right:0}}.chat-settings-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;height:100%}.chat-settings-empty .iconify{width:2.5rem;height:2.5rem;margin-bottom:.75rem;color:var(--color-text-muted, #94a3b8)}.chat-settings-empty p{font-size:.8125rem;color:var(--color-text-muted, #94a3b8);margin:0}.settings-view{display:flex;flex:1;min-height:0;background-color:var(--color-bg-muted, #f8fafc)}.settings-layout{display:flex;flex:1;min-height:0}.settings-sidebar{display:flex;flex-direction:column;width:160px;padding:.25rem .25rem;background-color:var(--color-bg-primary, #ffffff);border-right:1px solid var(--color-border, #e2e8f0);flex-shrink:0;gap:1px}.settings-mobile-tabs{display:none}@media(max-width: 768px){.settings-sidebar-desktop{display:none !important}.settings-mobile-tabs{display:flex;gap:.25rem;padding:.5rem;margin:-1rem -0.75rem 1rem -0.75rem;background-color:var(--color-bg-primary, #ffffff);border-bottom:1px solid var(--color-border, #e2e8f0);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.settings-mobile-tabs::-webkit-scrollbar{display:none}.settings-mobile-tab{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid var(--color-border, #e2e8f0);border-radius:.5rem;background-color:var(--color-bg-primary, #ffffff);color:var(--color-text-secondary, #64748b);font-size:.75rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .15s ease;flex-shrink:0}.settings-mobile-tab .iconify{width:.875rem;height:.875rem;flex-shrink:0}.settings-mobile-tab:hover{background-color:var(--color-bg-muted, #f1f5f9);border-color:var(--color-border-hover, #cbd5e1)}.settings-mobile-tab.active{background-color:var(--color-primary-light, #dbeafe);border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6);font-weight:600}.settings-content{padding:1rem .75rem}}.settings-nav-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border:none;border-radius:.375rem;background-color:rgba(0,0,0,0);color:var(--color-text-secondary, #64748b);font-size:.8125rem;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease;outline:none}.settings-nav-item:hover{background-color:var(--color-bg-muted, #f1f5f9);color:var(--color-text-primary, #0f172a)}.settings-nav-item:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:-2px}.settings-nav-item.active{background-color:var(--color-bg-muted, #f1f5f9);color:var(--color-text-primary, #0f172a);font-weight:600}.settings-nav-item .iconify{width:1rem;height:1rem;flex-shrink:0;opacity:.8}.settings-content{flex:1;overflow-y:auto;padding:1rem;max-width:900px;margin:0 auto}.text-muted-foreground{color:var(--color-text-muted, #94a3b8)}.text-foreground{color:var(--color-text-primary, #0f172a)}.form-label{display:block;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;color:var(--color-text-primary, #0f172a)}.form-select{width:100%;padding:.375rem .625rem;font-size:.8125rem;color:var(--color-text-primary, #0f172a);background-color:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:.375rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.form-select:focus{border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-select:hover{border-color:var(--color-border-hover, #cbd5e1)}.btn-gray-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;color:var(--color-text-primary, #0f172a);background-color:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:.375rem;cursor:pointer;transition:all .15s ease;line-height:1}.btn-gray-secondary:hover{background-color:var(--color-bg-muted, #f8fafc);border-color:var(--color-border-hover, #cbd5e1)}.btn-gray-secondary:active{transform:scale(0.98)}.btn-gray-secondary:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.btn-danger-soft{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;cursor:pointer;transition:all .15s ease;line-height:1}.btn-danger-soft:hover{background-color:#fee2e2;border-color:#fca5a5}.btn-danger-soft:active{transform:scale(0.98)}.btn-danger-soft:focus-visible{outline:2px solid #dc2626;outline-offset:2px}.btn-sm{padding:.25rem .5rem;font-size:.75rem;height:28px}.models-table-container{border:1px solid var(--color-border, #e2e8f0);border-radius:.5rem;overflow:hidden;background-color:#f4f4f5;padding:0 .5rem .5rem .5rem}.models-table-container details.expandable-row{border-radius:0;padding:0;margin-bottom:0;border-bottom:1px solid var(--color-border, #e2e8f0)}.models-table-container details.expandable-row:last-of-type{border-bottom:none !important}.models-table-body{background-color:var(--color-bg-primary, #ffffff);border-radius:.5rem;border:1px solid var(--color-border, #e2e8f0);overflow:hidden}.theme-scope{padding:0px !important;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}",[],[269,410,1021],{"_105":1029,"_96":1030,"_155":1031,"_157":411,"_158":140,"_159":1032,"_161":162,"_107":1033,"_101":32,"_164":184,"_166":1034,"_167":22,"_168":-5,"_169":1035,"_99":1036},"0c46dd84-e2e9-11f0-a1a6-42dde27851f2","chat-app-loader.txt","0c46de2e-e2e9-11f0-a1a6-42dde27851f2",46,["D",1766815100953],"/* ChatApp CSS - Include these in order:\n   \n   \n   \n   \n*/\n",[],[269,410,1030],{"_105":1038,"_96":1039,"_155":1040,"_157":411,"_158":140,"_159":1041,"_161":162,"_107":1042,"_101":32,"_164":211,"_166":1043,"_167":22,"_168":-5,"_169":1044,"_99":1045},"0c43f678-e2e9-11f0-ad97-42dde27851f2","postcss.config.js","0c43f718-e2e9-11f0-ad97-42dde27851f2",45,["D",1766815100948],"export default {\n  plugins: {\n    tailwindcss: {},\n    autoprefixer: {},\n  },\n}\n\n",[],[269,410,1039],{"_105":1047,"_96":1048,"_155":1049,"_157":411,"_158":140,"_159":1050,"_161":162,"_107":1051,"_101":32,"_164":211,"_166":1052,"_167":22,"_168":-5,"_169":1053,"_99":1054},"0bf44b3c-e2e9-11f0-b941-42dde27851f2","tailwind.config.js","0bf44c04-e2e9-11f0-b941-42dde27851f2",35,["D",1766815100412],"/** @type {import('tailwindcss').Config} */\nexport default {\n  content: [\n    \"../index.html\",\n    \"../src/**/*.js\",\n    \"../main.tsx\",\n    \"./app.scss\",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n\n",[],[269,410,1048],[269,410],{"_105":1057,"_96":1058,"_155":1059,"_157":270,"_158":140,"_159":1060,"_161":162,"_107":1061,"_101":32,"_164":211,"_166":1062,"_167":22,"_168":-5,"_169":1063,"_99":1064},"0d80683c-e2e9-11f0-b141-42dde27851f2","monaco-utils.js","0d8068d2-e2e9-11f0-b141-42dde27851f2",98,["D",1766815103009],"/**\n * Monaco Editor Utilities for Standalone Apps\n * Copied from /frontend/utils/monaco-utils.js for standalone deployment\n */\n\nexport function createMonacoEditor(container, code, language, options = {}) {\n  const defaultConfig = {\n    value: code,\n    language: language === 'js' ? 'javascript' : language,\n    theme: 'vs-light',\n    automaticLayout: options.automaticLayout !== undefined ? options.automaticLayout : true,\n    minimap: { enabled: false },\n    scrollBeyondLastLine: false,\n    readOnly: options.readOnly || false,\n    folding: true,\n    foldingStrategy: 'indentation',\n    wordWrap: 'on',\n    lineNumbers: options.lineNumbers || 'off',\n    lineDecorationsWidth: 10,\n    lineNumbersMinChars: 3,\n    padding: { top: 10, bottom: 10 },\n    fontFamily: \"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace\",\n    fontSize: 13,\n    renderLineHighlight: 'none',\n    scrollbar: {\n      vertical: 'auto',\n      horizontal: 'auto',\n      alwaysConsumeMouseWheel: false\n    },\n    overviewRulerLanes: 0,\n    hideCursorInOverviewRuler: true,\n    ...options\n  };\n\n  const setFallback = () => {\n    console.warn('Monaco loader not found or failed, using fallback');\n    container.textContent = code;\n    Object.assign(container.style, {\n      whiteSpace: 'pre',\n      overflow: 'auto',\n      fontFamily: \"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace\",\n      fontSize: '13px',\n      padding: '1rem',\n      backgroundColor: '#f8fafc',\n      color: '#0f172a'\n    });\n  };\n\n  if (window.monaco && window.monaco.editor) {\n    try {\n      return window.monaco.editor.create(container, defaultConfig);\n    } catch (e) {\n      console.error('Monaco create failed', e);\n      setFallback();\n      return null;\n    }\n  } else if (window.require || (typeof require !== 'undefined')) {\n    const req = window.require || require;\n\n    if (!window._monacoConfigured) {\n      req.config({ paths: { 'vs': 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.30.1/min/vs' }});\n      window._monacoConfigured = true;\n    }\n\n    req(['vs/editor/editor.main'], () => {\n      if (window.monaco && window.monaco.editor) {\n        try {\n          return window.monaco.editor.create(container, defaultConfig);\n        } catch (e) {\n          console.error('Monaco create inside require failed', e);\n          setFallback();\n          return null;\n        }\n      } else {\n        setFallback();\n        return null;\n      }\n    }, (err) => {\n      console.error('RequireJS failed to load Monaco', err);\n      setFallback();\n      return null;\n    });\n  } else {\n    setFallback();\n    return null;\n  }\n}\n\nexport function addCopyButton(parentElement, codeText) {\n  if (!parentElement || parentElement.querySelector('.monaco-copy-btn')) return;\n\n  if (getComputedStyle(parentElement).position === 'static') {\n    parentElement.style.position = 'relative';\n  }\n\n  const copyBtn = document.createElement('button');\n  copyBtn.className = 'monaco-copy-btn';\n  copyBtn.innerHTML = '';\n  copyBtn.title = 'Copy code';\n  Object.assign(copyBtn.style, {\n    position: 'absolute',\n    top: '0.5rem',\n    right: '0.5rem',\n    padding: '0.25rem 0.5rem',\n    borderRadius: '0.25rem',\n    border: '1px solid #e2e8f0',\n    backgroundColor: '#ffffff',\n    cursor: 'pointer',\n    opacity: '0',\n    transition: 'opacity 0.2s',\n    zIndex: '10',\n    display: 'flex',\n    alignItems: 'center',\n    gap: '0.25rem'\n  });\n\n  copyBtn.addEventListener('click', () => {\n    navigator.clipboard.writeText(codeText).then(() => {\n      const originalIcon = copyBtn.innerHTML;\n      copyBtn.innerHTML = '';\n      setTimeout(() => copyBtn.innerHTML = originalIcon, 2000);\n    });\n  });\n\n  parentElement.addEventListener('mouseenter', () => copyBtn.style.opacity = '1');\n  parentElement.addEventListener('mouseleave', () => copyBtn.style.opacity = '0');\n\n  parentElement.appendChild(copyBtn);\n\n  return copyBtn;\n}\n\n",[],[269,1058],[269],{"_105":1067,"_96":112,"_155":1068,"_157":-5,"_158":140,"_159":1069,"_161":162,"_107":1070,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":1071,"_99":1072},"0a230460-e2e9-11f0-b141-42dde27851f2","0a230546-e2e9-11f0-b141-42dde27851f2",5,["D",1766815097374],[],[112],{"_105":1074,"_96":251,"_155":1075,"_157":-5,"_158":140,"_159":1076,"_161":162,"_107":1077,"_101":32,"_164":184,"_166":1078,"_167":22,"_168":-5,"_169":1079,"_99":1080},"0d8a1c2e-e2e9-11f0-a62a-42dde27851f2","0d8a1d96-e2e9-11f0-a62a-42dde27851f2",100,["D",1766815102999],"{\n  \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/main/cli/schemas/config-file.v1.json\",\n  \"lock\": false,\n  \"compilerOptions\": {\n    \"noImplicitAny\": false,\n    \"strict\": true,\n    \"types\": [\"https://www.val.town/types/valtown.d.ts\"],\n    \"lib\": [\n      \"dom\",\n      \"dom.iterable\",\n      \"dom.asynciterable\",\n      \"deno.ns\",\n      \"deno.unstable\"\n    ]\n  },\n  \"tasks\": {\n    \"build:styles\": \"cd frontend/styles && deno run --allow-read --allow-write --allow-env --allow-import --allow-sys build.ts\",\n    \"serve\": \"deno task build:styles && deno serve --port 8001 --watch --allow-net --allow-import --allow-env --allow-read --allow-sys main.tsx\",\n    \"kill:8001\": \"sh -c 'PID=$(lsof -ti:8001 2>/dev/null); [ -n \\\"$PID\\\" ] && kill -9 $PID || true'\"\n  },\n  \"imports\": {\n    \"npm:sass\": \"npm:sass@^1.69.0\",\n    \"npm:postcss\": \"npm:postcss@^8.4.31\",\n    \"npm:tailwindcss\": \"npm:tailwindcss@^3.3.5\",\n    \"npm:autoprefixer\": \"npm:autoprefixer@^10.4.16\"\n  }\n\n}\n",[],[251],{"_105":1082,"_96":1083,"_155":1084,"_157":-5,"_158":140,"_159":1085,"_161":22,"_107":1086,"_101":32,"_164":211,"_166":1087,"_167":22,"_168":-5,"_169":1088,"_99":1089},"0b7e66a6-e2e9-11f0-9dc9-42dde27851f2","main.tsx","0b7e6782-e2e9-11f0-9dc9-42dde27851f2",19,["D",1766815099653],"// Chat App - Standalone Hono Server with Monaco support\n// Can run independently with: deno task serve\nimport { createApp } from \"./backend/index.ts\";\n\nconst app = createApp(import.meta.url);\n\n// Export app.fetch for Val Town, otherwise export app — this is only for hono apps\nexport default (typeof Deno !== \"undefined\" && Deno.env.get(\"valtown\")) ? app.fetch : app;\n",[],[1083],"files",[152,171,178,188,197,205,215,224,234,243,249,259,267,274,281,290,299,308,317,326,335,344,353,362,371,380,389,398,408,415,422,431,440,449,458,467,476,486,493,500,510,516,525,534,543,552,561,570,579,588,597,606,615,624,633,642,651,660,669,678,687,696,705,714,723,732,741,750,759,768,777,787,794,803,812,820,829,836,845,852,861,868,877,884,893,902,911,920,929,938,946,955,964,974,983,992,1001,1010,1019,1028,1037,1046,1056,1066,1073,1081],"counts",{"_1094":32,"_1095":271,"_1096":32,"_1097":1098},"pulls","branches","forks","envVars",{"_1099":32,"_1100":32},"count","emptyCount","contents",[1103,1106,1109,1112,1115,1118,1121,1124,1127,1130,1133,1136,1139,1142,1145,1148,1151,1154,1157,1160,1163,1166,1169,1172,1175,1178,1181,1184,1187,1190],{"_105":517,"_96":518,"_155":519,"_157":512,"_158":140,"_159":520,"_161":162,"_107":1104,"_101":32,"_164":184,"_166":522,"_167":22,"_168":-5,"_99":1105},["D",1766815102215],[269,410,488,25,518],{"_105":526,"_96":527,"_155":528,"_157":512,"_158":140,"_159":529,"_161":162,"_107":1107,"_101":32,"_164":184,"_166":531,"_167":22,"_168":-5,"_99":1108},["D",1766815101605],[269,410,488,25,527],{"_105":535,"_96":536,"_155":537,"_157":512,"_158":140,"_159":538,"_161":162,"_107":1110,"_101":32,"_164":184,"_166":540,"_167":22,"_168":-5,"_99":1111},["D",1766815101581],[269,410,488,25,536],{"_105":544,"_96":545,"_155":546,"_157":512,"_158":140,"_159":547,"_161":162,"_107":1113,"_101":32,"_164":184,"_166":549,"_167":22,"_168":-5,"_99":1114},["D",1766815101480],[269,410,488,25,545],{"_105":553,"_96":554,"_155":555,"_157":512,"_158":140,"_159":556,"_161":162,"_107":1116,"_101":32,"_164":184,"_166":558,"_167":22,"_168":-5,"_99":1117},["D",1766815102339],[269,410,488,25,554],{"_105":562,"_96":563,"_155":564,"_157":512,"_158":140,"_159":565,"_161":162,"_107":1119,"_101":32,"_164":184,"_166":567,"_167":22,"_168":-5,"_99":1120},["D",1766815101828],[269,410,488,25,563],{"_105":571,"_96":572,"_155":573,"_157":512,"_158":140,"_159":574,"_161":162,"_107":1122,"_101":32,"_164":184,"_166":576,"_167":22,"_168":-5,"_99":1123},["D",1766815101759],[269,410,488,25,572],{"_105":580,"_96":581,"_155":582,"_157":512,"_158":140,"_159":583,"_161":162,"_107":1125,"_101":32,"_164":184,"_166":585,"_167":22,"_168":-5,"_99":1126},["D",1766815102132],[269,410,488,25,581],{"_105":589,"_96":590,"_155":591,"_157":512,"_158":140,"_159":592,"_161":162,"_107":1128,"_101":32,"_164":184,"_166":594,"_167":22,"_168":-5,"_99":1129},["D",1766815102092],[269,410,488,25,590],{"_105":598,"_96":599,"_155":600,"_157":512,"_158":140,"_159":601,"_161":162,"_107":1131,"_101":32,"_164":184,"_166":603,"_167":22,"_168":-5,"_99":1132},["D",1766815101276],[269,410,488,25,599],{"_105":607,"_96":608,"_155":609,"_157":512,"_158":140,"_159":610,"_161":162,"_107":1134,"_101":32,"_164":184,"_166":612,"_167":22,"_168":-5,"_99":1135},["D",1766815102253],[269,410,488,25,608],{"_105":616,"_96":617,"_155":618,"_157":512,"_158":140,"_159":619,"_161":162,"_107":1137,"_101":32,"_164":184,"_166":621,"_167":22,"_168":-5,"_99":1138},["D",1766815101319],[269,410,488,25,617],{"_105":625,"_96":626,"_155":627,"_157":512,"_158":140,"_159":628,"_161":162,"_107":1140,"_101":32,"_164":184,"_166":630,"_167":22,"_168":-5,"_99":1141},["D",1766815102267],[269,410,488,25,626],{"_105":634,"_96":635,"_155":636,"_157":512,"_158":140,"_159":637,"_161":162,"_107":1143,"_101":32,"_164":184,"_166":639,"_167":22,"_168":-5,"_99":1144},["D",1766815102194],[269,410,488,25,635],{"_105":643,"_96":644,"_155":645,"_157":512,"_158":140,"_159":646,"_161":162,"_107":1146,"_101":32,"_164":184,"_166":648,"_167":22,"_168":-5,"_99":1147},["D",1766815101919],[269,410,488,25,644],{"_105":652,"_96":653,"_155":654,"_157":512,"_158":140,"_159":655,"_161":162,"_107":1149,"_101":32,"_164":184,"_166":657,"_167":22,"_168":-5,"_99":1150},["D",1766815101792],[269,410,488,25,653],{"_105":661,"_96":662,"_155":663,"_157":512,"_158":140,"_159":664,"_161":162,"_107":1152,"_101":32,"_164":184,"_166":666,"_167":22,"_168":-5,"_99":1153},["D",1766815101950],[269,410,488,25,662],{"_105":670,"_96":671,"_155":672,"_157":512,"_158":140,"_159":673,"_161":162,"_107":1155,"_101":32,"_164":184,"_166":675,"_167":22,"_168":-5,"_99":1156},["D",1766815101630],[269,410,488,25,671],{"_105":679,"_96":680,"_155":681,"_157":512,"_158":140,"_159":682,"_161":162,"_107":1158,"_101":32,"_164":184,"_166":684,"_167":22,"_168":-5,"_99":1159},["D",1766815102039],[269,410,488,25,680],{"_105":688,"_96":689,"_155":690,"_157":512,"_158":140,"_159":691,"_161":162,"_107":1161,"_101":32,"_164":184,"_166":693,"_167":22,"_168":-5,"_99":1162},["D",1766815101401],[269,410,488,25,689],{"_105":697,"_96":698,"_155":699,"_157":512,"_158":140,"_159":700,"_161":162,"_107":1164,"_101":32,"_164":184,"_166":702,"_167":22,"_168":-5,"_99":1165},["D",1766815101958],[269,410,488,25,698],{"_105":706,"_96":707,"_155":708,"_157":512,"_158":140,"_159":709,"_161":162,"_107":1167,"_101":32,"_164":184,"_166":711,"_167":22,"_168":-5,"_99":1168},["D",1766815101940],[269,410,488,25,707],{"_105":715,"_96":716,"_155":717,"_157":512,"_158":140,"_159":718,"_161":162,"_107":1170,"_101":32,"_164":184,"_166":720,"_167":22,"_168":-5,"_99":1171},["D",1766815102302],[269,410,488,25,716],{"_105":724,"_96":725,"_155":726,"_157":512,"_158":140,"_159":727,"_161":162,"_107":1173,"_101":32,"_164":184,"_166":729,"_167":22,"_168":-5,"_99":1174},["D",1766815101508],[269,410,488,25,725],{"_105":733,"_96":734,"_155":735,"_157":512,"_158":140,"_159":736,"_161":162,"_107":1176,"_101":32,"_164":184,"_166":738,"_167":22,"_168":-5,"_99":1177},["D",1766815101432],[269,410,488,25,734],{"_105":742,"_96":743,"_155":744,"_157":512,"_158":140,"_159":745,"_161":162,"_107":1179,"_101":32,"_164":184,"_166":747,"_167":22,"_168":-5,"_99":1180},["D",1766815101649],[269,410,488,25,743],{"_105":751,"_96":752,"_155":753,"_157":512,"_158":140,"_159":754,"_161":162,"_107":1182,"_101":32,"_164":184,"_166":756,"_167":22,"_168":-5,"_99":1183},["D",1766815101431],[269,410,488,25,752],{"_105":760,"_96":761,"_155":762,"_157":512,"_158":140,"_159":763,"_161":162,"_107":1185,"_101":32,"_164":184,"_166":765,"_167":22,"_168":-5,"_99":1186},["D",1766815101312],[269,410,488,25,761],{"_105":769,"_96":770,"_155":771,"_157":512,"_158":140,"_159":772,"_161":162,"_107":1188,"_101":32,"_164":211,"_166":774,"_167":22,"_168":-5,"_99":1189},["D",1766815101665],[269,410,488,25,770],{"_105":778,"_96":779,"_155":780,"_157":512,"_158":140,"_159":781,"_161":162,"_107":1191,"_101":32,"_164":211,"_166":783,"_167":22,"_168":-5,"_99":1192},["D",1766815102096],[269,410,488,25,779],{"_105":511,"_158":140,"_155":512,"_96":25,"_166":-5,"_164":165,"_101":32,"_157":489,"_107":1194,"_159":513,"_168":-5,"_99":1195},["D",1766815099062],[269,410,488,25],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_94":95,"_96":97,"_98":44,"_101":102,"_99":100,"_103":1204,"_150":1209,"_1090":1528,"_184":1529,"_1101":1532,"_1593":-5,"_1594":-5,"_1595":-5,"_1596":-5,"_1597":1598,"_1097":-5},{"_105":106,"_96":97,"_107":1205,"_109":-5,"_110":22,"_111":112,"_113":73,"_114":-5,"_14":115,"_116":-5,"_117":22,"_118":-5,"_119":-5,"_120":32,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":1206,"_134":1207,"_137":1208,"_149":22},["D",1766815045152],{"_94":95,"_132":133},{"_94":95,"_136":133,"_14":115},{"_101":139,"_96":44,"_105":140,"_141":106,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":97,"_148":95},[1210,1237,1243,1246,1519,1522,1525],{"_105":153,"_96":154,"_155":156,"_157":-5,"_158":140,"_159":160,"_161":162,"_107":163,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":1211,"_99":1236},[1212,1233],{"_105":172,"_96":173,"_155":174,"_157":156,"_158":140,"_159":175,"_161":162,"_107":176,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":1213,"_99":1232},[1214,1217,1220,1223,1226,1229],{"_105":179,"_96":180,"_155":181,"_157":174,"_158":140,"_159":182,"_161":162,"_107":183,"_101":32,"_164":184,"_166":185,"_167":22,"_168":-5,"_169":1215,"_99":1216},[],[154,173,180],{"_105":189,"_96":190,"_155":191,"_157":174,"_158":140,"_159":192,"_161":162,"_107":193,"_101":32,"_164":184,"_166":194,"_167":22,"_168":-5,"_169":1218,"_99":1219},[],[154,173,190],{"_105":198,"_96":199,"_155":200,"_157":174,"_158":140,"_159":102,"_161":162,"_107":201,"_101":32,"_164":184,"_166":202,"_167":22,"_168":-5,"_169":1221,"_99":1222},[],[154,173,199],{"_105":206,"_96":207,"_155":208,"_157":174,"_158":140,"_159":209,"_161":162,"_107":210,"_101":32,"_164":211,"_166":212,"_167":22,"_168":-5,"_169":1224,"_99":1225},[],[154,173,207],{"_105":216,"_96":217,"_155":218,"_157":174,"_158":140,"_159":219,"_161":162,"_107":220,"_101":32,"_164":211,"_166":221,"_167":22,"_168":-5,"_169":1227,"_99":1228},[],[154,173,217],{"_105":225,"_96":226,"_155":227,"_157":174,"_158":140,"_159":228,"_161":162,"_107":229,"_101":32,"_164":211,"_166":230,"_167":22,"_168":-5,"_169":1230,"_99":1231},[],[154,173,226],[154,173],{"_105":235,"_96":236,"_155":237,"_157":156,"_158":140,"_159":238,"_161":162,"_107":239,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":1234,"_99":1235},[],[154,236],[154],{"_105":244,"_96":97,"_155":245,"_157":-5,"_158":140,"_159":246,"_161":162,"_107":247,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":1238,"_99":1242},[1239],{"_105":250,"_96":251,"_155":252,"_157":245,"_158":140,"_159":253,"_161":162,"_107":254,"_101":32,"_164":184,"_166":255,"_167":22,"_168":-5,"_169":1240,"_99":1241},[],[97,251],[97],{"_105":260,"_96":261,"_155":262,"_157":-5,"_158":140,"_159":263,"_161":162,"_107":264,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":1244,"_99":1245},[],[261],{"_105":268,"_96":269,"_155":270,"_157":-5,"_158":140,"_159":271,"_161":162,"_107":272,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":1247,"_99":1518},[1248,1293,1515],{"_105":275,"_96":276,"_155":277,"_157":270,"_158":140,"_159":278,"_161":162,"_107":279,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":1249,"_99":1292},[1250,1253,1256,1259,1262,1265,1268,1271,1274,1277,1280,1283,1286,1289],{"_105":282,"_96":283,"_155":284,"_157":277,"_158":140,"_159":285,"_161":162,"_107":286,"_101":32,"_164":211,"_166":287,"_167":22,"_168":-5,"_169":1251,"_99":1252},[],[269,276,283],{"_105":291,"_96":292,"_155":293,"_157":277,"_158":140,"_159":294,"_161":162,"_107":295,"_101":32,"_164":211,"_166":296,"_167":22,"_168":-5,"_169":1254,"_99":1255},[],[269,276,292],{"_105":300,"_96":301,"_155":302,"_157":277,"_158":140,"_159":303,"_161":162,"_107":304,"_101":32,"_164":211,"_166":305,"_167":22,"_168":-5,"_169":1257,"_99":1258},[],[269,276,301],{"_105":309,"_96":310,"_155":311,"_157":277,"_158":140,"_159":312,"_161":162,"_107":313,"_101":32,"_164":211,"_166":314,"_167":22,"_168":-5,"_169":1260,"_99":1261},[],[269,276,310],{"_105":318,"_96":319,"_155":320,"_157":277,"_158":140,"_159":321,"_161":162,"_107":322,"_101":32,"_164":211,"_166":323,"_167":22,"_168":-5,"_169":1263,"_99":1264},[],[269,276,319],{"_105":327,"_96":328,"_155":329,"_157":277,"_158":140,"_159":330,"_161":162,"_107":331,"_101":32,"_164":211,"_166":332,"_167":22,"_168":-5,"_169":1266,"_99":1267},[],[269,276,328],{"_105":336,"_96":337,"_155":338,"_157":277,"_158":140,"_159":339,"_161":162,"_107":340,"_101":32,"_164":211,"_166":341,"_167":22,"_168":-5,"_169":1269,"_99":1270},[],[269,276,337],{"_105":345,"_96":346,"_155":347,"_157":277,"_158":140,"_159":348,"_161":162,"_107":349,"_101":32,"_164":211,"_166":350,"_167":22,"_168":-5,"_169":1272,"_99":1273},[],[269,276,346],{"_105":354,"_96":355,"_155":356,"_157":277,"_158":140,"_159":357,"_161":162,"_107":358,"_101":32,"_164":211,"_166":359,"_167":22,"_168":-5,"_169":1275,"_99":1276},[],[269,276,355],{"_105":363,"_96":364,"_155":365,"_157":277,"_158":140,"_159":366,"_161":162,"_107":367,"_101":32,"_164":211,"_166":368,"_167":22,"_168":-5,"_169":1278,"_99":1279},[],[269,276,364],{"_105":372,"_96":373,"_155":374,"_157":277,"_158":140,"_159":375,"_161":162,"_107":376,"_101":32,"_164":211,"_166":377,"_167":22,"_168":-5,"_169":1281,"_99":1282},[],[269,276,373],{"_105":381,"_96":382,"_155":383,"_157":277,"_158":140,"_159":384,"_161":162,"_107":385,"_101":32,"_164":211,"_166":386,"_167":22,"_168":-5,"_169":1284,"_99":1285},[],[269,276,382],{"_105":390,"_96":391,"_155":392,"_157":277,"_158":140,"_159":393,"_161":162,"_107":394,"_101":32,"_164":211,"_166":395,"_167":22,"_168":-5,"_169":1287,"_99":1288},[],[269,276,391],{"_105":399,"_96":400,"_155":401,"_157":277,"_158":140,"_159":402,"_161":162,"_107":403,"_101":32,"_164":211,"_166":404,"_167":22,"_168":-5,"_169":1290,"_99":1291},[],[269,276,400],[269,276],{"_105":409,"_96":410,"_155":411,"_157":270,"_158":140,"_159":412,"_161":162,"_107":413,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":1294,"_99":1514},[1295,1319,1487,1490,1493,1496,1499,1502,1505,1508,1511],{"_105":416,"_96":417,"_155":418,"_157":411,"_158":140,"_159":419,"_161":162,"_107":420,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":1296,"_99":1318},[1297,1300,1303,1306,1309,1312,1315],{"_105":423,"_96":424,"_155":425,"_157":418,"_158":140,"_159":426,"_161":162,"_107":427,"_101":32,"_164":184,"_166":428,"_167":22,"_168":-5,"_169":1298,"_99":1299},[],[269,410,417,424],{"_105":432,"_96":433,"_155":434,"_157":418,"_158":140,"_159":435,"_161":162,"_107":436,"_101":32,"_164":184,"_166":437,"_167":22,"_168":-5,"_169":1301,"_99":1302},[],[269,410,417,433],{"_105":441,"_96":442,"_155":443,"_157":418,"_158":140,"_159":444,"_161":162,"_107":445,"_101":32,"_164":184,"_166":446,"_167":22,"_168":-5,"_169":1304,"_99":1305},[],[269,410,417,442],{"_105":450,"_96":451,"_155":452,"_157":418,"_158":140,"_159":453,"_161":162,"_107":454,"_101":32,"_164":184,"_166":455,"_167":22,"_168":-5,"_169":1307,"_99":1308},[],[269,410,417,451],{"_105":459,"_96":460,"_155":461,"_157":418,"_158":140,"_159":462,"_161":162,"_107":463,"_101":32,"_164":184,"_166":464,"_167":22,"_168":-5,"_169":1310,"_99":1311},[],[269,410,417,460],{"_105":468,"_96":469,"_155":470,"_157":418,"_158":140,"_159":471,"_161":162,"_107":472,"_101":32,"_164":184,"_166":473,"_167":22,"_168":-5,"_169":1313,"_99":1314},[],[269,410,417,469],{"_105":477,"_96":478,"_155":479,"_157":418,"_158":140,"_159":480,"_161":162,"_107":481,"_101":32,"_164":184,"_166":482,"_167":22,"_168":-5,"_169":1316,"_99":1317},[],[269,410,417,478],[269,410,417],{"_105":487,"_96":488,"_155":489,"_157":411,"_158":140,"_159":490,"_161":162,"_107":491,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":1320,"_99":1486},[1321,1327,1420,1435,1441,1447,1453,1474,1477,1480,1483],{"_105":494,"_96":495,"_155":496,"_157":489,"_158":140,"_159":497,"_161":162,"_107":498,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":1322,"_99":1326},[1323],{"_105":501,"_96":502,"_155":503,"_157":496,"_158":140,"_159":504,"_161":162,"_107":505,"_101":32,"_164":184,"_166":506,"_167":22,"_168":-5,"_169":1324,"_99":1325},[],[269,410,488,495,502],[269,410,488,495],{"_105":511,"_96":25,"_155":512,"_157":489,"_158":140,"_159":513,"_161":162,"_107":514,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":1328,"_99":1419},[1329,1332,1335,1338,1341,1344,1347,1350,1353,1356,1359,1362,1365,1368,1371,1374,1377,1380,1383,1386,1389,1392,1395,1398,1401,1404,1407,1410,1413,1416],{"_105":517,"_96":518,"_155":519,"_157":512,"_158":140,"_159":520,"_161":162,"_107":521,"_101":32,"_164":184,"_166":522,"_167":22,"_168":-5,"_169":1330,"_99":1331},[],[269,410,488,25,518],{"_105":526,"_96":527,"_155":528,"_157":512,"_158":140,"_159":529,"_161":162,"_107":530,"_101":32,"_164":184,"_166":531,"_167":22,"_168":-5,"_169":1333,"_99":1334},[],[269,410,488,25,527],{"_105":535,"_96":536,"_155":537,"_157":512,"_158":140,"_159":538,"_161":162,"_107":539,"_101":32,"_164":184,"_166":540,"_167":22,"_168":-5,"_169":1336,"_99":1337},[],[269,410,488,25,536],{"_105":544,"_96":545,"_155":546,"_157":512,"_158":140,"_159":547,"_161":162,"_107":548,"_101":32,"_164":184,"_166":549,"_167":22,"_168":-5,"_169":1339,"_99":1340},[],[269,410,488,25,545],{"_105":553,"_96":554,"_155":555,"_157":512,"_158":140,"_159":556,"_161":162,"_107":557,"_101":32,"_164":184,"_166":558,"_167":22,"_168":-5,"_169":1342,"_99":1343},[],[269,410,488,25,554],{"_105":562,"_96":563,"_155":564,"_157":512,"_158":140,"_159":565,"_161":162,"_107":566,"_101":32,"_164":184,"_166":567,"_167":22,"_168":-5,"_169":1345,"_99":1346},[],[269,410,488,25,563],{"_105":571,"_96":572,"_155":573,"_157":512,"_158":140,"_159":574,"_161":162,"_107":575,"_101":32,"_164":184,"_166":576,"_167":22,"_168":-5,"_169":1348,"_99":1349},[],[269,410,488,25,572],{"_105":580,"_96":581,"_155":582,"_157":512,"_158":140,"_159":583,"_161":162,"_107":584,"_101":32,"_164":184,"_166":585,"_167":22,"_168":-5,"_169":1351,"_99":1352},[],[269,410,488,25,581],{"_105":589,"_96":590,"_155":591,"_157":512,"_158":140,"_159":592,"_161":162,"_107":593,"_101":32,"_164":184,"_166":594,"_167":22,"_168":-5,"_169":1354,"_99":1355},[],[269,410,488,25,590],{"_105":598,"_96":599,"_155":600,"_157":512,"_158":140,"_159":601,"_161":162,"_107":602,"_101":32,"_164":184,"_166":603,"_167":22,"_168":-5,"_169":1357,"_99":1358},[],[269,410,488,25,599],{"_105":607,"_96":608,"_155":609,"_157":512,"_158":140,"_159":610,"_161":162,"_107":611,"_101":32,"_164":184,"_166":612,"_167":22,"_168":-5,"_169":1360,"_99":1361},[],[269,410,488,25,608],{"_105":616,"_96":617,"_155":618,"_157":512,"_158":140,"_159":619,"_161":162,"_107":620,"_101":32,"_164":184,"_166":621,"_167":22,"_168":-5,"_169":1363,"_99":1364},[],[269,410,488,25,617],{"_105":625,"_96":626,"_155":627,"_157":512,"_158":140,"_159":628,"_161":162,"_107":629,"_101":32,"_164":184,"_166":630,"_167":22,"_168":-5,"_169":1366,"_99":1367},[],[269,410,488,25,626],{"_105":634,"_96":635,"_155":636,"_157":512,"_158":140,"_159":637,"_161":162,"_107":638,"_101":32,"_164":184,"_166":639,"_167":22,"_168":-5,"_169":1369,"_99":1370},[],[269,410,488,25,635],{"_105":643,"_96":644,"_155":645,"_157":512,"_158":140,"_159":646,"_161":162,"_107":647,"_101":32,"_164":184,"_166":648,"_167":22,"_168":-5,"_169":1372,"_99":1373},[],[269,410,488,25,644],{"_105":652,"_96":653,"_155":654,"_157":512,"_158":140,"_159":655,"_161":162,"_107":656,"_101":32,"_164":184,"_166":657,"_167":22,"_168":-5,"_169":1375,"_99":1376},[],[269,410,488,25,653],{"_105":661,"_96":662,"_155":663,"_157":512,"_158":140,"_159":664,"_161":162,"_107":665,"_101":32,"_164":184,"_166":666,"_167":22,"_168":-5,"_169":1378,"_99":1379},[],[269,410,488,25,662],{"_105":670,"_96":671,"_155":672,"_157":512,"_158":140,"_159":673,"_161":162,"_107":674,"_101":32,"_164":184,"_166":675,"_167":22,"_168":-5,"_169":1381,"_99":1382},[],[269,410,488,25,671],{"_105":679,"_96":680,"_155":681,"_157":512,"_158":140,"_159":682,"_161":162,"_107":683,"_101":32,"_164":184,"_166":684,"_167":22,"_168":-5,"_169":1384,"_99":1385},[],[269,410,488,25,680],{"_105":688,"_96":689,"_155":690,"_157":512,"_158":140,"_159":691,"_161":162,"_107":692,"_101":32,"_164":184,"_166":693,"_167":22,"_168":-5,"_169":1387,"_99":1388},[],[269,410,488,25,689],{"_105":697,"_96":698,"_155":699,"_157":512,"_158":140,"_159":700,"_161":162,"_107":701,"_101":32,"_164":184,"_166":702,"_167":22,"_168":-5,"_169":1390,"_99":1391},[],[269,410,488,25,698],{"_105":706,"_96":707,"_155":708,"_157":512,"_158":140,"_159":709,"_161":162,"_107":710,"_101":32,"_164":184,"_166":711,"_167":22,"_168":-5,"_169":1393,"_99":1394},[],[269,410,488,25,707],{"_105":715,"_96":716,"_155":717,"_157":512,"_158":140,"_159":718,"_161":162,"_107":719,"_101":32,"_164":184,"_166":720,"_167":22,"_168":-5,"_169":1396,"_99":1397},[],[269,410,488,25,716],{"_105":724,"_96":725,"_155":726,"_157":512,"_158":140,"_159":727,"_161":162,"_107":728,"_101":32,"_164":184,"_166":729,"_167":22,"_168":-5,"_169":1399,"_99":1400},[],[269,410,488,25,725],{"_105":733,"_96":734,"_155":735,"_157":512,"_158":140,"_159":736,"_161":162,"_107":737,"_101":32,"_164":184,"_166":738,"_167":22,"_168":-5,"_169":1402,"_99":1403},[],[269,410,488,25,734],{"_105":742,"_96":743,"_155":744,"_157":512,"_158":140,"_159":745,"_161":162,"_107":746,"_101":32,"_164":184,"_166":747,"_167":22,"_168":-5,"_169":1405,"_99":1406},[],[269,410,488,25,743],{"_105":751,"_96":752,"_155":753,"_157":512,"_158":140,"_159":754,"_161":162,"_107":755,"_101":32,"_164":184,"_166":756,"_167":22,"_168":-5,"_169":1408,"_99":1409},[],[269,410,488,25,752],{"_105":760,"_96":761,"_155":762,"_157":512,"_158":140,"_159":763,"_161":162,"_107":764,"_101":32,"_164":184,"_166":765,"_167":22,"_168":-5,"_169":1411,"_99":1412},[],[269,410,488,25,761],{"_105":769,"_96":770,"_155":771,"_157":512,"_158":140,"_159":772,"_161":162,"_107":773,"_101":32,"_164":211,"_166":774,"_167":22,"_168":-5,"_169":1414,"_99":1415},[],[269,410,488,25,770],{"_105":778,"_96":779,"_155":780,"_157":512,"_158":140,"_159":781,"_161":162,"_107":782,"_101":32,"_164":211,"_166":783,"_167":22,"_168":-5,"_169":1417,"_99":1418},[],[269,410,488,25,779],[269,410,488,25],{"_105":788,"_96":789,"_155":790,"_157":489,"_158":140,"_159":791,"_161":162,"_107":792,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":1421,"_99":1434},[1422,1425,1428,1431],{"_105":795,"_96":796,"_155":797,"_157":790,"_158":140,"_159":798,"_161":162,"_107":799,"_101":32,"_164":184,"_166":800,"_167":22,"_168":-5,"_169":1423,"_99":1424},[],[269,410,488,789,796],{"_105":804,"_96":805,"_155":806,"_157":790,"_158":140,"_159":807,"_161":162,"_107":808,"_101":32,"_164":184,"_166":809,"_167":22,"_168":-5,"_169":1426,"_99":1427},[],[269,410,488,789,805],{"_105":813,"_96":770,"_155":814,"_157":790,"_158":140,"_159":815,"_161":162,"_107":816,"_101":32,"_164":211,"_166":817,"_167":22,"_168":-5,"_169":1429,"_99":1430},[],[269,410,488,789,770],{"_105":821,"_96":502,"_155":822,"_157":790,"_158":140,"_159":823,"_161":162,"_107":824,"_101":32,"_164":184,"_166":825,"_167":22,"_168":-5,"_169":1432,"_99":1433},[],[269,410,488,789,502],[269,410,488,789],{"_105":830,"_96":831,"_155":832,"_157":489,"_158":140,"_159":833,"_161":162,"_107":834,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":1436,"_99":1440},[1437],{"_105":837,"_96":502,"_155":838,"_157":832,"_158":140,"_159":839,"_161":162,"_107":840,"_101":32,"_164":184,"_166":841,"_167":22,"_168":-5,"_169":1438,"_99":1439},[],[269,410,488,831,502],[269,410,488,831],{"_105":846,"_96":847,"_155":848,"_157":489,"_158":140,"_159":849,"_161":162,"_107":850,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":1442,"_99":1446},[1443],{"_105":853,"_96":502,"_155":854,"_157":848,"_158":140,"_159":855,"_161":162,"_107":856,"_101":32,"_164":184,"_166":857,"_167":22,"_168":-5,"_169":1444,"_99":1445},[],[269,410,488,847,502],[269,410,488,847],{"_105":862,"_96":863,"_155":864,"_157":489,"_158":140,"_159":865,"_161":162,"_107":866,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":1448,"_99":1452},[1449],{"_105":869,"_96":502,"_155":870,"_157":864,"_158":140,"_159":871,"_161":162,"_107":872,"_101":32,"_164":184,"_166":873,"_167":22,"_168":-5,"_169":1450,"_99":1451},[],[269,410,488,863,502],[269,410,488,863],{"_105":878,"_96":879,"_155":880,"_157":489,"_158":140,"_159":881,"_161":162,"_107":882,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":1454,"_99":1473},[1455,1458,1461,1464,1467,1470],{"_105":885,"_96":886,"_155":887,"_157":880,"_158":140,"_159":888,"_161":162,"_107":889,"_101":32,"_164":184,"_166":890,"_167":22,"_168":-5,"_169":1456,"_99":1457},[],[269,410,488,879,886],{"_105":894,"_96":895,"_155":896,"_157":880,"_158":140,"_159":897,"_161":162,"_107":898,"_101":32,"_164":184,"_166":899,"_167":22,"_168":-5,"_169":1459,"_99":1460},[],[269,410,488,879,895],{"_105":903,"_96":904,"_155":905,"_157":880,"_158":140,"_159":906,"_161":162,"_107":907,"_101":32,"_164":184,"_166":908,"_167":22,"_168":-5,"_169":1462,"_99":1463},[],[269,410,488,879,904],{"_105":912,"_96":913,"_155":914,"_157":880,"_158":140,"_159":915,"_161":162,"_107":916,"_101":32,"_164":184,"_166":917,"_167":22,"_168":-5,"_169":1465,"_99":1466},[],[269,410,488,879,913],{"_105":921,"_96":922,"_155":923,"_157":880,"_158":140,"_159":924,"_161":162,"_107":925,"_101":32,"_164":184,"_166":926,"_167":22,"_168":-5,"_169":1468,"_99":1469},[],[269,410,488,879,922],{"_105":930,"_96":734,"_155":931,"_157":880,"_158":140,"_159":932,"_161":162,"_107":933,"_101":32,"_164":184,"_166":934,"_167":22,"_168":-5,"_169":1471,"_99":1472},[],[269,410,488,879,734],[269,410,488,879],{"_105":939,"_96":770,"_155":940,"_157":489,"_158":140,"_159":941,"_161":162,"_107":942,"_101":32,"_164":211,"_166":943,"_167":22,"_168":-5,"_169":1475,"_99":1476},[],[269,410,488,770],{"_105":947,"_96":948,"_155":949,"_157":489,"_158":140,"_159":950,"_161":162,"_107":951,"_101":32,"_164":184,"_166":952,"_167":22,"_168":-5,"_169":1478,"_99":1479},[],[269,410,488,948],{"_105":956,"_96":957,"_155":958,"_157":489,"_158":140,"_159":959,"_161":162,"_107":960,"_101":32,"_164":184,"_166":961,"_167":22,"_168":-5,"_169":1481,"_99":1482},[],[269,410,488,957],{"_105":965,"_96":966,"_155":967,"_157":489,"_158":140,"_159":968,"_161":162,"_107":969,"_101":32,"_164":184,"_166":970,"_167":22,"_168":-5,"_169":1484,"_99":1485},[],[269,410,488,966],[269,410,488],{"_105":975,"_96":976,"_155":977,"_157":411,"_158":140,"_159":978,"_161":162,"_107":979,"_101":32,"_164":184,"_166":980,"_167":22,"_168":-5,"_169":1488,"_99":1489},[],[269,410,976],{"_105":984,"_96":985,"_155":986,"_157":411,"_158":140,"_159":987,"_161":162,"_107":988,"_101":32,"_164":211,"_166":989,"_167":22,"_168":-5,"_169":1491,"_99":1492},[],[269,410,985],{"_105":993,"_96":994,"_155":995,"_157":411,"_158":140,"_159":996,"_161":162,"_107":997,"_101":32,"_164":184,"_166":998,"_167":22,"_168":-5,"_169":1494,"_99":1495},[],[269,410,994],{"_105":1002,"_96":1003,"_155":1004,"_157":411,"_158":140,"_159":1005,"_161":162,"_107":1006,"_101":32,"_164":184,"_166":1007,"_167":22,"_168":-5,"_169":1497,"_99":1498},[],[269,410,1003],{"_105":1011,"_96":1012,"_155":1013,"_157":411,"_158":140,"_159":1014,"_161":162,"_107":1015,"_101":32,"_164":184,"_166":1016,"_167":22,"_168":-5,"_169":1500,"_99":1501},[],[269,410,1012],{"_105":1020,"_96":1021,"_155":1022,"_157":411,"_158":140,"_159":1023,"_161":162,"_107":1024,"_101":32,"_164":184,"_166":1025,"_167":22,"_168":-5,"_169":1503,"_99":1504},[],[269,410,1021],{"_105":1029,"_96":1030,"_155":1031,"_157":411,"_158":140,"_159":1032,"_161":162,"_107":1033,"_101":32,"_164":184,"_166":1034,"_167":22,"_168":-5,"_169":1506,"_99":1507},[],[269,410,1030],{"_105":1038,"_96":1039,"_155":1040,"_157":411,"_158":140,"_159":1041,"_161":162,"_107":1042,"_101":32,"_164":211,"_166":1043,"_167":22,"_168":-5,"_169":1509,"_99":1510},[],[269,410,1039],{"_105":1047,"_96":1048,"_155":1049,"_157":411,"_158":140,"_159":1050,"_161":162,"_107":1051,"_101":32,"_164":211,"_166":1052,"_167":22,"_168":-5,"_169":1512,"_99":1513},[],[269,410,1048],[269,410],{"_105":1057,"_96":1058,"_155":1059,"_157":270,"_158":140,"_159":1060,"_161":162,"_107":1061,"_101":32,"_164":211,"_166":1062,"_167":22,"_168":-5,"_169":1516,"_99":1517},[],[269,1058],[269],{"_105":1067,"_96":112,"_155":1068,"_157":-5,"_158":140,"_159":1069,"_161":162,"_107":1070,"_101":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":1520,"_99":1521},[],[112],{"_105":1074,"_96":251,"_155":1075,"_157":-5,"_158":140,"_159":1076,"_161":162,"_107":1077,"_101":32,"_164":184,"_166":1078,"_167":22,"_168":-5,"_169":1523,"_99":1524},[],[251],{"_105":1082,"_96":1083,"_155":1084,"_157":-5,"_158":140,"_159":1085,"_161":22,"_107":1086,"_101":32,"_164":211,"_166":1087,"_167":22,"_168":-5,"_169":1526,"_99":1527},[],[1083],[1210,1212,1214,1217,1220,1223,1226,1229,1233,1237,1239,1243,1246,1248,1250,1253,1256,1259,1262,1265,1268,1271,1274,1277,1280,1283,1286,1289,1293,1295,1297,1300,1303,1306,1309,1312,1315,1319,1321,1323,1327,1329,1332,1335,1338,1341,1344,1347,1350,1353,1356,1359,1362,1365,1368,1371,1374,1377,1380,1383,1386,1389,1392,1395,1398,1401,1404,1407,1410,1413,1416,1420,1422,1425,1428,1431,1435,1437,1441,1443,1447,1449,1453,1455,1458,1461,1464,1467,1470,1474,1477,1480,1483,1487,1490,1493,1496,1499,1502,1505,1508,1511,1515,1519,1522,1525],{"_105":511,"_158":140,"_155":512,"_96":25,"_166":-5,"_164":165,"_101":32,"_157":489,"_107":1530,"_159":513,"_168":-5,"_99":1531},["D",1766815099062],[269,410,488,25],[1533,1535,1537,1539,1541,1543,1545,1547,1549,1551,1553,1555,1557,1559,1561,1563,1565,1567,1569,1571,1573,1575,1577,1579,1581,1583,1585,1587,1589,1591],{"_105":517,"_96":518,"_155":519,"_157":512,"_158":140,"_159":520,"_161":162,"_107":1104,"_101":32,"_164":184,"_166":522,"_167":22,"_168":-5,"_99":1534},[269,410,488,25,518],{"_105":526,"_96":527,"_155":528,"_157":512,"_158":140,"_159":529,"_161":162,"_107":1107,"_101":32,"_164":184,"_166":531,"_167":22,"_168":-5,"_99":1536},[269,410,488,25,527],{"_105":535,"_96":536,"_155":537,"_157":512,"_158":140,"_159":538,"_161":162,"_107":1110,"_101":32,"_164":184,"_166":540,"_167":22,"_168":-5,"_99":1538},[269,410,488,25,536],{"_105":544,"_96":545,"_155":546,"_157":512,"_158":140,"_159":547,"_161":162,"_107":1113,"_101":32,"_164":184,"_166":549,"_167":22,"_168":-5,"_99":1540},[269,410,488,25,545],{"_105":553,"_96":554,"_155":555,"_157":512,"_158":140,"_159":556,"_161":162,"_107":1116,"_101":32,"_164":184,"_166":558,"_167":22,"_168":-5,"_99":1542},[269,410,488,25,554],{"_105":562,"_96":563,"_155":564,"_157":512,"_158":140,"_159":565,"_161":162,"_107":1119,"_101":32,"_164":184,"_166":567,"_167":22,"_168":-5,"_99":1544},[269,410,488,25,563],{"_105":571,"_96":572,"_155":573,"_157":512,"_158":140,"_159":574,"_161":162,"_107":1122,"_101":32,"_164":184,"_166":576,"_167":22,"_168":-5,"_99":1546},[269,410,488,25,572],{"_105":580,"_96":581,"_155":582,"_157":512,"_158":140,"_159":583,"_161":162,"_107":1125,"_101":32,"_164":184,"_166":585,"_167":22,"_168":-5,"_99":1548},[269,410,488,25,581],{"_105":589,"_96":590,"_155":591,"_157":512,"_158":140,"_159":592,"_161":162,"_107":1128,"_101":32,"_164":184,"_166":594,"_167":22,"_168":-5,"_99":1550},[269,410,488,25,590],{"_105":598,"_96":599,"_155":600,"_157":512,"_158":140,"_159":601,"_161":162,"_107":1131,"_101":32,"_164":184,"_166":603,"_167":22,"_168":-5,"_99":1552},[269,410,488,25,599],{"_105":607,"_96":608,"_155":609,"_157":512,"_158":140,"_159":610,"_161":162,"_107":1134,"_101":32,"_164":184,"_166":612,"_167":22,"_168":-5,"_99":1554},[269,410,488,25,608],{"_105":616,"_96":617,"_155":618,"_157":512,"_158":140,"_159":619,"_161":162,"_107":1137,"_101":32,"_164":184,"_166":621,"_167":22,"_168":-5,"_99":1556},[269,410,488,25,617],{"_105":625,"_96":626,"_155":627,"_157":512,"_158":140,"_159":628,"_161":162,"_107":1140,"_101":32,"_164":184,"_166":630,"_167":22,"_168":-5,"_99":1558},[269,410,488,25,626],{"_105":634,"_96":635,"_155":636,"_157":512,"_158":140,"_159":637,"_161":162,"_107":1143,"_101":32,"_164":184,"_166":639,"_167":22,"_168":-5,"_99":1560},[269,410,488,25,635],{"_105":643,"_96":644,"_155":645,"_157":512,"_158":140,"_159":646,"_161":162,"_107":1146,"_101":32,"_164":184,"_166":648,"_167":22,"_168":-5,"_99":1562},[269,410,488,25,644],{"_105":652,"_96":653,"_155":654,"_157":512,"_158":140,"_159":655,"_161":162,"_107":1149,"_101":32,"_164":184,"_166":657,"_167":22,"_168":-5,"_99":1564},[269,410,488,25,653],{"_105":661,"_96":662,"_155":663,"_157":512,"_158":140,"_159":664,"_161":162,"_107":1152,"_101":32,"_164":184,"_166":666,"_167":22,"_168":-5,"_99":1566},[269,410,488,25,662],{"_105":670,"_96":671,"_155":672,"_157":512,"_158":140,"_159":673,"_161":162,"_107":1155,"_101":32,"_164":184,"_166":675,"_167":22,"_168":-5,"_99":1568},[269,410,488,25,671],{"_105":679,"_96":680,"_155":681,"_157":512,"_158":140,"_159":682,"_161":162,"_107":1158,"_101":32,"_164":184,"_166":684,"_167":22,"_168":-5,"_99":1570},[269,410,488,25,680],{"_105":688,"_96":689,"_155":690,"_157":512,"_158":140,"_159":691,"_161":162,"_107":1161,"_101":32,"_164":184,"_166":693,"_167":22,"_168":-5,"_99":1572},[269,410,488,25,689],{"_105":697,"_96":698,"_155":699,"_157":512,"_158":140,"_159":700,"_161":162,"_107":1164,"_101":32,"_164":184,"_166":702,"_167":22,"_168":-5,"_99":1574},[269,410,488,25,698],{"_105":706,"_96":707,"_155":708,"_157":512,"_158":140,"_159":709,"_161":162,"_107":1167,"_101":32,"_164":184,"_166":711,"_167":22,"_168":-5,"_99":1576},[269,410,488,25,707],{"_105":715,"_96":716,"_155":717,"_157":512,"_158":140,"_159":718,"_161":162,"_107":1170,"_101":32,"_164":184,"_166":720,"_167":22,"_168":-5,"_99":1578},[269,410,488,25,716],{"_105":724,"_96":725,"_155":726,"_157":512,"_158":140,"_159":727,"_161":162,"_107":1173,"_101":32,"_164":184,"_166":729,"_167":22,"_168":-5,"_99":1580},[269,410,488,25,725],{"_105":733,"_96":734,"_155":735,"_157":512,"_158":140,"_159":736,"_161":162,"_107":1176,"_101":32,"_164":184,"_166":738,"_167":22,"_168":-5,"_99":1582},[269,410,488,25,734],{"_105":742,"_96":743,"_155":744,"_157":512,"_158":140,"_159":745,"_161":162,"_107":1179,"_101":32,"_164":184,"_166":747,"_167":22,"_168":-5,"_99":1584},[269,410,488,25,743],{"_105":751,"_96":752,"_155":753,"_157":512,"_158":140,"_159":754,"_161":162,"_107":1182,"_101":32,"_164":184,"_166":756,"_167":22,"_168":-5,"_99":1586},[269,410,488,25,752],{"_105":760,"_96":761,"_155":762,"_157":512,"_158":140,"_159":763,"_161":162,"_107":1185,"_101":32,"_164":184,"_166":765,"_167":22,"_168":-5,"_99":1588},[269,410,488,25,761],{"_105":769,"_96":770,"_155":771,"_157":512,"_158":140,"_159":772,"_161":162,"_107":1188,"_101":32,"_164":211,"_166":774,"_167":22,"_168":-5,"_99":1590},[269,410,488,25,770],{"_105":778,"_96":779,"_155":780,"_157":512,"_158":140,"_159":781,"_161":162,"_107":1191,"_101":32,"_164":211,"_166":783,"_167":22,"_168":-5,"_99":1592},[269,410,488,25,779],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]
yawnxyz

chat
