.chatbox{--chat-bg:#fff;--chat-border:#e5e5e5;--chat-muted:#737373;--chat-foreground:#1c1c1c;--chat-accent:#1c1c1c;--chat-accent-light:#f5f5f5;--chat-user-bg:#1c1c1c;--chat-user-text:#fff;--chat-assistant-bg:#fafafa;--chat-chip-border:#c8c8c8;--chat-chip-hover:#f0f0f0}.chatbox-container{background:var(--chat-bg);border:1px solid var(--chat-border);border-radius:.75rem;flex-direction:column;width:100%;height:100%;display:flex}.chatbox-messages{scroll-behavior:smooth;flex:1;padding:1.5rem;overflow-y:auto}.chatbox-messages::-webkit-scrollbar{width:6px}.chatbox-messages::-webkit-scrollbar-track{background:0 0}.chatbox-messages::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:3px}.chatbox-messages::-webkit-scrollbar-thumb:hover{background:#aaa}.message-row{margin-bottom:1.25rem;display:flex}.message-row.user{justify-content:flex-end}.message-content{flex-direction:column;max-width:75%;display:flex}.message-bubble-wrapper{align-items:flex-end;gap:.75rem;display:flex}.message-row.user .message-bubble-wrapper{flex-direction:row-reverse}.message-avatar{border:1px solid var(--chat-border);background:var(--chat-accent-light);border-radius:50%;flex-shrink:0;width:2.25rem;height:2.25rem;position:relative;overflow:hidden}.message-chips-divider{background-image:linear-gradient(90deg,#73737380 2px,#0000 2px);background-repeat:repeat-x;background-size:6px 1px;height:1px;margin:.625rem 0 .625rem 3rem}.message-attachments{flex-direction:column;align-items:flex-end;margin-bottom:.5rem;margin-left:3rem;display:flex}.message-attachments.assistant-attachments{align-items:flex-start}.message-attachments-divider{background-image:linear-gradient(90deg,#73737366 2px,#0000 2px);background-repeat:repeat-x;background-size:6px 1px;width:100%;height:1px;margin-top:.5rem}.message-bubble{border-radius:1rem;padding:.875rem 1rem;font-size:.9375rem;line-height:1.6}.message-bubble.user{background:var(--chat-user-bg);color:var(--chat-user-text)}.message-bubble.assistant{background:var(--chat-assistant-bg);color:var(--chat-foreground);border:1px solid var(--chat-border)}.message-bubble.user.last-message,.message-bubble.assistant.last-message{clip-path:none;border-radius:1rem}.message-bubble p{margin:0}.message-bubble p+p{margin-top:.875rem}.message-bubble p:empty{display:none}.message-bubble p:has(+p:empty){display:none}.message-chips{flex-wrap:wrap;gap:.5rem;margin-left:3rem;display:flex}.chip-button{color:var(--chat-foreground);border:1px solid var(--chat-chip-border);cursor:pointer;background:0 0;border-radius:9999px;padding:.375rem .875rem;font-size:.8125rem;transition:all .2s}.chip-button:hover:not(:disabled){background:var(--chat-foreground);color:var(--chat-user-text);border-color:var(--chat-foreground)}.chip-button:disabled{opacity:.5;cursor:not-allowed}.thinking-bubble{border:1px dashed var(--chat-border);background:#fafaf5;border-radius:1rem;max-width:100%;padding:.875rem 1rem;overflow:hidden}.thinking-label{text-transform:uppercase;letter-spacing:.05em;color:var(--chat-muted);margin-bottom:.5rem;font-size:.6875rem;font-weight:600;display:block}.thinking-text{color:var(--chat-muted);white-space:pre-wrap;word-break:break-word;max-height:150px;margin:0;font-size:.8125rem;font-style:italic;line-height:1.5;overflow-y:auto}.thinking-text::-webkit-scrollbar{width:4px}.thinking-text::-webkit-scrollbar-track{background:0 0}.thinking-text::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:2px}.loading-indicator{background:var(--chat-assistant-bg);border:1px solid var(--chat-border);border-radius:1rem;align-items:center;gap:.75rem;width:fit-content;padding:.75rem 1rem;display:flex}.loading-dots{gap:.25rem;display:flex}.loading-dot{background:var(--chat-muted);border-radius:50%;width:.375rem;height:.375rem;animation:1.4s ease-in-out infinite both bounce}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.loading-text{color:var(--chat-muted);flex:1;font-size:.875rem;font-style:italic}.pause-button{width:1.75rem;height:1.75rem;color:var(--chat-muted);border:1px solid var(--chat-border);cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;transition:color .2s,background .2s,border-color .2s;display:flex}.pause-button:hover{border-color:var(--chat-muted);background:#fff}.pause-button-icon{width:.75rem;height:.75rem}.paused-text{color:var(--chat-muted);text-transform:uppercase;letter-spacing:.05em;margin-left:auto;font-size:.75rem;font-weight:500}.chatbox-input-area{border-top:1px solid var(--chat-border);background:var(--chat-bg);border-radius:0 0 .75rem .75rem;flex-shrink:0;padding:1.5rem}.chatbox-form{gap:.75rem;margin-bottom:1rem;display:flex}.chatbox-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.chatbox-input{height:2.5rem;color:var(--chat-foreground);background:var(--chat-accent-light);border:1px solid var(--chat-border);border-radius:9999px;outline:none;flex:1;padding:0 3rem 0 1rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.chatbox-input:focus{border-color:var(--chat-foreground);box-shadow:0 0 0 2px #1c1c1c1a}.chatbox-input::placeholder{color:var(--chat-muted)}.chatbox-input:disabled{opacity:.5}.chatbox-submit{width:2.75rem;height:2rem;color:var(--chat-muted);border:1px solid var(--chat-border);cursor:pointer;z-index:1;background:#fff;border-radius:9999px;justify-content:center;align-items:center;padding:0;transition:color .2s,background .2s,border-color .2s;display:flex;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.chatbox-submit:hover:not(:disabled){color:var(--chat-foreground);border-color:var(--chat-muted);background:#fafafa}.chatbox-submit:disabled{opacity:.4;cursor:not-allowed}.chatbox-submit-send-icon{width:.875rem;height:.875rem}.quick-questions{flex-direction:column;gap:.6rem;display:flex}.quick-questions-label{color:var(--chat-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.quick-questions-list{flex-wrap:wrap;gap:.5rem;display:flex}.quick-question-btn{color:var(--chat-foreground);border:1px solid var(--chat-chip-border);cursor:pointer;background:0 0;border-radius:9999px;padding:.375rem .875rem;font-size:.8125rem;transition:all .2s}.quick-question-btn:hover:not(:disabled){background:var(--chat-foreground);color:var(--chat-user-text);border-color:var(--chat-foreground)}.quick-question-btn:disabled{opacity:.5;cursor:not-allowed}.file-upload-zone{flex-direction:column;height:100%;display:flex;position:relative}.file-drag-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f5f5f5f2;border:2px dashed #1c1c1c;border-radius:.75rem;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.file-drag-overlay-content{text-align:center}.file-drag-overlay-icon{color:#1c1c1c;width:3rem;height:3rem;margin:0 auto .75rem}.file-drag-overlay-title{color:#1c1c1c;font-size:1.125rem;font-weight:500}.file-drag-overlay-subtitle{color:#737373;margin-top:.25rem;font-size:.875rem}.file-error-toast{z-index:50;position:absolute;top:.5rem;left:.5rem;right:.5rem}.file-error-item{color:#fff;background:#ef4444e6;border-radius:.375rem;margin-bottom:.25rem;padding:.5rem .75rem;font-size:.875rem}.attachment-preview-bar{flex-direction:column;justify-content:flex-start;gap:.75rem;width:100%;margin-bottom:.75rem;padding:0;display:flex}.upload-divider{background-image:linear-gradient(90deg,#73737380 2px,#0000 2px);background-repeat:repeat-x;background-size:6px 1px;width:100%;height:1px}.attachment-preview-list{align-items:center;gap:.5rem;width:100%;padding-bottom:.25rem;display:flex;overflow-x:auto}.file-card{background:#fff;border:1px solid #e5e5e5;border-radius:.5rem;flex-shrink:0;align-items:center;gap:.75rem;min-width:0;padding:.625rem .875rem;transition:border-color .2s,box-shadow .2s;display:flex}.file-card:hover{border-color:#73737380;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.file-card.processing{background:#eab3080d;border-color:#eab30880}.file-card.error{background:#ef44440d;border-color:#ef444480}.file-card-info{flex-direction:column;gap:.125rem;min-width:0;display:flex}.file-card-name{color:#1c1c1c;white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:.8125rem;font-weight:500;overflow:hidden}.file-card-meta{color:#737373;align-items:center;gap:.375rem;font-size:.6875rem;display:flex}.file-card-type{text-transform:uppercase;font-weight:500}.file-card-size{opacity:.8}.file-card-remove{cursor:pointer;color:#737373;background:0 0;border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:.25rem;transition:all .2s;display:flex}.file-card-remove:hover{color:#ef4444;background:#ef44441a}.file-card-remove-icon{width:1rem;height:1rem}.file-overflow-badge{color:#737373;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem .75rem;font-size:.75rem;font-weight:500;display:flex}.upload-button{width:2.5rem;height:2.5rem;color:var(--chat-muted);border:1px solid var(--chat-border);cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .2s,background .2s,border-color .2s;display:flex}.upload-button:hover:not(:disabled){color:var(--chat-foreground);border-color:var(--chat-muted);background:#fff}.upload-button:disabled{opacity:.4;cursor:not-allowed}.upload-button-icon{width:1rem;height:1rem}.link-preview-card{background:#fff;border:1px solid #e5e5e5;border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem .75rem;transition:border-color .2s;display:flex}.link-preview-card:hover{border-color:#73737380}.link-preview-card.fetching{background:#eab3080d;border-color:#eab30880}.link-preview-card.error{background:#ef44440d;border-color:#ef444480}.link-preview-favicon{object-fit:contain;border-radius:.25rem;flex-shrink:0;width:1.25rem;height:1.25rem}.link-preview-icon{color:#737373;flex-shrink:0;width:1.25rem;height:1.25rem}.link-preview-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.link-preview-title{color:#1c1c1c;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:500;overflow:hidden}.link-preview-meta{color:#737373;align-items:center;gap:.375rem;font-size:.625rem;display:flex}.link-preview-domain{font-weight:500}.link-preview-status{opacity:.8}.file-spinner{color:#eab308;flex-shrink:0;width:.875rem;height:.875rem;animation:1s linear infinite file-spin}@keyframes file-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1024px){.file-card{flex-shrink:0;width:40%;min-width:140px;max-width:none}.attachment-preview-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.attachment-preview-list::-webkit-scrollbar{display:none}.chatbox-messages,.chatbox-input-area{padding:1rem}.chatbox-form{gap:.5rem;display:flex}.message-chips,.message-chips-divider{margin-left:0!important}.attachment-preview-bar{flex-direction:column;justify-content:flex-start;gap:.5rem;width:100%;padding:0;display:flex}.attachment-preview-list{align-items:center;gap:.5rem;width:100%;display:flex;overflow-x:auto}}@media (max-width:767px){.chatbox-form{gap:.5rem;margin-bottom:0;display:flex}}
