.agent-progress{margin:var(--space-4) 0;padding:var(--space-2);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:.5px solid var(--glass-border);box-shadow:var(--shadow-crisp),var(--glass-highlight);border-radius:var(--radius-lg);font-size:var(--text-sm);overflow:hidden}.agent-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);transition:background var(--duration-fast) ease-out;border-radius:var(--radius-md)}.agent-row[style*="cursor: pointer"]:hover{background:var(--hover-50)}.agent-spinner{width:12px;height:12px;border:1.5px solid color-mix(in oklab,var(--text-primary-color) 15%,transparent);border-top-color:var(--brand-color);border-radius:50%;animation:agent-spin .8s linear infinite;flex-shrink:0}.agent-spinner.agent-done{width:8px;height:8px;border:none;animation:none;background:var(--active-green);box-shadow:0 0 0 3px color-mix(in oklab,var(--active-green) 15%,transparent)}.agent-spinner.agent-error{width:8px;height:8px;border:none;animation:none;background:var(--color-destructive);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-destructive) 15%,transparent)}.agent-name{font-weight:500;text-transform:capitalize;color:var(--text-primary-color);font-size:var(--text-sm)}.agent-status{margin-left:auto;color:var(--text-tertiary-color);font-size:var(--text-xs);letter-spacing:var(--ls-base)}.agent-detail-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0);z-index:999;transition:background var(--duration-slow) ease-out}.agent-detail-backdrop.open{background:rgba(0,0,0,.45);backdrop-filter:blur(4px)}.agent-detail-panel{position:fixed;top:0;right:0;width:min(560px,85vw);height:100vh;height:100dvh;background:var(--bg-color);z-index:1000;display:flex;flex-direction:column;box-shadow:-8px 0 32px rgba(0,0,0,.18);transform:translateX(100%);transition:transform var(--duration-slow) cubic-bezier(.16, 1, .3, 1)}.agent-detail-panel.open{transform:translateX(0)}.agent-detail-resize{position:absolute;top:0;left:-3px;width:6px;height:100%;cursor:col-resize;z-index:1001;background:0 0;transition:background var(--duration-fast) ease-out}.agent-detail-resize.resizing,.agent-detail-resize:hover{background:var(--brand-color);opacity:.5}.agent-detail-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--contrast-light-color);flex-shrink:0;background:var(--section-bg-color)}.agent-detail-title{font-weight:700;font-size:var(--text-base);text-transform:capitalize;color:var(--text-primary-color);letter-spacing:var(--ls-xs)}.agent-detail-close{flex-shrink:0;background:0 0;border:none;color:var(--text-tertiary-color);cursor:pointer;padding:var(--space-1);border-radius:6px;transition:background var(--duration-fast) ease-out,color var(--duration-fast) ease-out}.agent-detail-close:hover{background:var(--hover-100);color:var(--text-primary-color)}.agent-detail-body{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-5);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-primary-color);scrollbar-width:thin;scrollbar-color:var(--contrast-light-color) transparent}.agent-detail-body p{margin-bottom:var(--space-4)}.agent-detail-body ol,.agent-detail-body ul{padding-left:var(--space-5);margin-bottom:var(--space-4)}.agent-detail-body h1,.agent-detail-body h2,.agent-detail-body h3{color:var(--text-primary-color);margin:var(--space-5) 0 var(--space-3);letter-spacing:var(--ls-xs)}.agent-detail-body code{background:var(--card-bg-color);padding:var(--space-1) var(--space-2);border-radius:4px;font-size:var(--text-sm)}.agent-detail-body pre{background:var(--card-bg-color);padding:var(--space-4);border-radius:8px;overflow-x:auto;margin-bottom:var(--space-4)}.agent-detail-body a{color:var(--brand-color);text-decoration:underline;text-underline-offset:2px}@media (max-width:640px){.agent-detail-panel{top:auto;bottom:0;left:0;right:0;width:100%;height:90vh;height:90dvh;border-radius:16px 16px 0 0;box-shadow:0 -8px 40px rgba(0,0,0,.25);transform:translateY(100%);transition:transform var(--duration-slow) cubic-bezier(.16, 1, .3, 1)}.agent-detail-panel.open{transform:translateY(0)}.agent-detail-resize{display:none}.agent-detail-header::before{content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);width:36px;height:4px;background:var(--contrast-medium-color);border-radius:4px}.agent-detail-header{position:relative;padding-top:var(--space-6);cursor:grab;border-radius:16px 16px 0 0}.agent-detail-header:active{cursor:grabbing}}@keyframes agent-spin{to{transform:rotate(360deg)}}.stats-update-flash{background-color:var(--text-primary-color);color:var(--bg-color);transition:background-color var(--duration-slow) ease-out,color var(--duration-slow) ease-out;font-weight:600!important}.transition-effect{transition:font-weight var(--duration-slow) ease-out,color var(--duration-slow) ease-out;font-weight:400}.emphasis-effect{font-weight:600!important}.btn-shine{font-size:var(--text-xs);font-weight:500;color:#fff;background:linear-gradient(in oklab to right,var(--text-tertiary-color) 0,var(--text-tertiary-color) 35%,rgba(255,255,255,.8) 50%,var(--text-tertiary-color) 65%,var(--text-tertiary-color) 100%);background-size:1000% 100%;background-position:100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 20s linear infinite;text-decoration:none}.spinner-container{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.spinner{border:2px solid color-mix(in oklab,var(--text-primary-color) 10%,transparent);width:16px;height:16px;border-radius:50%;border-left-color:var(--brand-color);animation:spin .6s linear infinite;margin:0;will-change:transform;transform:translateZ(0);flex-shrink:0}.image-preview .spinner{position:absolute;border-width:4px;width:30px;height:30px;left:calc((150px - 30px)/ 2);top:calc((100px - 30px)/ 2);z-index:2}.spinner-text{font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:var(--ls-sm);color:var(--text-primary-color);margin:0;padding:0}.animated-letter-spinner-text{font-size:var(--text-base);color:var(--text-primary-color);opacity:0;animation:fadeIn .2s forwards}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes glowPulse{0%{filter:drop-shadow(0 0 0px transparent)}30%{filter:drop-shadow(0 0 8px color-mix(in oklab, var(--brand-color) 80%, transparent)) drop-shadow(0 0 12px color-mix(in oklab, var(--brand-color) 40%, transparent))}60%{filter:drop-shadow(0 0 4px color-mix(in oklab, var(--brand-color) 40%, transparent))}100%{filter:drop-shadow(0 0 0px transparent)}}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--brand-color)}100%{box-shadow:0 0 0 5px transparent}}@keyframes shine{0%{background-position:100%}20%{background-position:-100%}100%{background-position:-100%}}@keyframes backgroundWave{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes floatCurly{0%,100%{transform:translateY(0) rotate(5deg)}33%{transform:translateY(-8px) rotate(-3deg)}66%{transform:translateY(5px) rotate(8deg)}}@keyframes floatCurlyRight{0%,100%{transform:translateY(0) rotate(-8deg)}33%{transform:translateY(6px) rotate(-2deg)}66%{transform:translateY(-10px) rotate(-12deg)}}.image-preview-area-wrapper,.quick-actions-container-wrapper{position:relative;z-index:20;width:96%;align-self:center}@media (max-width:600px){.image-preview-area-wrapper,.quick-actions-container-wrapper{width:90%}.image-preview{margin-right:var(--space-1)!important}}#image-preview-area{display:none;flex-direction:row;flex-wrap:nowrap;align-items:center;padding:var(--space-4);border-radius:calc(var(--bttn-radius)*1.69) calc(var(--bttn-radius)*1.69) 0 0;background:linear-gradient(in oklab to top,var(--input-bg),var(--hover-50));border:solid;border-color:var(--hover-100);border-width:.5px .5px 0 .5px;padding-bottom:var(--space-4)!important}#image-preview-area~.fade-overlay{display:none}.image-preview{position:relative;display:inline-block;margin-right:var(--space-6);transition:transform var(--duration-fast) ease-out;animation:previewScaleIn .35s var(--spring)}@keyframes previewScaleIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.image-preview:hover .delete-icon{opacity:1}.image-preview img{display:flex;margin-bottom:var(--space-3);border-radius:12px;box-shadow:var(--shadow-crisp);width:180px;height:120px;object-fit:cover;cursor:pointer;transition:transform var(--duration-fast) ease-out}.image-preview .upload-success{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--active-green,#22c55e);display:flex;align-items:center;justify-content:center;animation:checkFadeIn .3s ease-out;z-index:2}.image-preview .upload-success svg{width:14px;height:14px;stroke:white;stroke-width:3}@keyframes checkFadeIn{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.delete-icon{position:absolute;top:0;left:0;transform:scale(.6);z-index:2;background-color:var(--color-destructive)!important;border-color:var(--color-destructive)!important;opacity:0;transition:opacity var(--duration-fast) ease-out}.delete-icon svg{stroke-width:3.5px!important;color:#fff!important}.file-name{display:flex;height:20px;font-size:var(--text-sm);color:var(--text-muted-color);align-items:center}.quick-actions-container-wrapper{height:0;overflow:hidden;opacity:0;interpolate-size:allow-keywords;transition:height .5s var(--spring),opacity var(--duration-fast) ease-out}.quick-actions-container-wrapper.show{height:fit-content;opacity:1}#quick-actions-container{display:flex;gap:var(--space-3);width:100%;z-index:100;box-sizing:border-box;border:solid var(--input-border-color);padding:var(--space-5) 0;border-width:0 0 .5px 0;margin-bottom:var(--space-3)}#quick-actions-container~.fade-overlay{display:none}.quick-action-block{max-width:fit-content;color:var(--brand-color);display:inline;padding:var(--space-1) var(--space-2);border-radius:5px;align-items:center;font-weight:400;border:solid 1px var(--brand-color);font-size:var(--text-md);line-height:normal}.add-qa{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.add-qa:hover{background-color:var(--brand-color)!important;border:solid 1px var(--brand-color)!important}.add-qa:hover svg{stroke:white}}.add-qa:active{background-color:var(--brand-color)!important;border:solid 1px var(--brand-color)!important}.add-qa:active svg{stroke:white}.input-wrapper{display:flex;flex-direction:column;position:relative;border-radius:calc(var(--bttn-radius)*1.4);border:.5px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-crisp),var(--glass-highlight);color:var(--text-primary-color);padding:var(--space-3);margin-bottom:var(--space-4)}@media (max-width:600px){.input-wrapper{border-radius:30px;margin-bottom:var(--space-7)!important}}@media all and (display-mode:standalone){.input-wrapper{margin-bottom:var(--space-8)}}#send{border:.5px solid var(--input-border-color)}@media (hover:hover) and (pointer:fine){#send:hover{background-color:var(--brand-color)}}#send:active{background-color:var(--brand-color)}#send svg{transition:transform var(--duration-fast) ease-out,stroke var(--duration-fast) ease-out}@media (hover:hover) and (pointer:fine){#send:hover svg{transform:rotate(90deg);stroke:white}}#send:active svg{transform:rotate(90deg);stroke:white}#pause{display:none;margin-left:auto;transition:background-color var(--duration-fast) ease-out;background-color:var(--color-destructive-subtle)}#pause svg{color:var(--color-destructive)}@media (hover:hover) and (pointer:fine){#pause:hover{background-color:var(--color-destructive-hover)}}#pause:active{background-color:var(--color-destructive-hover)}@media (max-width:600px){#pause,#send{border-radius:100px!important}}.toolbar{display:flex;flex-direction:row;gap:var(--space-1);z-index:1;align-items:center;justify-content:flex-start;width:100%;height:0;overflow:hidden;opacity:0;padding:0;margin:0;interpolate-size:allow-keywords;transition:height .5s var(--spring),opacity var(--duration-fast) ease-out,margin .5s var(--spring),padding .5s var(--spring)}.toolbar.show{height:fit-content;opacity:1;margin-bottom:var(--space-3);padding:var(--space-1) 0}.toolbar #shortcuts{margin-left:auto}@media (pointer:coarse) and (hover:none){.toolbar #shortcuts{display:none}}@media (hover:hover) and (pointer:fine){.toolbar .bttn.bttn-icon:hover{background-color:var(--brand-color)!important;color:#fff!important}}.toolbar .bttn.bttn-icon:active{background-color:var(--brand-color)!important;color:#fff!important}.math-editor{border-radius:calc(var(--bttn-radius)*1.1);border:solid .5px var(--brand-color);background-color:var(--section-bg-color);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:var(--space-4)!important;z-index:30;box-shadow:var(--blue-glow);width:90%;overflow:hidden}@media(max-width:600px){.math-editor{width:100%}}#math-field{border-radius:calc(var(--bttn-radius)*1.1);--caret-color:var(--text-primary-color);color:var(--text-primary-color);outline:0;border:none;background-color:transparent;flex-grow:1;font-size:var(--text-plus)!important;padding:var(--space-2) 0 var(--space-2) var(--space-3);overflow-y:hidden;overflow-x:auto}#math-field::part(menu-toggle){min-width:38px;min-height:38px;fill:var(--text-primary-color);margin-right:0;transform:scale(.82)}#math-field::part(virtual-keyboard-toggle){min-width:38px;min-height:38px;fill:var(--text-primary-color);margin-right:0}#keyboard-container{width:100%;max-width:765px;margin-bottom:var(--space-4);position:relative;overflow:visible;border:solid .5px var(--input-border-color);border-radius:calc(var(--bttn-radius)*1.4);transition:height var(--duration-normal) ease-out,border var(--duration-normal) ease-out;height:auto;flex-shrink:0}#keyboard-container.hidden{height:0!important;margin-bottom:0!important;border:none!important;overflow:hidden;visibility:hidden}#keyboard-container .ML__keyboard{transform:none!important;position:relative!important;top:0!important;left:0!important;width:100%!important;border-radius:calc(var(--bttn-radius)*1.4)}#math-field::part(menu-toggle)::after,#math-field::part(menu-toggle)::before,#math-field::part(virtual-keyboard-toggle)::after,#math-field::part(virtual-keyboard-toggle)::before,[data-tooltip]::after,[data-tooltip]::before{display:none!important;content:none!important}.math-block{display:inline;padding:var(--space-1) var(--space-2);border-radius:5px;background-color:var(--contrast-light-color);align-items:center;line-height:0}.math-block .katex{align-items:center}@media (max-width:768px){.math-editor{caret-color:transparent!important}.ML__container input,.ML__container textarea,.ML__textarea{caret-color:transparent!important}.ML__caret{display:block!important;visibility:visible!important;opacity:1!important}.math-editor[style*="display: flex"]~#text-editor{caret-color:transparent!important}}.message-input{width:100%;min-height:2.5rem;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--space-3);align-items:center}#message-input::-webkit-scrollbar{display:none}#message-input:focus{outline:0}#text-editor{width:100%;white-space:pre-wrap;word-wrap:break-word;cursor:text;resize:none;overflow-y:auto;line-height:var(--leading-normal);height:auto;max-height:24vh;min-height:calc(1em * var(--leading-normal));box-sizing:border-box;scrollbar-width:none;flex-grow:1;z-index:0;margin-left:var(--space-3);margin-right:var(--space-3);position:relative}#text-editor:focus{outline:0}.qa-context-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--brand-color);background:color-mix(in oklab,var(--brand-color) 8%,transparent);border-bottom:.5px solid color-mix(in oklab,var(--brand-color) 20%,transparent);border-radius:calc(var(--bttn-radius)*1.4) calc(var(--bttn-radius)*1.4) 0 0;animation:chipSlideIn .3s var(--spring);transition:opacity .4s ease-out}.qa-context-chip.fade-out{opacity:0}@keyframes chipSlideIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}