#chat-input-container{--button-size: 45px;position:absolute;width:100%;bottom:0;min-height:60px;background-color:var(--surface);display:flex;flex-flow:row nowrap;align-items:center;padding:var(--space-2);z-index:2;transition:height var(--transition-base)}#chat-input-container:invalid button[type=submit]{opacity:.4;pointer-events:none;cursor:not-allowed}#chat-input-container input#camera{height:var(--button-size);width:var(--button-size);border-radius:var(--button-size);background-color:var(--background);box-shadow:var(--shadow-sm);background-image:var(--camera);background-repeat:no-repeat;background-size:27px;background-position:center;margin-right:var(--space-1);align-self:flex-end;appearance:none;color:rgba(0,0,0,0);outline:none}#chat-input-container input#camera::file-selector-button{display:none}#chat-input-container button#camera{background-image:var(--camera);margin-right:var(--space-1)}#chat-input-container #chat-input-wrapper{display:flex;flex-flow:column nowrap;align-items:center;width:calc(100% - var(--button-size) - var(--space-1));background-color:var(--background);border-radius:var(--radius-2xl);min-height:var(--button-size);transition:height var(--transition-base)}#chat-input-container #chat-input-wrapper textarea{appearance:none;background-color:inherit;border-top-left-radius:inherit;border-bottom-left-radius:inherit;resize:none;overflow:hidden;width:calc(100% - var(--button-size));height:calc(var(--button-size) - var(--space-1));padding-left:15px;outline:none;padding-top:var(--space-1);font-size:var(--medium-text)}#chat-input-container #chat-input-wrapper textarea::placeholder{color:var(--text-tertiary)}#chat-input-container #chat-input-wrapper button[type=submit]{background-image:var(--up-circle);background-size:35px;height:var(--button-size);width:var(--button-size);background-color:rgba(0,0,0,0);background-repeat:no-repeat;background-position:center;align-self:flex-end}#chat-input-container #chat-input-wrapper button[type=submit].working{background-image:var(--stop)}#image-container{width:100%;padding-top:var(--space-2);padding-left:var(--space-2);padding-right:var(--space-2)}#image-container:empty{display:none}#image-container{display:flex;flex-flow:row wrap;align-items:center;margin-bottom:var(--space-1)}#image-container img{height:110px;width:auto;border-radius:var(--radius-md)}#image-container .chat-image-container{position:relative}#image-container .chat-image-container.loading{pointer-events:none;cursor:not-allowed;animation:pulseOpacity 1.5s ease-in-out infinite;opacity:.4}#image-container .chat-image-container.loading button{opacity:.3}#image-container .chat-image-container button{--size: 30px;position:absolute;background-image:var(--x);background-color:var(--surface);background-position:center;background-size:var(--size);height:var(--size);width:var(--size);border-radius:var(--size);background-repeat:no-repeat;top:2px;right:2px}#conversation-container{width:100%;height:100%;overflow-y:scroll;display:flex;flex-flow:column nowrap}#conversation-container>*{flex-shrink:0}#conversation-container .agent{align-self:flex-start;max-width:75%;width:fit-content;margin-bottom:var(--space-2);color:var(--text-primary)}#conversation-container .agent-action{display:flex;flex-flow:row nowrap;align-items:center}#conversation-container .agent-action.error .icon{background-image:var(--error)}#conversation-container .agent-action.function-call .icon{background-image:var(--bolt)}#conversation-container .agent-action .icon{--size: 20px;background-size:var(--size);background-repeat:no-repeat;background-position:center;height:var(--size);width:var(--size);margin-right:var(--space-1)}#conversation-container .agent-action p{font-size:var(--medium-text);color:var(--text-tertiary)}#conversation-container .user-message{display:flex;flex-flow:column nowrap;background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--space-2);max-width:75%;width:fit-content;align-self:flex-end;box-shadow:var(--shadow-sm);margin-bottom:var(--space-2)}#conversation-container .user-message .image-container{display:flex;flex-flow:row wrap;margin-bottom:var(--space-1)}#conversation-container .user-message .image-container:empty{display:none}#conversation-container .user-message p{line-height:var(--large-text);font-size:var(--medium-text);color:var(--text-primary)}#loading-container{display:flex;flex-flow:row nowrap;justify-content:flex-start;width:100%;min-height:calc(100vh - var(--header-footer-height) - 60px);padding:var(--space-2)}#loading-container .loading-circle{--size: 20px;margin-right:var(--space-2);height:var(--size);width:var(--size);border-radius:50%;background-color:var(--gray-5);animation:pulseCircle 1.5s ease-in-out infinite}#loading-container p{font-size:var(--medium-text);color:var(--text-tertiary)}#loading-container.hidden{display:none}@keyframes pulseOpacity{0%{opacity:.7}50%{opacity:.4}100%{opacity:.7}}@keyframes pulseCircle{0%,100%{transform:scale(1);background-color:var(--gray-5);box-shadow:0 0 8px rgba(130,154,177,.3)}50%{transform:scale(1.15);background-color:var(--gray-3);box-shadow:0 0 16px rgba(130,154,177,.4)}}.confirmation-prompt{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-md);border:1px solid var(--border);max-width:85%;animation:slideIn var(--transition-slow) ease-out}.confirmation-prompt .confirmation-text{font-size:var(--medium-text);color:var(--text-tertiary);line-height:1.5;margin-bottom:var(--space-3)}.confirmation-prompt .confirmation-actions{display:flex;flex-flow:row nowrap;align-items:center;gap:var(--space-3)}.confirmation-prompt .confirmation-actions .confirm-btn{background-color:var(--blue-7);color:#fff;font-size:var(--medium-text);font-weight:600;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast),transform var(--transition-fast)}.confirmation-prompt .confirmation-actions .confirm-btn:active{background-color:var(--blue-8);transform:scale(0.97)}.confirmation-prompt .confirmation-actions .deny-btn{background-color:rgba(0,0,0,0);color:var(--text-tertiary);font-size:var(--medium-text);font-weight:500;padding:var(--space-2);transition:color var(--transition-fast)}.confirmation-prompt .confirmation-actions .deny-btn:active{color:var(--text-secondary)}.confirmation-prompt.loading{pointer-events:none}.confirmation-prompt.loading .confirm-btn{opacity:.6}.confirmation-prompt.loading .deny-btn{opacity:.4}.confirmation-prompt.resolved{display:none}@keyframes slideIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
