.chat-with-pdf-container{--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--border-radius-sm:calc(8px * 0.75);--border-radius-md:8px;--border-radius-lg:calc(8px * 1.5);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1)}html.dark .chat-with-pdf-container{--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 6px rgba(0,0,0,0.3)}.chat-with-pdf-container{max-width:900px;margin:0 auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);height:100vh;max-height:100vh}.chat-with-pdf-container .app-header{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid #d1d5db;overflow:hidden}html.dark .chat-with-pdf-container .app-header{background:#282a36;border-color:#44475a}.chat-with-pdf-container .app-header .header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);gap:var(--spacing-lg)}.chat-with-pdf-container .app-header .header-content .title-section{display:flex;align-items:center;gap:var(--spacing-md);color:#1a1a1a}html.dark .chat-with-pdf-container .app-header .header-content .title-section{color:#f8f8f2}.chat-with-pdf-container .app-header .header-content .title-section .title-text h1{margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.chat-with-pdf-container .app-header .header-content .title-section .title-text p{margin:0;font-size:.9rem;color:#666;opacity:.8}html.dark .chat-with-pdf-container .app-header .header-content .title-section .title-text p{color:#bd93f9}.chat-with-pdf-container .app-header .header-content .upload-section{flex-shrink:0}.chat-with-pdf-container .app-header .header-content .upload-section .file-status{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:rgba(34,197,94,.1);border-radius:var(--border-radius-md);border:1px solid rgba(34,197,94,.3)}.chat-with-pdf-container .app-header .header-content .upload-section .file-status .file-info{display:flex;align-items:center;gap:var(--spacing-sm);color:#1a1a1a}html.dark .chat-with-pdf-container .app-header .header-content .upload-section .file-status .file-info{color:#f8f8f2}.chat-with-pdf-container .app-header .header-content .upload-section .file-status .file-info .file-name{font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-with-pdf-container .app-header .header-content .upload-section .file-status .file-info .ready-badge{background:#22c55e;color:#fff;padding:2px var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600}.chat-with-pdf-container .app-header .header-content .upload-section .file-status .remove-btn{background:none;border:none;color:#dc2626;cursor:pointer;padding:4px;border-radius:50%;transition:var(--transition)}.chat-with-pdf-container .app-header .header-content .upload-section .file-status .remove-btn:hover{background:rgba(220,38,38,.1)}.chat-with-pdf-container .app-header .header-content .upload-section .upload-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.chat-with-pdf-container .app-header .header-content .upload-section .upload-controls .upload-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#1a1a1a;color:#fff;border:none;border-radius:var(--border-radius-md);cursor:pointer;font-weight:500;transition:var(--transition);white-space:nowrap}html.dark .chat-with-pdf-container .app-header .header-content .upload-section .upload-controls .upload-btn{background:#bd93f9;color:#f8f8f2}.chat-with-pdf-container .app-header .header-content .upload-section .upload-controls .upload-btn:hover:not(:disabled){background:rgb(.5,.5,.5)}html.dark .chat-with-pdf-container .app-header .header-content .upload-section .upload-controls .upload-btn:hover:not(:disabled){background:rgb(218.5263157895,195.3157894737,251.6842105263)}.chat-with-pdf-container .app-header .header-content .upload-section .upload-controls .upload-btn:disabled{opacity:.6;cursor:not-allowed}.chat-with-pdf-container .app-header .header-content .upload-section .upload-controls .upload-hint{font-size:.8rem;color:#666;opacity:.7}html.dark .chat-with-pdf-container .app-header .header-content .upload-section .upload-controls .upload-hint{color:#bd93f9}.chat-with-pdf-container .app-header .error-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:rgba(220,38,38,.1);border-top:1px solid rgba(220,38,38,.2);color:#dc2626;font-size:.9rem}.chat-with-pdf-container .chat-interface{flex:1 1;display:flex;flex-direction:column;background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid #d1d5db;overflow:hidden;min-height:0}html.dark .chat-with-pdf-container .chat-interface{background:#282a36;border-color:#44475a}.chat-with-pdf-container .chat-interface.disabled{opacity:.6;pointer-events:none}.chat-with-pdf-container .chat-interface .chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:#fff;border-bottom:1px solid #d1d5db}html.dark .chat-with-pdf-container .chat-interface .chat-header{background:rgb(33.4893617021,35.1638297872,45.2106382979);border-bottom-color:#44475a}.chat-with-pdf-container .chat-interface .chat-header .chat-title{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:#1a1a1a}html.dark .chat-with-pdf-container .chat-interface .chat-header .chat-title{color:#f8f8f2}.chat-with-pdf-container .chat-interface .chat-header .message-count{background:rgba(26,26,26,.1);padding:4px var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.8rem;color:#1a1a1a}html.dark .chat-with-pdf-container .chat-interface .chat-header .message-count{background:rgba(248,248,242,.1);color:#f8f8f2}.chat-with-pdf-container .chat-interface .chat-messages{flex:1 1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);background:#fff;min-height:0}html.dark .chat-with-pdf-container .chat-interface .chat-messages{background:rgb(35.6595744681,37.4425531915,48.1404255319)}.chat-with-pdf-container .chat-interface .chat-messages .empty-state{display:flex;align-items:center;justify-content:center;height:100%}.chat-with-pdf-container .chat-interface .chat-messages .empty-state .empty-content{text-align:center;color:#666}html.dark .chat-with-pdf-container .chat-interface .chat-messages .empty-state .empty-content{color:#bd93f9}.chat-with-pdf-container .chat-interface .chat-messages .empty-state .empty-content h3{margin:var(--spacing-md) 0 var(--spacing-sm) 0;color:#1a1a1a;font-size:1.2rem}html.dark .chat-with-pdf-container .chat-interface .chat-messages .empty-state .empty-content h3{color:#f8f8f2}.chat-with-pdf-container .chat-interface .chat-messages .empty-state .empty-content p{margin:0;max-width:250px}.chat-with-pdf-container .chat-interface .chat-messages .message{display:flex;gap:var(--spacing-sm);align-items:flex-start}.chat-with-pdf-container .chat-interface .chat-messages .message.user{flex-direction:row-reverse}.chat-with-pdf-container .chat-interface .chat-messages .message.user .message-content{background:#1a1a1a;color:#fff;border-radius:var(--border-radius-md) var(--border-radius-sm) var(--border-radius-sm) var(--border-radius-md)}html.dark .chat-with-pdf-container .chat-interface .chat-messages .message.user .message-content{background:#bd93f9;color:#f8f8f2}.chat-with-pdf-container .chat-interface .chat-messages .message.user .message-avatar{background:#1a1a1a;color:#fff}html.dark .chat-with-pdf-container .chat-interface .chat-messages .message.user .message-avatar{background:#bd93f9;color:#f8f8f2}.chat-with-pdf-container .chat-interface .chat-messages .message.assistant .message-content{background:#fff;color:#1a1a1a;border:1px solid #d1d5db;border-radius:var(--border-radius-sm) var(--border-radius-md) var(--border-radius-md) var(--border-radius-sm)}html.dark .chat-with-pdf-container .chat-interface .chat-messages .message.assistant .message-content{background:rgb(29.1489361702,30.6063829787,39.3510638298);color:#f8f8f2;border-color:#44475a}.chat-with-pdf-container .chat-interface .chat-messages .message.assistant .message-avatar{background:#999;color:#1a1a1a}html.dark .chat-with-pdf-container .chat-interface .chat-messages .message.assistant .message-avatar{background:rgb(129.9473684211,50.3684210526,243.6315789474);color:#f8f8f2}.chat-with-pdf-container .chat-interface .chat-messages .message .message-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.chat-with-pdf-container .chat-interface .chat-messages .message .message-content{max-width:75%;padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--shadow-sm)}.chat-with-pdf-container .chat-interface .chat-messages .message .message-content .message-text{margin:0;line-height:1.4;font-size:.9rem}.chat-with-pdf-container .chat-interface .chat-messages .message .message-content .message-text p:last-child{margin-bottom:0}.chat-with-pdf-container .chat-interface .chat-messages .message .message-content .typing-indicator{display:flex;align-items:center;gap:var(--spacing-sm);color:#666;font-style:italic;font-size:.9rem}html.dark .chat-with-pdf-container .chat-interface .chat-messages .message .message-content .typing-indicator{color:#bd93f9}.chat-with-pdf-container .chat-interface .chat-input-area{padding:var(--spacing-md);background:#fff;border-top:1px solid #d1d5db}html.dark .chat-with-pdf-container .chat-interface .chat-input-area{background:rgb(33.4893617021,35.1638297872,45.2106382979);border-top-color:#44475a}.chat-with-pdf-container .chat-interface .chat-input-area .input-form .input-wrapper{display:flex;gap:var(--spacing-sm);align-items:center}.chat-with-pdf-container .chat-interface .chat-input-area .input-form .input-wrapper .chat-input{flex:1 1;padding:var(--spacing-md);border:2px solid #d1d5db;border-radius:var(--border-radius-md);background:#fff;color:#1a1a1a;font-size:.95rem;transition:var(--transition)}html.dark .chat-with-pdf-container .chat-interface .chat-input-area .input-form .input-wrapper .chat-input{background:#282a36;border-color:#44475a;color:#f8f8f2}.chat-with-pdf-container .chat-interface .chat-input-area .input-form .input-wrapper .chat-input:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px rgba(26,26,26,.1)}html.dark .chat-with-pdf-container .chat-interface .chat-input-area .input-form .input-wrapper .chat-input:focus{border-color:#f8f8f2;box-shadow:0 0 0 3px rgba(248,248,242,.1)}.chat-with-pdf-container .chat-interface .chat-input-area .input-form .input-wrapper .chat-input:disabled{opacity:.6;cursor:not-allowed}.chat-with-pdf-container .chat-interface .chat-input-area .input-form .input-wrapper .send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;background:#1a1a1a;color:#fff;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}html.dark .chat-with-pdf-container .chat-interface .chat-input-area .input-form .input-wrapper .send-btn{background:#bd93f9;color:#f8f8f2}.chat-with-pdf-container .chat-interface .chat-input-area .input-form .input-wrapper .send-btn:hover:not(:disabled){background:rgb(.5,.5,.5);transform:scale(1.05)}html.dark .chat-with-pdf-container .chat-interface .chat-input-area .input-form .input-wrapper .send-btn:hover:not(:disabled){background:rgb(218.5263157895,195.3157894737,251.6842105263)}.chat-with-pdf-container .chat-interface .chat-input-area .input-form .input-wrapper .send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.chat-with-pdf-container{padding:var(--spacing-md);height:100vh}.chat-with-pdf-container .app-header .header-content{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.chat-with-pdf-container .app-header .header-content .title-section{justify-content:center;text-align:center}.chat-with-pdf-container .app-header .header-content .upload-section{align-self:stretch}.chat-with-pdf-container .app-header .header-content .upload-section .upload-controls{justify-content:center}.chat-with-pdf-container .chat-interface .chat-messages{padding:var(--spacing-md)}.chat-with-pdf-container .chat-interface .chat-messages .message .message-content{max-width:85%;font-size:.85rem}}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chat-messages{scrollbar-width:thin;scrollbar-color:hsla(0,0%,40%,.3) rgba(0,0,0,0)}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.chat-messages::-webkit-scrollbar-thumb{background:hsla(0,0%,40%,.3);border-radius:2px}.chat-messages::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,40%,.5)}html.dark .chat-messages{scrollbar-color:rgba(189,147,249,.3) rgba(0,0,0,0)}html.dark .chat-messages::-webkit-scrollbar-thumb{background:rgba(189,147,249,.3)}html.dark .chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(189,147,249,.5)}