body{font-family:Open Sans,Arial,sans-serif;line-height:1.25;margin:0;padding:0;height:100vh;height:100dvh}div#app{display:flex;flex-direction:column;box-sizing:border-box;height:100vh;height:100dvh}p{margin:8px 0}.title{display:flex;height:44px;background-color:#007aff;color:#fff;font-size:20px;text-align:center;justify-content:center;align-items:center;padding:0 44px;min-width:0;flex-grow:1}@media screen and (max-width: 768px){.title{height:60dp;padding:0 60dp}}.title-text{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-wrapper{display:flex}.menu-button{position:absolute;right:0;background-color:transparent;border:none;padding:0;cursor:pointer;width:44px;height:44px}.menu-button:hover{background-color:#0059b2}.menu-button svg{fill:#000;width:24px;height:24px}.menu-items{display:none;position:absolute;top:100%;right:0;min-width:80px;background-color:#fff;padding:10px;border-radius:5px;box-shadow:0 2px 5px #0000004d;z-index:1}.menu-items.show{display:block}.menu-item{padding:5px;cursor:pointer;white-space:nowrap}.chat-container{flex-grow:1;flex-shrink:1;padding:10px;overflow-y:auto}.chat-container.chat-loading:after{content:"";height:16px;width:71px;display:block;background-image:url(/loading-16.gif);background-repeat:no-repeat;background-position:center;padding:10px;margin-bottom:10px;border-radius:20px;background-color:#f0f0f0;display:table;clear:both;position:relative}.chat-bubble{padding:10px;margin-bottom:10px;border-radius:20px;background-color:#f0f0f0;display:table;clear:both;position:relative}.chat-bubble.chat-bubble-left:before{content:"";position:absolute;bottom:0;left:-6px;border-width:10px;border-style:solid;border-color:transparent transparent #f0f0f0 transparent}.chat-bubble.chat-bubble-right{background-color:#dcf8c6;float:right}.chat-bubble.chat-bubble-right:before{content:"";position:absolute;bottom:0;right:-6px;border-width:10px;border-style:solid;border-color:transparent transparent #dcf8c6 transparent}.chat-bubble>pre{margin:0}.input-container{flex-shrink:0;padding:10px;background-color:#ddd}.input-field{width:100%;padding:10px;border:none;border-radius:20px;box-sizing:border-box}#chat-form{display:flex;justify-content:flex-end}.custom-file-upload,.send-button{border-radius:50%;width:40px;height:40px;margin-left:10px;background-color:#fff;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;flex-shrink:0}.input-button:hover{background-color:#ccc}code{background-color:#f9f9f9;border:1px solid #ccc;padding:5px;display:block;position:relative;min-width:40px}pre>code:hover:after,pre>code:active:after{content:"⎘";position:absolute;top:-10px;right:4px;padding:2px 8px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:3px;cursor:pointer}p>code,li>code{display:inline;padding:0 4px}.dialog-box[data-v-d37b54ea]{background-color:#fff;width:20%;max-height:60%;min-width:200px;max-width:400px;padding:20px;border-radius:4px;box-shadow:0 2px 4px #0003;position:absolute;bottom:60px;right:18px;display:flex;flex-direction:column}.dialog-header[data-v-d37b54ea]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-shrink:0}.dialog-title[data-v-d37b54ea]{font-size:18px;font-weight:700}.dialog-image-preview[data-v-d37b54ea]{max-width:100%;max-height:100%;object-fit:contain}.dialog-close[data-v-d37b54ea]{background-color:transparent;border:none;cursor:pointer}.dialog-content[data-v-d37b54ea]{margin-bottom:10px;display:flex;justify-content:center;max-height:100%;flex-grow:1;flex-shrink:1;overflow-y:hidden}