.chat-frame{--chat-thread-max:48rem;--chat-drawer-width:min(21rem,calc(100% - 2rem));position:relative;display:flex;width:100%;height:100%;min-height:0;overflow:hidden;background-color:hsl(var(--background));color:hsl(var(--foreground));font-size:.875rem}.chat-history-backdrop{position:absolute;inset:0;z-index:40;border:0;padding:0;background-color:hsl(var(--shadow-color)/.34);cursor:default;animation:chat-history-fade-in .18s ease-out}.chat-history-drawer{position:absolute;inset:0 auto 0 0;z-index:50;width:var(--chat-drawer-width);min-height:0;overflow:hidden;border-right:1px solid hsl(var(--border));background-color:hsl(var(--surface));box-shadow:var(--shadow-lg);transform:translateX(0);visibility:visible;transition:transform .18s ease,visibility .18s ease}.chat-history-drawer[data-state=closed]{transform:translateX(-100%);visibility:hidden;pointer-events:none}.chat-history-drawer__inner{height:100%;min-height:0}.chat-layout{position:relative;display:flex;overflow:hidden}.chat-conversation-pane,.chat-layout{flex:1 1 0%;min-width:0;min-height:0;background-color:hsl(var(--background))}.chat-conversation-pane{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%}.chat-header{justify-content:space-between;min-height:3.5rem;padding:.5rem .75rem;border-bottom:1px solid hsl(var(--border));background-color:hsl(var(--background));gap:.75rem}.chat-header,.chat-header__leading{display:flex;align-items:center;min-width:0}.chat-header__leading{flex:1 1 auto;gap:.375rem}.chat-header__context{min-width:0;margin-right:.25rem}.chat-header__context h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:550;line-height:1.25rem;letter-spacing:-.01em;color:hsl(var(--foreground))}.chat-icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;border:1px solid transparent;border-radius:.625rem;background-color:transparent;color:hsl(var(--muted-foreground));transition:background-color .15s ease,color .15s ease}.chat-icon-button svg{width:1.0625rem;height:1.0625rem}.chat-icon-button:hover{background-color:hsl(var(--surface));color:hsl(var(--foreground))}.chat-icon-button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.chat-header__new{margin-left:.125rem}.chat-mode-badge{display:inline-flex;align-items:center;flex-shrink:0;border:0;border-radius:999px;padding:.25rem .5rem;background-color:hsl(var(--surface));color:hsl(var(--muted-foreground));font-size:.6875rem;font-weight:550;line-height:1rem;letter-spacing:0;gap:.3125rem}.chat-mode-badge svg{width:.75rem;height:.75rem;color:hsl(var(--muted-foreground))}.chat-header__actions{display:flex;align-items:center;flex-shrink:0;gap:.25rem}.chat-panel-switcher{display:flex;align-items:center;min-width:0;margin:0;padding:0;border:0;background:transparent;gap:.125rem}.chat-panel-button{display:inline-flex;align-items:center;height:2.25rem;padding:0 .625rem;border-radius:.625rem;font-size:.75rem;font-weight:500;color:hsl(var(--muted-foreground));white-space:nowrap;gap:.375rem}.chat-panel-button svg{width:.875rem;height:.875rem;color:hsl(var(--muted-foreground))}.chat-panel-button:hover{color:hsl(var(--foreground))}.chat-panel-button[aria-pressed=true]{background-color:hsl(var(--surface));color:hsl(var(--foreground))}.chat-panel-button[aria-pressed=true] svg{color:hsl(var(--primary))}.chat-thread{position:relative;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:hsl(var(--border-strong)) transparent}.chat-thread__content{display:flex;flex-direction:column;width:100%;max-width:var(--chat-thread-max);min-height:100%;margin:0 auto;padding:2rem 1.5rem 3rem}.chat-loading{display:flex;flex-direction:column;padding:1.5rem 0;gap:1.5rem}.chat-loading>div{border-radius:.875rem;background-color:hsl(var(--muted));animation:chat-loading-pulse 1.4s ease-in-out infinite}.chat-loading__user{align-self:flex-end;width:72%;height:3.25rem}.chat-loading__assistant{width:100%;height:7.5rem;background-color:hsl(var(--muted)/.55)}.chat-loading__tool{width:84%;height:4.5rem;background-color:hsl(var(--muted)/.4)}.chat-empty{width:100%;max-width:44rem;margin:auto;padding:2.5rem 0}.chat-empty__intro{text-align:center}.chat-empty__intro h2{font-size:clamp(1.625rem,2.5vw + 1.125rem,2.125rem);font-weight:600;line-height:1.2;letter-spacing:-.025em}.chat-empty__intro>p{max-width:46ch;margin:.625rem auto 0;color:hsl(var(--muted-foreground));font-size:.9375rem;line-height:1.6}.chat-starters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2rem;gap:.75rem}.chat-starter{display:flex;align-items:flex-start;width:100%;min-width:0;min-height:2.5rem;padding:1rem 1.125rem;border:1px solid hsl(var(--border));border-radius:.875rem;background-color:hsl(var(--surface-raised));box-shadow:var(--shadow-xs);color:inherit;text-align:left;cursor:pointer;gap:.75rem;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.chat-starter:hover{border-color:hsl(var(--border-strong));box-shadow:var(--shadow-sm)}.chat-starter:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.chat-starter:disabled{cursor:not-allowed;opacity:.55}.chat-starter__text{min-width:0;flex:1 1 auto}.chat-starter__title{display:block;font-size:.875rem;font-weight:550;line-height:1.4;letter-spacing:-.01em}.chat-starter__description{display:block;margin-top:.25rem;color:hsl(var(--muted-foreground));font-size:.8125rem;line-height:1.5}.chat-messages{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;gap:2rem}.chat-message{min-width:0}.chat-message--user{padding-top:.25rem}.chat-list-error{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding-top:.75rem;border-top:1px solid hsl(var(--destructive)/.3);color:hsl(var(--muted-foreground));font-size:.75rem;gap:.75rem}.chat-jump{position:sticky;bottom:1rem;left:calc(100% - 3.25rem);z-index:5;margin-top:-2.5rem;box-shadow:var(--shadow-md)}.chat-composer-dock{position:relative;z-index:10;min-width:0;background-color:hsl(var(--background))}.chat-composer-dock__inner{width:100%;max-width:var(--chat-thread-max);margin:0 auto;padding:1.5rem 1.5rem max(1.125rem,env(safe-area-inset-bottom))}.chat-followups{display:flex;margin:0 -.125rem .5rem;padding:.125rem .125rem .5rem;overflow-x:auto;scrollbar-width:none;gap:.5rem}.chat-followups::-webkit-scrollbar{display:none}.chat-followup{flex:none;border:1px solid hsl(var(--border));border-radius:999px;background-color:hsl(var(--surface-raised));padding:.4375rem .75rem;color:hsl(var(--muted-foreground));font-size:.75rem;line-height:1.125rem;white-space:nowrap;transition:border-color .15s ease,color .15s ease}.chat-followup:hover{border-color:hsl(var(--primary));color:hsl(var(--foreground))}.chat-followup:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.chat-wait{display:flex;align-items:center;padding:.5rem 0;gap:.375rem}.chat-wait__dot{width:.375rem;height:.375rem;border-radius:999px;background-color:hsl(var(--muted-foreground));animation:chat-wait-bounce 1.2s ease-in-out infinite}.chat-wait__dot:nth-child(2){animation-delay:.15s}.chat-wait__dot:nth-child(3){animation-delay:.3s}.chat-side-panel{display:flex;flex-direction:column;flex:1 1 0%;min-width:0;min-height:0;overflow:hidden;background-color:hsl(var(--background))}.chat-side-panel__mobile-header{display:none}.chat-side-panel__body{display:flex;flex:1 1 0%;min-height:0}.chat-side-panel__body>*{width:100%;min-height:0}@keyframes chat-history-fade-in{0%{opacity:0}to{opacity:1}}@keyframes chat-loading-pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes chat-wait-bounce{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-.25rem);opacity:1}}@media (min-width:64rem){.chat-conversation-pane--split{flex:0 1 45%}.chat-conversation-pane--split .chat-panel-button{width:2.25rem;padding:0;justify-content:center}.chat-conversation-pane--split .chat-panel-button span{display:none}.chat-side-panel{border-left:1px solid hsl(var(--border))}}@media (min-width:80rem){.chat-conversation-pane--split{flex:0 1 40%}}@media (max-width:63.99rem){.chat-layout--panel-open .chat-conversation-pane{visibility:hidden}.chat-side-panel{position:absolute;inset:0;z-index:30;animation:chat-history-fade-in .18s ease-out}.chat-side-panel__mobile-header{display:flex;align-items:center;min-height:3.25rem;padding:.375rem max(.5rem,env(safe-area-inset-right)) .375rem max(.5rem,env(safe-area-inset-left));border-bottom:1px solid hsl(var(--border));background-color:hsl(var(--surface-raised));gap:.5rem}.chat-side-panel__back{min-height:2.75rem;font-size:.8125rem;gap:.375rem}.chat-side-panel__back svg{width:1rem;height:1rem}.chat-side-panel__mobile-header>span{margin-left:auto;color:hsl(var(--muted-foreground));font-size:.75rem}}@media (max-width:47.99rem){.chat-thread__content{padding:1.5rem 1rem 2.5rem}.chat-empty{padding:1.5rem 0}.chat-starters{grid-template-columns:minmax(0,1fr)}.chat-composer-dock__inner{padding:1rem .75rem max(.75rem,env(safe-area-inset-bottom))}.chat-messages{gap:1.75rem}}@media (max-width:34.99rem){.chat-header{padding:.375rem .5rem}.chat-header__leading{gap:.25rem}.chat-panel-button span{display:none}.chat-panel-button{width:2.25rem;height:2.25rem;padding:0;justify-content:center}}@media (prefers-reduced-motion:reduce){.chat-history-backdrop,.chat-history-drawer,.chat-side-panel,.chat-starter{animation:none;transition:none}.chat-loading>div,.chat-wait__dot{animation:none;opacity:.7}}