:root{--icon-size-xs:12px;--icon-size-sm:16px;--icon-size-base:18px;--icon-size-lg:20px;--icon-size-xl:24px;--button-w-standard:33px;--button-h-standard:33px;--button-icon-w-standard:18px;--button-icon-h-standard:18px;--logo-w-standard:33px;--logo-h-standard:33px;--icon-transition-fast:.2s ease;--icon-transition-normal:.3s ease;--icon-transition-slow:.6s ease;--icon-scale-hover:1.3;--icon-rotate-expanded:90deg}.icon-container{flex-shrink:0;justify-content:center;align-items:center;display:flex}.component-icon{width:var(--icon-size-base);height:var(--icon-size-base);flex-shrink:0}.icon-color-subtle{color:var(--color-text-subtle)}.button-w-standard{width:var(--button-w-standard);height:var(--button-h-standard);flex-shrink:0;justify-content:center;align-items:center;display:flex}.button-icon-w-standard{width:var(--button-icon-w-standard);height:var(--button-icon-h-standard);flex-shrink:0}.logo-w-standard{width:var(--logo-w-standard);height:var(--logo-h-standard);flex-shrink:0;position:relative}.collapse-arrow-container{width:var(--arrow-container,34px);flex-shrink:0;justify-content:center;align-items:center;display:flex}.collapse-arrow{transition:transform var(--icon-transition-slow);flex-shrink:0;justify-content:center;align-items:center;display:flex}.collapse-arrow svg{width:var(--icon-size-xs);height:var(--icon-size-xs);flex-shrink:0}.collapse-arrow.expanded{transform:rotate(var(--icon-rotate-expanded))}.collapse-arrow.collapsed,.collapse-arrow.step-card-mode.expanded{transform:rotate(0)}.step-button-arrow{width:49px;transition:transform var(--icon-transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-button-arrow svg{width:var(--icon-size-xs);height:var(--icon-size-xs);flex-shrink:0}.step-button-arrow.expanded{transform:rotate(var(--icon-rotate-expanded))}.step-button-arrow.collapsed{transform:rotate(0)}.step-card-arrow-interaction{transition:transform var(--icon-transition-fast)}.header-hover-zone:hover .step-card-arrow-interaction:not(:has(.expanded)){transform:scale(var(--icon-scale-hover))rotate(90deg)}.step-card-arrow-interaction:has(.expanded){transform:rotate(90deg)}.header-hover-zone:hover .step-card-arrow-interaction:has(.expanded){transform:scale(var(--icon-scale-hover))rotate(90deg)}@media (min-width:768px) and (min-aspect-ratio:4/3){.header-hover-zone:hover .step-card-arrow-interaction:not(:has(.expanded)){transform:scale(var(--icon-scale-hover))translateX(16px)rotate(0deg)}.step-card-arrow-interaction:has(.expanded){transform:translate(16px)rotate(0)}.header-hover-zone:hover .step-card-arrow-interaction:has(.expanded){transform:scale(var(--icon-scale-hover))translateX(16px)rotate(0deg)}}
.page-container{max-width:64rem;padding:0 var(--spacing-h-2xl);margin:0 auto}.card-container{padding:var(--padding-card-default);border:var(--border-width-thin)solid var(--color-border-default);border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#2d2d2d99}.input-container{padding:var(--padding-input-default);border:var(--border-width-thin)solid var(--color-border-interactive);border-radius:var(--border-radius-2xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#2d2d2d99;transition:all .3s}.input-container:hover{border-color:var(--color-border-interactive-hover)}.input-container:focus-within{border-color:var(--color-border-interactive-focus)}.button-container{align-items:center;gap:var(--gap-sm);padding:var(--padding-button-md);border-radius:var(--border-radius-full);cursor:pointer;transition:all .2s;display:flex}.button-container:hover{opacity:.8}.chat-input-wrapper{width:100%;position:relative}.brand-header-inner{padding:0 var(--spacing-h-2xl);justify-content:space-between;align-items:center;display:flex}.brand-header-left{align-items:center;gap:var(--gap-lg);display:flex}.chat-footer-inner{max-width:64rem;padding:var(--spacing-window-margin)var(--spacing-h-2xl)0;margin:0 auto}.horizontal-spacing{padding-left:var(--spacing-h-2xl);padding-right:var(--spacing-h-2xl)}.message-list-container{max-width:64rem;padding:0 var(--spacing-h-2xl)var(--spacing-window-margin);margin:0 auto}.message-group-container{padding:var(--spacing-v-3xl)0;transition:all .3s}.message-human-wrapper{justify-content:flex-end;align-items:flex-start;gap:var(--gap-md);display:flex}.approval-card-wrapper{max-width:64rem;padding:0 var(--spacing-h-2xl);margin:0 auto}.approval-card-header{padding:0 var(--spacing-h-2xl);justify-content:space-between;align-items:center;height:40px;display:flex}.approval-card-actions{align-items:center;gap:var(--gap-sm);display:flex}.approval-card-item{padding:var(--spacing-v-md)var(--spacing-h-2xl);border-bottom:var(--border-width-thin)solid var(--color-border-divider)}.approval-card-item:last-child{border-bottom:none}.toolcall-content{padding:var(--spacing-v-lg)var(--spacing-h-lg)}.model-switcher-button{align-items:center;gap:var(--gap-sm);border-radius:var(--border-radius-full);padding:6px 12px;transition:all .2s;display:flex}.model-switcher-menu{padding:var(--spacing-v-sm);gap:var(--gap-sm);flex-direction:column;display:flex}.model-switcher-option{text-align:left;border-radius:var(--border-radius-2xl);width:100%;padding:12px 16px;transition:background-color .2s}@media (min-width:768px) and (min-aspect-ratio:4/3){.main-content-area{margin-right:var(--sidebar-width,0)}}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-full{max-width:100%}.max-h-200{max-height:200px}.max-h-screen{max-height:100dvh}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;overflow-y:auto}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.hidden{display:none}.invisible{visibility:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-grow-0{flex-grow:0}