.library-container{display:flex;flex-direction:column;height:100%}.library-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-3);margin-bottom:var(--spacing-2)}.library-label{font-size:var(--font-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.library-count{font-size:var(--font-xs);font-weight:600;color:var(--text-tertiary);background:var(--bg-secondary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full)}.library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-4);color:var(--text-tertiary);text-align:center;flex:1}.library-empty svg{margin-bottom:var(--spacing-3);opacity:.5}.library-empty p{margin:0 0 var(--spacing-1) 0;font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.library-empty span{font-size:var(--font-xs);color:var(--text-tertiary)}.snippets-list{display:flex;flex-direction:column;gap:var(--spacing-2);padding:0 var(--spacing-2);overflow-y:auto}.snippet-item{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-3);cursor:pointer;transition:all var(--transition-fast)}.snippet-item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.snippet-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2)}.snippet-title-row{display:flex;align-items:center;gap:var(--spacing-2);flex:1}.snippet-title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.snippet-actions{display:flex;gap:var(--spacing-1);opacity:0;transition:opacity var(--transition-fast)}.snippet-item:hover .snippet-actions{opacity:1}.snippet-action-btn{background:transparent;border:none;color:var(--text-secondary);padding:var(--spacing-1);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.snippet-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.snippet-action-btn.delete-btn:hover{background:var(--error);color:#fff}.snippet-language{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-xs);color:var(--text-tertiary);margin-bottom:var(--spacing-2)}.language-dot{width:8px;height:8px;border-radius:50%}.snippet-code{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:var(--spacing-2);margin:0 0 var(--spacing-2) 0;font-size:var(--font-xs);font-family:JetBrains Mono,Fira Code,Consolas,monospace;color:var(--text-primary);overflow-x:auto;max-height:120px;overflow-y:auto}.snippet-code code{white-space:pre;line-height:1.5}.snippet-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.snippet-tag{font-size:var(--font-xs);color:var(--text-secondary);background:var(--bg-primary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);border:1px solid var(--border-primary)}.snippets-list::-webkit-scrollbar,.snippet-code::-webkit-scrollbar{width:4px;height:4px}.snippets-list::-webkit-scrollbar-track,.snippet-code::-webkit-scrollbar-track{background:transparent}.snippets-list::-webkit-scrollbar-thumb,.snippet-code::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}.snippets-list::-webkit-scrollbar-thumb:hover,.snippet-code::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.left-sidebar{display:flex;flex-direction:column;background:var(--bg-primary);border-right:1px solid var(--border-primary);height:100vh;overflow:hidden;transition:width var(--transition-base);backdrop-filter:blur(8px);position:relative}.left-sidebar.open{width:270px}.left-sidebar.collapsed{width:72px}.sidebar-brand{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-secondary);flex-shrink:0;background:linear-gradient(90deg,rgba(168,199,250,.1),transparent)}.brand-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-lg);background:var(--accent-light);color:var(--accent-primary);border:1px solid var(--border-primary)}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-title{font-size:var(--font-sm);font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.brand-subtitle{font-size:var(--font-xs);color:var(--text-tertiary)}.left-sidebar.collapsed .sidebar-brand{padding:var(--spacing-3);justify-content:center;gap:var(--spacing-2)}.left-sidebar.collapsed .collapse-toggle{width:28px;height:28px}.collapse-toggle{margin-left:auto;width:34px;height:34px;border-radius:var(--radius-full);border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-secondary);display:grid;place-items:center;transition:all var(--transition-fast)}.collapse-toggle:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px)}.sidebar-header{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-secondary);flex-shrink:0}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--spacing-2)}.quick-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast)}.quick-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px)}.new-chat-icon-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);margin:0 auto}.new-chat-icon-btn:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.sidebar-content{flex:1;overflow-y:auto;padding:var(--spacing-2) var(--spacing-3)}.sessions-label{font-size:var(--font-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-2) var(--spacing-3);margin-bottom:var(--spacing-1)}.sessions-list{display:flex;flex-direction:column;gap:var(--spacing-1)}.nav-list{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3)}.nav-item{width:100%;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:transparent;border:1px solid var(--border-secondary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:left}.nav-item:hover{border-color:var(--accent-primary);background:var(--bg-secondary)}.nav-item.active{border-color:var(--accent-primary);background:var(--bg-tertiary);box-shadow:var(--shadow-sm)}.nav-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:var(--radius-lg);background:var(--accent-light);color:var(--accent-primary)}.nav-text{display:flex;flex-direction:column;gap:2px}.nav-title{font-size:var(--font-sm);font-weight:600}.nav-desc{font-size:var(--font-xs);color:var(--text-tertiary)}.session-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);position:relative;&:hover .session-actions{opacity:1}}.session-item:hover{background:var(--bg-secondary);color:var(--text-primary);border-left-color:var(--accent-primary)}.session-item.active{background:var(--bg-secondary);color:var(--accent-primary);border-left:2px solid var(--accent-primary);padding-left:calc(var(--spacing-3) - 2px)}.session-icon{flex-shrink:0}.session-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-sm);font-weight:400;text-align:left}.session-name-input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-sm);color:var(--text-primary);outline:none;box-shadow:inset var(--shadow-xs);margin-right:var(--spacing-1)}.session-name-input:focus{border-color:var(--accent-primary)}.session-actions{display:flex;align-items:center;gap:var(--spacing-1);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0}.session-item.active .session-actions{opacity:1}.rename-session-btn,.delete-session-btn{background:transparent;border:none;color:var(--text-tertiary);padding:var(--spacing-1);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.rename-session-btn:hover{background:var(--bg-secondary);color:var(--accent-primary)}.delete-session-btn:hover{background:var(--error);color:#fff;transform:scale(1.1)}.delete-session-btn:disabled,.rename-session-btn:disabled{opacity:.5;cursor:not-allowed;background:transparent;color:var(--text-tertiary)}.sessions-icons{display:flex;flex-direction:column;gap:var(--spacing-2);align-items:center}.session-icon-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.session-icon-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.session-icon-btn.active{background:var(--bg-secondary);color:var(--accent-primary)}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full);transition:background var(--transition-fast)}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(max-width:767px){.left-sidebar{background:var(--bg-secondary)}.left-sidebar.open,.left-sidebar.collapsed{width:280px}.sidebar-brand,.sidebar-header{padding:var(--spacing-3) var(--spacing-4)}.quick-actions{grid-template-columns:1fr 1fr}.nav-list,.nav-item{padding:var(--spacing-2)}.collapse-toggle{display:none}}.sidebar-tabs{display:flex;gap:var(--spacing-1);padding:0 var(--spacing-3) var(--spacing-3);border-bottom:1px solid var(--border-secondary);flex-shrink:0}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);background:transparent;border:none;border-radius:var(--radius-lg);font-size:var(--font-xs);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tab-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.tab-btn.active{background:var(--bg-secondary);color:var(--accent-primary)}.tab-btn span{display:none}@media(min-width:768px){.tab-btn span{display:inline}}.collapsed-tabs{display:flex;flex-direction:column;gap:var(--spacing-2);align-items:center}.tab-icon-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tab-icon-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.tab-icon-btn.active{background:var(--bg-secondary);color:var(--accent-primary)}.search-box{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3);transition:all var(--transition-fast)}.search-box:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px #a8c7fa1a}.search-icon{color:var(--text-tertiary);flex-shrink:0}.search-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:var(--font-sm);outline:none;min-width:0}.search-input::placeholder{color:var(--text-tertiary)}.search-clear-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.search-clear-btn:hover{background:var(--error);color:#fff}.no-results{text-align:center;padding:var(--spacing-6);color:var(--text-tertiary);font-size:var(--font-sm)}.topbar{height:56px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:0 var(--spacing-4);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);position:relative;z-index:200;flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:var(--spacing-3)}.brand{display:flex;align-items:center;gap:var(--spacing-2)}.brand-mark{width:32px;height:32px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#a8c7fa,#7fb0ff);color:#0d1b2a;display:grid;place-items:center}.brand-title{font-size:var(--font-base);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.config-dropdown{position:relative}.config-trigger{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-sm)}.config-trigger:hover{border-color:var(--accent-primary)}.config-summary{font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-mode{color:var(--text-tertiary);font-size:var(--font-xs)}.config-trigger .rotated{transform:rotate(180deg);transition:transform var(--transition-fast)}.config-menu{position:absolute;left:0;top:calc(100% + 8px);min-width:280px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-3);display:grid;gap:var(--spacing-2);z-index:100}.config-row{display:grid;gap:var(--spacing-1)}.config-row label{font-size:var(--font-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.config-row select{width:100%;padding:var(--spacing-2) var(--spacing-3);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-sm)}.config-row.toggles{gap:var(--spacing-2)}.toggle-list{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.mini-toggle{padding:var(--spacing-1) var(--spacing-2);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-xs)}.mini-toggle.on{border-color:var(--accent-primary);color:var(--accent-primary);background:#a8c7fa1a}.mode-switch{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1);border:1px solid var(--border-primary);border-radius:var(--radius-full);background:var(--bg-tertiary)}.mode-pill{border:none;background:transparent;color:var(--text-secondary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-xs);cursor:pointer;transition:all var(--transition-fast)}.mode-pill.active{background:var(--accent-light);color:var(--accent-primary);font-weight:700}.topbar-right{display:flex;gap:var(--spacing-2);align-items:center}.icon-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);padding:var(--spacing-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}.icon-btn:hover{background:var(--bg-hover);color:var(--accent-primary)}.icon-btn:active{transform:scale(.95)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn:disabled:hover{background:transparent;color:var(--text-secondary)}.menu-btn,.config-overlay{display:none}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.topbar{height:48px;padding:0 var(--spacing-3)}.menu-btn{display:flex}.brand-mark{width:28px;height:28px}.brand-mark svg{width:14px;height:14px}.brand-title{font-size:var(--font-sm)}.icon-btn{min-width:32px;min-height:32px;padding:var(--spacing-1)}.icon-btn svg{width:16px;height:16px}.config-trigger{padding:6px 10px;font-size:var(--font-xs);gap:var(--spacing-1)}.config-trigger svg{flex-shrink:0;transition:transform .2s ease}.config-summary{max-width:120px}.config-mode{display:none}.config-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:199;animation:fadeIn .2s ease}.config-menu{position:fixed;left:var(--spacing-3);right:var(--spacing-3);top:56px;bottom:auto;width:auto;min-width:unset;max-height:70vh;overflow-y:auto;border-radius:var(--radius-xl);padding:var(--spacing-4);gap:var(--spacing-3);z-index:200;animation:slideDown .2s ease}.config-menu:before{display:none}.config-row{gap:var(--spacing-2)}.config-row label{font-size:var(--font-sm);font-weight:500}.config-row select{padding:var(--spacing-3);font-size:var(--font-base);min-height:44px}.toggle-list{gap:var(--spacing-3)}.mini-toggle{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-sm);min-height:36px}.mode-switch{width:100%;justify-content:center}.mode-pill{flex:1;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-sm);text-align:center;min-height:36px}}@media(max-width:480px){.topbar{height:44px;padding:0 var(--spacing-2);gap:var(--spacing-2)}.topbar-left{gap:var(--spacing-2)}.topbar-right{gap:var(--spacing-1)}.icon-btn{min-width:28px;min-height:28px}.brand-title{display:none}.config-trigger{padding:4px 8px}.config-summary{max-width:90px;font-size:11px}.config-menu{left:var(--spacing-2);right:var(--spacing-2);top:52px;padding:var(--spacing-3);max-height:75vh}.config-row select{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-sm);min-height:40px}.mini-toggle,.mode-pill{padding:var(--spacing-2);font-size:var(--font-xs);min-height:32px}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.message-item{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-xl);background:var(--bg-secondary);border:1px solid var(--border-primary);animation:fadeIn .3s ease-out;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.message-item:hover{border-color:var(--border-hover, var(--border-primary))}.message-item.user{background:linear-gradient(135deg,rgba(168,199,250,.08),var(--bg-secondary));border-color:#a8c7fa33}.message-item.assistant{background:var(--bg-secondary)}.message-item.error{border-color:#ef44444d;background:linear-gradient(135deg,rgba(239,68,68,.05),var(--bg-secondary))}.message-item.streaming{border-color:var(--accent-primary);box-shadow:0 0 0 1px #a8c7fa1a}.message-role-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--border-primary)}.message-header-left{display:flex;align-items:center;gap:var(--spacing-3);min-width:0}.message-avatar{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.message-avatar svg{width:100%;height:100%}.message-avatar.user,.message-avatar.assistant{background:transparent}.message-author{display:flex;flex-direction:column;gap:4px;min-width:0}.author-name-row{display:flex;align-items:center;gap:var(--spacing-2)}.author-name{font-weight:800;font-size:var(--font-sm);color:var(--text-primary);letter-spacing:.01em}.author-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);background:#7c3aed1f;color:#7c3aed;font-weight:700;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.author-meta{display:flex;align-items:center;gap:var(--spacing-2);color:var(--text-tertiary)}.role-label{font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.message-item.user .role-label{color:var(--accent-primary)}.streaming-status{display:flex;align-items:center;gap:var(--spacing-2)}.streaming-status.compact{gap:6px}.streaming-status.compact .streaming-dots span{width:5px;height:5px}.streaming-dots{display:flex;gap:3px}.streaming-dots span{width:6px;height:6px;border-radius:50%;background:var(--accent-primary);animation:dotPulse 1.4s ease-in-out infinite}.streaming-dots span:nth-child(2){animation-delay:.2s}.streaming-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.streaming-text{font-size:var(--font-xs);color:var(--accent-primary);font-weight:500}.message-header-actions{display:flex;align-items:center;gap:var(--spacing-2);margin-left:auto}.message-time{font-size:var(--font-xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.action-btn{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--font-xs);cursor:pointer;transition:all var(--transition-fast);opacity:0}.message-item:hover .action-btn{opacity:1}.action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.copy-btn{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-xs);cursor:pointer;transition:all var(--transition-fast)}.copy-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-tertiary)}.copy-btn.copied{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.copy-btn span{display:none}.code-header .copy-btn span,.footer-copy-btn span{display:inline}.message-edit-area{display:flex;flex-direction:column;gap:var(--spacing-3)}.edit-textarea{width:100%;min-height:100px;padding:var(--spacing-3);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;font-size:var(--font-base);line-height:1.6;resize:vertical;outline:none;transition:border-color var(--transition-fast)}.edit-textarea:focus{border-color:var(--accent-primary)}.edit-actions{display:flex;justify-content:flex-end;gap:var(--spacing-2)}.edit-cancel-btn,.edit-save-btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.edit-cancel-btn{background:transparent;border:1px solid var(--border-primary);color:var(--text-secondary)}.edit-cancel-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.edit-save-btn{background:var(--accent-primary);border:none;color:var(--accent-text)}.edit-save-btn:hover{background:var(--accent-hover)}.thinking-block{background:#9333ea14;border:1px solid rgba(147,51,234,.2);border-radius:var(--radius-lg);padding:var(--spacing-3)}.thinking-header{display:flex;align-items:center;gap:var(--spacing-2);font-weight:600;color:#a855f7;font-size:var(--font-sm);margin-bottom:var(--spacing-2)}.thinking-icon{font-size:1rem}.thinking-content{color:var(--text-secondary);font-size:var(--font-sm);font-style:italic;line-height:1.6}.uploaded-images{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.uploaded-image{max-width:200px;max-height:200px;border-radius:var(--radius-lg);object-fit:cover;border:1px solid var(--border-primary);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.uploaded-image:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.generated-images{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.generated-image-container{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-tertiary);border:1px solid var(--border-primary);box-shadow:var(--shadow-md)}.generated-image-container.inline{display:inline-block;margin:var(--spacing-2) 0}.generated-image{display:block;max-width:100%;max-height:512px;width:auto;height:auto;object-fit:contain}.image-actions{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-2) var(--spacing-3);background:linear-gradient(to top,rgba(0,0,0,.8),transparent);display:flex;justify-content:flex-end;opacity:0;transition:opacity var(--transition-fast)}.generated-image-container:hover .image-actions{opacity:1}.download-btn{padding:var(--spacing-1) var(--spacing-3);background:var(--accent-primary);color:var(--accent-text);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600;text-decoration:none;transition:background var(--transition-fast)}.download-btn:hover{background:var(--accent-hover)}.message-body{color:var(--text-primary);line-height:1.7;font-size:var(--font-base)}.message-body p{margin:0 0 var(--spacing-3) 0}.message-body p:last-child{margin-bottom:0}.message-body h1,.message-body h2,.message-body h3,.message-body h4,.message-body h5,.message-body h6{margin:var(--spacing-4) 0 var(--spacing-2) 0;font-weight:600;color:var(--text-primary)}.message-body h1{font-size:1.5em}.message-body h2{font-size:1.3em}.message-body h3{font-size:1.1em}.message-body ul,.message-body ol{margin:0 0 var(--spacing-3) 0;padding-left:var(--spacing-5)}.message-body li{margin-bottom:var(--spacing-1)}.message-body a{color:var(--accent-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.message-body a:hover{border-bottom-color:var(--accent-primary)}.message-body blockquote{margin:var(--spacing-3) 0;padding:var(--spacing-3) var(--spacing-4);border-left:3px solid var(--accent-primary);background:var(--bg-tertiary);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary)}.message-body table{width:100%;border-collapse:collapse;margin:var(--spacing-3) 0;font-size:var(--font-sm)}.message-body th,.message-body td{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-primary);text-align:left}.message-body th{background:var(--bg-tertiary);font-weight:600}.inline-code{background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.9em;color:#f472b6;border:1px solid var(--border-primary)}.code-block{margin:var(--spacing-3) 0;border-radius:var(--radius-lg);overflow:hidden;background:#1e1f20;border:1px solid #444746}.code-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-3);background:#2d2e2f;border-bottom:1px solid #444746}.code-language-wrapper{display:flex;align-items:center;gap:var(--spacing-2)}.code-icon{color:#9aa0a6;opacity:.8}.code-language{font-size:var(--font-xs);text-transform:capitalize;color:#e3e3e3;font-weight:500;letter-spacing:.02em}.code-actions{display:flex;align-items:center;gap:var(--spacing-1)}.code-action-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-1);background:transparent;border:none;border-radius:var(--radius-sm);color:#9aa0a6;cursor:pointer;transition:all var(--transition-fast)}.code-action-btn:hover{background:#ffffff1a;color:#e3e3e3}.code-block pre{margin:0;padding:var(--spacing-3);overflow-x:auto;background:#1e1f20}.code-block code{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875rem;line-height:1.6;color:#e3e3e3}.markdown-image{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--spacing-2) 0}.message-footer{display:flex;justify-content:flex-end;padding-top:var(--spacing-2);border-top:1px solid var(--border-primary);margin-top:var(--spacing-2)}.footer-copy-btn{opacity:.6}.footer-copy-btn:hover{opacity:1}.message-group{display:flex;flex-direction:column;gap:var(--spacing-4)}.message-group.collapsed{margin:var(--spacing-2) 0}.group-toggle{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3);background:var(--bg-tertiary);border:1px dashed var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast)}.group-toggle:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.group-toggle.expanded{background:transparent;border-style:solid;margin-bottom:var(--spacing-2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.message-item{padding:var(--spacing-3);border-radius:var(--radius-lg)}.message-role-header{padding-bottom:var(--spacing-1)}.role-label,.message-time{font-size:10px}.generated-image{max-height:280px}.uploaded-image{max-width:150px;max-height:150px}.code-block pre{padding:var(--spacing-2)}.code-block code{font-size:.75rem}.code-header{padding:var(--spacing-1) var(--spacing-2)}.code-language{font-size:10px}.code-icon{width:12px;height:12px}.code-action-btn{padding:2px}.code-action-btn svg{width:12px;height:12px}.action-btn{opacity:1;padding:var(--spacing-1)}.message-body{font-size:var(--font-sm);line-height:1.6}.edit-textarea{min-height:80px;font-size:var(--font-sm)}.edit-actions{gap:var(--spacing-1)}.edit-cancel-btn,.edit-save-btn{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-xs)}.group-toggle{padding:var(--spacing-2);font-size:var(--font-xs)}}@media(max-width:480px){.message-item{padding:var(--spacing-2)}.message-role-header{flex-wrap:wrap;gap:var(--spacing-1)}.message-header-actions{gap:var(--spacing-1)}.streaming-status{flex:1;justify-content:flex-end}.streaming-text{font-size:10px}.streaming-dots span{width:4px;height:4px}.generated-image{max-height:200px}.uploaded-image{max-width:100px;max-height:100px}.code-block code{font-size:.7rem}.message-body{font-size:13px}.inline-code{font-size:.8em;padding:1px 4px}.copy-btn{padding:2px 6px;font-size:10px}.copy-btn span{display:none}}.multimodal-input-container{position:relative;background:transparent;padding:var(--spacing-6) var(--spacing-8);border-top:none;max-width:960px;margin:0 auto}.drag-overlay{position:absolute;inset:0;background:#a8c7fa33;display:flex;align-items:center;justify-content:center;z-index:100;border-radius:24px;backdrop-filter:blur(10px)}.drag-content{text-align:center;color:var(--text-primary)}.drag-content p{margin-top:var(--spacing-2);font-size:var(--font-md);font-weight:600}.image-preview-area{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-3);flex-wrap:wrap}.image-preview-item{position:relative;width:80px;height:80px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-primary);transition:all var(--transition-fast);background:var(--bg-secondary)}.image-preview-item:hover{border-color:var(--accent-primary);transform:scale(1.05)}.image-preview-item img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:var(--spacing-1);right:var(--spacing-1);background:#000000b3;color:#fff;border:none;border-radius:var(--radius-full);width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);opacity:0;z-index:2}.image-preview-item:hover .remove-image-btn{opacity:1}.remove-image-btn:hover{background:var(--error);transform:scale(1.1)}.save-to-library-btn{position:absolute;top:var(--spacing-1);left:var(--spacing-1);background:#000000b3;color:#fff;border:none;border-radius:var(--radius-full);width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);opacity:0;z-index:2}.image-preview-item:hover .save-to-library-btn{opacity:1}.save-to-library-btn:hover{background:var(--accent-primary);transform:scale(1.1)}.save-to-library-btn.active{opacity:1;background:var(--accent-primary)}.image-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;font-size:var(--font-xs);padding:var(--spacing-1) var(--spacing-2);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachments-bar{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-3);flex-wrap:wrap;padding:0 var(--spacing-2)}.attachment-chip{display:flex;align-items:center;gap:var(--spacing-2);padding:6px 10px 6px 6px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full);transition:all var(--transition-fast)}.attachment-chip:hover{border-color:var(--accent-primary);background:var(--bg-hover)}.attachment-thumb{width:32px;height:32px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.attachment-thumb img{width:100%;height:100%;object-fit:cover}.attachment-info{display:flex;flex-direction:column;gap:2px;min-width:0}.attachment-name{font-size:var(--font-xs);color:var(--text-primary);font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{font-size:10px;color:var(--text-tertiary)}.attachment-remove{flex-shrink:0;width:20px;height:20px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);margin-left:var(--spacing-1)}.attachment-remove:hover{background:#ef44441a;color:#ef4444}.input-wrapper{position:relative;display:flex;align-items:center;gap:var(--spacing-1);background:var(--bg-secondary);border-radius:999px;border:1px solid var(--border-primary);padding:8px 12px;transition:all var(--transition-fast);max-width:100%;box-shadow:none}.input-wrapper:focus-within{background:var(--bg-hover);border-color:var(--border-secondary)}.input-toolbar{position:absolute;top:-18px;left:18px;right:18px;display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-xs);color:var(--text-tertiary);pointer-events:none}.mode-tag{padding:4px 10px;border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent-primary);font-weight:700;letter-spacing:.02em}.input-hint{flex:1;opacity:.8}.char-count{font-variant-numeric:tabular-nums}.input-left{display:flex;align-items:center;gap:var(--spacing-2);padding-left:var(--spacing-2)}.key-pill{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--accent-light);color:var(--accent-primary);border:1px solid rgba(255,255,255,.08)}.input-actions{display:flex;align-items:center;gap:var(--spacing-2);padding-right:var(--spacing-1)}.upload-btn{flex-shrink:0;width:32px;height:32px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.upload-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--accent-primary)}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.model-selector{position:relative;flex-shrink:0}.model-trigger{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-xs);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.model-trigger:hover{border-color:var(--accent-primary);color:var(--text-primary)}.model-trigger .rotated{transform:rotate(180deg)}.model-trigger svg{flex-shrink:0;transition:transform var(--transition-fast)}.model-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;font-weight:500}.model-menu{position:absolute;bottom:calc(100% + 8px);left:0;min-width:200px;max-height:280px;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-1);z-index:200;animation:slideUp .15s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.model-option{display:block;width:100%;padding:var(--spacing-2) var(--spacing-3);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-option:hover{background:var(--bg-hover)}.model-option.active{background:#a8c7fa26;color:var(--accent-primary);font-weight:600}.message-textarea{flex:1;width:100%;padding:8px 12px;border:none;font-size:var(--font-base);font-family:inherit;resize:none;min-height:36px;max-height:220px;background:transparent;color:var(--text-primary);transition:all var(--transition-fast);outline:none;line-height:1.5}.message-textarea:focus{outline:none;box-shadow:none;border:none}.message-textarea:disabled{opacity:.6;cursor:not-allowed}.message-textarea::placeholder{color:var(--text-tertiary)}.run-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:none;background:var(--accent-primary);color:var(--accent-text);border-radius:50%;cursor:pointer;transition:all var(--transition-fast);margin-left:var(--spacing-2);box-shadow:var(--shadow-sm)}.run-btn:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.05);box-shadow:var(--shadow-md)}.run-btn:active:not(:disabled){transform:scale(.95)}.run-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary);color:var(--text-tertiary);box-shadow:none;transform:none}@media(max-width:768px){.multimodal-input-container{padding:var(--spacing-3) var(--spacing-2)}.attachments-bar{gap:var(--spacing-1);margin-bottom:var(--spacing-2);padding:0}.attachment-chip{padding:4px 8px 4px 4px;gap:var(--spacing-1)}.attachment-thumb{width:28px;height:28px}.attachment-name{max-width:80px;font-size:11px}.attachment-size{display:none}.image-preview-area{gap:var(--spacing-1);margin-bottom:var(--spacing-2)}.image-preview-item{width:60px;height:60px}.input-wrapper{padding:6px 10px;border-radius:18px;gap:var(--spacing-1)}.model-trigger{padding:4px 8px;font-size:11px;gap:4px}.model-name{max-width:70px}.model-menu{min-width:180px;max-height:240px}.model-option{padding:var(--spacing-2);font-size:var(--font-xs)}.input-toolbar{display:none}.input-left{padding-left:var(--spacing-1)}.upload-btn{width:28px;height:28px}.message-textarea{font-size:var(--font-sm);min-height:32px;padding:6px 8px}.run-btn{padding:8px 12px;font-size:var(--font-sm);min-height:34px;gap:6px}.run-btn .shortcut{display:none}}@media(max-width:480px){.multimodal-input-container{padding:var(--spacing-2) var(--spacing-1)}.attachment-chip{padding:3px 6px 3px 3px}.attachment-thumb{width:24px;height:24px}.attachment-name{max-width:60px}.image-preview-item{width:50px;height:50px;border-radius:var(--radius-md)}.input-wrapper{padding:5px 8px;border-radius:16px}.model-trigger{padding:3px 6px;font-size:10px}.model-name{max-width:50px}.upload-btn{width:24px;height:24px}.message-textarea{font-size:14px;min-height:28px;padding:4px 6px}.key-pill{width:28px;height:28px;border-radius:8px}.run-btn{padding:8px 10px;min-height:32px;gap:4px}}.settings-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.settings-panel{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:1rem;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-primary)}.settings-title{display:flex;align-items:center;gap:.75rem;color:var(--text-primary)}.settings-title h2{margin:0;font-size:1.5rem;font-weight:700}.close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s}.settings-tabs{display:flex;gap:.5rem;padding:0 1.5rem;border-bottom:1px solid var(--border-primary);background:var(--bg-tertiary)}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;border:none;background:transparent;color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;position:relative;top:1px}.tab-btn:hover{color:var(--text-primary);background:#667eea0d}.tab-btn.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);background:var(--bg-secondary)}.settings-content{flex:1;overflow-y:auto;padding:1.5rem}.settings-section h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.section-title{margin-top:2rem!important;padding-top:1.5rem;border-top:1px solid var(--border-primary)}.provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:1.5rem}.provider-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:2px solid var(--border-primary);border-radius:.75rem;background:var(--bg-secondary);cursor:pointer;transition:all .2s}.provider-card:hover{border-color:var(--accent-primary);background:var(--bg-hover);transform:translateY(-2px)}.provider-card.active{border-color:var(--accent-primary);background:#667eea1a;box-shadow:0 4px 12px #667eea33}.provider-icon{font-size:2rem}.provider-name{font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.label-hint{font-weight:400;color:var(--text-tertiary);font-size:.8125rem}.setting-value{float:right;color:var(--accent-primary);font-weight:700}.form-group input[type=text],.form-group input[type=password],.form-group input[type=url],.form-group input[type=number],.form-group select{width:100%;padding:.625rem .875rem;border:1px solid var(--border-primary);border-radius:.5rem;font-size:.9375rem;font-family:inherit;transition:all .2s;background:var(--bg-tertiary);color:var(--text-primary)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder{color:var(--text-tertiary)}.input-with-toggle{position:relative;display:flex;align-items:center}.api-key-input{flex:1;padding-right:2.5rem!important}.toggle-visibility-btn{position:absolute;right:.5rem;background:transparent;border:none;cursor:pointer;font-size:1.25rem;padding:.25rem;color:var(--text-secondary);opacity:.6;transition:opacity .2s}.toggle-visibility-btn:hover{opacity:1}.slider{width:100%;height:6px;border-radius:3px;background:var(--border-primary);outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;box-shadow:0 2px 4px #0003}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.form-hint{margin-top:.375rem;font-size:.8125rem;color:var(--text-tertiary);line-height:1.4}.checkbox-group{display:flex;flex-direction:column;gap:.5rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.checkbox-label span{user-select:none}.settings-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-primary);background:var(--bg-tertiary);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.footer-note{margin:0;font-size:.8125rem;color:var(--text-tertiary);text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.settings-panel{width:95%;max-height:95vh}.settings-header,.settings-content{padding:1.25rem}.provider-grid{grid-template-columns:repeat(2,1fr)}.settings-tabs{overflow-x:auto}.tab-btn{flex-shrink:0;padding:.75rem 1rem;font-size:.875rem}}.api-key-group{display:flex;gap:.75rem;align-items:flex-start}.api-key-group .input-with-toggle{flex:1}.test-btn{padding:.625rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.test-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.test-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.env-hint{font-size:.8125rem;color:#667eea;margin-top:.5rem;display:flex;align-items:center;gap:.375rem;font-weight:500}.test-result{margin-top:.75rem;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;border:1px solid;animation:slideDown .3s ease-out}.test-result.success{background:#ecfdf5;border-color:#6ee7b7;color:#047857}.test-result.error{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.test-success{display:flex;align-items:center;gap:.5rem}.response-time{font-size:.75rem;opacity:.7;margin-left:.25rem;font-weight:400}.models-list{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(110,231,183,.3);font-size:.8125rem;opacity:.9;line-height:1.5}.test-error{display:flex;align-items:center;gap:.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.provider-badge{display:flex;align-items:center;gap:.25rem;font-size:.625rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;padding:.125rem .375rem;border-radius:.25rem;position:absolute;top:.25rem;right:.25rem}.provider-card{position:relative}.vertex-oauth-section{margin-top:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:.75rem;border:1px solid var(--border-primary)}.oauth-warning{padding:1rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:.5rem;color:#92400e}.oauth-warning p{margin:0}.oauth-warning .hint{font-size:.8125rem;margin-top:.5rem;opacity:.9}.oauth-warning code{background:#0000001a;padding:.125rem .375rem;border-radius:.25rem;font-family:monospace;font-size:.75rem}.oauth-status{padding:1rem;border-radius:.5rem}.oauth-status.logged-in{background:#ecfdf5;border:1px solid #6ee7b7}.oauth-status.logged-out{background:var(--bg-secondary);border:1px solid var(--border-primary)}.oauth-status .hint{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem}.status-info{display:flex;align-items:center;gap:.5rem;color:#047857;margin-bottom:.75rem}.status-icon{font-weight:700}.token-expiry{font-size:.75rem;opacity:.7}.oauth-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.oauth-btn.login{background:#4285f4;color:#fff}.oauth-btn.login:hover{background:#3367d6}.oauth-btn.login:disabled{background:#9ca3af;cursor:not-allowed}.oauth-btn.logout{background:transparent;color:#dc2626;border:1px solid #dc2626}.oauth-btn.logout:hover{background:#fef2f2}.google-login-btn{background:linear-gradient(135deg,#4285f4,#34a853)}.google-login-btn:hover{background:linear-gradient(135deg,#3367d6,#2d8f47)}.vertex-info{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-primary);font-size:.875rem;color:var(--text-secondary)}.vertex-info p{margin:0 0 .5rem;font-weight:600;color:var(--text-primary)}.vertex-info ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.75rem}.vertex-info li{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:var(--bg-secondary);border-radius:.375rem;font-size:.8125rem}.chat-container-wrapper{display:flex;flex-direction:column;min-height:0;background:radial-gradient(circle at 20% 20%,rgba(168,199,250,.14),transparent 35%),radial-gradient(circle at 80% 0%,rgba(255,255,255,.06),transparent 40%),var(--bg-primary);padding:var(--spacing-4);overflow:hidden;flex:1;gap:var(--spacing-4)}.composer-sticky{position:sticky;bottom:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);background:#10131ae6;backdrop-filter:blur(8px);box-shadow:var(--shadow-lg);z-index:5}.composer-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);flex-wrap:wrap}.composer-info{display:flex;flex-direction:column;gap:4px}.composer-title{font-size:var(--font-xs);color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase}.composer-subtitle{font-size:var(--font-sm);color:var(--text-primary);font-weight:600}.composer-actions{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.composer-select{padding:var(--spacing-2) var(--spacing-3);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);min-width:140px}.canvas-chip{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--font-sm);box-shadow:var(--shadow-sm)}.canvas-chip.chip-on{border-color:#a8c7fa80;background:#a8c7fa1f;color:var(--accent-primary)}.canvas-chip.chip-off{border-color:var(--border-primary);color:var(--text-secondary)}.messages-area-new{flex:1;overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);backdrop-filter:blur(6px);box-shadow:var(--shadow-md)}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:var(--spacing-4);text-align:center;color:var(--text-primary);min-height:0}.welcome-icon{font-size:2.5rem;margin-bottom:var(--spacing-3);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.welcome-screen h2{margin:0 0 var(--spacing-2) 0;font-size:var(--font-xl);font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.welcome-screen p{margin:0 0 var(--spacing-4) 0;font-size:var(--font-sm);color:var(--text-secondary)}.feature-list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2);max-width:400px;width:100%}.feature-item{padding:var(--spacing-3) var(--spacing-4);background:var(--bg-secondary);border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:500;border:1px solid var(--border-primary);color:var(--text-primary);transition:all var(--transition-fast)}.feature-item:hover{background:var(--bg-hover);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.setup-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--accent-primary);color:var(--accent-text);border:none;border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.setup-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.setup-btn:active{transform:translateY(0)}.ai-studio-wireframe{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-6);max-width:960px;margin:0 auto}.wire-row{display:flex;gap:var(--spacing-3)}.wire-row.two-col>*{flex:1}.wire-card{flex:1;background:var(--bg-secondary);border:1px dashed var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-4);box-shadow:var(--shadow-sm)}.wire-card.user{background:linear-gradient(135deg,rgba(168,199,250,.08),var(--bg-secondary))}.wire-card.model{background:linear-gradient(135deg,rgba(255,255,255,.04),var(--bg-secondary))}.wire-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.wire-label{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.wire-body{margin:0;font-size:var(--font-base);color:var(--text-primary)}.wire-code{margin:0;padding:var(--spacing-3);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--font-sm);color:var(--text-primary)}.wire-input{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-2);align-items:center;padding:var(--spacing-3);border:1px solid var(--border-primary);border-radius:var(--radius-full);background:var(--bg-secondary)}.wire-input input{border:none;background:transparent;color:var(--text-primary);font-size:var(--font-base);padding:var(--spacing-2);outline:none}.wire-send{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);border:1px solid var(--border-primary);background:var(--accent-primary);color:#0d1b2a;font-weight:700;cursor:pointer}.messages-list-new{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4);max-width:900px;margin:0 auto;width:100%;position:relative}.messages-area-new::-webkit-scrollbar{width:8px}.messages-area-new::-webkit-scrollbar-track{background:var(--bg-secondary)}.messages-area-new::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.messages-area-new::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.input-area-new{position:sticky;bottom:0;background:var(--bg-primary);padding:var(--spacing-3) var(--spacing-4) var(--spacing-4);flex-shrink:0;min-height:80px;z-index:10;border-top:1px solid var(--border-primary)}@media(max-width:768px){.chat-container-wrapper{padding:0;height:100%;position:relative}.composer-sticky{display:none}.messages-area-new{border-radius:0;border:none;border-bottom:1px solid var(--border-primary);padding-bottom:100px}.messages-list-new{padding:var(--spacing-4) var(--spacing-3);gap:var(--spacing-3)}.welcome-screen{padding:var(--spacing-3);padding-bottom:100px}.welcome-icon{font-size:2rem}.welcome-screen h2{font-size:var(--font-lg)}.welcome-screen p{font-size:var(--font-xs);margin-bottom:var(--spacing-3)}.feature-list{gap:var(--spacing-2)}.feature-item{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-xs)}.ai-studio-wireframe{padding:var(--spacing-4);gap:var(--spacing-3)}.wire-row.two-col{flex-direction:column}.wire-card{padding:var(--spacing-3)}.input-area-new{position:fixed;left:0;right:0;bottom:0;padding:var(--spacing-2) var(--spacing-3);padding-bottom:calc(var(--spacing-2) + env(safe-area-inset-bottom,20px));min-height:auto;background:var(--bg-primary);border-top:1px solid var(--border-primary);z-index:100;box-shadow:0 -4px 20px #0000001a}}@media(max-width:480px){.chat-container-wrapper{padding:var(--spacing-2)}.messages-area-new{border-radius:var(--radius-lg)}.messages-list-new{padding:var(--spacing-3) var(--spacing-2)}.feature-item{font-size:.8rem;padding:var(--spacing-2) var(--spacing-3)}.setup-btn{font-size:.875rem;padding:var(--spacing-2) var(--spacing-4)}.input-area-new{min-height:62px;padding:var(--spacing-2) var(--spacing-2) calc(var(--spacing-3) + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#000000a6,#000000f2)}}.image-gen-container{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);padding:20px}.gallery-view{flex:1;display:flex;align-items:center;justify-content:center;overflow-y:auto}.empty-gallery{text-align:center;color:var(--text-tertiary)}.empty-gallery h2{font-size:2rem;margin-bottom:10px;color:var(--text-primary)}.image-input-area{margin-top:20px;position:sticky;bottom:0}.video-studio-container{display:flex;flex-direction:column;height:100%;background-color:#000;color:#fff;position:relative;overflow:hidden}.video-studio-header{padding:20px;text-align:center;position:absolute;top:0;left:0;right:0;z-index:10}.video-studio-header h1{font-size:2rem;background:linear-gradient(to right,#a8c7fa,#c4a7e7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;margin:0;opacity:.8}.video-preview-stage{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:140px}.empty-state{text-align:center;color:#555;animation:fadeIn 1s ease-in}.empty-state p{font-size:1.2rem;margin-bottom:20px;font-weight:300}.arrow-down{font-size:2.5rem;opacity:.5;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.generated-video{max-width:90%;max-height:80%;border-radius:8px;box-shadow:0 0 50px #ffffff0d}.generating-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;z-index:20}.spinner{width:40px;height:40px;border:3px solid #333;border-top-color:#a8c7fa;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.video-controls-bar{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:90%;max-width:800px;display:flex;flex-direction:column;gap:12px;z-index:30}.params-row{display:flex;align-items:center;gap:16px;background:#1e1e1e;padding:8px 20px;border-radius:12px;border:1px solid #333;width:fit-content;margin:0 auto}.param-group{display:flex;flex-direction:column}.param-group label{font-size:10px;color:#888;text-transform:uppercase;font-weight:600;margin-bottom:2px}.param-group select{background:transparent;border:none;color:#eee;font-size:13px;outline:none;cursor:pointer;padding:0}.param-separator{width:1px;height:24px;background:#333}.video-input-wrapper{display:flex;align-items:center;background:#1e1e1e;border:1px solid #333;border-radius:999px;padding:6px;gap:8px;box-shadow:0 4px 20px #0000004d;transition:border-color .2s}.video-input-wrapper:focus-within{border-color:#555}.mode-selector{position:relative}.mode-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#463c64;border:none;border-radius:999px;color:#eedbff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.mode-trigger:hover{background:#5a4d80}.mode-menu{position:absolute;bottom:calc(100% + 8px);left:0;width:200px;background:#2d2d2d;border:1px solid #444;border-radius:8px;padding:4px;box-shadow:0 4px 12px #0006;display:flex;flex-direction:column;gap:2px}.mode-option{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;color:#ccc;font-size:13px;text-align:left;cursor:pointer;border-radius:4px}.mode-option:hover{background:#3d3d3d;color:#fff}.mode-option.active{background:#463c64;color:#eedbff}.check-icon{margin-left:auto}.video-input-wrapper input{flex:1;background:transparent;border:none;color:#fff;font-size:15px;outline:none;padding:0 8px}.video-input-wrapper input::placeholder{color:#666}.settings-btn{background:#333;border:none;color:#ccc;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.settings-btn:hover{background:#444;color:#fff}.generate-btn{width:36px;height:36px;border-radius:50%;background:#555;color:#aaa;border:none;display:flex;align-items:center;justify-content:center;cursor:not-allowed;transition:all .2s}.generate-btn:not(:disabled){background:#a8c7fa;color:#000;cursor:pointer}.generate-btn:not(:disabled):hover{background:#c2d9ff;transform:scale(1.05)}.footer-note{text-align:center;font-size:11px;color:#444}.right-panel{display:flex;flex-direction:column;background:var(--bg-secondary);border-left:1px solid var(--border-primary);height:100vh;overflow-y:auto;transition:width var(--transition-base),transform var(--transition-base);box-shadow:-8px 0 24px #00000040}.right-panel.open{width:340px}.right-panel.closed{width:0;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-primary);flex-shrink:0;background:var(--bg-secondary)}.panel-header h3{margin:0;font-size:var(--font-md);font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.panel-eyebrow{margin:0;font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.close-btn{background:transparent;border:none;color:var(--text-secondary);padding:var(--spacing-2);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.panel-section{padding:var(--spacing-5);border-bottom:1px solid var(--border-secondary);background:var(--bg-secondary)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.section-header h4{margin:0;font-size:var(--font-sm);letter-spacing:-.01em}.section-hint{font-size:var(--font-xs);color:var(--text-tertiary)}.panel-section:last-child{border-bottom:none}.section-title{margin:0 0 var(--spacing-3) 0;font-size:var(--font-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.control-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-3)}.panel-select{width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--spacing-3)}.panel-select:last-of-type{margin-bottom:0}.panel-select:hover{background:var(--bg-tertiary);border-color:var(--border-primary)}.panel-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #a8c7fa1f}.param-item{margin-bottom:var(--spacing-4)}.param-item:last-child{margin-bottom:0}.param-item label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3);font-size:var(--font-sm);color:var(--text-primary)}.param-value{font-weight:500;color:var(--accent-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--font-sm)}.param-item input[type=range]{width:100%;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);-webkit-appearance:none;cursor:pointer;position:relative}.param-item input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full)}.param-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent-primary);border-radius:50%;cursor:pointer;transition:all var(--transition-fast);margin-top:-5px}.param-item input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px #a8c7fa33}.param-item input[type=range]::-moz-range-track{width:100%;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full)}.param-item input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--accent-primary);border-radius:50%;border:none;cursor:pointer;transition:all var(--transition-fast)}.param-item input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px #a8c7fa33}.link-btn{background:none;border:none;color:var(--accent-primary);font-size:var(--font-sm);cursor:pointer}.switch-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) 0;cursor:pointer;font-size:var(--font-sm);color:var(--text-primary)}.switch-item input[type=checkbox]{width:40px;height:22px;appearance:none;background:var(--bg-tertiary);border-radius:var(--radius-full);position:relative;cursor:pointer;transition:background var(--transition-fast);flex-shrink:0;margin-left:var(--spacing-3)}.switch-item input[type=checkbox]:checked{background:var(--accent-primary)}.switch-item input[type=checkbox]:before{content:"";position:absolute;width:18px;height:18px;background:var(--bg-primary);border-radius:50%;top:2px;left:2px;transition:transform var(--transition-fast);box-shadow:0 1px 3px #0000004d}.switch-item input[type=checkbox]:checked:before{transform:translate(18px)}.right-panel::-webkit-scrollbar{width:6px}.right-panel::-webkit-scrollbar-track{background:transparent}.right-panel::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full);transition:background var(--transition-fast)}.right-panel::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(max-width:1023px){.right-panel.open{width:320px}.panel-header{padding:var(--spacing-3) var(--spacing-4)}.panel-section{padding:var(--spacing-4)}.control-row{grid-template-columns:1fr}}@media(max-width:767px){.right-panel,.right-panel.open{width:300px;max-width:85vw}.panel-header{padding:var(--spacing-3)}.panel-header h3{font-size:var(--font-sm)}.panel-section{padding:var(--spacing-3)}.section-title{font-size:10px}.panel-select{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-xs)}.param-item label{font-size:var(--font-xs)}.switch-item{font-size:var(--font-xs);padding:var(--spacing-2) 0}.switch-item input[type=checkbox]{width:36px;height:20px}.switch-item input[type=checkbox]:before{width:16px;height:16px}.switch-item input[type=checkbox]:checked:before{transform:translate(16px)}}.error-boundary-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:20px;text-align:center;background-color:var(--background-color-dark);color:var(--text-color);border-radius:8px;box-shadow:var(--shadow-medium)}.error-boundary-fallback h2{font-size:2em;color:var(--accent-color);margin-bottom:10px}.error-boundary-fallback p{font-size:1.1em;margin-bottom:15px;max-width:600px}.error-boundary-fallback details{margin-top:20px;padding:10px;border:1px solid var(--border-color);border-radius:5px;background-color:var(--background-color-light);color:var(--text-color-secondary);text-align:left;font-family:Fira Code,Cascadia Code,monospace;font-size:.9em;max-height:200px;overflow-y:auto}.error-boundary-fallback .refresh-button{background-color:var(--accent-color);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1em;margin-top:20px;transition:background-color .3s ease}.error-boundary-fallback .refresh-button:hover{background-color:var(--accent-color-hover)}.loading-container{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background:var(--bg-primary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-container{display:grid;grid-template-columns:270px 1fr 340px;height:100%;width:100%;background:var(--bg-primary);overflow:hidden;transition:grid-template-columns var(--transition-base)}.app-container.left-collapsed{grid-template-columns:72px 1fr 340px}.app-container.right-collapsed{grid-template-columns:270px 1fr 0}.app-container.left-collapsed.right-collapsed{grid-template-columns:72px 1fr 0}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary);min-height:0;position:relative}.overlay{position:fixed;inset:0;background:#00000080;z-index:99;animation:fadeIn var(--transition-base)}@media(max-width:1023px){.app-container{grid-template-columns:220px 1fr}.app-container.left-collapsed{grid-template-columns:72px 1fr}.app-container.right-collapsed{grid-template-columns:220px 1fr}.app-container.left-collapsed.right-collapsed{grid-template-columns:72px 1fr}.right-panel{position:fixed!important;right:0;top:0;height:100vh;z-index:300;box-shadow:var(--shadow-xl)}.right-panel.closed{transform:translate(100%)}}@media(max-width:767px){.app-container,.app-container.left-collapsed,.app-container.right-collapsed,.app-container.left-collapsed.right-collapsed{grid-template-columns:1fr}.app-container.mobile .left-sidebar{position:fixed;left:0;top:0;height:100vh;z-index:300;box-shadow:var(--shadow-xl);width:280px;max-width:85vw;transform:translate(-100%);transition:transform var(--transition-base)}.app-container.mobile .left-sidebar.open{transform:translate(0)}.app-container.mobile .left-sidebar.collapsed{transform:translate(-100%);width:280px}.app-container.mobile .right-panel{position:fixed;right:0;top:0;height:100vh;z-index:300;box-shadow:var(--shadow-xl);max-width:85vw;transform:translate(100%);transition:transform var(--transition-base)}.app-container.mobile .right-panel.open{transform:translate(0)}.app-container.mobile .right-panel.closed{transform:translate(100%)}}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;--font-xs: .6875rem;--font-sm: .8125rem;--font-base: .875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--bg-primary: oklch(1 0 0);--bg-secondary: oklch(.98 0 0);--bg-tertiary: oklch(.96 0 0);--bg-hover: oklch(.94 0 0);--text-primary: oklch(.2 0 0);--text-secondary: oklch(.5 0 0);--text-tertiary: oklch(.65 0 0);--border-primary: oklch(.92 0 0);--border-secondary: oklch(.94 0 0);--accent-primary: oklch(.55 .2 264);--accent-hover: oklch(.5 .22 264);--accent-light: oklch(.96 .05 264);--accent-text: oklch(1 0 0);--success: oklch(.6 .15 145);--error: oklch(.6 .2 25);--warning: oklch(.7 .15 75);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--radius-none: 0;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary: #131314;--bg-secondary: #1e1f20;--bg-tertiary: #28292a;--bg-hover: #303134;--text-primary: #e3e3e3;--text-secondary: #c4c7c5;--text-tertiary: #9aa0a6;--border-primary: #444746;--border-secondary: #353638;--accent-primary: #a8c7fa;--accent-hover: #c2d9ff;--accent-light: rgba(168, 199, 250, .12);--accent-text: #131314;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .6)}body{margin:0;padding:0;min-width:320px;width:100%;height:100%;min-height:100vh;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-base);line-height:var(--leading-normal);transition:background-color var(--transition-base),color var(--transition-base);-webkit-text-size-adjust:100%}html{height:100%;overflow:hidden}#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-sm);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent-light);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}:disabled{opacity:.5;cursor:not-allowed}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}button{font-family:inherit;cursor:pointer;transition:all var(--transition-base);border:none;background:none}button:active:not(:disabled){transform:scale(.98)}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;transition:all var(--transition-base)}code,pre{font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}