[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_1414":1415,"_1416":1417},"routes/_app.x.$handle.$name",{"_96":95,"_31":43,"_104":86,"_26":51,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":24,"_118":119,"_120":121,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":-5,"_55":24,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":63,"_64":65,"_66":67,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":24},"version",144,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":20,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/styles/compiled-4.css","latestPath","fileId","3baa8850-ef19-11f0-b4c0-42dde27851f2","name","compiled-4.css","fileType","content",".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:.5rem;padding:.375rem .75rem;font-size:.875rem;color:#64748b;background:rgba(0,0,0,0);border:none;border-radius:.5rem;cursor:pointer;transition:all .15s ease;max-width:280px;min-width:0;flex:1 1 auto;overflow:hidden}@media(max-width: 640px){.model-picker-button{max-width:none;padding:.375rem .5rem;gap:.375rem;font-size:.8125rem}}.model-picker-button:hover{background:#f1f5f9;color:#334155}.model-picker-button .iconify{flex-shrink:0}.model-picker-button span.truncate{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.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}@media(max-width: 640px){.model-picker-dropdown{left:0;right:auto;width:100%;min-width:280px;max-width:420px}}.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{padding:.25rem;display:flex;flex-direction:column;gap:0;max-height:400px;overflow-y:auto;overflow-x:hidden}.model-picker-item{display:flex;align-items:center;padding:.5rem .625rem;border-radius:.5rem;cursor:pointer;transition:background .15s ease;flex:1 1 100%;min-width:0}.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}.main-view-nav{display:flex;align-items:center;flex-shrink:0;width:100%;min-height:2.75rem;padding:.375rem .75rem;border-bottom:1px solid var(--color-border, #e2e8f0)}.main-view-group{display:inline-flex;flex-direction:row;background-color:var(--color-bg-muted, #f4f4f5);padding:.25rem;border-radius:var(--radius-lg, 0.5rem);gap:.25rem}.main-view-tab{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;line-height:1.25rem;color:var(--color-text-secondary, #71717a);background-color:rgba(0,0,0,0);border:none;border-radius:var(--radius-md, 0.375rem);cursor:pointer;transition:all .15s ease-in-out;white-space:nowrap}.main-view-tab .iconify{width:.875rem;height:.875rem;flex-shrink:0}.main-view-tab:hover:not(.active){color:var(--color-text-primary, #18181b);background-color:rgba(0,0,0,.03)}.main-view-tab.active{color:var(--color-text-primary, #09090b);background-color:var(--color-bg-primary, #ffffff);box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05));font-weight:500}.chat-sidebar-view{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.chat-sidebar{flex-shrink:0;width:160px;height:100%;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;display:flex;flex-direction:column}.chat-sidebar-collapsed{width:0;margin-left:-1px}.chat-sidebar-inner{display:flex;flex-direction:column;width:160px;flex:1;min-height:0;overflow:hidden}.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:9rem;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}.touch-drag-ghost{position:fixed;pointer-events:none;z-index:9999;opacity:.9;transform:scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,.15);background:var(--color-bg-primary, #fff);border-radius:.25rem;border:1px solid var(--color-primary, #3b82f6)}.touch-drag-ghost .chat-folder-actions-hover,.touch-drag-ghost .chat-context-menu{display:none !important}.touch-dragging{-moz-user-select:none;user-select:none;-webkit-user-select:none}.touch-dragging *{-moz-user-select:none;user-select:none;-webkit-user-select: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:100%;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%;overflow:hidden}.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;overflow-x:hidden;padding:.75rem;min-height:0}.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-right-sidebar-content textarea.form-input{overflow:auto;resize:vertical}.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;background-color:var(--color-bg-primary, #ffffff)}.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}.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-layout{overflow-x:auto;-webkit-overflow-scrolling:touch}.surface{overflow-x:auto;-webkit-overflow-scrolling:touch}.models-table-container,.expandable-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.models-table-container::-webkit-scrollbar,.expandable-table-container::-webkit-scrollbar{height:6px}.models-table-container::-webkit-scrollbar-track,.expandable-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.models-table-container::-webkit-scrollbar-thumb,.expandable-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.models-table-container::-webkit-scrollbar-thumb:hover,.expandable-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.models-table-body{min-width:600px}.expandable-table-header{min-width:600px}.expandable-row-content{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width: 640px){details .expandable-row-content>div>div:has(label>input[type=checkbox].form-checkbox){display:grid !important;grid-template-columns:repeat(2, 1fr) !important;gap:.75rem !important}details .expandable-row-content>div>div:has(label>input[type=checkbox].form-checkbox) label{margin:0 !important}}@media(min-width: 641px)and (max-width: 768px){details .expandable-row-content>div>div:has(label>input[type=checkbox].form-checkbox){display:grid !important;grid-template-columns:repeat(3, 1fr) !important;gap:.75rem !important}details .expandable-row-content>div>div:has(label>input[type=checkbox].form-checkbox) label{margin:0 !important}}.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}.settings-content-inner{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;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}.template-editor-container{flex:1;display:flex;flex-direction:column;overflow-y:auto;background-color:#fff;background:#fff}.template-editor{flex:1;padding:1.5rem;min-height:0}.template-editor-content{max-width:48rem;margin:0 auto}.template-editor-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border, #e2e8f0)}.template-editor-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.template-editor-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary, #0f172a);margin:0}.template-editor-subtitle{font-size:.875rem;color:var(--color-text-secondary, #64748b);margin:0}.template-editor-section{margin-bottom:1.25rem}.template-editor-section-title{font-size:.9375rem;font-weight:600;color:var(--color-text-primary, #0f172a);margin:0 0 .75rem 0;padding-bottom:.5rem;border-bottom:1px solid var(--color-border, #e2e8f0)}.template-param-row{margin-bottom:1rem}.template-param-row:last-child{margin-bottom:0}.template-param-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem;font-size:.8125rem;color:var(--color-text-primary, #0f172a)}.template-param-value{font-weight:600;font-family:var(--font-mono, \"Menlo\", monospace);color:var(--color-primary, #3b82f6)}.template-param-hints{display:flex;justify-content:space-between;margin-top:.25rem;font-size:.6875rem;color:var(--color-text-secondary, #94a3b8)}.template-features-grid{display:flex;flex-wrap:wrap;gap:.75rem}.template-feature-toggle{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background-color:var(--color-bg-muted, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:.375rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;font-size:.8125rem}.template-feature-toggle:hover{background-color:var(--color-bg-secondary, #f1f5f9)}.template-feature-toggle .form-checkbox{margin:0}.template-feature-toggle .iconify{color:var(--color-text-secondary, #64748b)}.template-editor-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border, #e2e8f0)}.template-model-picker{position:relative}.template-model-picker-trigger{display:flex;align-items:center;gap:.625rem;width:100%;padding:.75rem 1rem;background-color:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:.5rem;cursor:pointer;text-align:left;transition:border-color .15s ease,box-shadow .15s ease}.template-model-picker-trigger:hover{border-color:var(--color-border-hover, #cbd5e1)}.template-model-picker-trigger.active{border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 2px rgba(59,130,246,.2)}.template-model-picker-logo{width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:.25rem;-o-object-fit:contain;object-fit:contain;color:var(--color-text-secondary, #64748b)}.template-model-picker-text{flex:1;min-width:0;font-size:.875rem;font-weight:500;color:var(--color-text-primary, #0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-model-picker-chevron{flex-shrink:0;color:var(--color-text-secondary, #94a3b8);transition:transform .15s ease}.active .template-model-picker-chevron{transform:rotate(180deg)}.template-model-picker-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:.375rem;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);overflow:hidden}.template-model-picker-search{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-bottom:1px solid var(--color-border, #e2e8f0)}.template-model-picker-search .iconify{color:var(--color-text-secondary, #94a3b8);font-size:1.125rem;flex-shrink:0}.template-model-picker-search-input{flex:1;border:none;background:rgba(0,0,0,0);font-size:.875rem;color:var(--color-text-primary, #0f172a);outline:none}.template-model-picker-search-input::-moz-placeholder{color:var(--color-text-secondary, #94a3b8)}.template-model-picker-search-input::placeholder{color:var(--color-text-secondary, #94a3b8)}.template-model-picker-list{max-height:20rem;overflow-y:auto;padding:.375rem}.template-model-picker-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:rgba(0,0,0,0);border:none;border-radius:.375rem;cursor:pointer;text-align:left;transition:background-color .1s ease}.template-model-picker-item:hover{background-color:var(--color-bg-muted, #f8fafc)}.template-model-picker-item.selected{background-color:var(--color-primary-soft, #eff6ff)}.template-model-picker-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.template-model-picker-item-name{font-size:.875rem;font-weight:500;color:var(--color-text-primary, #0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-model-picker-item-desc{font-size:.75rem;color:var(--color-text-secondary, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-model-picker-check{flex-shrink:0;color:var(--color-primary, #3b82f6);font-size:1rem}body.dark{background-color:var(--color-bg-primary, #0f172a);color:var(--color-text-primary, #f1f5f9)}.dark .theme-scope,.theme-scope.dark{background-color:var(--color-bg-primary, #0f172a) !important}.dark .app-main-content,.dark .app-main-content.theme-scope{background-color:var(--color-bg-primary, #0f172a);background:var(--color-bg-primary, #0f172a)}.dark .chat-layout{background-color:var(--color-bg-primary, #0f172a);background:var(--color-bg-primary, #0f172a)}.dark .chat-main{background-color:var(--color-bg-primary, #0f172a);background:var(--color-bg-primary, #0f172a)}.dark .chat-container{background-color:var(--color-bg-primary, #0f172a);background:var(--color-bg-primary, #0f172a)}.dark .chat-inset-header{background-color:var(--color-bg-primary, #0f172a);background:var(--color-bg-primary, #0f172a);border-bottom-color:var(--color-border, #334155)}.dark .chat-sidebar{background-color:var(--color-bg-secondary, #1e293b);border-right-color:var(--color-border, #334155)}.dark .chat-sidebar-header{background-color:var(--color-bg-primary, #0f172a);border-bottom-color:var(--color-border, #334155);border-right-color:var(--color-border, #334155)}.dark .chat-sidebar-footer{border-top-color:var(--color-border, #334155)}.dark .chat-folder-contents{border-left-color:var(--color-border, #334155)}.dark .chat-context-menu{background-color:var(--color-bg-secondary, #1e293b);border-color:var(--color-border, #334155);box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2)}.dark .chat-empty-btn{background-color:var(--color-bg-secondary, #1e293b);border-color:var(--color-border, #334155);color:var(--color-text-primary, #f1f5f9)}.dark .chat-sidebar-close-btn{background-color:var(--color-bg-primary, #0f172a);border-color:var(--color-border, #334155)}.dark .chat-right-sidebar{background-color:var(--color-bg-secondary, #1e293b);border-left-color:var(--color-border, #334155)}.dark .chat-right-sidebar-header{background-color:var(--color-bg-primary, #0f172a);border-bottom-color:var(--color-border, #334155)}.dark .chat-right-sidebar-footer{border-top-color:var(--color-border, #334155)}.dark .settings-view{background-color:var(--color-bg-secondary, #1e293b)}.dark .settings-sidebar{background-color:var(--color-bg-primary, #0f172a);border-right-color:var(--color-border, #334155)}.dark .settings-mobile-tabs{background-color:var(--color-bg-primary, #0f172a);border-bottom-color:var(--color-border, #334155)}.dark .settings-mobile-tab{background-color:var(--color-bg-secondary, #1e293b);border-color:var(--color-border, #334155);color:var(--color-text-secondary, #94a3b8)}.dark .settings-mobile-tab:hover{background-color:var(--color-bg-muted, #334155);border-color:var(--color-border, #475569)}.dark .settings-mobile-tab.active{background-color:var(--color-primary-light, rgba(59, 130, 246, 0.15));border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6)}.dark .models-table-container{background-color:var(--color-bg-muted, #334155);border-color:var(--color-border, #334155)}.dark .models-table-body{background-color:var(--color-bg-secondary, #1e293b);border-color:var(--color-border, #334155)}.dark .message-me{background-color:var(--color-bg-muted, #334155);color:var(--color-text-primary, #f1f5f9)}.dark .message-editing.message-me{background-color:rgba(51,65,85,.5);outline:2px dashed var(--color-primary, #3b82f6);outline-offset:2px}.dark .message-attachment{background-color:hsla(0,0%,100%,.05)}.dark .action-icon-btn{color:var(--color-text-muted, #94a3b8)}.dark .action-icon-btn:hover{background-color:var(--color-bg-muted, #334155);color:var(--color-text-primary, #f1f5f9)}.dark .action-icon-btn.active{background-color:var(--color-bg-secondary, #1e293b);color:var(--color-text-primary, #f1f5f9)}.dark .action-icon-btn.action-icon-btn-stop{color:#f87171}.dark .action-icon-btn.action-icon-btn-stop:hover{background-color:rgba(239,68,68,.15);color:#fca5a5}.dark .message-thinking{border-left-color:var(--color-border, #475569);color:var(--color-text-muted, #94a3b8)}.dark .message-thinking .message-thinking-header{color:var(--color-text-secondary, #cbd5e1)}.dark .message-thinking p,.dark .message-thinking li,.dark .message-thinking code,.dark .message-thinking pre{color:var(--color-text-muted, #94a3b8)}.dark .message-thinking pre{background-color:var(--color-bg-muted, #334155);border-color:var(--color-border, #475569)}.dark .message-content pre{background-color:var(--color-bg-muted, #334155);border-color:var(--color-border, #475569);color:var(--color-text-primary, #f1f5f9)}.dark .message-content pre code{color:var(--color-text-primary, #f1f5f9)}.dark .message-content code{background-color:var(--color-bg-muted, #334155);color:#f472b6}.dark .message-content table th,.dark .message-content table td{border-color:var(--color-border, #475569)}.dark .message-content table th{background-color:var(--color-bg-muted, #334155)}.dark .message-content table td{background-color:var(--color-bg-secondary, #1e293b)}.dark .error-callout{background-color:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3)}.dark .error-callout .error-title{color:#fca5a5}.dark .error-callout .error-message{color:#fca5a5}.dark .chat-input-container{background-color:var(--color-bg-secondary, #1e293b);border-color:var(--color-border, #334155)}.dark .chat-input{color:var(--color-text-primary, #f1f5f9)}.dark .chat-input::-moz-placeholder{color:var(--color-text-muted, #94a3b8)}.dark .chat-input::placeholder{color:var(--color-text-muted, #94a3b8)}.dark .attachment-menu{background-color:var(--color-bg-secondary, #1e293b);border-color:var(--color-border, #334155);box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2)}.dark .attachment-option{color:var(--color-text-primary, #f1f5f9)}.dark .attachment-option:hover{background-color:var(--color-bg-muted, #334155)}.dark .footer-text{color:var(--color-text-muted, #94a3b8)}.dark .monaco-copy-btn{background-color:var(--color-bg-secondary, #1e293b);border-color:var(--color-border, #475569);color:var(--color-text-primary, #f1f5f9)}.dark .main-view-nav{border-bottom-color:var(--color-border, #334155)}.dark .main-view-group{background-color:var(--color-bg-muted, #334155)}.dark .main-view-tab{color:var(--color-text-muted, #94a3b8)}.dark .main-view-tab:hover:not(.active){color:var(--color-text-primary, #f1f5f9);background-color:hsla(0,0%,100%,.05)}.dark .main-view-tab.active{color:var(--color-text-primary, #f1f5f9);background-color:var(--color-bg-secondary, #1e293b);box-shadow:0 1px 3px rgba(0,0,0,.3)}.dark .btn-gray-secondary{background-color:var(--color-bg-secondary, #1e293b);border-color:var(--color-border, #334155);color:var(--color-text-primary, #f1f5f9)}.dark .btn-gray-secondary:hover{background-color:var(--color-bg-muted, #334155);border-color:var(--color-border, #475569)}.dark .btn-danger-soft{background-color:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:#fca5a5}.dark .btn-danger-soft:hover{background-color:rgba(239,68,68,.25);border-color:rgba(239,68,68,.4)}.dark .chat-welcome h2{color:var(--color-text-primary, #f1f5f9)}.dark .chat-welcome p{color:var(--color-text-muted, #94a3b8)}.dark .model-picker-button{color:var(--color-text-muted, #94a3b8)}.dark .model-picker-button:hover{background-color:var(--color-bg-muted, #334155);color:var(--color-text-primary, #f1f5f9)}.dark .model-picker-dropdown{background-color:var(--color-bg-secondary, #1e293b);border-color:var(--color-border, #334155);box-shadow:0 10px 25px -5px rgba(0,0,0,.4),0 8px 10px -6px rgba(0,0,0,.3)}.dark .model-picker-search{border-bottom-color:var(--color-border, #334155)}.dark .model-picker-search-input{color:var(--color-text-primary, #f1f5f9)}.dark .model-picker-search-input::-moz-placeholder{color:var(--color-text-muted, #64748b)}.dark .model-picker-search-input::placeholder{color:var(--color-text-muted, #64748b)}.dark .model-picker-list{background-color:var(--color-bg-secondary, #1e293b)}.dark .model-picker-item{color:var(--color-text-primary, #f1f5f9)}.dark .model-picker-item:hover{background-color:var(--color-bg-muted, #334155)}.dark .model-picker-item .text-muted-foreground,.dark .model-picker-item .text-gray-500,.dark .model-picker-item .text-slate-500{color:var(--color-text-muted, #94a3b8)}.dark .model-picker-item-selected{background-color:var(--color-bg-muted, #334155)}.dark .model-picker-item-preview{background-color:var(--color-bg-muted, #334155)}.dark .model-picker-preview-badge{background-color:var(--color-bg-muted, #334155);border-color:var(--color-border, #475569);color:var(--color-text-muted, #94a3b8)}.active-model-display{background-color:var(--color-bg-primary, #ffffff);border-color:var(--color-border, #e2e8f0)}.dark .active-model-display{background-color:var(--color-bg-secondary, #1e293b);border-color:var(--color-border, #334155)}.model-id-display{background-color:#f9fafb;border-color:#e5e7eb;color:#374151}.dark .model-id-display{background-color:var(--color-bg-muted, #334155);border-color:var(--color-border, #475569);color:var(--color-text-primary, #f1f5f9)}.dark .expandable-row summary::before,.dark .theme-scope summary::before,.dark details summary::before{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3e%3cpath d='M8 5v14l11-7z'/%3e%3c/svg%3e\")}.dark .expandable-row{background-color:var(--color-bg-primary, #0f172a)}.dark .expandable-row summary:hover{background-color:var(--color-bg-muted, #334155)}.dark .expandable-row[open] summary{background-color:var(--color-bg-muted, #334155);border-bottom-color:var(--color-border, #334155)}.dark .expandable-row-content{background-color:var(--color-bg-secondary, #1e293b)}.add-model-row{background-color:#eff6ff;border-color:#bfdbfe}.dark .add-model-row{background-color:rgba(59,130,246,.15);border-color:rgba(59,130,246,.3)}.dark .add-model-row .form-input{background-color:var(--color-bg-secondary, #1e293b);border-color:var(--color-border, #475569);color:var(--color-text-primary, #f1f5f9)}.dark .add-model-row .form-input::-moz-placeholder{color:var(--color-text-muted, #94a3b8)}.dark .add-model-row .form-input::placeholder{color:var(--color-text-muted, #94a3b8)}.dark .template-editor-container{background-color:var(--color-bg-primary, #0f172a);background:var(--color-bg-primary, #0f172a)}.dark .template-editor-header{border-bottom-color:var(--color-border, #334155)}.dark .template-editor-section-title{border-bottom-color:var(--color-border, #334155)}.dark .template-editor-actions{border-top-color:var(--color-border, #334155)}.dark .template-feature-toggle{background-color:var(--color-bg-secondary, #1e293b);border-color:var(--color-border, #334155)}.dark .template-feature-toggle:hover{background-color:var(--color-bg-muted, #334155)}.dark .template-model-picker-trigger{background-color:var(--color-bg-secondary, #1e293b);border-color:var(--color-border, #334155)}.dark .template-model-picker-trigger:hover{border-color:var(--color-border, #475569)}.dark .template-model-picker-dropdown{background-color:var(--color-bg-secondary, #1e293b);border-color:var(--color-border, #334155);box-shadow:0 10px 25px -5px rgba(0,0,0,.4),0 8px 10px -6px rgba(0,0,0,.3)}.dark .template-model-picker-search{border-bottom-color:var(--color-border, #334155)}.dark .template-model-picker-search-input{color:var(--color-text-primary, #f1f5f9)}.dark .template-model-picker-search-input::-moz-placeholder{color:var(--color-text-muted, #94a3b8)}.dark .template-model-picker-search-input::placeholder{color:var(--color-text-muted, #94a3b8)}.dark .template-model-picker-item:hover{background-color:var(--color-bg-muted, #334155)}.dark .template-model-picker-item.selected{background-color:rgba(59,130,246,.2)}.dark .chat-welcome-icon{background-color:rgba(249,115,22,.15);color:#fb923c}.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);background-color:var(--color-bg-primary, #ffffff)}.dark .theme-scope{background-color:var(--color-bg-primary, #0f172a)}.text-size-small .message{font-size:.9rem !important}.text-size-small .chat-input{font-size:.9rem !important}.text-size-small .message-content pre,.text-size-small .message-content code{font-size:.84375rem !important}.text-size-small .message-thinking{font-size:.84375rem !important}.text-size-large .message{font-size:1.1rem !important}.text-size-large .chat-input{font-size:1.1rem !important}.text-size-large .message-content pre,.text-size-large .message-content code{font-size:1.03125rem !important}.text-size-large .message-thinking{font-size:1.03125rem !important}","createdAt",["D",1768155210226],"branchVersion","branchId","eb028344-e2e8-11f0-bb4a-42dde27851f2","id","eb0227b4-e2e8-11f0-bb4a-42dde27851f2","chat",["D",1766815045152],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","a8270e74-6479-475a-8025-9b69544ee0e7","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","8319defa-6e1a-46d4-ba66-2114ffd3360b","tursoName","eb0227b4e2e811f0bb4a42dde27851f2","tursoHostname","eb0227b4e2e811f0bb4a42dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789530642963],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":53,"_100":101,"_102":24},"branch",{"_13":85,"_31":86,"_41":40,"_87":42,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":43,"_94":95},"isOwned",206,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","yawnxyz","handle","displayName","avatar","https://images.clerk.dev/oauth_github/img_2NnaHhpxNuH1xWRIRjQNoo16TVc.jpeg","tier","pro","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_41":42,"_31":43,"_36":1409,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":-5,"_55":24,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":63,"_64":65,"_66":1410,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":1411,"_80":1412,"_82":1413,"_84":24},"tree",[238,261,263,264,369,371,372,373,374,375,376,377,378],"files",[238,239,240,241,242,243,244,245,246,247,248,249,250,251,252,253,254,255,256,257,258,259,260,261,262,263,264,265,266,267,268,269,270,271,272,273,274,275,276,277,278,279,280,281,282,283,284,285,286,287,288,289,290,291,292,293,294,295,296,297,298,299,300,301,302,303,304,305,306,307,308,309,310,311,312,313,314,315,316,317,318,319,320,321,322,323,324,325,326,327,328,329,330,331,332,333,334,335,336,337,338,339,340,341,342,343,344,345,346,347,348,349,350,351,352,353,354,355,356,357,358,359,360,361,362,363,364,365,366,367,368,369,370,371,372,373,374,375,376,377,378],"counts",{"_228":59,"_229":146,"_230":59,"_231":232,"_233":234},"contents",[126,127,128,129,130,131,132,133,134,135,136,137,138],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_41":222,"_31":223,"_29":224,"_142":-5,"_39":40,"_38":225,"_144":121,"_36":226,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_26":227},{"_41":217,"_31":43,"_29":218,"_142":-5,"_39":40,"_38":219,"_144":24,"_36":220,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_26":221},{"_41":211,"_31":212,"_29":213,"_142":-5,"_39":40,"_38":214,"_144":24,"_36":215,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_26":216},{"_41":206,"_31":207,"_29":208,"_142":-5,"_39":40,"_38":146,"_144":121,"_36":209,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_26":210},{"_41":200,"_31":48,"_29":201,"_142":-5,"_39":40,"_38":202,"_144":121,"_36":203,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_26":205},{"_41":193,"_31":194,"_29":195,"_142":-5,"_39":40,"_38":196,"_144":121,"_36":197,"_13":59,"_33":20,"_34":198,"_23":24,"_149":-5,"_26":199},{"_41":186,"_31":187,"_29":188,"_142":-5,"_39":40,"_38":189,"_144":121,"_36":190,"_13":59,"_33":20,"_34":191,"_23":24,"_149":-5,"_26":192},{"_41":179,"_31":180,"_29":181,"_142":-5,"_39":40,"_38":182,"_144":121,"_36":183,"_13":59,"_33":20,"_34":184,"_23":24,"_149":-5,"_26":185},{"_41":172,"_31":173,"_29":174,"_142":-5,"_39":40,"_38":175,"_144":121,"_36":176,"_13":59,"_33":20,"_34":177,"_23":24,"_149":-5,"_26":178},{"_41":165,"_31":166,"_29":167,"_142":-5,"_39":40,"_38":168,"_144":121,"_36":169,"_13":59,"_33":20,"_34":170,"_23":24,"_149":-5,"_26":171},{"_41":158,"_31":159,"_29":160,"_142":-5,"_39":40,"_38":161,"_144":121,"_36":162,"_13":59,"_33":20,"_34":163,"_23":24,"_149":-5,"_26":164},{"_41":151,"_31":152,"_29":153,"_142":-5,"_39":40,"_38":154,"_144":24,"_36":155,"_13":59,"_33":20,"_34":156,"_23":24,"_149":-5,"_26":157},{"_41":139,"_31":140,"_29":141,"_142":-5,"_39":40,"_38":143,"_144":121,"_36":145,"_13":146,"_33":147,"_34":148,"_23":24,"_149":-5,"_26":150},"9a09d0cc-e2e9-11f0-9e98-42dde27851f2","main.tsx","0b7e6782-e2e9-11f0-9dc9-42dde27851f2","parentId",128,"latest",["D",1766815338799],1,"http","// 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","label",[140],"0d8a1c2e-e2e9-11f0-a62a-42dde27851f2","deno.json","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",[152],"0e452708-e2e9-11f0-8fcb-42dde27851f2","REFACTORING-COMPLETE.md","0e4527c6-e2e9-11f0-8fcb-42dde27851f2",127,["D",1766815104273],"# Chat App Refactoring Complete\n\n## New Structure\n\n```\nchat-app/\n├── main.tsx # Entry point\n├── deno.json # Config\n├── public/ # Static assets (logos, icons)\n│\n├── backend/ # Server-side code\n│ ├── index.ts # App factory\n│ ├── config.ts # Configuration\n│ ├── utils.ts # File utilities\n│ ├── providers/ # Chat providers (Groq, etc.)\n│ │ ├── index.ts\n│ │ ├── types.ts\n│ │ └── groq.ts\n│ └── routes/ # API routes\n│ ├── static.ts # HTML, CSS, JS, assets\n│ ├── chat.ts # /api/chat endpoints\n│ ├── jobs.ts # /api/jobs endpoints\n│ ├── providers.ts # /api/providers\n│ └── system.ts # /health\n│\n└── frontend/ # Client-side code\n ├── index.html # App HTML\n ├── monaco-utils.js # Monaco editor utilities\n ├── styles/ # CSS/SCSS\n │ ├── build.ts\n │ ├── app.scss\n │ ├── components/\n │ └── design-system/\n └── app/ # Alpine.js modules\n ├── index.js # Main app component\n ├── state.js\n ├── storage.js\n ├── folders.js\n ├── chats.js\n ├── messaging.js\n ├── models.js\n ├── settings.js\n ├── editing.js\n ├── dragdrop.js\n └── jobs.js # NEW: Jobs API integration\n```\n\n## Using the Jobs API\n\n### Frontend (Alpine.js)\n\nThe jobs module is now available in the Alpine.js app as `this.jobs`:\n\n```javascript\n// Example: Create and stream a chat job\nasync createBackgroundChat() {\n const job = await this.jobs.createAndStreamChatJob(\n [{ role: \"user\", content: \"Tell me a story\" }],\n {\n model: \"llama-3.3-70b-versatile\",\n handlers: {\n onData: (data) => {\n // Handle streaming chunks\n console.log(\"Chunk:\", data.content);\n },\n onJob: (job) => {\n // Handle job status changes\n console.log(\"Job status:\", job.status);\n if (job.status === 'completed') {\n console.log(\"Final result:\", job.result);\n }\n },\n onError: (error) => {\n console.error(\"Job error:\", error);\n }\n }\n }\n );\n}\n\n// Example: List all jobs\nasync viewAllJobs() {\n const jobs = await this.jobs.listJobs();\n console.log(\"All jobs:\", jobs);\n}\n\n// Example: Cancel a running job\nasync stopJob(jobId) {\n await this.jobs.cancelJob(jobId);\n}\n```\n\n### Direct API Usage\n\n```javascript\n// Create a job\nconst response = await fetch('/api/jobs', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n type: 'chat',\n input: {\n messages: [{ role: \"user\", content: \"Hello\" }],\n model: \"llama-3.3-70b-versatile\"\n }\n })\n});\nconst { id, status } = await response.json();\n\n// Subscribe to job updates (SSE)\nconst eventSource = new EventSource(\\`/api/jobs/\\${id}/stream\\`);\neventSource.addEventListener('job', (event) => {\n const job = JSON.parse(event.data);\n console.log(\"Job update:\", job.status);\n});\neventSource.addEventListener('data', (event) => {\n const chunk = JSON.parse(event.data);\n console.log(\"Data chunk:\", chunk.content);\n});\n\n// Get job result\nconst jobResponse = await fetch(\\`/api/jobs/\\${id}\\`);\nconst job = await jobResponse.json();\nconsole.log(\"Result:\", job.result);\n```\n\n## Key Features\n\n### Jobs System\n- **Concurrent execution**: Run multiple jobs simultaneously\n- **Real-time updates**: Subscribe via SSE to watch job progress\n- **Cancellation**: Cancel running jobs at any time\n- **Status tracking**: `pending` → `running` → `completed/error/cancelled`\n\n### Hybrid Approach\n- **Immediate chat**: Use `/api/chat` for direct streaming (existing functionality)\n- **Background jobs**: Use `/api/jobs` for concurrent work you can check on later\n\n### Benefits\n- Run multiple chat completions concurrently\n- Check on job status without blocking\n- Cancel long-running jobs\n- Foundation for future agentic/MCP tasks\n\n## Testing\n\n```bash\n# Test job creation\ncurl -X POST http://localhost:8001/api/jobs \\\n -H \"Content-Type: application/json\" \\\n -d '{\"type\":\"chat\",\"input\":{\"messages\":[{\"role\":\"user\",\"content\":\"Hello\"}]}}'\n\n# Test job status\ncurl http://localhost:8001/api/jobs/JOBID\n\n# Test SSE streaming\ncurl -N http://localhost:8001/api/jobs/JOBID/stream\n```\n\n",[159],"0e1f21f2-e2e9-11f0-80a8-42dde27851f2","README.md","0e1f227e-e2e9-11f0-80a8-42dde27851f2",121,["D",1766815104062],"# Chatter - Standalone Chat Application\n\nA standalone chat application with Monaco editor support and Groq API integration. Uses the **Full Build** approach with SCSS and chunked CSS for Val Town deployment.\n\n## Setup\n\n1. **Install dependencies**: This app uses Deno with npm imports for build tools.\n\n2. **Configure Groq API**:\n - Get your API key from https://console.groq.com/\n - Create a `.env` file in this directory:\n ```\n GROQ_API_KEY=your_groq_api_key_here\n ```\n\n3. **Build styles** (first time or after changes):\n ```bash\n deno task build:styles\n ```\n\n4. **Run the server**:\n ```bash\n deno task serve\n ```\n \n This will automatically build styles before starting the server.\n \n The app will be available at `http://localhost:8001`\n\n## Project Structure\n\n```\nchat-app/\n├── styles/\n│ ├── build.ts # Build script (compiles SCSS + chunks CSS)\n│ ├── app.scss # App-specific SCSS with @apply support\n│ ├── tailwind.config.js # Tailwind configuration\n│ ├── postcss.config.js # PostCSS configuration\n│ ├── design-system/ # Copied design system (gitignored)\n│ └── chat-app-*.css # Generated CSS chunks\n├── src/\n│ └── monaco-utils.js # Monaco editor utilities\n├── index.html # Main HTML file\n├── main.tsx # Hono server with Groq endpoint\n└── README.md # This file\n```\n\n## Build Process\n\nThe build script (`styles/build.ts`) does the following:\n\n1. **Copies design system** from `../../../styles` → `styles/design-system/`\n2. **Compiles design system** from `theme.scss` (compressed)\n3. **Compiles app styles** from `app.scss` with PostCSS/Tailwind for `@apply` support\n4. **Combines** both into a single CSS file\n5. **Chunks** if total size > 60KB (for Val Town deployment)\n\n## API Endpoints\n\n- `GET /` - Main chat interface\n- `POST /api/chat` - Chat completion endpoint (uses Groq API)\n- `GET /styles.css` - Combined CSS (stitches chunks together)\n- `GET /src/monaco-utils.js` - Monaco editor utilities\n- `GET /health` - Health check\n\n## Features\n\n- Real-time chat with Groq API\n- Monaco editor for code blocks\n- Markdown rendering\n- Responsive design\n- Full design system integration\n- SCSS with `@apply` directives\n- Chunked CSS for Val Town deployment\n\n## Styling Approach\n\nThis app uses **Approach 1: Full Build** from the styling workflow:\n\n- ✅ Complete design system copied and compiled\n- ✅ SCSS files with `@apply` support\n- ✅ PostCSS + Tailwind processing\n- ✅ Chunked CSS output (< 60KB per chunk)\n- ✅ Server-side CSS stitching\n\n## Development\n\nTo rebuild styles after making changes to `styles/app.scss`:\n\n```bash\ndeno task build:styles\n```\n\nOr just run `deno task serve` which will build automatically.\n\n## Deployment\n\nThe chunked CSS files (`chat-app-1.css`, `chat-app-2.css`, etc.) should be committed to your repo. The server automatically stitches them together when serving `/styles.css`.\n",[166],"0e36b164-e2e9-11f0-98a3-42dde27851f2","API-KEY-FEATURE.md","0e36b1fa-e2e9-11f0-98a3-42dde27851f2",125,["D",1766815104215],"# API Key Management Feature\n\n## Overview\nAdded user-specific API key management to the chat application, allowing multiple users to use their own API keys instead of relying on a single `.env` file.\n\n## Implementation Details\n\n### Frontend Changes\n\n#### 1. State Management (`frontend/app/state.js`)\n- Added `apiKeys` object to store API keys per provider:\n ```javascript\n apiKeys: {\n groq: '',\n openai: '', // Future support\n anthropic: '' // Future support\n }\n ```\n\n#### 2. Storage (`frontend/app/storage.js`)\n- Added separate localStorage key `chatapp-api-keys` for API key storage\n- Implemented API key management methods:\n - `loadApiKeys()` - Load API keys from localStorage on init\n - `saveApiKeys()` - Persist API keys to localStorage\n - `updateApiKey(provider, key)` - Update specific provider's API key\n - `getApiKey(provider)` - Retrieve API key for a provider\n - `clearApiKeys()` - Clear all API keys\n\n#### 3. UI (`frontend/index.html`)\n- Added \"API Keys\" section in the right sidebar settings panel\n- Groq API Key input field with:\n - Password-type input for security\n - Toggle visibility button (eye icon)\n - Monospace font for better readability\n - Link to Groq console for obtaining API keys\n- Placeholder for OpenAI API key (coming soon)\n\n#### 4. Messaging (`frontend/app/messaging.js`)\n- Updated `sendChatRequest()` to:\n - Extract provider from model ID (e.g., `groq/compound` → `groq`)\n - Retrieve user's API key for that provider\n - Pass API key in job creation request\n\n#### 5. Chat Settings (`frontend/app/chatSettings.js`)\n- Updated `getChatParameters()` to include `systemPrompt` in returned parameters\n\n### Backend Changes\n\n#### 1. Type Definitions (`backend/providers/types.ts`)\n- Added `apiKey?: string` to `ChatCompletionOptions` interface\n- Added `systemPrompt?: string` to `ChatCompletionOptions` interface\n\n#### 2. Groq Provider (`backend/providers/groq.ts`)\n- Updated `complete()` and `stream()` methods to:\n - Accept API key from `options.apiKey` if provided\n - Fall back to environment variable if no API key in options\n - Prepend system prompt to messages if provided\n - Include `imageDetail` in request body\n - Return better error messages when API key is missing\n\n#### 3. Chat Routes (`backend/routes/chat.ts`)\n- Updated `/api/chat` endpoint to:\n - Accept `apiKey` parameter from request body\n - Accept all Groq-specific parameters\n - Skip `isConfigured()` check if API key is provided in request\n - Pass API key through to provider in options\n\n#### 4. Jobs Routes (`backend/routes/jobs.ts`)\n- Updated `ChatJobInput` interface to include `apiKey` and `systemPrompt`\n- Updated `runChatJob()` function to:\n - Extract API key from job input\n - Skip `isConfigured()` check if API key is provided\n - Pass API key through to provider in options\n - Provide helpful error message when API key is missing\n\n## Security Considerations\n\n1. **Local Storage**: API keys are stored in browser's localStorage\n - Keys never leave the user's browser except when making API calls\n - Each user maintains their own keys\n - Keys are stored separately from chat data\n\n2. **Password Input**: API key input uses `type=\"password\"` by default\n - Users can toggle visibility with eye icon\n - Prevents shoulder surfing\n\n3. **No Server-Side Storage**: Backend never stores user-provided API keys\n - Keys are only passed through for API calls\n - Falls back to `.env` for backward compatibility\n\n## Usage\n\n### For Users\n1. Click the settings (cog) icon in the chat header\n2. Scroll to \"API Keys\" section\n3. Enter your Groq API key (get one from https://console.groq.com/keys)\n4. The key is automatically saved to your browser\n5. Start chatting - your personal API key will be used\n\n### For Developers\n- Environment variable still works: set `GROQ_API_KEY` in `.env`\n- Users without API keys will fall back to env variable\n- To require user API keys: remove `GROQ_API_KEY` from `.env`\n\n## Future Enhancements\n\n1. **Additional Providers**\n - OpenAI API key support\n - Anthropic API key support\n - Custom provider configuration\n\n2. **Key Validation**\n - Test API key button\n - Show connection status indicator\n - Validate key format before saving\n\n3. **Enhanced Security**\n - Optional key encryption in localStorage\n - Session-only keys (not persisted)\n - Key expiration reminders\n\n4. **Multi-User Features**\n - Profile management\n - Multiple key sets per user\n - Usage tracking per API key\n\n## Testing\n\nTo test the feature:\n1. Remove `GROQ_API_KEY` from your `.env` file\n2. Open the chat app\n3. Try to send a message - should get error about missing API key\n4. Add your API key in settings\n5. Send message again - should work with your key\n6. Refresh page - API key should persist\n7. Toggle password visibility - should mask/unmask key\n\n## Backward Compatibility\n\n- Existing `.env` configuration still works\n- Users can continue using shared API keys\n- Gradual migration to user-specific keys\n- No breaking changes to existing functionality\n\n",[173],"0e3164f2-e2e9-11f0-8fcb-42dde27851f2","AGENTS.md","0e316588-e2e9-11f0-8fcb-42dde27851f2",124,["D",1766815104100],"You are an advanced assistant specialized in generating Val Town code.\n\n## Core Guidelines\n\n- Ask clarifying questions when requirements are ambiguous\n- Provide complete, functional solutions rather than skeleton implementations\n- Test your logic against edge cases before presenting the final solution\n- Ensure all code follows Val Town's specific platform requirements\n- If a section of code that you're working on is getting too complex, consider refactoring it into subcomponents\n\n## Code Standards\n\n- Generate code in TypeScript or TSX\n- Add appropriate TypeScript types and interfaces for all data structures\n- Prefer official SDKs or libraries than writing API calls directly\n- Ask the user to supply API or library documentation if you are at all unsure about it\n- **Never bake in secrets into the code** - always use environment variables\n- Include comments explaining complex logic (avoid commenting obvious operations)\n- Follow modern ES6+ conventions and functional programming practices if possible\n\n## Types of triggers\n\n### 1. HTTP Trigger\n\n- Create web APIs and endpoints\n- Handle HTTP requests and responses\n- Example structure:\n\n```ts\nexport default async function (req: Request) {\n return new Response(\"Hello World\");\n}\n```\n\nFiles that are HTTP triggers have http in their name like `foobar.http.tsx`\n\n### 2. Cron Triggers\n\n- Run on a schedule\n- Use cron expressions for timing\n- Example structure:\n\n```ts\nexport default async function () {\n // Scheduled task code\n}\n```\n\nFiles that are Cron triggers have cron in their name like `foobar.cron.tsx`\n\n### 3. Email Triggers\n\n- Process incoming emails\n- Handle email-based workflows\n- Example structure:\n\n```ts\nexport default async function (email: Email) {\n // Process email\n}\n```\n\nFiles that are Email triggers have email in their name like `foobar.email.tsx`\n\n\n## Val Town Standard Libraries\n\nVal Town provides several hosted services and utility functions.\n\n### Blob Storage\n\n```ts\nimport { blob } from \"https://esm.town/v/std/blob\";\nawait blob.setJSON(\"myKey\", { hello: \"world\" });\nlet blobDemo = await blob.getJSON(\"myKey\");\nlet appKeys = await blob.list(\"app_\");\nawait blob.delete(\"myKey\");\n```\n\n### SQLite\n\n```ts\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nconst TABLE_NAME = 'todo_app_users_2';\n// Create table - do this before usage and change table name when modifying schema\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL\n)`);\n// Query data\nconst result = await sqlite.execute(`SELECT * FROM ${TABLE_NAME} WHERE id = ?`, [1]);\n```\n\nNote: When changing a SQLite table's schema, change the table's name (e.g., add _2 or _3) to create a fresh table.\n\n### OpenAI\n\n```ts\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\nconst openai = new OpenAI();\nconst completion = await openai.chat.completions.create({\n messages: [\n { role: \"user\", content: \"Say hello in a creative way\" },\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 30,\n});\n```\n\n### Email\n\n```ts\nimport { email } from \"https://esm.town/v/std/email\";\n// By default emails the owner of the val\nawait email({ \n subject: \"Hi\", \n text: \"Hi\", \n html: \"

Hi

\"\n});\n```\n\n## Val Town Utility Functions\n\nVal Town provides several utility functions to help with common project tasks.\n\n### Importing Utilities\n\nAlways import utilities with version pins to avoid breaking changes:\n\n```ts\nimport { parseProject, readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n```\n\n### Available Utilities\n\n\n#### **serveFile** - Serve project files with proper content types\n\nFor example, in Hono:\n\n```ts\n// serve all files in frontend/ and shared/\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n```\n\n#### **readFile** - Read files from within the project:\n\n```ts\n// Read a file from the project\nconst fileContent = await readFile(\"/frontend/index.html\", import.meta.url);\n```\n\n#### **listFiles** - List all files in the project\n\n```ts\nconst files = await listFiles(import.meta.url);\n```\n\n#### **parseProject** - Extract information about the current project from import.meta.url\n\nThis is useful for including info for linking back to a val, ie in \"view source\" urls:\n\n```ts\nconst projectVal = parseProject(import.meta.url);\nconsole.log(projectVal.username); // Owner of the project\nconsole.log(projectVal.name); // Project name\nconsole.log(projectVal.version); // Version number\nconsole.log(projectVal.branch); // Branch name\nconsole.log(projectVal.links.self.project); // URL to the project page\n```\n\nHowever, it's *extremely importing* to note that `parseProject` and other Standard Library utilities ONLY RUN ON THE SERVER.\nIf you need access to this data on the client, run it in the server and pass it to the client by splicing it into the HTML page\nor by making an API request for it.\n\n## Val Town Platform Specifics\n\n- **Redirects:** Use `return new Response(null, { status: 302, headers: { Location: \"/place/to/redirect\" }})` instead of `Response.redirect` which is broken\n- **Images:** Avoid external images or base64 images. Use emojis, unicode symbols, or icon fonts/libraries instead\n- **AI Image:** To inline generate an AI image use: `

`\n- **Storage:** DO NOT use the Deno KV module for storage\n- **Browser APIs:** DO NOT use the `alert()`, `prompt()`, or `confirm()` methods\n- **Weather Data:** Use open-meteo for weather data (doesn't require API keys) unless otherwise specified\n- **View Source:** Add a view source link by importing & using `import.meta.url.replace(\"ems.sh\", \"val.town)\"` (or passing this data to the client) and include `target=\"_top\"` attribute\n- **Error Debugging:** Add `` to HTML to capture client-side errors\n- **Error Handling:** Only use try...catch when there's a clear local resolution; Avoid catches that merely log or return 500s. Let errors bubble up with full context\n- **Environment Variables:** Use `Deno.env.get('keyname')` when you need to, but generally prefer APIs that don't require keys\n- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure compatibility on server and browser\n- **Storage Strategy:** Only use backend storage if explicitly required; prefer simple static client-side sites\n- **React Configuration:** When using React libraries, pin versions with `?deps=react@18.2.0,react-dom@18.2.0` and start the file with `/** @jsxImportSource https://esm.sh/react@18.2.0 */`\n- Ensure all React dependencies and sub-dependencies are pinned to the same version\n- **Styling:** Default to using TailwindCSS via `` unless otherwise specified\n\n## Project Structure and Design Patterns\n\n### Recommended Directory Structure\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Schema definitions\n│ │ ├── queries.ts # DB query functions\n│ │ └── README.md\n│ └── routes/ # Route modules\n│ ├── [route].ts\n│ └── static.ts # Static file serving\n│ ├── index.ts # Main entry point\n│ └── README.md\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx\n│ │ └── [Component].tsx\n│ ├── favicon.svg\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend JS entry point\n│ ├── README.md\n│ └── style.css\n├── README.md\n└── shared/\n ├── README.md\n └── utils.ts # Shared types and functions\n```\n\n### Backend (Hono) Best Practices\n\n- Hono is the recommended API framework\n- Main entry point should be `backend/index.ts`\n- **Static asset serving:** Use the utility functions to read and serve project files:\n ```ts\n import { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n \n // serve all files in frontend/ and shared/\n app.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n app.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n \n // For index.html, often you'll want to bootstrap with initial data\n app.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject data to avoid extra round-trips\n const initialData = await fetchInitialData();\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n });\n ```\n- Create RESTful API routes for CRUD operations\n- Always include this snippet at the top-level Hono app to re-throwing errors to see full stack traces:\n ```ts\n // Unwrap Hono errors to see original error details\n app.onError((err, c) => {\n throw err;\n });\n ```\n\n### Database Patterns\n- Run migrations on startup or comment out for performance\n- Change table names when modifying schemas rather than altering\n- Export clear query functions with proper TypeScript typing\n\n## Common Gotchas and Solutions\n\n1. **Environment Limitations:** \n - Val Town runs on Deno in a serverless context, not Node.js\n - Code in `shared/` must work in both frontend and backend environments\n - Cannot use `Deno` keyword in shared code\n - Use `https://esm.sh` for imports that work in both environments\n\n2. **SQLite Peculiarities:**\n - Limited support for ALTER TABLE operations\n - Create new tables with updated schemas and copy data when needed\n - Always run table creation before querying\n\n3. **React Configuration:**\n - All React dependencies must be pinned to 18.2.0\n - Always include `@jsxImportSource https://esm.sh/react@18.2.0` at the top of React files\n - Rendering issues often come from mismatched React versions\n\n4. **File Handling:**\n - Val Town only supports text files, not binary\n - Use the provided utilities to read files across branches and forks\n - For files in the project, use `readFile` helpers\n\n5. **API Design:**\n - `fetch` handler is the entry point for HTTP vals\n - Run the Hono app with `export default app.fetch // This is the entry point for HTTP vals`\n\n",[180],"0e3f922a-e2e9-11f0-b141-42dde27851f2",".vtignore","0e3f9324-e2e9-11f0-b141-42dde27851f2",126,["D",1766815104186],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[187],"0e29ac62-e2e9-11f0-b941-42dde27851f2",".gitignore","0e29ad34-e2e9-11f0-b941-42dde27851f2",123,["D",1766815104084],"# Design system copy (regenerated by build)\nstyles/design-system/\n\n# Environment\n.env\n\n# Build output (optional - you may want to commit these for deployment)\n# styles/chat-app-*.css\n# styles/chat-app-loader.txt\n\n",[194],"0a230460-e2e9-11f0-b141-42dde27851f2","0a230546-e2e9-11f0-b141-42dde27851f2",5,["D",1766815097374],"directory",[48],"09c1524c-e2e9-11f0-b941-42dde27851f2","frontend","09c152e2-e2e9-11f0-b941-42dde27851f2",["D",1766815096734],[207],"09f10fa0-e2e9-11f0-8ff9-42dde27851f2","chatter","09f11054-e2e9-11f0-8ff9-42dde27851f2",3,["D",1766815097047],[212],"09d7d6ca-e2e9-11f0-a5e5-42dde27851f2","09d7d7ba-e2e9-11f0-a5e5-42dde27851f2",2,["D",1766815096882],[43],"0a094de0-e2e9-11f0-8ff9-42dde27851f2","backend","0a094ebc-e2e9-11f0-8ff9-42dde27851f2",4,["D",1766815097206],[223],"pulls","branches","forks","envVars",{"_235":59,"_237":59},"connections",{"_235":59,"_236":59},"count","unfilledCount","emptyCount",{"_41":222,"_31":223,"_29":224,"_142":-5,"_39":40,"_38":225,"_144":121,"_36":1406,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":1407,"_26":1408},{"_41":1401,"_31":1313,"_29":1307,"_142":224,"_39":40,"_38":1402,"_144":121,"_36":1403,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":1404,"_26":1405},{"_41":1393,"_31":1394,"_29":1395,"_142":1307,"_39":40,"_38":1396,"_144":121,"_36":1397,"_13":59,"_33":20,"_34":1398,"_23":24,"_149":-5,"_380":1399,"_26":1400},{"_41":1385,"_31":1386,"_29":1387,"_142":1307,"_39":40,"_38":1388,"_144":121,"_36":1389,"_13":59,"_33":20,"_34":1390,"_23":24,"_149":-5,"_380":1391,"_26":1392},{"_41":1377,"_31":1378,"_29":1379,"_142":1307,"_39":40,"_38":1380,"_144":121,"_36":1381,"_13":59,"_33":20,"_34":1382,"_23":24,"_149":-5,"_380":1383,"_26":1384},{"_41":1369,"_31":1370,"_29":1371,"_142":1307,"_39":40,"_38":1372,"_144":121,"_36":1373,"_13":59,"_33":20,"_34":1374,"_23":24,"_149":-5,"_380":1375,"_26":1376},{"_41":1361,"_31":1362,"_29":1363,"_142":1307,"_39":40,"_38":1364,"_144":121,"_36":1365,"_13":59,"_33":420,"_34":1366,"_23":24,"_149":-5,"_380":1367,"_26":1368},{"_41":1353,"_31":1354,"_29":1355,"_142":1307,"_39":40,"_38":1356,"_144":121,"_36":1357,"_13":59,"_33":420,"_34":1358,"_23":24,"_149":-5,"_380":1359,"_26":1360},{"_41":1345,"_31":1346,"_29":1347,"_142":1307,"_39":40,"_38":1348,"_144":121,"_36":1349,"_13":59,"_33":420,"_34":1350,"_23":24,"_149":-5,"_380":1351,"_26":1352},{"_41":1338,"_31":1242,"_29":1339,"_142":1307,"_39":40,"_38":1340,"_144":24,"_36":1341,"_13":59,"_33":420,"_34":1342,"_23":24,"_149":-5,"_380":1343,"_26":1344},{"_41":1330,"_31":1331,"_29":1332,"_142":1307,"_39":40,"_38":1333,"_144":121,"_36":1334,"_13":59,"_33":420,"_34":1335,"_23":24,"_149":-5,"_380":1336,"_26":1337},{"_41":1322,"_31":1323,"_29":1324,"_142":1307,"_39":40,"_38":1325,"_144":121,"_36":1326,"_13":59,"_33":420,"_34":1327,"_23":24,"_149":-5,"_380":1328,"_26":1329},{"_41":1314,"_31":1315,"_29":1316,"_142":1307,"_39":40,"_38":1317,"_144":121,"_36":1318,"_13":59,"_33":420,"_34":1319,"_23":24,"_149":-5,"_380":1320,"_26":1321},{"_41":1304,"_31":1305,"_29":1306,"_142":1307,"_39":40,"_38":1308,"_144":121,"_36":1309,"_13":59,"_33":420,"_34":1310,"_23":24,"_149":-5,"_380":1311,"_26":1312},{"_41":1299,"_31":1266,"_29":1260,"_142":224,"_39":40,"_38":1300,"_144":121,"_36":1301,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":1302,"_26":1303},{"_41":1291,"_31":1292,"_29":1293,"_142":1260,"_39":40,"_38":1294,"_144":121,"_36":1295,"_13":59,"_33":420,"_34":1296,"_23":24,"_149":-5,"_380":1297,"_26":1298},{"_41":1283,"_31":1284,"_29":1285,"_142":1260,"_39":40,"_38":1286,"_144":24,"_36":1287,"_13":59,"_33":420,"_34":1288,"_23":24,"_149":-5,"_380":1289,"_26":1290},{"_41":1275,"_31":1276,"_29":1277,"_142":1260,"_39":40,"_38":1278,"_144":121,"_36":1279,"_13":59,"_33":420,"_34":1280,"_23":24,"_149":-5,"_380":1281,"_26":1282},{"_41":1267,"_31":1268,"_29":1269,"_142":1260,"_39":40,"_38":1270,"_144":24,"_36":1271,"_13":59,"_33":420,"_34":1272,"_23":24,"_149":-5,"_380":1273,"_26":1274},{"_41":1257,"_31":1258,"_29":1259,"_142":1260,"_39":40,"_38":1261,"_144":121,"_36":1262,"_13":59,"_33":420,"_34":1263,"_23":24,"_149":-5,"_380":1264,"_26":1265},{"_41":1249,"_31":1250,"_29":1251,"_142":224,"_39":40,"_38":1252,"_144":121,"_36":1253,"_13":59,"_33":420,"_34":1254,"_23":24,"_149":-5,"_380":1255,"_26":1256},{"_41":1241,"_31":1242,"_29":1243,"_142":224,"_39":40,"_38":1244,"_144":121,"_36":1245,"_13":59,"_33":420,"_34":1246,"_23":24,"_149":-5,"_380":1247,"_26":1248},{"_41":1233,"_31":1234,"_29":1235,"_142":224,"_39":40,"_38":1236,"_144":121,"_36":1237,"_13":59,"_33":420,"_34":1238,"_23":24,"_149":-5,"_380":1239,"_26":1240},{"_41":217,"_31":43,"_29":218,"_142":-5,"_39":40,"_38":219,"_144":24,"_36":1230,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":1231,"_26":1232},{"_41":1223,"_31":152,"_29":1224,"_142":218,"_39":40,"_38":1225,"_144":24,"_36":1226,"_13":59,"_33":20,"_34":1227,"_23":24,"_149":-5,"_380":1228,"_26":1229},{"_41":211,"_31":212,"_29":213,"_142":-5,"_39":40,"_38":214,"_144":24,"_36":1220,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":1221,"_26":1222},{"_41":206,"_31":207,"_29":208,"_142":-5,"_39":40,"_38":146,"_144":121,"_36":1217,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":1218,"_26":1219},{"_41":1212,"_31":1099,"_29":1093,"_142":208,"_39":40,"_38":1213,"_144":121,"_36":1214,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":1215,"_26":1216},{"_41":1204,"_31":1205,"_29":1206,"_142":1093,"_39":40,"_38":1207,"_144":24,"_36":1208,"_13":59,"_33":420,"_34":1209,"_23":24,"_149":-5,"_380":1210,"_26":1211},{"_41":1196,"_31":1197,"_29":1198,"_142":1093,"_39":40,"_38":1199,"_144":24,"_36":1200,"_13":59,"_33":420,"_34":1201,"_23":24,"_149":-5,"_380":1202,"_26":1203},{"_41":1188,"_31":1189,"_29":1190,"_142":1093,"_39":40,"_38":1191,"_144":24,"_36":1192,"_13":59,"_33":420,"_34":1193,"_23":24,"_149":-5,"_380":1194,"_26":1195},{"_41":1180,"_31":1181,"_29":1182,"_142":1093,"_39":40,"_38":1183,"_144":24,"_36":1184,"_13":59,"_33":420,"_34":1185,"_23":24,"_149":-5,"_380":1186,"_26":1187},{"_41":1172,"_31":1173,"_29":1174,"_142":1093,"_39":40,"_38":1175,"_144":121,"_36":1176,"_13":59,"_33":420,"_34":1177,"_23":24,"_149":-5,"_380":1178,"_26":1179},{"_41":1164,"_31":1165,"_29":1166,"_142":1093,"_39":40,"_38":1167,"_144":24,"_36":1168,"_13":59,"_33":420,"_34":1169,"_23":24,"_149":-5,"_380":1170,"_26":1171},{"_41":1156,"_31":1157,"_29":1158,"_142":1093,"_39":40,"_38":1159,"_144":121,"_36":1160,"_13":59,"_33":420,"_34":1161,"_23":24,"_149":-5,"_380":1162,"_26":1163},{"_41":1148,"_31":1149,"_29":1150,"_142":1093,"_39":40,"_38":1151,"_144":24,"_36":1152,"_13":59,"_33":420,"_34":1153,"_23":24,"_149":-5,"_380":1154,"_26":1155},{"_41":1140,"_31":1141,"_29":1142,"_142":1093,"_39":40,"_38":1143,"_144":24,"_36":1144,"_13":59,"_33":420,"_34":1145,"_23":24,"_149":-5,"_380":1146,"_26":1147},{"_41":1132,"_31":1133,"_29":1134,"_142":1093,"_39":40,"_38":1135,"_144":24,"_36":1136,"_13":59,"_33":420,"_34":1137,"_23":24,"_149":-5,"_380":1138,"_26":1139},{"_41":1124,"_31":1125,"_29":1126,"_142":1093,"_39":40,"_38":1127,"_144":121,"_36":1128,"_13":59,"_33":420,"_34":1129,"_23":24,"_149":-5,"_380":1130,"_26":1131},{"_41":1116,"_31":1117,"_29":1118,"_142":1093,"_39":40,"_38":1119,"_144":24,"_36":1120,"_13":59,"_33":420,"_34":1121,"_23":24,"_149":-5,"_380":1122,"_26":1123},{"_41":1108,"_31":1109,"_29":1110,"_142":1093,"_39":40,"_38":1111,"_144":24,"_36":1112,"_13":59,"_33":420,"_34":1113,"_23":24,"_149":-5,"_380":1114,"_26":1115},{"_41":1100,"_31":1101,"_29":1102,"_142":1093,"_39":40,"_38":1103,"_144":121,"_36":1104,"_13":59,"_33":420,"_34":1105,"_23":24,"_149":-5,"_380":1106,"_26":1107},{"_41":1090,"_31":1091,"_29":1092,"_142":1093,"_39":40,"_38":1094,"_144":24,"_36":1095,"_13":59,"_33":420,"_34":1096,"_23":24,"_149":-5,"_380":1097,"_26":1098},{"_41":1085,"_31":1043,"_29":1080,"_142":208,"_39":40,"_38":1086,"_144":121,"_36":1087,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":1088,"_26":1089},{"_41":1079,"_31":1044,"_29":1074,"_142":1080,"_39":40,"_38":1081,"_144":121,"_36":1082,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":1083,"_26":1084},{"_41":1073,"_31":1045,"_29":1048,"_142":1074,"_39":40,"_38":1075,"_144":121,"_36":1076,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":1077,"_26":1078},{"_41":1067,"_31":86,"_29":1068,"_142":1048,"_39":40,"_38":1069,"_144":121,"_36":1070,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":1071,"_26":1072},{"_41":1060,"_31":1061,"_29":1062,"_142":1048,"_39":40,"_38":1063,"_144":121,"_36":1064,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":1065,"_26":1066},{"_41":1053,"_31":1054,"_29":1055,"_142":1048,"_39":40,"_38":1056,"_144":121,"_36":1057,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":1058,"_26":1059},{"_41":1047,"_31":1046,"_29":1037,"_142":1048,"_39":40,"_38":1049,"_144":121,"_36":1050,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":1051,"_26":1052},{"_41":1034,"_31":1035,"_29":1036,"_142":1037,"_39":40,"_38":1038,"_144":121,"_36":1039,"_13":59,"_33":20,"_34":1040,"_23":24,"_149":-5,"_380":1041,"_26":1042},{"_41":1029,"_31":433,"_29":427,"_142":208,"_39":40,"_38":1030,"_144":121,"_36":1031,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":1032,"_26":1033},{"_41":1024,"_31":959,"_29":953,"_142":427,"_39":40,"_38":1025,"_144":121,"_36":1026,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":1027,"_26":1028},{"_41":1016,"_31":1017,"_29":1018,"_142":953,"_39":40,"_38":1019,"_144":24,"_36":1020,"_13":59,"_33":20,"_34":1021,"_23":24,"_149":-5,"_380":1022,"_26":1023},{"_41":1008,"_31":1009,"_29":1010,"_142":953,"_39":40,"_38":1011,"_144":24,"_36":1012,"_13":59,"_33":20,"_34":1013,"_23":24,"_149":-5,"_380":1014,"_26":1015},{"_41":1000,"_31":1001,"_29":1002,"_142":953,"_39":40,"_38":1003,"_144":121,"_36":1004,"_13":59,"_33":20,"_34":1005,"_23":24,"_149":-5,"_380":1006,"_26":1007},{"_41":992,"_31":993,"_29":994,"_142":953,"_39":40,"_38":995,"_144":24,"_36":996,"_13":59,"_33":20,"_34":997,"_23":24,"_149":-5,"_380":998,"_26":999},{"_41":984,"_31":985,"_29":986,"_142":953,"_39":40,"_38":987,"_144":24,"_36":988,"_13":59,"_33":20,"_34":989,"_23":24,"_149":-5,"_380":990,"_26":991},{"_41":976,"_31":977,"_29":978,"_142":953,"_39":40,"_38":979,"_144":24,"_36":980,"_13":59,"_33":20,"_34":981,"_23":24,"_149":-5,"_380":982,"_26":983},{"_41":968,"_31":969,"_29":970,"_142":953,"_39":40,"_38":971,"_144":24,"_36":972,"_13":59,"_33":20,"_34":973,"_23":24,"_149":-5,"_380":974,"_26":975},{"_41":960,"_31":961,"_29":962,"_142":953,"_39":40,"_38":963,"_144":24,"_36":964,"_13":59,"_33":20,"_34":965,"_23":24,"_149":-5,"_380":966,"_26":967},{"_41":950,"_31":951,"_29":952,"_142":953,"_39":40,"_38":954,"_144":121,"_36":955,"_13":59,"_33":20,"_34":956,"_23":24,"_149":-5,"_380":957,"_26":958},{"_41":945,"_31":527,"_29":521,"_142":427,"_39":40,"_38":946,"_144":121,"_36":947,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":948,"_26":949},{"_41":940,"_31":939,"_29":933,"_142":521,"_39":40,"_38":941,"_144":121,"_36":942,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":943,"_26":944},{"_41":931,"_31":608,"_29":932,"_142":933,"_39":40,"_38":934,"_144":121,"_36":935,"_13":59,"_33":20,"_34":936,"_23":24,"_149":-5,"_380":937,"_26":938},{"_41":926,"_31":695,"_29":689,"_142":521,"_39":40,"_38":927,"_144":121,"_36":928,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":929,"_26":930},{"_41":918,"_31":919,"_29":920,"_142":689,"_39":40,"_38":921,"_144":121,"_36":922,"_13":59,"_33":20,"_34":923,"_23":24,"_149":-5,"_380":924,"_26":925},{"_41":910,"_31":911,"_29":912,"_142":689,"_39":40,"_38":913,"_144":121,"_36":914,"_13":59,"_33":20,"_34":915,"_23":24,"_149":-5,"_380":916,"_26":917},{"_41":902,"_31":903,"_29":904,"_142":689,"_39":40,"_38":905,"_144":121,"_36":906,"_13":59,"_33":20,"_34":907,"_23":24,"_149":-5,"_380":908,"_26":909},{"_41":894,"_31":895,"_29":896,"_142":689,"_39":40,"_38":897,"_144":121,"_36":898,"_13":59,"_33":20,"_34":899,"_23":24,"_149":-5,"_380":900,"_26":901},{"_41":886,"_31":887,"_29":888,"_142":689,"_39":40,"_38":889,"_144":121,"_36":890,"_13":59,"_33":20,"_34":891,"_23":24,"_149":-5,"_380":892,"_26":893},{"_41":878,"_31":879,"_29":880,"_142":689,"_39":40,"_38":881,"_144":24,"_36":882,"_13":59,"_33":20,"_34":883,"_23":24,"_149":-5,"_380":884,"_26":885},{"_41":870,"_31":871,"_29":872,"_142":689,"_39":40,"_38":873,"_144":24,"_36":874,"_13":59,"_33":20,"_34":875,"_23":24,"_149":-5,"_380":876,"_26":877},{"_41":862,"_31":863,"_29":864,"_142":689,"_39":40,"_38":865,"_144":121,"_36":866,"_13":59,"_33":20,"_34":867,"_23":24,"_149":-5,"_380":868,"_26":869},{"_41":854,"_31":855,"_29":856,"_142":689,"_39":40,"_38":857,"_144":121,"_36":858,"_13":59,"_33":20,"_34":859,"_23":24,"_149":-5,"_380":860,"_26":861},{"_41":846,"_31":847,"_29":848,"_142":689,"_39":40,"_38":849,"_144":24,"_36":850,"_13":59,"_33":20,"_34":851,"_23":24,"_149":-5,"_380":852,"_26":853},{"_41":838,"_31":839,"_29":840,"_142":689,"_39":40,"_38":841,"_144":121,"_36":842,"_13":59,"_33":20,"_34":843,"_23":24,"_149":-5,"_380":844,"_26":845},{"_41":830,"_31":831,"_29":832,"_142":689,"_39":40,"_38":833,"_144":121,"_36":834,"_13":59,"_33":20,"_34":835,"_23":24,"_149":-5,"_380":836,"_26":837},{"_41":822,"_31":823,"_29":824,"_142":689,"_39":40,"_38":825,"_144":121,"_36":826,"_13":59,"_33":20,"_34":827,"_23":24,"_149":-5,"_380":828,"_26":829},{"_41":814,"_31":815,"_29":816,"_142":689,"_39":40,"_38":817,"_144":121,"_36":818,"_13":59,"_33":20,"_34":819,"_23":24,"_149":-5,"_380":820,"_26":821},{"_41":806,"_31":807,"_29":808,"_142":689,"_39":40,"_38":809,"_144":121,"_36":810,"_13":59,"_33":20,"_34":811,"_23":24,"_149":-5,"_380":812,"_26":813},{"_41":798,"_31":799,"_29":800,"_142":689,"_39":40,"_38":801,"_144":121,"_36":802,"_13":59,"_33":20,"_34":803,"_23":24,"_149":-5,"_380":804,"_26":805},{"_41":790,"_31":791,"_29":792,"_142":689,"_39":40,"_38":793,"_144":121,"_36":794,"_13":59,"_33":20,"_34":795,"_23":24,"_149":-5,"_380":796,"_26":797},{"_41":782,"_31":783,"_29":784,"_142":689,"_39":40,"_38":785,"_144":121,"_36":786,"_13":59,"_33":20,"_34":787,"_23":24,"_149":-5,"_380":788,"_26":789},{"_41":774,"_31":775,"_29":776,"_142":689,"_39":40,"_38":777,"_144":121,"_36":778,"_13":59,"_33":20,"_34":779,"_23":24,"_149":-5,"_380":780,"_26":781},{"_41":766,"_31":767,"_29":768,"_142":689,"_39":40,"_38":769,"_144":121,"_36":770,"_13":59,"_33":20,"_34":771,"_23":24,"_149":-5,"_380":772,"_26":773},{"_41":758,"_31":759,"_29":760,"_142":689,"_39":40,"_38":761,"_144":24,"_36":762,"_13":59,"_33":20,"_34":763,"_23":24,"_149":-5,"_380":764,"_26":765},{"_41":750,"_31":751,"_29":752,"_142":689,"_39":40,"_38":753,"_144":121,"_36":754,"_13":59,"_33":20,"_34":755,"_23":24,"_149":-5,"_380":756,"_26":757},{"_41":742,"_31":743,"_29":744,"_142":689,"_39":40,"_38":745,"_144":24,"_36":746,"_13":59,"_33":20,"_34":747,"_23":24,"_149":-5,"_380":748,"_26":749},{"_41":734,"_31":735,"_29":736,"_142":689,"_39":40,"_38":737,"_144":24,"_36":738,"_13":59,"_33":20,"_34":739,"_23":24,"_149":-5,"_380":740,"_26":741},{"_41":727,"_31":553,"_29":728,"_142":689,"_39":40,"_38":729,"_144":24,"_36":730,"_13":59,"_33":20,"_34":731,"_23":24,"_149":-5,"_380":732,"_26":733},{"_41":719,"_31":720,"_29":721,"_142":689,"_39":40,"_38":722,"_144":24,"_36":723,"_13":59,"_33":20,"_34":724,"_23":24,"_149":-5,"_380":725,"_26":726},{"_41":711,"_31":712,"_29":713,"_142":689,"_39":40,"_38":714,"_144":121,"_36":715,"_13":59,"_33":20,"_34":716,"_23":24,"_149":-5,"_380":717,"_26":718},{"_41":703,"_31":704,"_29":705,"_142":689,"_39":40,"_38":706,"_144":121,"_36":707,"_13":59,"_33":20,"_34":708,"_23":24,"_149":-5,"_380":709,"_26":710},{"_41":696,"_31":545,"_29":697,"_142":689,"_39":40,"_38":698,"_144":121,"_36":699,"_13":59,"_33":420,"_34":700,"_23":24,"_149":-5,"_380":701,"_26":702},{"_41":686,"_31":687,"_29":688,"_142":689,"_39":40,"_38":690,"_144":121,"_36":691,"_13":59,"_33":420,"_34":692,"_23":24,"_149":-5,"_380":693,"_26":694},{"_41":681,"_31":658,"_29":652,"_142":521,"_39":40,"_38":682,"_144":121,"_36":683,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":684,"_26":685},{"_41":674,"_31":166,"_29":675,"_142":652,"_39":40,"_38":676,"_144":121,"_36":677,"_13":59,"_33":20,"_34":678,"_23":24,"_149":-5,"_380":679,"_26":680},{"_41":666,"_31":667,"_29":668,"_142":652,"_39":40,"_38":669,"_144":121,"_36":670,"_13":59,"_33":20,"_34":671,"_23":24,"_149":-5,"_380":672,"_26":673},{"_41":659,"_31":545,"_29":660,"_142":652,"_39":40,"_38":661,"_144":121,"_36":662,"_13":59,"_33":420,"_34":663,"_23":24,"_149":-5,"_380":664,"_26":665},{"_41":650,"_31":608,"_29":651,"_142":652,"_39":40,"_38":653,"_144":24,"_36":654,"_13":59,"_33":20,"_34":655,"_23":24,"_149":-5,"_380":656,"_26":657},{"_41":645,"_31":644,"_29":638,"_142":521,"_39":40,"_38":646,"_144":121,"_36":647,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":648,"_26":649},{"_41":636,"_31":608,"_29":637,"_142":638,"_39":40,"_38":639,"_144":121,"_36":640,"_13":59,"_33":20,"_34":641,"_23":24,"_149":-5,"_380":642,"_26":643},{"_41":631,"_31":630,"_29":624,"_142":521,"_39":40,"_38":632,"_144":121,"_36":633,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":634,"_26":635},{"_41":622,"_31":608,"_29":623,"_142":624,"_39":40,"_38":625,"_144":121,"_36":626,"_13":59,"_33":20,"_34":627,"_23":24,"_149":-5,"_380":628,"_26":629},{"_41":617,"_31":616,"_29":610,"_142":521,"_39":40,"_38":618,"_144":121,"_36":619,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":620,"_26":621},{"_41":607,"_31":608,"_29":609,"_142":610,"_39":40,"_38":611,"_144":121,"_36":612,"_13":59,"_33":20,"_34":613,"_23":24,"_149":-5,"_380":614,"_26":615},{"_41":602,"_31":561,"_29":555,"_142":521,"_39":40,"_38":603,"_144":121,"_36":604,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":605,"_26":606},{"_41":594,"_31":595,"_29":596,"_142":555,"_39":40,"_38":597,"_144":24,"_36":598,"_13":59,"_33":20,"_34":599,"_23":24,"_149":-5,"_380":600,"_26":601},{"_41":586,"_31":587,"_29":588,"_142":555,"_39":40,"_38":589,"_144":121,"_36":590,"_13":59,"_33":20,"_34":591,"_23":24,"_149":-5,"_380":592,"_26":593},{"_41":578,"_31":579,"_29":580,"_142":555,"_39":40,"_38":581,"_144":121,"_36":582,"_13":59,"_33":20,"_34":583,"_23":24,"_149":-5,"_380":584,"_26":585},{"_41":570,"_31":571,"_29":572,"_142":555,"_39":40,"_38":573,"_144":121,"_36":574,"_13":59,"_33":20,"_34":575,"_23":24,"_149":-5,"_380":576,"_26":577},{"_41":562,"_31":563,"_29":564,"_142":555,"_39":40,"_38":565,"_144":24,"_36":566,"_13":59,"_33":20,"_34":567,"_23":24,"_149":-5,"_380":568,"_26":569},{"_41":552,"_31":553,"_29":554,"_142":555,"_39":40,"_38":556,"_144":121,"_36":557,"_13":59,"_33":20,"_34":558,"_23":24,"_149":-5,"_380":559,"_26":560},{"_41":544,"_31":545,"_29":546,"_142":521,"_39":40,"_38":547,"_144":121,"_36":548,"_13":59,"_33":420,"_34":549,"_23":24,"_149":-5,"_380":550,"_26":551},{"_41":536,"_31":537,"_29":538,"_142":521,"_39":40,"_38":539,"_144":24,"_36":540,"_13":59,"_33":20,"_34":541,"_23":24,"_149":-5,"_380":542,"_26":543},{"_41":528,"_31":529,"_29":530,"_142":521,"_39":40,"_38":531,"_144":121,"_36":532,"_13":59,"_33":20,"_34":533,"_23":24,"_149":-5,"_380":534,"_26":535},{"_41":518,"_31":519,"_29":520,"_142":521,"_39":40,"_38":522,"_144":121,"_36":523,"_13":59,"_33":20,"_34":524,"_23":24,"_149":-5,"_380":525,"_26":526},{"_41":510,"_31":511,"_29":512,"_142":427,"_39":40,"_38":513,"_144":24,"_36":514,"_13":59,"_33":20,"_34":515,"_23":24,"_149":-5,"_380":516,"_26":517},{"_41":502,"_31":503,"_29":504,"_142":427,"_39":40,"_38":505,"_144":24,"_36":506,"_13":59,"_33":420,"_34":507,"_23":24,"_149":-5,"_380":508,"_26":509},{"_41":494,"_31":495,"_29":496,"_142":427,"_39":40,"_38":497,"_144":24,"_36":498,"_13":59,"_33":20,"_34":499,"_23":24,"_149":-5,"_380":500,"_26":501},{"_41":486,"_31":487,"_29":488,"_142":427,"_39":40,"_38":489,"_144":24,"_36":490,"_13":59,"_33":20,"_34":491,"_23":24,"_149":-5,"_380":492,"_26":493},{"_41":478,"_31":479,"_29":480,"_142":427,"_39":40,"_38":481,"_144":24,"_36":482,"_13":59,"_33":20,"_34":483,"_23":24,"_149":-5,"_380":484,"_26":485},{"_41":470,"_31":471,"_29":472,"_142":427,"_39":40,"_38":473,"_144":121,"_36":474,"_13":146,"_33":20,"_34":475,"_23":24,"_149":-5,"_380":476,"_26":477},{"_41":462,"_31":463,"_29":464,"_142":427,"_39":40,"_38":465,"_144":121,"_36":466,"_13":146,"_33":20,"_34":467,"_23":24,"_149":-5,"_380":468,"_26":469},{"_41":454,"_31":455,"_29":456,"_142":427,"_39":40,"_38":457,"_144":121,"_36":458,"_13":59,"_33":20,"_34":459,"_23":24,"_149":-5,"_380":460,"_26":461},{"_41":450,"_31":32,"_29":30,"_142":427,"_39":40,"_38":14,"_144":121,"_36":451,"_13":59,"_33":20,"_34":35,"_23":24,"_149":-5,"_380":452,"_26":453},{"_41":442,"_31":443,"_29":444,"_142":427,"_39":40,"_38":445,"_144":121,"_36":446,"_13":59,"_33":20,"_34":447,"_23":24,"_149":-5,"_380":448,"_26":449},{"_41":434,"_31":435,"_29":436,"_142":427,"_39":40,"_38":437,"_144":121,"_36":438,"_13":59,"_33":420,"_34":439,"_23":24,"_149":-5,"_380":440,"_26":441},{"_41":424,"_31":425,"_29":426,"_142":427,"_39":40,"_38":428,"_144":24,"_36":429,"_13":59,"_33":420,"_34":430,"_23":24,"_149":-5,"_380":431,"_26":432},{"_41":415,"_31":416,"_29":417,"_142":208,"_39":40,"_38":418,"_144":24,"_36":419,"_13":59,"_33":420,"_34":421,"_23":24,"_149":-5,"_380":422,"_26":423},{"_41":200,"_31":48,"_29":201,"_142":-5,"_39":40,"_38":202,"_144":121,"_36":412,"_13":59,"_33":204,"_34":-5,"_23":24,"_149":-5,"_380":413,"_26":414},{"_41":404,"_31":405,"_29":406,"_142":201,"_39":40,"_38":407,"_144":121,"_36":408,"_13":59,"_33":20,"_34":409,"_23":24,"_149":-5,"_380":410,"_26":411},{"_41":193,"_31":194,"_29":195,"_142":-5,"_39":40,"_38":196,"_144":121,"_36":401,"_13":59,"_33":20,"_34":198,"_23":24,"_149":-5,"_380":402,"_26":403},{"_41":186,"_31":187,"_29":188,"_142":-5,"_39":40,"_38":189,"_144":121,"_36":398,"_13":59,"_33":20,"_34":191,"_23":24,"_149":-5,"_380":399,"_26":400},{"_41":179,"_31":180,"_29":181,"_142":-5,"_39":40,"_38":182,"_144":121,"_36":395,"_13":59,"_33":20,"_34":184,"_23":24,"_149":-5,"_380":396,"_26":397},{"_41":172,"_31":173,"_29":174,"_142":-5,"_39":40,"_38":175,"_144":121,"_36":392,"_13":59,"_33":20,"_34":177,"_23":24,"_149":-5,"_380":393,"_26":394},{"_41":165,"_31":166,"_29":167,"_142":-5,"_39":40,"_38":168,"_144":121,"_36":389,"_13":59,"_33":20,"_34":170,"_23":24,"_149":-5,"_380":390,"_26":391},{"_41":158,"_31":159,"_29":160,"_142":-5,"_39":40,"_38":161,"_144":121,"_36":386,"_13":59,"_33":20,"_34":163,"_23":24,"_149":-5,"_380":387,"_26":388},{"_41":151,"_31":152,"_29":153,"_142":-5,"_39":40,"_38":154,"_144":24,"_36":383,"_13":59,"_33":20,"_34":156,"_23":24,"_149":-5,"_380":384,"_26":385},{"_41":139,"_31":140,"_29":141,"_142":-5,"_39":40,"_38":143,"_144":121,"_36":379,"_13":146,"_33":147,"_34":148,"_23":24,"_149":-5,"_380":381,"_26":382},["D",1766815338799],"children",[],[140],["D",1766815102999],[],[152],["D",1766815104273],[],[159],["D",1766815104062],[],[166],["D",1766815104215],[],[173],["D",1766815104100],[],[180],["D",1766815104186],[],[187],["D",1766815104084],[],[194],"0e25462c-e2e9-11f0-b141-42dde27851f2","favicon.svg","0e2546d6-e2e9-11f0-b141-42dde27851f2",122,["D",1766815104079],"\n",[],[48,405],["D",1766815097374],[370],[48],"0d80683c-e2e9-11f0-b141-42dde27851f2","monaco-utils.js","0d8068d2-e2e9-11f0-b141-42dde27851f2",98,["D",1766815103009],"script","/**\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",[],[207,416],"0bf44b3c-e2e9-11f0-b941-42dde27851f2","tailwind.config.js","0bf44c04-e2e9-11f0-b941-42dde27851f2","0a5845a8-e2e9-11f0-8ff9-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",[],[207,433,425],"styles","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",[],[207,433,435],"3b7c7ff0-ef19-11f0-97b5-42dde27851f2","compiled-loader.txt","3b7c80ae-ef19-11f0-97b5-42dde27851f2",140,["D",1768155209934],"/* chat-app CSS - Include these in order:\n \n \n \n \n*/\n",[],[207,433,443],"3baa879c-ef19-11f0-b4c0-42dde27851f2",["D",1768155210226],[],[207,433,32],"3b9a5598-ef19-11f0-b740-42dde27851f2","compiled-3.css","3b9a56ec-ef19-11f0-b740-42dde27851f2",142,["D",1768155210162],".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;padding-top:1rem}.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}.theme-scope .time-picker-single-input::-webkit-calendar-picker-indicator{filter:invert(0);opacity:.6;cursor:pointer}.theme-scope .time-picker-single-input::-webkit-calendar-picker-indicator:hover{opacity:1}.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)}.dark .theme-scope .time-picker-single-input,.dark .theme-scope input[type=time],.dark .theme-scope input[type=date],.theme-scope.dark .time-picker-single-input,.theme-scope.dark input[type=time],.theme-scope.dark input[type=date]{color-scheme:dark}.dark .theme-scope .time-picker-single-input::-webkit-calendar-picker-indicator,.dark .theme-scope input[type=time]::-webkit-calendar-picker-indicator,.dark .theme-scope input[type=date]::-webkit-calendar-picker-indicator,.theme-scope.dark .time-picker-single-input::-webkit-calendar-picker-indicator,.theme-scope.dark input[type=time]::-webkit-calendar-picker-indicator,.theme-scope.dark input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.7}.dark .theme-scope .time-picker-single-input::-webkit-calendar-picker-indicator:hover,.dark .theme-scope input[type=time]::-webkit-calendar-picker-indicator:hover,.dark .theme-scope input[type=date]::-webkit-calendar-picker-indicator:hover,.theme-scope.dark .time-picker-single-input::-webkit-calendar-picker-indicator:hover,.theme-scope.dark input[type=time]::-webkit-calendar-picker-indicator:hover,.theme-scope.dark input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.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{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)}.theme-scope.dark,.dark .theme-scope{background-color:var(--groq-gray-900);color:var(--groq-gray-50);--color-primary: var(--groq-orange-600);--color-primary-hover: var(--groq-orange-500);--color-primary-active: var(--groq-orange-400);--color-primary-dark: var(--groq-orange-300);--color-primary-light: rgba(244, 62, 1, 0.15);--color-primary-lighter: rgba(244, 62, 1, 0.1);--color-primary-lightest: rgba(244, 62, 1, 0.05);--color-primary-ring: rgba(254, 158, 32, 0.35);--color-primary-text: var(--groq-gray-950);--color-accent: var(--groq-orange-300);--color-accent-hover: var(--groq-orange-400);--color-accent-light: var(--groq-orange-200);--color-cta: var(--groq-orange-400);--color-cta-hover: var(--groq-orange-500);--color-text-primary: var(--groq-gray-50);--color-text-secondary: var(--groq-gray-100);--color-text-muted: var(--groq-gray-400);--color-text-neutral: var(--groq-gray-300);--color-text-neutral-dark: var(--groq-gray-100);--color-text-on-dark: var(--groq-gray-900);--color-text-on-dark-muted: rgba(26, 28, 31, 0.85);--color-bg-primary: var(--groq-gray-900);--color-bg-secondary: var(--groq-gray-800);--color-bg-muted: var(--groq-gray-700);--color-bg-light: var(--groq-gray-800);--color-bg-dark: var(--groq-gray-50);--color-bg-hover: var(--groq-gray-700);--color-bg-card: var(--groq-gray-800);--color-bg-page: var(--groq-gray-900);--color-bg-nav: var(--groq-gray-800);--color-bg-hero: var(--groq-gray-900);--color-bg-section: var(--groq-gray-800);--color-bg-section-alt: var(--groq-gray-700);--color-border: var(--groq-gray-700);--color-border-light: var(--groq-gray-600);--color-border-tab: var(--groq-gray-600);--color-success: var(--groq-green-400);--color-success-light: rgba(13, 217, 127, 0.15);--color-success-dark: var(--groq-green-300);--color-success-text: var(--groq-gray-950);--color-warning: var(--groq-yellow-300);--color-warning-light: rgba(253, 235, 32, 0.15);--color-warning-dark: var(--groq-yellow-200);--color-warning-text: var(--groq-gray-950);--color-danger: #f87171;--color-danger-light: rgba(239, 68, 68, 0.15);--color-danger-dark: #fca5a5;--color-danger-text: var(--groq-gray-950);--color-info: var(--groq-blue-300);--color-info-light: rgba(95, 192, 255, 0.15);--color-info-dark: var(--groq-blue-200);--color-info-text: var(--groq-gray-950);--color-neutral-text: var(--groq-gray-950);--color-white: var(--groq-gray-900);--color-gray-300: var(--groq-gray-600);--color-gray-400: var(--groq-gray-500);--color-control-border: var(--groq-gray-600);--color-control-border-hover: var(--groq-orange-400);--color-control-bg: var(--groq-gray-800);--color-control-bg-hover: var(--groq-gray-700);--color-control-checked: var(--groq-orange-400);--color-control-checked-hover: var(--groq-orange-500);--color-control-checked-border: var(--groq-orange-400);--color-control-checkmark: var(--groq-gray-950);--color-control-ring: rgba(254, 158, 32, 0.25);--color-toggle-bg: var(--groq-gray-600);--color-toggle-bg-checked: var(--groq-orange-400);--color-toggle-knob: var(--groq-gray-950);--color-choice-border: var(--groq-gray-600);--color-choice-border-hover: var(--groq-orange-400);--color-choice-border-checked: var(--groq-orange-400);--color-choice-bg: transparent;--color-choice-bg-hover: var(--groq-gray-700);--color-choice-bg-checked: rgba(254, 158, 32, 0.08);--color-choice-ring: var(--groq-orange-400);--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.35);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.4);--shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.45);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.5);--shadow-card: 0 1px 3px rgba(0, 0, 0, 0.3);--shadow-dropdown: 0 4px 6px rgba(0, 0, 0, 0.4);--shadow-toast: 0 10px 15px rgba(0, 0, 0, 0.4)}.theme-scope.dark h1,.theme-scope.dark h2,.theme-scope.dark h3,.theme-scope.dark h4,.theme-scope.dark h5,.theme-scope.dark h6,.theme-scope.dark .text-h1,.theme-scope.dark .text-h2,.theme-scope.dark .text-h3,.dark .theme-scope h1,.dark .theme-scope h2,.dark .theme-scope h3,.dark .theme-scope h4,.dark .theme-scope h5,.dark .theme-scope h6,.dark .theme-scope .text-h1,.dark .theme-scope .text-h2,.dark .theme-scope .text-h3{color:var(--groq-gray-50)}.theme-scope.dark a,.theme-scope.dark .link,.dark .theme-scope a,.dark .theme-scope .link{color:var(--groq-orange-400)}.theme-scope.dark a:hover,.theme-scope.dark .link:hover,.dark .theme-scope a:hover,.dark .theme-scope .link:hover{color:var(--groq-orange-300)}.theme-scope.dark .text-groq-orange,.dark .theme-scope .text-groq-orange{color:var(--groq-orange-300)}.theme-scope.dark .bg-groq-orange,.dark .theme-scope .bg-groq-orange{background-color:var(--groq-orange-500)}.theme-scope.dark .border-groq-orange,.dark .theme-scope .border-groq-orange{border-color:var(--groq-orange-400)}.theme-scope.dark .text-groq-yellow,.dark .theme-scope .text-groq-yellow{color:var(--groq-yellow-200)}.theme-scope.dark .bg-groq-yellow,.dark .theme-scope .bg-groq-yellow{background-color:var(--groq-yellow-400)}.theme-scope.dark .border-groq-yellow,.dark .theme-scope .border-groq-yellow{border-color:var(--groq-yellow-300)}.theme-scope.dark .text-groq-green,.dark .theme-scope .text-groq-green{color:var(--groq-green-300)}.theme-scope.dark .bg-groq-green,.dark .theme-scope .bg-groq-green{background-color:var(--groq-green-400)}.theme-scope.dark .border-groq-green,.dark .theme-scope .border-groq-green{border-color:var(--groq-green-300)}.theme-scope.dark .text-groq-blue,.dark .theme-scope .text-groq-blue{color:var(--groq-blue-200)}.theme-scope.dark .bg-groq-blue,.dark .theme-scope .bg-groq-blue{background-color:var(--groq-blue-400)}.theme-scope.dark .border-groq-blue,.dark .theme-scope .border-groq-blue{border-color:var(--groq-blue-300)}.theme-scope.dark .text-groq-purple,.dark .theme-scope .text-groq-purple{color:var(--groq-purple-300)}.theme-scope.dark .bg-groq-purple,.dark .theme-scope .bg-groq-purple{background-color:var(--groq-purple-400)}.theme-scope.dark .border-groq-purple,.dark .theme-scope .border-groq-purple{border-color:var(--groq-purple-300)}.theme-scope.dark .text-groq-pink,.dark .theme-scope .text-groq-pink{color:var(--groq-pink-300)}.theme-scope.dark .bg-groq-pink,.dark .theme-scope .bg-groq-pink{background-color:var(--groq-pink-400)}.theme-scope.dark .border-groq-pink,.dark .theme-scope .border-groq-pink{border-color:var(--groq-pink-300)}.theme-scope.dark .text-primary,.dark .theme-scope .text-primary{color:var(--groq-gray-50)}.theme-scope.dark .text-muted,.dark .theme-scope .text-muted{color:var(--groq-gray-400)}.theme-scope.dark .text-on-dark,.dark .theme-scope .text-on-dark{color:var(--groq-gray-900)}.theme-scope.dark .bg-muted,.dark .theme-scope .bg-muted{background-color:var(--groq-gray-700)}.theme-scope.dark .bg-secondary,.dark .theme-scope .bg-secondary{background-color:var(--groq-gray-800)}.theme-scope.dark .bg-dark,.dark .theme-scope .bg-dark{background-color:var(--groq-gray-50);color:var(--groq-gray-900)}html,body{height:100%;overflow:hidden;overscroll-behavior:none;width:100%;transform:translateZ(0)}.app-main-content{display:flex;flex-direction:column;height:100dvh;height:calc(var(--vh)*100);max-height:100dvh;max-height:calc(var(--vh)*100);overflow:hidden;background-color:#fff;background:#fff;position:relative;transform:translate3d(0, 0, 0);backface-visibility:hidden}.app-main-content.theme-scope{background-color:#fff;background:#fff;padding:0;border-radius:0;box-shadow:none}.chat-layout{display:flex;flex:1;min-height:0;overflow:hidden;background-color:#fff;background:#fff;position:relative;transform:translate3d(0, 0, 0)}.chat-main{flex:1;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;background-color:#fff;background:#fff;position:relative;transform:translate3d(0, 0, 0)}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch;position:relative;transform:translate3d(0, 0, 0);will-change:scroll-position;padding-bottom:140px}@media(max-width: 768px){.chat-messages{padding-bottom:160px}}.messages-content{width:100%;max-width:48rem;margin:0 auto;padding:1rem}.chat-inset-header{display:flex;align-items:center;gap:.5rem;height:3rem;padding:0 .75rem;border-bottom:1px solid #e2e8f0;background-color:#fff;background:#fff;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}.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;overflow-x:hidden}.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:12rem}@media (min-width: 640px){.messages-content{padding-left:0.5rem;padding-right:0.5rem}}@media (min-width: 768px){.messages-content{max-width:48rem}}.messages-content{overflow-x:hidden}.message-wrapper{display:flex;width:100%;animation:fadeIn .3s ease-out forwards}.message-group{position:relative;display:flex;flex-direction:column;padding-bottom:0.5rem;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-editing.message-me{background-color:rgba(244,244,245,.5);outline:2px dashed var(--color-primary, #3b82f6);outline-offset:2px}.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;align-items:center;gap:0.25rem;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.action-icon-btn-stop{color:#ef4444}.action-icon-btn.action-icon-btn-stop:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));color:#dc2626}.action-icon-btn .iconify{font-size:16px}.message-model-name{color:#94a3b8;font-size:.8125rem;padding:0 .5rem;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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)}}.text-size-small .message{font-size:.9rem !important}.text-size-small .chat-input{font-size:.9rem !important}.text-size-small .message-content pre,.text-size-small .message-content code{font-size:.84375rem !important}.text-size-small .message-thinking{font-size:.84375rem !important}.text-size-large .message{font-size:1.1rem !important}.text-size-large .chat-input{font-size:1.1rem !important}.text-size-large .message-content pre,.text-size-large .message-content code{font-size:1.03125rem !important}.text-size-large .message-thinking{font-size:1.03125rem !important}.chat-input-wrapper{position:absolute;bottom:0px;left:0px;right:0px;z-index:10;margin-bottom:0.5rem;display:flex;flex-direction:column;align-items:center;padding-left:0.5rem;padding-right:0.5rem;background-color:rgba(0,0,0,0)}@media(max-width: 640px){.chat-input-wrapper{padding-left:0.75rem;padding-right:0.75rem}}.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;min-width:0}.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;flex-wrap:nowrap;min-width:0}.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)}",[],[207,433,455],"3b783a80-ef19-11f0-ba44-42dde27851f2","compiled-2.css","0bfafdc4-e2e9-11f0-b141-42dde27851f2",139,["D",1768155209875],".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}.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 .color-success{color:var(--color-success)}.theme-scope .color-success-bg{background-color:var(--color-success-light);color:var(--color-success-dark)}.theme-scope .color-success-border{border-color:var(--color-success)}.theme-scope .color-success-text{color:var(--color-success-dark)}.theme-scope .color-success-link{color:var(--color-success-link)}.theme-scope .color-success-link:hover{color:var(--color-success-link-hover)}.theme-scope .color-warning{color:var(--color-warning)}.theme-scope .color-warning-bg{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.theme-scope .color-warning-border{border-color:var(--color-warning)}.theme-scope .color-warning-text{color:var(--color-warning-dark)}.theme-scope .color-warning-link{color:var(--color-warning-link)}.theme-scope .color-warning-link:hover{color:var(--color-warning-link-hover)}.theme-scope .color-danger{color:var(--color-danger)}.theme-scope .color-danger-bg{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.theme-scope .color-danger-border{border-color:var(--color-danger)}.theme-scope .color-danger-text{color:var(--color-danger-dark)}.theme-scope .color-danger-link{color:var(--color-danger-link)}.theme-scope .color-danger-link:hover{color:var(--color-danger-link-hover)}.theme-scope .color-info{color:var(--color-primary)}.theme-scope .color-info-bg{background-color:var(--color-primary-lighter);color:var(--color-primary-dark)}.theme-scope .color-info-border{border-color:var(--color-primary)}.theme-scope .color-info-text{color:var(--color-primary-dark)}.theme-scope .color-info-link{color:var(--color-primary-hover)}.theme-scope .color-info-link:hover{color:var(--color-primary-active)}.theme-scope .color-neutral{color:var(--color-text-secondary)}.theme-scope .color-neutral-bg{background-color:var(--color-bg-muted);color:var(--color-text-neutral-dark)}.theme-scope .color-neutral-border{border-color:var(--color-border-light)}.theme-scope .color-neutral-text{color:var(--color-text-neutral)}.theme-scope .color-neutral-link{color:var(--color-neutral-link)}.theme-scope .color-neutral-link:hover{color:var(--color-neutral-link-hover)}.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-code-border, 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:var(--color-code-header-bg, rgba(0, 0, 0, 0.03));border-bottom:1px solid var(--color-code-border, var(--color-border))}.theme-scope .code-block-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.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-text-primary)}.theme-scope .code-block-tab.active{color:var(--color-text-primary)}.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:var(--color-bg-muted);color:var(--color-text-primary)}.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-text-primary);background-color:var(--color-bg-muted)}.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 code[class*=language-],.theme-scope pre[class*=language-]{color:var(--color-code-text-dark, #334155);text-shadow:none}.theme-scope .token.comment,.theme-scope .token.prolog,.theme-scope .token.doctype,.theme-scope .token.cdata{color:#64748b}.theme-scope .token.punctuation{color:#475569}.theme-scope .token.property,.theme-scope .token.tag,.theme-scope .token.boolean,.theme-scope .token.number,.theme-scope .token.constant,.theme-scope .token.symbol,.theme-scope .token.deleted{color:#0284c7}.theme-scope .token.selector,.theme-scope .token.attr-name,.theme-scope .token.string,.theme-scope .token.char,.theme-scope .token.builtin,.theme-scope .token.inserted{color:#059669}.theme-scope .token.operator,.theme-scope .token.entity,.theme-scope .token.url,.theme-scope .language-css .token.string,.theme-scope .style .token.string{color:#475569}.theme-scope .token.atrule,.theme-scope .token.attr-value,.theme-scope .token.keyword{color:#7c3aed}.theme-scope .token.function,.theme-scope .token.class-name{color:#2563eb}.theme-scope .token.regex,.theme-scope .token.important,.theme-scope .token.variable{color:#c2410c}.theme-scope .token.important,.theme-scope .token.bold{font-weight:bold}.theme-scope .token.italic{font-style:italic}.theme-scope .token.entity{cursor:help}.theme-scope.dark code[class*=language-],.theme-scope.dark pre[class*=language-],.dark .theme-scope code[class*=language-],.dark .theme-scope pre[class*=language-]{color:#ccc;text-shadow:none}.theme-scope.dark .token.comment,.theme-scope.dark .token.prolog,.theme-scope.dark .token.doctype,.theme-scope.dark .token.cdata,.dark .theme-scope .token.comment,.dark .theme-scope .token.prolog,.dark .theme-scope .token.doctype,.dark .theme-scope .token.cdata{color:#999}.theme-scope.dark .token.punctuation,.dark .theme-scope .token.punctuation{color:#ccc}.theme-scope.dark .token.property,.theme-scope.dark .token.tag,.theme-scope.dark .token.boolean,.theme-scope.dark .token.number,.theme-scope.dark .token.constant,.theme-scope.dark .token.symbol,.theme-scope.dark .token.deleted,.dark .theme-scope .token.property,.dark .theme-scope .token.tag,.dark .theme-scope .token.boolean,.dark .theme-scope .token.number,.dark .theme-scope .token.constant,.dark .theme-scope .token.symbol,.dark .theme-scope .token.deleted{color:#f08d49}.theme-scope.dark .token.selector,.theme-scope.dark .token.attr-name,.theme-scope.dark .token.string,.theme-scope.dark .token.char,.theme-scope.dark .token.builtin,.theme-scope.dark .token.inserted,.dark .theme-scope .token.selector,.dark .theme-scope .token.attr-name,.dark .theme-scope .token.string,.dark .theme-scope .token.char,.dark .theme-scope .token.builtin,.dark .theme-scope .token.inserted{color:#7ec699}.theme-scope.dark .token.operator,.theme-scope.dark .token.entity,.theme-scope.dark .token.url,.theme-scope.dark .language-css .token.string,.theme-scope.dark .style .token.string,.dark .theme-scope .token.operator,.dark .theme-scope .token.entity,.dark .theme-scope .token.url,.dark .theme-scope .language-css .token.string,.dark .theme-scope .style .token.string{color:#67cdcc}.theme-scope.dark .token.atrule,.theme-scope.dark .token.attr-value,.theme-scope.dark .token.keyword,.dark .theme-scope .token.atrule,.dark .theme-scope .token.attr-value,.dark .theme-scope .token.keyword{color:#cc99cd}.theme-scope.dark .token.function,.theme-scope.dark .token.class-name,.dark .theme-scope .token.function,.dark .theme-scope .token.class-name{color:#f8c555}.theme-scope.dark .token.regex,.theme-scope.dark .token.important,.theme-scope.dark .token.variable,.dark .theme-scope .token.regex,.dark .theme-scope .token.important,.dark .theme-scope .token.variable{color:#e90}.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}.dark .theme-scope .toast,.theme-scope.dark .toast{background-color:var(--color-bg-secondary);box-shadow:0 4px 12px -1px rgba(0,0,0,.4),0 2px 6px -1px rgba(0,0,0,.3)}.dark .theme-scope .toast-success,.theme-scope.dark .toast-success{box-shadow:0 4px 12px -1px rgba(0,0,0,.4),0 0 20px -5px rgba(16,185,129,.2)}.dark .theme-scope .toast-error,.theme-scope.dark .toast-error{box-shadow:0 4px 12px -1px rgba(0,0,0,.4),0 0 20px -5px rgba(239,68,68,.2)}.dark .theme-scope .toast-warning,.theme-scope.dark .toast-warning{box-shadow:0 4px 12px -1px rgba(0,0,0,.4),0 0 20px -5px rgba(245,158,11,.2)}.dark .theme-scope .toast-info,.theme-scope.dark .toast-info{box-shadow:0 4px 12px -1px rgba(0,0,0,.4),0 0 20px -5px rgba(59,130,246,.2)}.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 var(--color-border)}.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:var(--color-text-secondary);background-color:var(--color-bg-primary);border:none;border-right:1px solid var(--color-border);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 var(--color-primary);outline-offset:-2px;z-index:10}.theme-scope .toggle-group-item:hover:not(:disabled):not([data-state=on]){background-color:var(--color-bg-muted)}.theme-scope .toggle-group-item[data-state=on],.theme-scope .toggle-group-item.selected{background-color:var(--color-primary-light, rgba(59, 130, 246, 0.15));color:var(--color-primary);z-index:1}.theme-scope .toggle-group-item:disabled,.theme-scope .toggle-group-item[disabled]{pointer-events:none;opacity:.38;color:var(--color-text-muted)}.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:var(--color-bg-muted)}.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:var(--color-primary-light, rgba(59, 130, 246, 0.15));color:var(--color-primary);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)}",[],[207,433,463],"3b6f1108-ef19-11f0-a7f0-42dde27851f2","compiled-1.css","0c19512a-e2e9-11f0-b39b-42dde27851f2",138,["D",1768155209859],"/* chat-app - Generated CSS */\n:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-muted: #f1f5f9;--color-border: #e2e8f0;--color-border-light: #cbd5e1;--color-text-primary: #0f172a;--color-text-muted: #94a3b8;--color-primary: #3b82f6}:root.dark,.dark{--color-bg-primary: #1e293b;--color-bg-secondary: #0f172a;--color-bg-muted: #334155;--color-border: #475569;--color-border-light: #334155;--color-text-primary: #f8fafc;--color-text-muted: #94a3b8;--color-primary: #60a5fa}.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: #f8fafc;--color-code-text: #be185d;--color-code-bg-dark: #f1f5f9;--color-code-text-dark: #334155;--color-code-header-bg: #e2e8f0;--color-code-border: #e2e8f0;--color-syntax-keyword: #7c3aed;--color-syntax-string: #059669;--color-syntax-number: #0284c7;--color-syntax-function: #2563eb;--color-syntax-comment: #64748b;--color-syntax-property: #c2410c;--color-syntax-punctuation: #475569;--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.dark,.dark .theme-scope{--color-text-primary: #f8fafc;--color-text-secondary: #e2e8f0;--color-text-muted: #94a3b8;--color-text-neutral: #cbd5e1;--color-text-neutral-dark: #e2e8f0;--color-text-disabled: #64748b;--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-muted: #334155;--color-bg-light: #1e293b;--color-bg-disabled: #1e293b;--color-border: #334155;--color-border-light: #475569;--color-border-tab: #475569;--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-primary-active: #2563eb;--color-primary-dark: #93c5fd;--color-primary-light: rgba(59, 130, 246, 0.15);--color-primary-lighter: rgba(59, 130, 246, 0.1);--color-primary-lightest: rgba(59, 130, 246, 0.05);--color-primary-ring: rgba(96, 165, 250, 0.4);--color-primary-text: #0f172a;--color-success: #34d399;--color-success-light: rgba(16, 185, 129, 0.15);--color-success-dark: #6ee7b7;--color-success-link: #34d399;--color-success-link-hover: #6ee7b7;--color-success-ring: rgba(52, 211, 153, 0.4);--color-success-text: #0f172a;--color-success-200: rgba(16, 185, 129, 0.2);--color-success-300: rgba(16, 185, 129, 0.3);--color-warning: #fbbf24;--color-warning-light: rgba(245, 158, 11, 0.15);--color-warning-dark: #fcd34d;--color-warning-link: #fbbf24;--color-warning-link-hover: #fcd34d;--color-warning-ring: rgba(251, 191, 36, 0.4);--color-warning-text: #0f172a;--color-warning-200: rgba(245, 158, 11, 0.2);--color-warning-300: rgba(245, 158, 11, 0.3);--color-danger: #f87171;--color-danger-light: rgba(239, 68, 68, 0.15);--color-danger-dark: #fca5a5;--color-danger-link: #f87171;--color-danger-link-hover: #fca5a5;--color-danger-ring: rgba(248, 113, 113, 0.4);--color-danger-text: #0f172a;--color-danger-200: rgba(239, 68, 68, 0.2);--color-danger-300: rgba(239, 68, 68, 0.3);--color-info: #38bdf8;--color-info-light: rgba(14, 165, 233, 0.15);--color-info-dark: #7dd3fc;--color-info-link: #38bdf8;--color-info-link-hover: #7dd3fc;--color-info-ring: rgba(56, 189, 248, 0.4);--color-info-text: #0f172a;--color-info-200: rgba(14, 165, 233, 0.2);--color-info-300: rgba(14, 165, 233, 0.3);--color-neutral: #a1a1aa;--color-neutral-light: rgba(113, 113, 122, 0.15);--color-neutral-dark: #d4d4d8;--color-neutral-link: #a1a1aa;--color-neutral-link-hover: #d4d4d8;--color-neutral-ring: rgba(161, 161, 170, 0.4);--color-neutral-text: #0f172a;--color-neutral-200: rgba(113, 113, 122, 0.2);--color-neutral-300: rgba(113, 113, 122, 0.3);--color-code-bg: #1e293b;--color-code-text: #fb7185;--color-code-bg-dark: #1e293b;--color-code-text-dark: #e2e8f0;--color-code-header-bg: #334155;--color-code-border: #475569;--color-tab: #94a3b8;--color-tab-active: #60a5fa;--color-gray-300: #475569;--color-gray-400: #64748b;--color-white: #0f172a;--color-gray-ring: rgba(148, 163, 184, 0.25);--color-gray-ring-dark: rgba(248, 250, 252, 0.1);--color-bg-dark: #f8fafc;--color-text-on-dark: #0f172a;--color-text-on-dark-muted: rgba(15, 23, 42, 0.85);--color-accent: #fbbf24;--color-accent-hover: #f59e0b;--color-cta: #60a5fa;--color-cta-hover: #3b82f6;--color-control-border: var(--color-border);--color-control-border-hover: var(--color-border-light);--color-control-bg: var(--color-bg-secondary);--color-control-bg-hover: var(--color-bg-muted);--color-control-checked: var(--color-primary);--color-control-checked-hover: var(--color-primary-hover);--color-control-checked-border: var(--color-primary);--color-control-checkmark: #0f172a;--color-toggle-bg: var(--color-border-light);--color-toggle-bg-checked: var(--color-primary);--color-toggle-knob: #0f172a;--color-choice-border: var(--color-border);--color-choice-border-hover: var(--color-border-light);--color-choice-border-checked: var(--color-primary);--color-choice-bg: transparent;--color-choice-bg-hover: var(--color-bg-muted);--color-choice-bg-checked: rgba(96, 165, 250, 0.1);--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: 0.75rem;--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:1px solid var(--color-code-border, var(--color-border));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-bg-primary)}.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-bg-muted);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)}",[],[207,433,471],"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",[],[207,433,479],"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)}",[],[207,433,487],"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}",[],[207,433,495],"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",[],[207,433,503],"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",[],[207,433,511],"0d42f48e-e2e9-11f0-b941-42dde27851f2","theme.scss","0d42f6b4-e2e9-11f0-b941-42dde27851f2","0ac3cc10-e2e9-11f0-9dc9-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",[],[207,433,527,519],"design-system","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",[],[207,433,527,529],"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",[],[207,433,527,537],"0d2bb4b8-e2e9-11f0-b141-42dde27851f2","config.js","0d2bb576-e2e9-11f0-b141-42dde27851f2",84,["D",1766815102465],"// Design theme configuration\n// ============================================================\n// THEME SWITCHING: Comment/uncomment the import below to switch themes\n// This should match the theme selected in theme.scss\n// ============================================================\n\n// DEFAULT THEME (uncomment this, comment out others)\n// import * as activeTheme from './default/config.js';\n\n// GROQ THEME (uncomment this, comment out others)\nimport * as activeTheme from './groq/config.js';\n\n// RETRO THEME (create retro/config.js first)\n// import * as activeTheme from './retro/config.js';\n\n// STARTUP THEME (create startup/config.js first)\n// import * as activeTheme from './startup/config.js';\n\n// LUMA THEME (create luma/config.js first)\n// import * as activeTheme from './luma/config.js';\n\n// ============================================================\n// Re-export theme data for direct access\n// ============================================================\nexport const themeName = activeTheme.themeName;\nexport const themeDescription = activeTheme.themeDescription;\nexport const typography = activeTheme.typography;\nexport const customColors = activeTheme.customColors;\nexport const semanticColors = activeTheme.semanticColors;\nexport const tailwindExtend = activeTheme.tailwindExtend;\nexport const themeConfig = activeTheme.themeConfig;\n\n// ============================================================\n// Generate Tailwind config script tag from theme data\n// ============================================================\nfunction generateTailwindScript() {\n // Build the color palette entries for Tailwind\n const colorEntries = Object.entries(customColors).map(([key, value]) => {\n return \" '\" + key + \"': window.themeConfig.customColors['\" + key + \"'].palette\";\n }).join(',\\n');\n\n // Build the themeConfig object as a string\n const themeConfigStr = JSON.stringify({\n typography: typography,\n customColors: customColors,\n semanticColors: semanticColors\n }, null, 2);\n\n // Build the complete script\n const script = '\\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",[],[207,433,527,545],"0d55b45c-e2e9-11f0-bb45-42dde27851f2","_typography.scss","0d55b560-e2e9-11f0-bb45-42dde27851f2","0b67b3ac-e2e9-11f0-9dc9-42dde27851f2",92,["D",1766815102710],".theme-scope {\n /* ===================================\n Typography Tokens\n =================================== */\n\n /* Font Families */\n --font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n --font-mono: 'Menlo', ui-monospace, SFMono-Regular, 'SF Mono', Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;\n \n /* Marketing/Display Font (for landing pages, hero sections) */\n --font-display: var(--font-sans);\n \n /* Body Copy Font (for marketing content) */\n --font-marketing: var(--font-sans);\n\n /* Font Sizes */\n --text-xs: 0.75rem; /* 12px */\n --text-sm: 0.875rem; /* 14px */\n --text-base: 1rem; /* 16px */\n --text-lg: 1.125rem; /* 18px */\n --text-xl: 1.25rem; /* 20px */\n --text-2xl: 1.5rem; /* 24px */\n --text-3xl: 1.875rem; /* 30px */\n --text-4xl: 2.25rem; /* 36px */\n\n /* Font Weights */\n --font-normal: 400;\n --font-medium: 500;\n --font-semibold: 600;\n --font-bold: 700;\n\n /* Line Heights */\n --leading-none: 1;\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --leading-normal: 1.5;\n --leading-relaxed: 1.625;\n --leading-loose: 2;\n\n /* Letter Spacing */\n --tracking-tighter: -0.05em;\n --tracking-tight: -0.025em;\n --tracking-normal: 0;\n --tracking-wide: 0.025em;\n --tracking-wider: 0.05em;\n\n /* Heading Sizes (semantic) */\n --text-h1: 2rem; /* 32px */\n --text-h2: 1.5rem; /* 24px */\n --text-h3: 1.25rem; /* 20px */\n --text-h4: 1.125rem; /* 18px */\n --text-h5: 1rem; /* 16px */\n --text-h6: 0.875rem; /* 14px */\n\n /* Component-Specific Typography */\n --text-button: var(--text-sm);\n --text-button-sm: var(--text-xs);\n --text-badge: var(--text-xs);\n --text-input: var(--text-sm);\n --text-label: var(--text-sm);\n --text-copy-btn: var(--text-xs);\n}\n\n",[],[207,433,527,561,553],"tokens","0d6586ac-e2e9-11f0-8fcb-42dde27851f2","_spacing.scss","0d65876a-e2e9-11f0-8fcb-42dde27851f2",95,["D",1766815102832],".theme-scope {\n /* ===================================\n Spacing Tokens (Semantic)\n =================================== */\n\n /* Button Spacing */\n --space-btn-x: 0.875rem; /* 14px - horizontal padding */\n --space-btn-y: 0.5rem; /* 8px - vertical padding */\n --space-btn-sm-x: 0.5rem; /* 8px - small button horizontal */\n --space-btn-sm-y: 0.25rem; /* 4px - small button vertical */\n --space-btn-icon: 0.75rem; /* 12px - icon-only button padding */\n\n /* Input/Form Spacing */\n --space-input-x: 0.75rem; /* 12px - horizontal padding */\n --space-input-y: 0.5rem; /* 8px - vertical padding */\n \n /* Card Spacing */\n --space-card-padding: 1.25rem; /* 20px - card body padding */\n \n /* Tab Spacing */\n --space-tab-x: 1rem; /* 16px - tab horizontal spacing */\n --space-tab-y: 0.5rem; /* 8px - tab vertical spacing */\n --space-tab-modern-x: 1rem; /* 16px - modern tab horizontal */\n --space-tab-modern-y: 0.5rem; /* 8px - modern tab vertical */\n --space-tab-btn-x: 1.25rem; /* 20px - button-style tab horizontal */\n --space-tab-btn-y: 0.625rem; /* 10px - button-style tab vertical */\n \n /* Badge Spacing */\n --space-badge-x: 0.625rem; /* 10px - badge horizontal */\n --space-badge-y: 0.25rem; /* 4px - badge vertical */\n --space-badge-sm-x: 0.5rem; /* 8px - small badge horizontal */\n --space-badge-sm-y: 0.125rem; /* 2px - small badge vertical */\n \n /* Dropdown Spacing */\n --space-dropdown-item-x: 0.75rem; /* 12px - dropdown item horizontal */\n --space-dropdown-item-y: 0.5rem; /* 8px - dropdown item vertical */\n \n /* Toast Spacing */\n --space-toast-x: 1rem; /* 16px - toast horizontal */\n --space-toast-y: 1rem; /* 16px - toast vertical */\n \n /* Copy Button Spacing */\n --space-copy-btn-x: 0.625rem; /* 10px - copy button horizontal */\n --space-copy-btn-y: 0.25rem; /* 4px - copy button vertical */\n \n /* Accordion Spacing */\n --space-accordion-x: 1rem; /* 16px - accordion item horizontal */\n --space-accordion-y: 1rem; /* 16px - accordion item vertical */\n \n /* Table Spacing */\n --space-table-cell-x: 0.75rem; /* 12px - table cell horizontal */\n --space-table-cell-y: 0.75rem; /* 12px - table cell vertical */\n \n /* List Item Spacing */\n --space-list-item-x: 1rem; /* 16px - list item horizontal */\n --space-list-item-y: 0.75rem; /* 12px - list item vertical */\n \n /* Pagination Spacing */\n --space-pagination-x: 0.75rem; /* 12px - pagination item horizontal */\n --space-pagination-y: 0.5rem; /* 8px - pagination item vertical */\n \n /* Toggle Group Spacing */\n --space-toggle-x: 0.75rem; /* 12px - toggle item horizontal */\n --space-toggle-y: 0.5rem; /* 8px - toggle item vertical */\n \n /* Gap Spacing (for flex/grid layouts) */\n --space-gap-xs: 0.25rem; /* 4px */\n --space-gap-sm: 0.5rem; /* 8px */\n --space-gap-md: 1rem; /* 16px */\n --space-gap-lg: 1.5rem; /* 24px */\n}\n\n",[],[207,433,527,561,563],"0d5b0a74-e2e9-11f0-8fcb-42dde27851f2","_shadows.scss","0d5b0b1e-e2e9-11f0-8fcb-42dde27851f2",93,["D",1766815102764],".theme-scope {\n /* ===================================\n Shadow Tokens\n =================================== */\n\n /* Base Shadows */\n --shadow-none: none;\n --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n --shadow-md: 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n --shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n --shadow-xl: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n\n /* Component-Specific Shadows */\n --shadow-card: var(--shadow-md);\n --shadow-dropdown: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n --shadow-toast: 0 5px 15px -3px rgba(0, 0, 0, 0.08);\n \n /* Focus Ring Sizes (used with color-*-ring variables) */\n --ring-width: 3px;\n --ring-offset: 0px;\n}\n\n",[],[207,433,527,561,571],"0d6239e8-e2e9-11f0-bb45-42dde27851f2","_radii.scss","0d623aba-e2e9-11f0-bb45-42dde27851f2",94,["D",1766815102825],".theme-scope {\n /* ===================================\n Border Radius Tokens\n =================================== */\n\n --radius-none: 0;\n --radius-sm: 0.25rem; /* 4px */\n --radius-md: 0.375rem; /* 6px */\n --radius-lg: 0.5rem; /* 8px */\n --radius-xl: 0.75rem; /* 12px */\n --radius-2xl: 1rem; /* 16px */\n --radius-full: 9999px; /* Fully rounded */\n\n /* Component-Specific Radii */\n --radius-button: var(--radius-md);\n --radius-input: var(--radius-md);\n --radius-card: var(--radius-lg);\n --radius-badge: var(--radius-md);\n --radius-badge-pill: var(--radius-full);\n --radius-dropdown: var(--radius-md);\n --radius-tab: var(--radius-md);\n --radius-tab-modern: var(--radius-md);\n --radius-toast: var(--radius-lg);\n}\n\n",[],[207,433,527,561,579],"0d5072ee-e2e9-11f0-8fcb-42dde27851f2","_index.scss","0d5073ac-e2e9-11f0-8fcb-42dde27851f2",91,["D",1766815102693],"/* ===================================\n Design Tokens Index\n Imports all token files to define CSS custom properties\n =================================== */\n\n@use 'colors';\n@use 'spacing';\n@use 'typography';\n@use 'radii';\n@use 'shadows';\n\n",[],[207,433,527,561,587],"0d4c54c0-e2e9-11f0-b141-42dde27851f2","_colors.scss","0d4c559c-e2e9-11f0-b141-42dde27851f2",90,["D",1766815102678],".theme-scope {\n /* ===================================\n Color Tokens\n =================================== */\n\n /* Text Colors */\n --color-text-primary: #0f172a;\n --color-text-secondary: oklch(21% 0.034 264.665);\n --color-text-muted: #94a3b8;\n --color-text-neutral: #475569;\n --color-text-neutral-dark: #334155;\n --color-text-disabled: #9ca3af; /* Readable disabled text color */\n\n /* Background Colors */\n --color-bg-primary: #ffffff;\n --color-bg-secondary: #f8fafc;\n --color-bg-muted: #f1f5f9;\n --color-bg-light: #F3F4F6;\n --color-bg-disabled: #f1f5f9; /* Disabled background color */\n\n /* Border Colors */\n --color-border: #e2e8f0;\n --color-border-light: #cbd5e1;\n --color-border-tab: #e4e4e7;\n\n /* Primary Colors */\n --color-primary: #3b82f6;\n --color-primary-hover: #2563eb;\n --color-primary-active: #1d4ed8;\n --color-primary-dark: #1e40af;\n --color-primary-light: #eff6ff;\n --color-primary-lighter: #dbeafe;\n --color-primary-lightest: #bfdbfe;\n \n /* Primary Ring (for focus states) */\n --color-primary-ring: rgba(59, 130, 246, 0.3);\n \n /* Primary Text (text color on primary background) */\n --color-primary-text: #ffffff;\n\n /* Success Colors */\n --color-success: #10b981; /* Brighter, less dark green (emerald-500) */\n --color-success-light: #d1fae5; /* Lighter background */\n --color-success-dark: #047857; /* Darker for text on light bg */\n --color-success-link: #059669;\n --color-success-link-hover: #047857;\n \n /* Success Ring */\n --color-success-ring: rgba(34, 197, 94, 0.3);\n \n /* Success Text (text color on success background) */\n --color-success-text: #ffffff;\n \n /* Success Secondary Colors (for outlined buttons) */\n --color-success-200: #bbf7d0;\n --color-success-300: #86efac;\n\n /* Warning Colors */\n --color-warning: #f59e0b;\n --color-warning-light: #fef3c7;\n --color-warning-dark: #92400e;\n --color-warning-link: #d97706;\n --color-warning-link-hover: #b45309;\n \n /* Warning Ring */\n --color-warning-ring: rgba(245, 158, 11, 0.3);\n \n /* Warning Text (text color on warning background) */\n --color-warning-text: #ffffff;\n \n /* Warning Secondary Colors */\n --color-warning-200: #fde68a;\n --color-warning-300: #fcd34d;\n\n /* Danger Colors */\n --color-danger: #ef4444;\n --color-danger-light: #fee2e2;\n --color-danger-dark: #b91c1c;\n --color-danger-link: #dc2626;\n --color-danger-link-hover: #b91c1c;\n \n /* Danger Ring */\n --color-danger-ring: rgba(239, 68, 68, 0.3);\n \n /* Danger Text (text color on danger background) */\n --color-danger-text: #ffffff;\n \n /* Danger Secondary Colors */\n --color-danger-200: #fecaca;\n --color-danger-300: #fca5a5;\n\n /* Info Colors */\n --color-info: #0ea5e9;\n --color-info-light: #e0f2fe;\n --color-info-dark: #075985;\n --color-info-link: #0284c7;\n --color-info-link-hover: #0369a1;\n \n /* Info Ring */\n --color-info-ring: rgba(14, 165, 233, 0.3);\n \n /* Info Text (text color on info background) */\n --color-info-text: #ffffff;\n \n /* Info Secondary Colors */\n --color-info-200: #bae6fd;\n --color-info-300: #7dd3fc;\n\n /* Neutral Colors */\n --color-neutral: #71717a;\n --color-neutral-light: #f4f4f5;\n --color-neutral-dark: #3f3f46;\n --color-neutral-link: #52525b;\n --color-neutral-link-hover: #3f3f46;\n \n /* Neutral Ring */\n --color-neutral-ring: rgba(113, 113, 122, 0.3);\n \n /* Neutral Text (text color on neutral background) */\n --color-neutral-text: #ffffff;\n \n /* Neutral Secondary Colors */\n --color-neutral-200: #e4e4e7;\n --color-neutral-300: #d4d4d8;\n\n /* Code Colors */\n --color-code-bg: #f1f5f9;\n --color-code-text: #e11d48;\n --color-code-bg-dark: #0f172a;\n --color-code-text-dark: #e2e8f0;\n\n /* Tab Colors */\n --color-tab: #71717a;\n --color-tab-active: #3b82f6;\n\n /* Utility Colors */\n --color-gray-300: #d1d5db;\n --color-gray-400: #9ca3af;\n --color-white: #ffffff;\n \n /* Gray Ring (for ghost buttons, etc.) */\n --color-gray-ring: rgba(161, 161, 170, 0.2);\n --color-gray-ring-dark: rgba(15, 23, 42, 0.1);\n \n /* Dark/Inverted Section Colors */\n --color-bg-dark: #0f172a;\n --color-text-on-dark: #ffffff;\n --color-text-on-dark-muted: rgba(255, 255, 255, 0.85);\n \n /* Accent Color (for CTAs, highlights) */\n --color-accent: #f59e0b;\n --color-accent-hover: #d97706;\n \n /* CTA Color */\n --color-cta: #3b82f6;\n --color-cta-hover: #2563eb;\n \n /* ===================================\n Form Controls (Checkbox, Radio, Toggle)\n =================================== */\n \n /* Unchecked state */\n --color-control-border: var(--color-border-light);\n --color-control-border-hover: var(--color-border);\n --color-control-bg: var(--color-bg-primary);\n --color-control-bg-hover: var(--color-bg-secondary);\n \n /* Checked state */\n --color-control-checked: var(--color-primary);\n --color-control-checked-hover: var(--color-primary-hover);\n --color-control-checked-border: var(--color-primary);\n --color-control-checkmark: #ffffff;\n \n /* Focus state */\n --color-control-ring: var(--color-primary-ring);\n \n /* Toggle-specific */\n --color-toggle-bg: var(--color-border);\n --color-toggle-bg-checked: var(--color-primary);\n --color-toggle-knob: #ffffff;\n \n /* ===================================\n Choice Card Colors\n =================================== */\n --color-choice-border: var(--color-border-light);\n --color-choice-border-hover: var(--color-border);\n --color-choice-border-checked: var(--color-primary);\n --color-choice-bg: transparent;\n --color-choice-bg-hover: var(--color-bg-secondary);\n --color-choice-bg-checked: rgba(59, 130, 246, 0.05);\n --color-choice-ring: var(--color-primary);\n}\n\n",[],[207,433,527,561,595],"0b67b2d0-e2e9-11f0-9dc9-42dde27851f2",18,["D",1766815099504],[346,347,348,349,350,351],[207,433,527,561],"0d34393a-e2e9-11f0-b141-42dde27851f2","overrides.scss","0d3439ee-e2e9-11f0-b141-42dde27851f2","0b517128-e2e9-11f0-8ff9-42dde27851f2",86,["D",1766815102510],"/* ===================================\n Startup Theme - \"The Institute\" Style\n Based on Brookings Institution style\n Font: Inter, Primary: #003A70, Accent: #FF9E1C\n =================================== */\n\n.theme-scope {\n /* ===================================\n Base Theme Override\n =================================== */\n --font-family-sans: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n --font-family-serif: Georgia, Cambria, \"Times New Roman\", Times, serif;\n \n font-family: var(--font-family-sans);\n background-color: #ffffff;\n color: #222222;\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n \n /* Institute Color Palette */\n --color-primary: #003A70;\n --color-primary-hover: #002855;\n --color-primary-active: #001a38;\n --color-primary-dark: #022A4E;\n \n --color-accent: #FF9E1C;\n --color-accent-hover: #e88d0b;\n \n --color-cta: #00649F; /* Specific CTA blue */\n --color-cta-hover: #FF9E1C;\n \n /* Text Colors */\n --color-text-primary: #222222;\n --color-text-secondary: #555555;\n --color-text-muted: #757575;\n --color-text-on-dark: #ffffff;\n --color-text-on-dark-muted: rgba(255,255,255,0.9);\n \n /* Backgrounds */\n --color-bg-primary: #ffffff;\n --color-bg-secondary: #f5f5f5;\n --color-bg-muted: #f0f0f0;\n --color-bg-dark: #022A4E;\n \n /* Borders */\n --color-border: #e0e0e0;\n --color-border-light: #eeeeee;\n \n /* Radii - Squared off */\n --radius-sm: 0px;\n --radius-md: 0px;\n --radius-lg: 0px;\n --radius-button: 0px;\n --radius-card: 0px;\n \n /* Shadows */\n --shadow-card: 0 2px 8px rgba(0,0,0,0.08);\n --shadow-hover: 0 8px 16px rgba(0,0,0,0.12);\n \n /* ===================================\n Typography\n =================================== */\n h1, h2, h3, h4, h5, h6,\n .text-h1, .text-h2, .text-h3 {\n font-family: var(--font-family-sans);\n font-weight: 700;\n color: var(--color-text-primary);\n letter-spacing: -0.02em;\n margin-top: 1.5em;\n margin-bottom: 0.75em;\n }\n \n h1, .text-h1 { \n font-size: 2.75rem; \n line-height: 1.1; \n font-weight: 800;\n }\n \n h2, .text-h2 { font-size: 2rem; line-height: 1.2; }\n h3, .text-h3 { font-size: 1.5rem; line-height: 1.3; font-weight: 700; }\n \n /* Links */\n a, .link {\n color: var(--color-primary);\n text-decoration: none;\n font-weight: 600;\n transition: all 0.2s ease;\n \n &:hover {\n color: var(--color-accent);\n text-decoration: underline;\n }\n }\n \n /* ===================================\n Buttons\n =================================== */\n .btn-primary {\n background-color: var(--color-primary);\n color: var(--color-text-on-dark);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 700;\n padding: 0.75rem 1.5rem;\n font-size: 1rem;\n transition: all 0.2s ease;\n text-decoration: none;\n display: inline-block;\n \n &:hover {\n background-color: var(--color-accent);\n color: var(--color-text-on-dark);\n text-decoration: none;\n }\n }\n \n .btn-secondary {\n background-color: transparent;\n color: var(--color-primary);\n border: 1px solid var(--color-primary);\n border-radius: var(--radius-button);\n font-weight: 700;\n padding: 0.7rem 1.5rem;\n transition: all 0.2s ease;\n text-decoration: none;\n display: inline-block;\n \n &:hover {\n background-color: var(--color-primary);\n color: var(--color-text-on-dark);\n text-decoration: none;\n }\n }\n \n .btn-cta {\n background-color: var(--color-cta);\n color: var(--color-text-on-dark);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 700;\n padding: 1rem 2rem;\n font-size: 1rem;\n transition: all 0.2s ease;\n text-decoration: none;\n display: inline-block;\n \n &:hover {\n background-color: var(--color-accent);\n color: var(--color-text-on-dark);\n text-decoration: none;\n }\n }\n \n .btn-accent {\n background-color: var(--color-accent);\n color: #000000; /* Black text on orange */\n border: none;\n border-radius: var(--radius-button);\n font-weight: 700;\n padding: 0.875rem 1.5rem;\n font-size: 1rem;\n text-transform: none; /* Regular case, not uppercase */\n letter-spacing: normal;\n transition: all 0.2s ease;\n text-decoration: none;\n display: inline-block;\n \n &:hover {\n background-color: #e88d0b; /* Darker orange on hover */\n color: #000000;\n text-decoration: none;\n }\n }\n \n .btn-sm {\n padding: 0.5rem 1rem;\n font-size: 0.75rem;\n }\n \n /* ===================================\n Dark Section (Inverted)\n =================================== */\n .bg-dark {\n background-color: var(--color-bg-dark);\n color: var(--color-text-on-dark);\n \n h1, h2, h3, h4, h5, h6,\n .text-h1, .text-h2, .text-h3 {\n color: var(--color-text-on-dark);\n }\n \n p {\n color: var(--color-text-on-dark-muted);\n }\n \n a:not(.btn-primary):not(.btn-secondary):not(.btn-cta):not(.btn-accent) {\n color: var(--color-text-on-dark);\n \n &:hover {\n text-decoration: underline;\n }\n }\n }\n \n /* ===================================\n Cards\n =================================== */\n .card {\n background-color: var(--color-bg-primary);\n border: 1px solid transparent;\n padding: 0;\n transition: box-shadow 0.2s;\n }\n \n /* ===================================\n Forms\n =================================== */\n input[type=text], input[type=email] {\n border: 1px solid var(--color-border);\n border-radius: var(--radius-button);\n padding: 1rem;\n font-family: var(--font-family-sans);\n font-size: 1rem;\n background-color: var(--color-bg-secondary);\n \n &:focus {\n background-color: var(--color-bg-primary);\n border-color: var(--color-primary);\n outline: none;\n }\n }\n \n /* ===================================\n Utility Classes\n =================================== */\n .text-accent { color: var(--color-accent); }\n .text-primary { color: var(--color-primary); }\n .text-on-dark { color: var(--color-text-on-dark); }\n .text-on-dark-muted { color: var(--color-text-on-dark-muted); }\n \n .bg-muted { background-color: var(--color-bg-muted); }\n .bg-secondary { background-color: var(--color-bg-secondary); }\n \n .border-accent { border-color: var(--color-accent); }\n .border-t-accent { border-top: 3px solid var(--color-accent); }\n \n /* Logo serif */\n .font-serif { font-family: var(--font-family-serif); }\n}\n",[],[207,433,527,616,608],"startup","0b517092-e2e9-11f0-8ff9-42dde27851f2",17,["D",1766815099358],[344],[207,433,527,616],"0d38b956-e2e9-11f0-a4b5-42dde27851f2","0d38ba28-e2e9-11f0-a4b5-42dde27851f2","0b3a40c0-e2e9-11f0-b141-42dde27851f2",87,["D",1766815102492],"/* ===================================\n Retro Theme - Geocities/Win95 Style\n Full override bringing back that 90s web nostalgia!\n =================================== */\n\n/* Playground-specific overrides (outside theme-scope) */\n:root {\n --playground-bg: #000033;\n --playground-text: #ffff00;\n --playground-text-muted: #00ff00;\n --playground-surface: #000080;\n --playground-surface-hover: #000066;\n --playground-border: #00ff00;\n --playground-border-hover: #00ffff;\n --playground-radius: 0;\n --playground-focus-ring: rgba(0, 255, 0, 0.4);\n --playground-font: \"Comic Sans MS\", \"Chalkboard SE\", \"Comic Neue\", cursive, sans-serif;\n}\n\n/* Retro Animations */\n@keyframes blink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0; }\n}\n\n@keyframes rainbow {\n 0% { color: #ff0000; }\n 17% { color: #ff8800; }\n 33% { color: #ffff00; }\n 50% { color: #00ff00; }\n 67% { color: #00ffff; }\n 83% { color: #ff00ff; }\n 100% { color: #ff0000; }\n}\n\n@keyframes marquee {\n 0% { transform: translateX(100%); }\n 100% { transform: translateX(-100%); }\n}\n\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n@keyframes glitch {\n 0%, 90%, 100% { transform: translate(0); }\n 91% { transform: translate(-2px, 1px); }\n 92% { transform: translate(2px, -1px); }\n 93% { transform: translate(-1px, -1px); }\n 94% { transform: translate(1px, 2px); }\n}\n\n@keyframes scanline {\n 0% { top: 0%; }\n 100% { top: 100%; }\n}\n\n.theme-scope {\n /* ===================================\n Base Theme Override\n =================================== */\n font-family: \"Comic Sans MS\", \"Chalkboard SE\", \"Comic Neue\", cursive, sans-serif;\n background-color: #000033;\n background-image: url('https://web.archive.org/web/20091027075046im_/http://geocities.com/Area51/Hollow/9880/starfield.gif');\n color: #ffff00;\n \n /* Retro Color Overrides */\n --color-primary: #00ff00;\n --color-primary-hover: #00cc00;\n --color-primary-active: #009900;\n --color-primary-dark: #006600;\n --color-primary-light: #000000;\n --color-primary-lighter: #003300;\n --color-primary-lightest: #001100;\n --color-primary-ring: rgba(0, 255, 0, 0.5);\n \n --color-text-primary: #ffff00;\n --color-text-secondary: #00ff00;\n --color-text-muted: #c0c0c0;\n \n --color-bg-primary: rgba(0, 0, 0, 0.8);\n --color-bg-secondary: #000080;\n --color-bg-muted: #000033;\n \n --color-border: #00ff00;\n --color-border-light: #00cc00;\n \n /* Semantic Colors - Neon Style */\n --color-success: #00ff00;\n --color-success-light: #003300;\n --color-success-dark: #00cc00;\n --color-warning: #ffff00;\n --color-warning-light: #333300;\n --color-danger: #ff0000;\n --color-danger-light: #330000;\n --color-info: #00ffff;\n --color-info-light: #003333;\n \n /* No rounded corners - it's the 90s! */\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 --radius-full: 0;\n \n /* ===================================\n Typography - READABLE VERSION\n =================================== */\n h1, h2, h3, h4, h5, h6,\n .text-h1, .text-h2, .text-h3,\n .text-lg, .text-xl, .text-2xl, .text-3xl, .text-4xl, .text-5xl {\n font-family: \"Impact\", \"Arial Black\", Gadget, sans-serif;\n color: #ff00ff; /* Hot pink - more visible */\n text-shadow: \n 2px 2px 0 #000,\n -1px -1px 0 #000,\n 1px -1px 0 #000,\n -1px 1px 0 #000; /* Black outline for readability */\n }\n \n /* Section headings in module demos - make them stand out */\n .font-semibold, .font-bold {\n color: #00ffff;\n text-shadow: 1px 1px 0 #000;\n }\n \n h1, .text-h1 {\n font-size: 2.5rem;\n letter-spacing: 2px;\n }\n \n h2, .text-h2 {\n font-size: 1.75rem;\n }\n \n h3, .text-h3, .text-lg {\n font-size: 1.25rem;\n color: #00ffff; /* Cyan for h3 */\n }\n \n /* Regular paragraph text */\n p, .text-sm, .text-base {\n color: #ffff00;\n text-shadow: 1px 1px 0 #000;\n }\n \n a, .link {\n color: #00ff00;\n text-decoration: underline;\n text-shadow: 1px 1px 0 #000;\n \n &:hover {\n color: #ffff00;\n text-shadow: 0 0 10px #00ff00, 1px 1px 0 #000;\n }\n \n &:visited {\n color: #ff00ff;\n }\n }\n \n strong, b {\n color: #ff6600;\n text-shadow: 1px 1px 0 #000;\n }\n \n code:not(pre code), .code-inline {\n background-color: #000;\n color: #00ff00;\n border: 1px solid #00ff00;\n font-family: \"Courier New\", Courier, monospace;\n padding: 0.125rem 0.375rem;\n }\n \n pre, .code-block {\n background-color: #000;\n color: #00ff00;\n border: 2px solid #00ff00;\n font-family: \"Courier New\", Courier, monospace;\n padding: 1rem;\n }\n \n blockquote {\n border-left: 4px solid #00ff00;\n background: rgba(0, 0, 0, 0.5);\n color: #ffff00;\n padding: 1rem;\n font-style: italic;\n }\n \n hr {\n border: none;\n border-top: 2px dashed #00ff00;\n margin: 2rem 0;\n }\n \n /* ===================================\n Tailwind Utility Class Overrides\n These override common Tailwind classes used in modules\n =================================== */\n \n /* Background overrides */\n .bg-white,\n .bg-gray-50,\n .bg-gray-100 {\n background-color: #c0c0c0 !important;\n }\n \n .bg-gray-200,\n .bg-gray-300 {\n background-color: #a0a0a0 !important;\n }\n \n /* Text color overrides */\n .text-gray-900,\n .text-gray-800,\n .text-gray-700 {\n color: #000000 !important;\n text-shadow: none;\n }\n \n .text-gray-600,\n .text-gray-500 {\n color: #333333 !important;\n }\n \n .text-gray-400 {\n color: #666666 !important;\n }\n \n .text-blue-600,\n .text-blue-500 {\n color: #00ffff !important;\n text-shadow: 1px 1px 0 #000;\n }\n \n .text-green-500 {\n color: #00ff00 !important;\n }\n \n .text-red-500 {\n color: #ff0000 !important;\n }\n \n /* Border overrides */\n .border-gray-200,\n .border-gray-300 {\n border-color: #808080 !important;\n }\n \n .border-gray-100 {\n border-color: #a0a0a0 !important;\n }\n \n /* Rounded corners - remove them! */\n .rounded,\n .rounded-md,\n .rounded-lg,\n .rounded-xl,\n .rounded-2xl,\n .rounded-full {\n border-radius: 0 !important;\n }\n \n /* ===================================\n Cards - Windows 95 Style\n =================================== */\n .card, .app-card {\n background-color: #c0c0c0;\n border: 4px outset #ffffff;\n box-shadow: 4px 4px 0px #000;\n color: #000000;\n }\n \n .card-title, .app-title {\n font-family: \"Impact\", \"Arial Black\", sans-serif;\n color: #000080;\n text-shadow: none;\n text-align: left;\n animation: none; /* Remove blink - too annoying */\n background: linear-gradient(to right, #c0c0c0, #e0e0e0);\n border-bottom: 2px solid #808080;\n padding-bottom: 0.5rem;\n margin-bottom: 1rem;\n \n &::before {\n content: \"📁 \";\n }\n &::after {\n content: \"\";\n }\n }\n \n .app-card-content {\n background-color: #ffffff;\n border: 2px inset #808080;\n color: #000000;\n padding: 1rem;\n }\n \n /* ===================================\n Buttons - Win95 3D Style\n =================================== */\n .btn-primary, .action-btn {\n background-color: #c0c0c0 !important;\n color: #000000 !important;\n font-family: \"Comic Sans MS\", \"Chalkboard SE\", \"Comic Neue\", cursive, sans-serif;\n font-weight: bold;\n border: 3px outset #ffffff !important;\n /* Default button look (thick black border simulation) */\n box-shadow: inset 0 0 0 1px #000000 !important; \n text-transform: uppercase;\n \n &:hover {\n background-color: #dcdcdc !important;\n border: 3px outset #ffffff !important;\n }\n \n &:active {\n border: 3px inset #808080 !important;\n background-color: #a0a0a0 !important;\n box-shadow: none !important;\n }\n \n &:focus {\n outline: 1px dotted #000;\n outline-offset: -4px;\n }\n }\n \n .btn-secondary, .btn-gray {\n background-color: #c0c0c0 !important;\n color: #000000 !important;\n border: 3px outset #ffffff !important;\n box-shadow: none !important;\n \n &:hover {\n background-color: #d0d0d0 !important;\n }\n \n &:active {\n border: 3px inset #808080 !important;\n }\n }\n \n .btn-tertiary {\n background: #c0c0c0 !important;\n color: #000000 !important;\n border: 2px outset #ffffff !important;\n \n &:hover {\n background: #d0d0d0 !important;\n }\n }\n \n .btn-danger {\n background-color: #ff0000 !important;\n color: #ffffff !important;\n border: 3px outset #ff6666 !important;\n \n &:active {\n border: 3px inset #990000 !important;\n }\n }\n \n .btn-success {\n background-color: #00aa00 !important;\n color: #ffffff !important;\n border: 3px outset #66ff66 !important;\n \n &:active {\n border: 3px inset #009900 !important;\n }\n }\n \n /* Blue buttons from modules */\n [class*=\"bg-blue-600\"],\n [class*=\"bg-blue-700\"] {\n background-color: #000080 !important;\n border: 3px outset #0000cc !important;\n \n &:hover {\n background-color: #0000aa !important;\n }\n }\n \n /* ===================================\n Forms - Terminal/Hacker Style\n =================================== */\n input[type=text],\n input[type=email],\n input[type=password],\n input[type=number],\n input[type=url],\n input[type=search],\n input[type=tel],\n input[type=date],\n input[type=time],\n input[type=datetime-local],\n textarea,\n .form-input {\n background: #001100 !important; /* Very dark green instead of pure black */\n color: #00ff00 !important;\n border: 2px inset #00ff00 !important;\n font-family: \"Courier New\", Courier, monospace !important;\n caret-color: #00ff00;\n text-shadow: 0 0 1px #00ff00; /* Subtle glow effect */\n \n &::placeholder {\n color: #00aa00 !important; /* Brighter placeholder for visibility */\n text-shadow: none;\n }\n \n &:focus {\n border-color: #00ff00 !important;\n box-shadow: 0 0 10px #00ff00, inset 0 0 5px rgba(0, 255, 0, 0.3) !important;\n }\n }\n \n select, .form-select {\n background: #000 !important;\n color: #00ff00 !important;\n border: 2px inset #00ff00 !important;\n font-family: \"Courier New\", Courier, monospace !important;\n /* Fix dropdown arrow - single chevron */\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%2300ff00'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E\") !important;\n background-repeat: no-repeat !important;\n background-position: right 8px center !important;\n background-size: 16px !important;\n padding-right: 32px !important;\n }\n \n label, .form-label {\n color: #ffff00 !important; /* Yellow for better contrast */\n font-family: \"Courier New\", Courier, monospace !important;\n font-weight: bold;\n text-transform: uppercase;\n background: #000080;\n padding: 4px 8px;\n border: 2px outset #4040c0;\n display: inline-block;\n margin-bottom: 6px;\n text-shadow: 1px 1px 0 #000000;\n }\n \n input[type=checkbox],\n input[type=radio] {\n accent-color: #00ff00;\n border-color: #00ff00;\n }\n \n input[type=range],\n .form-range {\n accent-color: #00ff00;\n background: #003300;\n }\n \n /* Copy Button - Retro Style */\n .copy-button, .copy-button-copied {\n background: #000080 !important;\n color: #00ffff !important;\n border: 2px outset #4040c0 !important;\n font-family: \"Courier New\", Courier, monospace !important;\n \n &:hover {\n background: #0000a0 !important;\n color: #ffffff !important;\n }\n }\n \n .copy-button-copied {\n background: #008000 !important;\n color: #ffffff !important;\n border: 2px outset #00c000 !important;\n }\n\n /* Toggle - Retro Mechanical Switch */\n input[type=checkbox].form-toggle {\n appearance: none;\n -webkit-appearance: none;\n width: 48px;\n height: 24px;\n background: #000000;\n border: 2px inset #808080 !important;\n border-radius: 0 !important; /* Square corners */\n position: relative;\n cursor: pointer;\n outline: none;\n \n /* The sliding button (thumb) */\n &::after {\n content: '';\n position: absolute;\n top: 2px;\n left: 2px;\n width: 16px;\n height: 16px;\n background: #c0c0c0;\n border: 2px outset #ffffff;\n transition: left 0.1s steps(2); /* Choppy retro animation */\n }\n\n /* OFF State specific styling */\n &:not(:checked) {\n background: #330000; /* Dark red background */\n box-shadow: inset 2px 2px 4px #000;\n }\n\n /* ON State specific styling */\n &:checked {\n background: #003300; /* Dark green background */\n \n &::after {\n left: 26px; /* Move to right */\n background: #00ff00; /* Green LED look */\n border: 2px outset #ccffcc;\n box-shadow: 0 0 5px #00ff00; /* Glow */\n }\n }\n \n &:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n filter: grayscale(100%);\n }\n }\n \n /* ===================================\n Tables - Classic HTML Style\n =================================== */\n table, .app-table {\n border: 4px ridge #808080 !important;\n background: #ffffff !important;\n color: #000000 !important;\n font-family: \"Times New Roman\", Times, serif;\n }\n \n th {\n background: #000080 !important;\n color: #ffffff !important;\n font-weight: bold;\n border: 2px inset #0000cc !important;\n padding: 8px;\n }\n \n td {\n border: 1px solid #808080 !important;\n padding: 8px;\n background: #ffffff !important;\n color: #000000 !important;\n }\n \n tr:nth-child(even) td {\n background: #e0e0e0 !important;\n }\n \n /* ===================================\n Badges - Bevel Style\n =================================== */\n .badge,\n [class*=\"badge-\"] {\n border: 2px outset #ffffff !important;\n background: #c0c0c0 !important;\n color: #000 !important;\n font-family: \"Comic Sans MS\", \"Chalkboard SE\", \"Comic Neue\", cursive, sans-serif;\n text-transform: uppercase;\n border-radius: 0 !important;\n }\n \n .badge-success {\n background: #00ff00 !important;\n border-color: #00cc00 !important;\n }\n \n .badge-danger {\n background: #ff0000 !important;\n color: #fff !important;\n border-color: #cc0000 !important;\n }\n \n .badge-warning {\n background: #ffff00 !important;\n border-color: #cccc00 !important;\n }\n \n .badge-info {\n background: #00ffff !important;\n border-color: #00cccc !important;\n }\n \n /* ===================================\n Tabs - Folder Style\n =================================== */\n .tabs-list {\n border-bottom: 2px solid #808080;\n }\n \n .tab-trigger {\n background: #c0c0c0 !important;\n border: 2px outset #ffffff !important;\n border-bottom: none !important;\n color: #000 !important;\n font-family: \"Comic Sans MS\", \"Chalkboard SE\", \"Comic Neue\", cursive, sans-serif;\n margin-right: 2px;\n \n &:hover {\n background: #d0d0d0 !important;\n }\n \n &[data-state=\"active\"],\n &.active {\n background: #ffffff !important;\n border-bottom: 2px solid #ffffff !important;\n margin-bottom: -2px;\n z-index: 1;\n }\n }\n \n /* ===================================\n Accordions - Retro Toggle\n =================================== */\n .accordion-group {\n border: 2px solid #808080;\n background: #c0c0c0;\n }\n \n .accordion-item {\n border-bottom: 2px solid #808080;\n }\n \n .accordion-button {\n color: #000080;\n text-transform: uppercase;\n font-weight: bold;\n font-family: \"Comic Sans MS\", \"Chalkboard SE\", \"Comic Neue\", cursive, sans-serif;\n \n &:hover {\n background: #d0d0d0;\n }\n }\n \n .accordion-content-inner {\n color: #000000;\n background: #ffffff;\n }\n \n /* ===================================\n Callouts/Alerts - Neon Boxes\n =================================== */\n .callout, .alert {\n border: 3px double;\n background: #000;\n padding: 1rem;\n \n &.callout-info, &.alert-info {\n border-color: #00ffff;\n color: #00ffff;\n }\n \n &.callout-success, &.alert-success {\n border-color: #00ff00;\n color: #00ff00;\n }\n \n &.callout-warning, &.alert-warning {\n border-color: #ffff00;\n color: #ffff00;\n }\n \n &.callout-danger, &.alert-danger {\n border-color: #ff0000;\n color: #ff0000;\n }\n }\n \n /* ===================================\n Loading States - Retro Style\n =================================== */\n .loading-spinner,\n .animate-spin {\n border: 4px solid #0000ff !important;\n border-top: 4px solid #ff0000 !important;\n border-radius: 0 !important;\n animation: spin 0.5s linear infinite !important;\n }\n \n .loading-text {\n color: #ff00ff;\n font-weight: bold;\n text-transform: uppercase;\n animation: blink 0.5s infinite;\n }\n \n /* Skeleton loading - make it retro */\n .animate-pulse,\n [class*=\"skeleton\"] {\n background: repeating-linear-gradient(\n 90deg,\n #000080 0px,\n #0000aa 10px,\n #000080 20px\n ) !important;\n animation: none !important;\n }\n \n /* ===================================\n Dropdowns - Win95 Menu\n =================================== */\n .dropdown-menu {\n background: #c0c0c0 !important;\n border: 2px outset #ffffff !important;\n box-shadow: 4px 4px 0 #000 !important;\n color: #000 !important;\n border-radius: 0 !important;\n }\n \n .dropdown-item {\n color: #000 !important;\n font-family: \"Comic Sans MS\", \"Chalkboard SE\", \"Comic Neue\", cursive, sans-serif;\n border-radius: 0 !important;\n \n &:hover {\n background: #000080 !important;\n color: #ffffff !important;\n }\n \n &:active {\n background: #000060 !important;\n }\n }\n \n .dropdown-header {\n color: #808080 !important;\n font-weight: bold;\n text-transform: uppercase;\n font-size: 0.75rem;\n }\n \n .dropdown-divider {\n border-color: #808080 !important;\n }\n \n /* ===================================\n Toast Notifications\n =================================== */\n .toast {\n background: #c0c0c0 !important;\n border: 3px outset #ffffff !important;\n color: #000 !important;\n font-family: \"Comic Sans MS\", \"Chalkboard SE\", \"Comic Neue\", cursive, sans-serif;\n box-shadow: 4px 4px 0 #000 !important;\n border-radius: 0 !important;\n }\n \n /* ===================================\n Avatar - Pixelated!\n =================================== */\n .avatar {\n border: 2px solid #00ff00 !important;\n image-rendering: pixelated;\n background: #000080 !important;\n border-radius: 0 !important;\n }\n \n /* ===================================\n Icons - Make them retro\n =================================== */\n .iconify {\n filter: none; /* Could add pixelation effect */\n }\n \n /* ===================================\n Kbd / Keyboard keys\n =================================== */\n kbd, .kbd {\n background: #c0c0c0 !important;\n border: 2px outset #ffffff !important;\n color: #000 !important;\n font-family: \"MS Sans Serif\", Tahoma, sans-serif !important;\n border-radius: 0 !important;\n box-shadow: 2px 2px 0 #808080 !important;\n }\n \n /* ===================================\n Toggle Groups\n =================================== */\n .toggle-group {\n border: 2px solid #808080;\n background: #c0c0c0;\n }\n \n .toggle-group-item {\n background: #c0c0c0 !important;\n border: 2px outset #ffffff !important;\n color: #000 !important;\n \n &:hover {\n background: #d0d0d0 !important;\n }\n \n &[data-state=\"on\"],\n &.active {\n background: #ffffff !important;\n border: 2px inset #808080 !important;\n }\n }\n \n /* ===================================\n Page Sections from Modules\n =================================== */\n \n /* Override header styling */\n header {\n background: #c0c0c0;\n border-bottom: 2px solid #808080;\n }\n \n /* Hero sections */\n section {\n background: #c0c0c0;\n }\n \n /* Footer */\n footer {\n background: #c0c0c0;\n border-top: 2px solid #808080;\n }\n \n /* ===================================\n Fun Extras - Easter Eggs\n =================================== */\n \n /* Visitor Counter Style */\n .visitor-counter {\n font-family: \"Courier New\", Courier, monospace;\n background: #000;\n color: #00ff00;\n border: 2px inset #333;\n padding: 0.25rem 0.5rem;\n display: inline-block;\n }\n \n /* Under Construction Banner */\n .under-construction {\n background: repeating-linear-gradient(\n 45deg,\n #ffff00,\n #ffff00 10px,\n #000 10px,\n #000 20px\n );\n padding: 0.5rem;\n text-align: center;\n font-weight: bold;\n color: #000;\n animation: glitch 2s infinite;\n }\n \n /* Marquee Text Effect */\n .marquee {\n overflow: hidden;\n white-space: nowrap;\n \n span {\n display: inline-block;\n animation: marquee 10s linear infinite;\n }\n }\n \n /* Rainbow Text */\n .rainbow-text {\n animation: rainbow 2s infinite linear;\n font-weight: bold;\n }\n \n /* Guestbook Style Comment Box */\n .guestbook {\n background: #ffffff;\n color: #000;\n border: 4px ridge #c0c0c0;\n padding: 1rem;\n font-family: \"Comic Sans MS\", cursive;\n \n .guestbook-entry {\n border-bottom: 1px dashed #808080;\n padding: 0.5rem 0;\n \n .guestbook-author {\n color: #0000ff;\n font-weight: bold;\n }\n \n .guestbook-date {\n color: #808080;\n font-size: 0.75rem;\n }\n }\n }\n \n /* Hit Counter */\n .hit-counter {\n background: #000;\n color: #ff0000;\n font-family: \"Courier New\", monospace;\n border: 2px inset #333;\n padding: 0.25rem 0.5rem;\n letter-spacing: 0.1em;\n \n &::before {\n content: \"Hits: \";\n color: #00ff00;\n }\n }\n \n /* Webring Navigation */\n .webring {\n text-align: center;\n padding: 0.5rem;\n border: 2px ridge #c0c0c0;\n background: #000;\n \n a {\n color: #00ff00;\n margin: 0 0.5rem;\n \n &:hover {\n color: #ffff00;\n }\n }\n }\n \n /* CRT Scanline Effect (optional - add to containers) */\n .crt-effect {\n position: relative;\n \n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: repeating-linear-gradient(\n 0deg,\n rgba(0, 0, 0, 0.1) 0px,\n rgba(0, 0, 0, 0.1) 1px,\n transparent 1px,\n transparent 2px\n );\n pointer-events: none;\n }\n }\n}\n",[],[207,433,527,630,608],"retro","0b3a3fee-e2e9-11f0-b141-42dde27851f2",16,["D",1766815099205],[342],[207,433,527,630],"0c5ca006-e2e9-11f0-b141-42dde27851f2","0c5ca0ba-e2e9-11f0-b141-42dde27851f2","0af97e82-e2e9-11f0-9dc9-42dde27851f2",49,["D",1766815101107],"/* ===================================\n Luma Theme - Event Platform Style\n Based on Lu.ma's clean, modern event platform aesthetic\n Font: System UI, Primary: Dark, Accent: Coral Red\n =================================== */\n\n.theme-scope {\n /* ===================================\n Base Theme Override\n =================================== */\n --font-family-sans: -apple-system, \"system-ui\", Inter, Roboto, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif;\n \n font-family: var(--font-family-sans);\n background-color: #ffffff;\n color: #131517;\n line-height: 1.5;\n -webkit-font-smoothing: antialiased;\n \n /* ===================================\n Luma Color Palette\n =================================== */\n \n /* Primary = Dark/Black (main buttons, text) */\n --color-primary: #131517;\n --color-primary-hover: #2a2d30;\n --color-primary-active: #0a0b0c;\n --color-primary-dark: #000000;\n --color-primary-light: #f7f8f9;\n --color-primary-lighter: #f1f5f9;\n --color-primary-lightest: #e2e8f0;\n --color-primary-ring: rgba(19, 21, 23, 0.2);\n \n /* Accent = Luma Coral/Red (CTAs, highlights, brand) */\n --color-accent: #e54d2e;\n --color-accent-hover: #d4401f;\n --color-accent-light: #ff6b4a;\n \n /* CTA uses the accent color */\n --color-cta: #e54d2e;\n --color-cta-hover: #d4401f;\n \n /* Text Colors */\n --color-text-primary: #131517;\n --color-text-secondary: rgba(19, 21, 23, 0.64);\n --color-text-muted: #94a3b8;\n --color-text-neutral: #475569;\n --color-text-neutral-dark: #334155;\n --color-text-on-dark: #ffffff;\n --color-text-on-dark-muted: rgba(255, 255, 255, 0.85);\n \n /* Backgrounds */\n --color-bg-primary: #ffffff;\n --color-bg-secondary: #f8fafc;\n --color-bg-muted: #f1f5f9;\n --color-bg-light: #f7f8f9;\n --color-bg-dark: #131517;\n --color-bg-hover: #e2e8f0;\n \n /* Borders */\n --color-border: #e2e8f0;\n --color-border-light: #f1f5f9;\n --color-border-tab: #e4e4e7;\n \n /* Semantic Colors */\n --color-success: #22c55e;\n --color-success-light: #dcfce7;\n --color-success-dark: #166534;\n \n --color-warning: #f59e0b;\n --color-warning-light: #fef3c7;\n --color-warning-dark: #92400e;\n \n --color-danger: #ef4444;\n --color-danger-light: #fee2e2;\n --color-danger-dark: #b91c1c;\n \n --color-info: #0ea5e9;\n --color-info-light: #e0f2fe;\n --color-info-dark: #075985;\n \n /* Utility Colors */\n --color-white: #ffffff;\n --color-gray-300: #d1d5db;\n --color-gray-400: #9ca3af;\n \n /* ===================================\n Border Radius - Luma uses generous rounding\n =================================== */\n --radius-sm: 0.25rem; /* 4px */\n --radius-md: 0.5rem; /* 8px */\n --radius-lg: 0.75rem; /* 12px */\n --radius-xl: 1rem; /* 16px */\n --radius-2xl: 1.25rem; /* 20px */\n --radius-full: 9999px;\n \n /* Component-specific radii */\n --radius-button: 0.75rem; /* 12px - Luma uses larger button radii */\n --radius-input: 0.75rem; /* 12px */\n --radius-card: 0.75rem; /* 12px */\n --radius-badge: 9999px; /* Pill badges */\n --radius-dropdown: 0.5rem; /* 8px */\n --radius-tab: 0.5rem; /* 8px */\n --radius-toast: 0.75rem; /* 12px */\n \n /* ===================================\n Shadows - Soft and subtle\n =================================== */\n --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);\n --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);\n --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12);\n --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.15);\n --shadow-2xl: 0 20px 60px rgba(0, 0, 0, 0.2);\n --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08);\n --shadow-dropdown: 0 4px 12px rgba(0, 0, 0, 0.1);\n --shadow-toast: 0 8px 32px rgba(0, 0, 0, 0.12);\n \n /* ===================================\n Typography\n =================================== */\n h1, h2, h3, h4, h5, h6,\n .text-h1, .text-h2, .text-h3 {\n font-family: var(--font-family-sans);\n font-weight: 600;\n color: var(--color-text-primary);\n letter-spacing: -0.02em;\n line-height: 1.2;\n }\n \n h1, .text-h1 { \n font-size: 2.5rem; \n font-weight: 700;\n }\n \n h2, .text-h2 { \n font-size: 1.875rem; \n font-weight: 700;\n }\n \n h3, .text-h3 { \n font-size: 1.25rem; \n font-weight: 600;\n }\n \n /* Links - subtle, no underline by default */\n a, .link {\n color: var(--color-text-primary);\n text-decoration: none;\n transition: color 0.2s ease;\n \n &:hover {\n color: var(--color-text-neutral);\n text-decoration: none;\n }\n }\n \n /* ===================================\n Buttons - Luma Style\n =================================== */\n .btn-primary {\n background-color: var(--color-primary);\n color: var(--color-text-on-dark);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 600;\n padding: 0.75rem 1.5rem;\n font-size: 1rem;\n transition: all 0.2s ease;\n \n &:hover {\n background-color: var(--color-primary-hover);\n transform: translateY(-1px);\n box-shadow: var(--shadow-md);\n }\n \n &:active {\n transform: translateY(0);\n }\n }\n \n .btn-secondary {\n background-color: var(--color-bg-muted);\n color: var(--color-text-primary);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 500;\n padding: 0.75rem 1.5rem;\n transition: all 0.2s ease;\n \n &:hover {\n background-color: var(--color-bg-hover);\n }\n }\n \n .btn-tertiary {\n background-color: transparent;\n color: var(--color-text-neutral);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 500;\n padding: 0.75rem 1.5rem;\n transition: all 0.2s ease;\n \n &:hover {\n background-color: var(--color-bg-muted);\n color: var(--color-text-primary);\n }\n }\n \n .btn-ghost {\n background-color: transparent;\n color: var(--color-text-muted);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 500;\n padding: 0.5rem 1rem;\n transition: all 0.2s ease;\n \n &:hover {\n background-color: var(--color-bg-muted);\n color: var(--color-text-neutral);\n }\n }\n \n /* Accent button (uses Luma coral) */\n .btn-accent, .btn-cta {\n background-color: var(--color-accent);\n color: var(--color-text-on-dark);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 600;\n padding: 0.875rem 1.5rem;\n font-size: 1rem;\n transition: all 0.2s ease;\n \n &:hover {\n background-color: var(--color-accent-hover);\n transform: translateY(-1px);\n box-shadow: var(--shadow-md);\n }\n }\n \n .btn-danger {\n background-color: var(--color-danger);\n color: var(--color-text-on-dark);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 600;\n \n &:hover {\n background-color: var(--color-danger-dark);\n }\n }\n \n .btn-success {\n background-color: var(--color-success);\n color: var(--color-text-on-dark);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 600;\n \n &:hover {\n background-color: var(--color-success-dark);\n }\n }\n \n /* ===================================\n Cards - Clean with subtle shadow\n =================================== */\n .card {\n background-color: var(--color-bg-primary);\n border: none;\n border-radius: var(--radius-card);\n box-shadow: var(--shadow-card);\n transition: box-shadow 0.2s ease;\n \n &:hover {\n box-shadow: var(--shadow-md);\n }\n }\n \n .card-title {\n font-weight: 600;\n color: var(--color-text-primary);\n font-size: 1.125rem;\n }\n \n /* ===================================\n Forms - Rounded, clean inputs\n =================================== */\n input[type=text],\n input[type=email],\n input[type=password],\n input[type=number],\n input[type=url],\n input[type=search],\n input[type=tel],\n textarea,\n .form-input {\n background-color: var(--color-bg-muted);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-input);\n padding: 0.75rem 1rem;\n font-family: var(--font-family-sans);\n font-size: 1rem;\n color: var(--color-text-primary);\n transition: all 0.2s ease;\n \n &::placeholder {\n color: var(--color-text-muted);\n }\n \n &:focus {\n background-color: var(--color-bg-primary);\n border-color: var(--color-primary);\n outline: none;\n box-shadow: 0 0 0 3px var(--color-primary-ring);\n }\n }\n \n select, .form-select {\n background-color: var(--color-bg-muted);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-input);\n padding: 0.75rem 1rem;\n font-family: var(--font-family-sans);\n font-size: 1rem;\n color: var(--color-text-primary);\n \n &:focus {\n border-color: var(--color-primary);\n outline: none;\n box-shadow: 0 0 0 3px var(--color-primary-ring);\n }\n }\n \n label, .form-label {\n color: var(--color-text-primary);\n font-weight: 600;\n font-size: 0.875rem;\n margin-bottom: 0.5rem;\n display: block;\n }\n \n /* ===================================\n Badges - Pill style\n =================================== */\n .badge {\n border-radius: var(--radius-badge);\n font-weight: 600;\n font-size: 0.75rem;\n padding: 0.25rem 0.75rem;\n }\n \n .badge-success {\n background-color: var(--color-success-light);\n color: var(--color-success-dark);\n }\n \n .badge-danger {\n background-color: var(--color-danger-light);\n color: var(--color-danger-dark);\n }\n \n .badge-warning {\n background-color: var(--color-warning-light);\n color: var(--color-warning-dark);\n }\n \n .badge-info {\n background-color: var(--color-info-light);\n color: var(--color-info-dark);\n }\n \n /* ===================================\n Tabs - Rounded pill style\n =================================== */\n .tabs-list {\n background-color: var(--color-bg-muted);\n border-radius: var(--radius-lg);\n padding: 0.25rem;\n }\n \n .tab-trigger {\n border-radius: var(--radius-md);\n font-weight: 500;\n color: var(--color-text-muted);\n background: transparent;\n border: none;\n padding: 0.5rem 1rem;\n transition: all 0.15s ease;\n \n &:hover:not(.active):not([data-state=\"active\"]) {\n color: var(--color-text-primary);\n background-color: rgba(0, 0, 0, 0.03);\n }\n \n &.active,\n &[data-state=\"active\"] {\n background-color: var(--color-bg-primary);\n color: var(--color-text-primary);\n box-shadow: var(--shadow-sm);\n }\n }\n \n /* ===================================\n Dropdowns - Clean and rounded\n =================================== */\n .dropdown-menu {\n background-color: var(--color-bg-primary);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-dropdown);\n box-shadow: var(--shadow-dropdown);\n padding: 0.25rem;\n }\n \n .dropdown-item {\n border-radius: var(--radius-md);\n color: var(--color-text-neutral);\n font-weight: 500;\n padding: 0.5rem 0.75rem;\n transition: all 0.15s ease;\n \n &:hover {\n background-color: var(--color-bg-muted);\n color: var(--color-text-primary);\n }\n }\n \n /* ===================================\n Alerts/Callouts\n =================================== */\n .alert, .callout {\n border-radius: var(--radius-lg);\n padding: 1rem 1.25rem;\n border: none;\n }\n \n .alert-success, .callout-success {\n background-color: var(--color-success-light);\n color: var(--color-success-dark);\n }\n \n .alert-danger, .callout-danger, .alert-destructive {\n background-color: var(--color-danger-light);\n color: var(--color-danger-dark);\n }\n \n .alert-warning, .callout-warning {\n background-color: var(--color-warning-light);\n color: var(--color-warning-dark);\n }\n \n .alert-info, .callout-info {\n background-color: var(--color-info-light);\n color: var(--color-info-dark);\n }\n \n /* ===================================\n Toast\n =================================== */\n .toast {\n background-color: var(--color-bg-primary);\n border-radius: var(--radius-toast);\n box-shadow: var(--shadow-toast);\n border: 1px solid var(--color-border);\n }\n \n /* ===================================\n Avatars - Circular\n =================================== */\n .avatar {\n border-radius: var(--radius-full);\n border: 2px solid var(--color-bg-primary);\n box-shadow: var(--shadow-sm);\n }\n \n /* ===================================\n Tables - Clean lines\n =================================== */\n table {\n border-radius: var(--radius-lg);\n overflow: hidden;\n }\n \n th {\n background-color: var(--color-bg-muted);\n color: var(--color-text-primary);\n font-weight: 600;\n border-bottom: 1px solid var(--color-border);\n }\n \n td {\n border-bottom: 1px solid var(--color-border);\n }\n \n tr:last-child td {\n border-bottom: none;\n }\n \n /* ===================================\n Accordions\n =================================== */\n .accordion-group {\n border-radius: var(--radius-lg);\n // border: 1px solid var(--color-border);\n overflow: hidden;\n }\n \n .accordion-button {\n font-weight: 600;\n color: var(--color-text-primary);\n \n &:hover {\n background-color: var(--color-bg-muted);\n }\n }\n \n /* ===================================\n Toggle Groups\n =================================== */\n .toggle-group {\n background-color: var(--color-bg-muted);\n border-radius: var(--radius-lg);\n padding: 0.25rem;\n }\n \n .toggle-group-item {\n border-radius: var(--radius-md);\n color: var(--color-text-muted);\n font-weight: 500;\n \n &:hover:not(.active):not([data-state=\"on\"]) {\n color: var(--color-text-primary);\n }\n \n &.active,\n &[data-state=\"on\"] {\n background-color: var(--color-bg-primary);\n color: var(--color-text-primary);\n box-shadow: var(--shadow-sm);\n }\n }\n \n /* ===================================\n Utility Classes\n =================================== */\n .text-accent { color: var(--color-accent); }\n .text-primary { color: var(--color-text-primary); }\n .text-muted { color: var(--color-text-muted); }\n .text-on-dark { color: var(--color-text-on-dark); }\n \n .bg-muted { background-color: var(--color-bg-muted); }\n .bg-secondary { background-color: var(--color-bg-secondary); }\n .bg-dark { \n background-color: var(--color-bg-dark); \n color: var(--color-text-on-dark);\n }\n \n .border-accent { border-color: var(--color-accent); }\n}\n\n",[],[207,433,527,644,608],"luma","0af97dd8-e2e9-11f0-9dc9-42dde27851f2",13,["D",1766815098782],[340],[207,433,527,644],"0c6b7748-e2e9-11f0-98a3-42dde27851f2","0c6b77e8-e2e9-11f0-98a3-42dde27851f2","0b0ef186-e2e9-11f0-8ff9-42dde27851f2",52,["D",1766815101206],"/* ===================================\n Groq Theme - Fast AI Inference Platform Style\n Based on Groq's vibrant orange and modern tech aesthetic\n Font: System UI (app), Space Grotesk (marketing), IBM Plex Mono (code)\n Primary: Orange (#f43e01), Core: Black/White/Grays\n =================================== */\n\n.theme-scope {\n /* ===================================\n Base Theme Override\n =================================== */\n \n /* Typography - Groq uses IBM Plex Mono for code */\n --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco, Consolas, monospace;\n \n /* Marketing fonts - Space Grotesk for landing pages, hero sections, marketing copy */\n --font-display: 'Space Grotesk', -apple-system, system-ui, sans-serif;\n --font-marketing: 'Space Grotesk', -apple-system, system-ui, sans-serif;\n \n /* System UI for app interfaces (default) */\n --font-sans: -apple-system, system-ui, Inter, Roboto, 'Segoe UI', 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;\n \n font-family: var(--font-sans);\n background-color: #ffffff;\n color: #2d2f33; /* groq-gray-800 - Primary text */\n line-height: 1.5;\n -webkit-font-smoothing: antialiased;\n \n /* ===================================\n IBM Plex Mono Font Weight Override\n =================================== */\n /* Apply light weight (300) to all monospace elements */\n .font-mono,\n code, pre, kbd, samp, tt,\n input[style*=\"font-mono\"],\n textarea[style*=\"font-mono\"],\n [style*=\"font-family: var(--font-mono\"],\n *[style*=\"var(--font-mono\"] {\n font-weight: 400 !important;\n }\n \n /* ===================================\n Groq Core Color Palette\n Base colors from the provided palette\n =================================== */\n \n /* Core Oranges (Primary Brand Colors) - Full Scale */\n --groq-orange-50: #fff5e5;\n --groq-orange-100: #ffe8cc;\n --groq-orange-200: #ffd1a3;\n --groq-orange-300: #ffb973;\n --groq-orange-400: #fe9e20;\n --groq-orange-500: #f48b0a;\n --groq-orange-600: #f43e01; /* Primary Brand Color */\n --groq-orange-700: #c23101;\n --groq-orange-800: #9a2701;\n --groq-orange-900: #731d00;\n --groq-orange-950: #4d1300;\n \n /* Core Grays (Neutral Palette) - matches original Groq brand */\n --groq-gray-50: #f9f9f8; /* Lightest background */\n --groq-gray-100: #f3f3ee; /* Nav bg, lighter section bg */\n --groq-gray-200: #e8e8e0; /* Hover states */\n --groq-gray-300: #cecebf; /* Borders */\n --groq-gray-400: #9f9f92; /* Muted elements */\n --groq-gray-500: #69695d; /* Secondary text */\n --groq-gray-600: #4e4e45; /* Darker text */\n --groq-gray-700: #2d2f33; /* Card text, secondary text */\n --groq-gray-800: #26292e; /* Primary text */\n --groq-gray-900: #1a1c1f; /* Dark bg */\n --groq-gray-950: #0f1011; /* Darkest */\n \n /* Pure Black & White */\n --groq-black: #000000;\n --groq-white: #ffffff;\n \n /* ===================================\n Groq Extended Color Palette\n Additional colors for variety\n =================================== */\n \n /* Yellow Tones - Full Scale */\n --groq-yellow-50: #fffef0;\n --groq-yellow-100: #fefdc0;\n --groq-yellow-200: #f4fd90;\n --groq-yellow-300: #fdeb20;\n --groq-yellow-400: #f0dc00;\n --groq-yellow-500: #e6d000;\n --groq-yellow-600: #d4be00;\n --groq-yellow-700: #c6b802;\n --groq-yellow-800: #9a8f02;\n --groq-yellow-900: #706801;\n --groq-yellow-950: #4a4501;\n \n /* Green Tones - Full Scale */\n --groq-green-50: #e8fff5;\n --groq-green-100: #c5ffea;\n --groq-green-200: #a9ffdb;\n --groq-green-300: #10e68d;\n --groq-green-400: #0dd97f;\n --groq-green-500: #0dcc7a;\n --groq-green-600: #0aab66;\n --groq-green-700: #018b01;\n --groq-green-800: #016b01;\n --groq-green-900: #015001;\n --groq-green-950: #003500;\n \n /* Gold Tones */\n --groq-gold-300: #c6b802;\n \n /* Blue Tones - Full Scale */\n --groq-blue-50: #e8f6ff;\n --groq-blue-100: #d0edfe;\n --groq-blue-200: #bfe4fc;\n --groq-blue-300: #5fc0ff;\n --groq-blue-400: #30a8f0;\n --groq-blue-500: #0082a0;\n --groq-blue-600: #006d87;\n --groq-blue-700: #005870;\n --groq-blue-800: #004559;\n --groq-blue-900: #003445;\n --groq-blue-950: #002330;\n \n /* Purple Tones - Full Scale */\n --groq-purple-50: #f8f5fd;\n --groq-purple-100: #f0eafb;\n --groq-purple-200: #e3dcf8;\n --groq-purple-300: #d377fd;\n --groq-purple-400: #b85ce8;\n --groq-purple-500: #683d7f;\n --groq-purple-600: #56326a;\n --groq-purple-700: #452856;\n --groq-purple-800: #351e43;\n --groq-purple-900: #261530;\n --groq-purple-950: #180d1f;\n \n /* Pink Tones - Full Scale */\n --groq-pink-50: #fff5fd;\n --groq-pink-100: #feeafc;\n --groq-pink-200: #fad8ff;\n --groq-pink-300: #f392dd;\n --groq-pink-400: #f07cd5;\n --groq-pink-500: #ee66ce;\n --groq-pink-600: #d450b5;\n --groq-pink-700: #b03c97;\n --groq-pink-800: #8c2f78;\n --groq-pink-900: #68235a;\n --groq-pink-950: #45173c;\n \n /* ===================================\n Semantic Color Mapping\n =================================== */\n \n /* Primary = Groq Orange 600 (main brand color) */\n --color-primary: var(--groq-orange-600);\n --color-primary-hover: var(--groq-orange-700);\n --color-primary-active: var(--groq-orange-800);\n --color-primary-dark: var(--groq-orange-800);\n --color-primary-light: var(--groq-orange-200);\n --color-primary-lighter: var(--groq-orange-100);\n --color-primary-lightest: var(--groq-orange-50);\n --color-primary-ring: rgba(244, 62, 1, 0.2);\n \n /* Accent = Lighter Orange for variety */\n --color-accent: var(--groq-orange-400);\n --color-accent-hover: var(--groq-orange-600);\n --color-accent-light: var(--groq-orange-300);\n \n /* CTA uses main brand color */\n --color-cta: var(--groq-orange-600);\n --color-cta-hover: var(--groq-orange-700);\n \n /* Text Colors */\n --color-text-primary: var(--groq-gray-800); /* #2d2f33 - Main body text */\n --color-text-secondary: var(--groq-gray-700); /* #655852 - Card text */\n --color-text-muted: var(--groq-gray-600); /* #766f6b - Nav text, lighter */\n --color-text-neutral: var(--groq-gray-700);\n --color-text-neutral-dark: var(--groq-gray-950); /* #1e1e1e - Darkest text */\n --color-text-on-dark: var(--groq-gray-50); /* #fefefe - Light text on dark bg */\n --color-text-on-dark-muted: rgba(206, 206, 191, 0.85);\n \n /* ===================================\n Background Colors\n Console (App) and Marketing variations\n =================================== */\n \n /* Base backgrounds */\n --color-bg-primary: var(--groq-white); /* #ffffff - Pure white */\n --color-bg-secondary: var(--groq-gray-200); /* #fefefe - Card background */\n --color-bg-muted: var(--groq-gray-100); /* #fafafa - Console page bg */\n --color-bg-light: var(--groq-gray-100); /* #fafafa - Light sections */\n --color-bg-dark: var(--groq-gray-900); /* #272b2c - Dark bg */\n --color-bg-hover: var(--groq-gray-200); /* #f3f3ee - Hover state */\n \n /* Console (App) backgrounds */\n --color-bg-card: var(--groq-gray-50); /* #fefefe - White cards */\n --color-bg-page: var(--groq-gray-100); /* #fafafa - Console page bg */\n \n /* Marketing backgrounds */\n --color-bg-nav: var(--groq-gray-200); /* #f3f3ee - Nav background */\n --color-bg-hero: var(--groq-gray-300); /* #edede5 - Hero sections */\n --color-bg-section: var(--groq-gray-200); /* #f3f3ee - Light sections */\n --color-bg-section-alt: var(--groq-gray-400); /* #e8e8de - Gray cards */\n \n /* Borders */\n --color-border: var(--groq-gray-400); /* #e8e8de - Default border */\n --color-border-light: var(--groq-gray-500); /* #cecebf - Light border */\n --color-border-tab: var(--groq-gray-500);\n \n /* Semantic Colors */\n --color-success: #22c55e;\n --color-success-light: #dcfce7;\n --color-success-dark: #166534;\n --color-success-text: var(--groq-green-50); /* light green text on darkish green for better contrast */\n \n --color-warning: #f59e0b;\n --color-warning-light: #fef3c7;\n --color-warning-dark: #92400e;\n --color-warning-text: #ffffff;\n \n --color-danger: #ef4444;\n --color-danger-light: #fee2e2;\n --color-danger-dark: #b91c1c;\n --color-danger-text: #ffffff;\n \n --color-info: #0ea5e9;\n --color-info-light: #e0f2fe;\n --color-info-dark: #075985;\n --color-info-text: #ffffff;\n \n --color-neutral-text: #ffffff;\n \n /* Primary text (on primary background) */\n --color-primary-text: var(--color-text-on-dark);\n \n /* Utility Colors */\n --color-white: var(--groq-white);\n --color-gray-300: var(--groq-gray-300);\n --color-gray-400: var(--groq-gray-400);\n \n /* Form Controls (Checkbox, Radio, Toggle) */\n --color-control-border: var(--color-border);\n --color-control-border-hover: var(--groq-orange-400);\n --color-control-bg: var(--color-bg-primary);\n --color-control-bg-hover: var(--groq-orange-50, #fff5e5);\n --color-control-checked: var(--groq-orange-600);\n --color-control-checked-hover: var(--groq-orange-700);\n --color-control-checked-border: var(--groq-orange-600);\n --color-control-checkmark: #ffffff;\n --color-control-ring: rgba(244, 62, 1, 0.15);\n --color-toggle-bg: var(--groq-gray-500);\n --color-toggle-bg-checked: var(--groq-orange-600);\n --color-toggle-knob: #ffffff;\n \n /* Choice Card Colors */\n --color-choice-border: var(--color-border);\n --color-choice-border-hover: var(--groq-orange-400);\n --color-choice-border-checked: var(--groq-orange-600);\n --color-choice-bg: transparent;\n --color-choice-bg-hover: var(--color-bg-hover);\n --color-choice-bg-checked: rgba(244, 62, 1, 0.03);\n --color-choice-ring: var(--groq-orange-600);\n \n /* ===================================\n Border Radius - Modern, slightly rounded\n =================================== */\n --radius-sm: 0.25rem; /* 4px */\n --radius-md: 0.375rem; /* 6px */\n --radius-md: 0.5rem; /* 8px */\n --radius-xl: 0.75rem; /* 12px */\n --radius-2xl: 1rem; /* 16px */\n --radius-full: 9999px;\n \n /* Component-specific radii */\n --radius-button: 0.5rem; /* 8px - Modern, clean buttons */\n --radius-input: 0.375rem; /* 6px */\n --radius-card: 0.5rem; /* 8px */\n --radius-badge: 0.25rem; /* 4px - Subtle rounded badges */\n --radius-dropdown: 0.5rem; /* 8px */\n --radius-tab: 0.375rem; /* 6px */\n --radius-toast: 0.5rem; /* 8px */\n \n /* ===================================\n Shadows - Sharp and modern\n =================================== */\n --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);\n --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);\n --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);\n --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);\n --shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.15);\n --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.1);\n --shadow-dropdown: 0 4px 6px rgba(0, 0, 0, 0.1);\n --shadow-toast: 0 10px 15px rgba(0, 0, 0, 0.1);\n \n /* ===================================\n Typography\n =================================== */\n h1, h2, h3, h4, h5, h6,\n .text-h1, .text-h2, .text-h3 {\n font-family: var(--font-family-sans);\n font-weight: 700;\n color: var(--color-text-primary);\n letter-spacing: -0.025em;\n line-height: 1.2;\n }\n \n h1, .text-h1 { \n font-size: 2.5rem; \n font-weight: 800;\n }\n \n h2, .text-h2 { \n font-size: 1.875rem; \n font-weight: 700;\n }\n \n h3, .text-h3 { \n font-size: 1.25rem; \n font-weight: 600;\n }\n \n /* Links - Groq orange */\n a, .link {\n color: var(--color-primary);\n text-decoration: none;\n transition: color 0.2s ease;\n \n &:hover {\n color: var(--color-primary-hover);\n text-decoration: none;\n }\n }\n \n /* ===================================\n Buttons - Groq Style\n =================================== */\n .btn-primary {\n background-color: var(--color-primary);\n color: var(--color-primary-text);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 600;\n // padding: 0.75rem 1.5rem;\n /* font-size inherited from base --text-button variable */\n transition: all 0.2s ease;\n \n &:hover {\n background-color: var(--color-primary-hover);\n transform: translateY(-1px);\n box-shadow: var(--shadow-md);\n }\n \n &:active {\n transform: translateY(0);\n }\n }\n \n .btn-secondary {\n background-color: var(--color-bg-muted);\n color: var(--color-text-primary);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-button);\n font-weight: 500;\n // padding: 0.75rem 1.5rem;\n transition: all 0.2s ease;\n \n &:hover {\n background-color: var(--color-bg-hover);\n border-color: var(--groq-orange-600);\n color: var(--groq-orange-600);\n }\n }\n \n .btn-tertiary {\n background-color: transparent;\n color: var(--color-text-neutral);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 500;\n // padding: 0.75rem 1.5rem;\n transition: all 0.2s ease;\n \n &:hover {\n background-color: var(--color-bg-muted);\n color: var(--color-text-primary);\n }\n }\n \n .btn-ghost {\n background-color: transparent;\n color: var(--color-text-muted);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 500;\n padding: 0.5rem 1rem;\n transition: all 0.2s ease;\n \n &:hover {\n background-color: var(--color-bg-muted);\n color: var(--color-text-neutral);\n }\n }\n \n /* Accent button (uses bright orange) */\n .btn-accent, .btn-cta {\n background-color: var(--color-accent);\n color: var(--color-primary-text);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 600;\n padding: 0.875rem 1.5rem;\n /* font-size inherited from base --text-button variable */\n transition: all 0.2s ease;\n \n &:hover {\n background-color: var(--color-accent-hover);\n transform: translateY(-1px);\n box-shadow: var(--shadow-md);\n }\n }\n \n .btn-danger {\n background-color: var(--color-danger);\n color: var(--color-danger-text);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 600;\n \n &:hover {\n background-color: var(--color-danger-dark);\n }\n }\n \n .btn-success {\n background-color: var(--color-success);\n color: var(--color-success-text);\n border: none;\n border-radius: var(--radius-button);\n font-weight: 600;\n \n &:hover {\n background-color: var(--color-success-dark);\n color: var(--color-text-on-dark);\n }\n }\n \n /* ===================================\n Cards - Clean with subtle borders\n =================================== */\n .card {\n background-color: var(--color-bg-primary);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-card);\n box-shadow: var(--shadow-card);\n transition: all 0.2s ease;\n \n &:hover {\n border-color: var(--color-border-tab);\n box-shadow: var(--shadow-md);\n }\n }\n \n .card-title {\n font-weight: 600;\n color: var(--color-text-primary);\n font-size: 1.125rem;\n }\n \n /* ===================================\n Forms - Clean, modern inputs\n =================================== */\n input[type=text],\n input[type=email],\n input[type=password],\n input[type=number],\n input[type=url],\n input[type=search],\n input[type=tel],\n textarea,\n .form-input {\n background-color: var(--color-bg-primary);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-input);\n padding: 0.75rem 1rem;\n font-family: var(--font-family-sans);\n font-size: 1rem;\n color: var(--color-text-primary);\n transition: all 0.2s ease;\n \n &::placeholder {\n color: var(--color-text-muted);\n }\n \n &:focus {\n background-color: var(--color-bg-primary);\n border-color: var(--color-primary);\n outline: none;\n box-shadow: 0 0 0 3px var(--color-primary-ring);\n }\n }\n \n select, .form-select {\n background-color: var(--color-bg-primary);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-input);\n padding: 0.75rem 1rem;\n font-family: var(--font-family-sans);\n font-size: 1rem;\n color: var(--color-text-primary);\n \n &:focus {\n border-color: var(--color-primary);\n outline: none;\n box-shadow: 0 0 0 3px var(--color-primary-ring);\n }\n }\n \n label, .form-label {\n color: var(--color-text-primary);\n font-weight: 600;\n font-size: 0.875rem;\n margin-bottom: 0.5rem;\n display: block;\n }\n \n /* ===================================\n Badges - Subtle rounded style\n =================================== */\n .badge {\n border-radius: var(--radius-badge);\n font-weight: 600;\n font-size: 0.75rem;\n padding: 0.25rem 0.75rem;\n }\n \n .badge-success {\n background-color: var(--color-success-light);\n color: var(--color-success-dark);\n }\n \n .badge-danger {\n background-color: var(--color-danger-light);\n color: var(--color-danger-dark);\n }\n \n .badge-warning {\n background-color: var(--color-warning-light);\n color: var(--color-warning-dark);\n }\n \n .badge-info {\n background-color: var(--color-info-light);\n color: var(--color-info-dark);\n }\n \n /* ===================================\n Tabs - Clean, modern style\n =================================== */\n .tabs-list {\n background-color: transparent;\n border-bottom: 2px solid var(--color-border);\n padding: 0;\n }\n \n .tab-trigger {\n border-radius: 0;\n font-weight: 500;\n color: var(--color-text-muted);\n background: transparent;\n border: none;\n border-bottom: 2px solid transparent;\n padding: 0.75rem 1rem;\n margin-bottom: -2px;\n transition: all 0.15s ease;\n \n &:hover:not(.active):not([data-state=\"active\"]) {\n color: var(--color-text-primary);\n border-bottom-color: var(--color-border-tab);\n }\n \n &.active,\n &[data-state=\"active\"] {\n color: var(--color-primary);\n border-bottom-color: var(--color-primary);\n font-weight: 600;\n }\n }\n \n /* ===================================\n Dropdowns - Clean and sharp\n =================================== */\n .dropdown-menu {\n background-color: var(--color-bg-primary);\n border: 1px solid var(--color-border);\n border-radius: var(--radius-dropdown);\n box-shadow: var(--shadow-dropdown);\n padding: 0.5rem;\n }\n \n .dropdown-item {\n border-radius: var(--radius-sm);\n color: var(--color-text-neutral);\n font-weight: 500;\n padding: 0.625rem 0.75rem;\n transition: all 0.15s ease;\n \n &:hover {\n background-color: var(--color-bg-muted);\n color: var(--color-text-primary);\n }\n }\n \n /* ===================================\n Alerts/Callouts\n =================================== */\n .alert, .callout {\n border-radius: var(--radius-md);\n padding: 1rem 1.25rem;\n border: 1px solid;\n }\n \n .alert-success, .callout-success {\n background-color: var(--color-success-light);\n border-color: var(--color-success);\n color: var(--color-success-dark);\n }\n \n .alert-danger, .callout-danger, .alert-destructive {\n background-color: var(--color-danger-light);\n border-color: var(--color-danger);\n color: var(--color-danger-dark);\n }\n \n .alert-warning, .callout-warning {\n background-color: var(--color-warning-light);\n border-color: var(--color-warning);\n color: var(--color-warning-dark);\n }\n \n .alert-info, .callout-info {\n background-color: var(--color-info-light);\n border-color: var(--color-info);\n color: var(--color-info-dark);\n }\n \n /* ===================================\n Toast\n =================================== */\n .toast {\n background-color: var(--color-bg-primary);\n border-radius: var(--radius-toast);\n box-shadow: var(--shadow-toast);\n border: 1px solid var(--color-border);\n }\n \n /* ===================================\n Avatars - Circular\n =================================== */\n .avatar {\n border-radius: var(--radius-full);\n border: 2px solid var(--color-bg-primary);\n box-shadow: var(--shadow-sm);\n }\n \n /* ===================================\n Tables - Full bordered style for Groq\n =================================== */\n table {\n border-radius: var(--radius-md);\n border-collapse: separate;\n border-spacing: 0;\n border: 1px solid var(--color-border);\n }\n \n th {\n background-color: var(--color-bg-muted);\n color: var(--color-text-primary);\n font-weight: 600;\n border-right: 1px solid var(--color-border);\n border-bottom: 1px solid var(--color-border);\n }\n \n th:last-child {\n border-right: none;\n }\n \n td {\n border-right: 1px solid var(--color-border);\n border-bottom: 1px solid var(--color-border);\n }\n \n td:last-child {\n border-right: none;\n }\n \n /* Keep bottom border on last row (commented out / redundant BUT kind of looks nice so keeping) */\n // tbody tr:last-child td {\n // border-bottom: 1px solid var(--color-border);\n // }\n \n /* Rounded corners on corner cells */\n thead tr:first-child th:first-child {\n border-top-left-radius: var(--radius-md);\n }\n \n thead tr:first-child th:last-child {\n border-top-right-radius: var(--radius-md);\n }\n \n tbody tr:last-child td:first-child {\n border-bottom-left-radius: var(--radius-md);\n }\n \n tbody tr:last-child td:last-child {\n border-bottom-right-radius: var(--radius-md);\n }\n \n /* ===================================\n Accordions\n =================================== */\n .accordion-group {\n border-radius: var(--radius-md);\n // border: 1px solid var(--color-border);\n overflow: hidden;\n }\n \n .accordion-button {\n font-weight: 600;\n color: var(--color-text-primary);\n \n &:hover {\n background-color: var(--color-bg-muted);\n }\n }\n \n /* ===================================\n Toggle Groups\n =================================== */\n .toggle-group {\n background-color: var(--color-bg-muted);\n border-radius: var(--radius-md);\n padding: 0.25rem;\n }\n \n .toggle-group-item {\n border-radius: var(--radius-md);\n color: var(--color-text-muted);\n font-weight: 500;\n \n &:hover:not(.active):not([data-state=\"on\"]) {\n color: var(--color-text-primary);\n }\n \n &.active,\n &[data-state=\"on\"] {\n background-color: var(--color-bg-primary);\n color: var(--color-text-primary);\n box-shadow: var(--shadow-sm);\n }\n }\n \n /* ===================================\n Utility Classes\n =================================== */\n .text-accent { color: var(--color-accent); }\n .text-primary { color: var(--color-text-primary); }\n .text-muted { color: var(--color-text-muted); }\n .text-on-dark { color: var(--color-text-on-dark); }\n \n .bg-muted { background-color: var(--color-bg-muted); }\n .bg-secondary { background-color: var(--color-bg-secondary); }\n .bg-dark { \n background-color: var(--color-bg-dark); \n color: var(--color-text-on-dark);\n }\n \n .border-accent { border-color: var(--color-accent); }\n .border-primary { border-color: var(--color-primary); }\n \n /* ===================================\n Groq-Specific Utility Classes\n Use the extended color palette\n =================================== */\n \n /* Orange variants */\n .text-groq-orange { color: var(--groq-orange-400); }\n .bg-groq-orange { background-color: var(--groq-orange-400); }\n .border-groq-orange { border-color: var(--groq-orange-400); }\n \n /* Yellow variants */\n .text-groq-yellow { color: var(--groq-yellow-300); }\n .bg-groq-yellow { background-color: var(--groq-yellow-300); }\n .border-groq-yellow { border-color: var(--groq-yellow-300); }\n \n /* Green variants */\n .text-groq-green { color: var(--groq-green-300); }\n .bg-groq-green { background-color: var(--groq-green-300); }\n .border-groq-green { border-color: var(--groq-green-300); }\n \n /* Blue variants */\n .text-groq-blue { color: var(--groq-blue-300); }\n .bg-groq-blue { background-color: var(--groq-blue-300); }\n .border-groq-blue { border-color: var(--groq-blue-300); }\n \n /* Purple variants */\n .text-groq-purple { color: var(--groq-purple-300); }\n .bg-groq-purple { background-color: var(--groq-purple-300); }\n .border-groq-purple { border-color: var(--groq-purple-300); }\n \n /* Pink variants */\n .text-groq-pink { color: var(--groq-pink-300); }\n .bg-groq-pink { background-color: var(--groq-pink-300); }\n .border-groq-pink { border-color: var(--groq-pink-300); }\n}\n\n",[],[207,433,527,658,608],"groq","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// 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",[],[207,433,527,695,687],"default","0cb14d7c-e2e9-11f0-8def-42dde27851f2","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

Diff · v144