.container{display:flex;padding:20px;gap:20px;height:80vh}.input-section{display:flex;flex-direction:column;gap:10px;flex:4}.preview-section{flex:6;display:flex;flex-direction:column;gap:10px}.pdf-preview{flex:1;background-color:#f5f5f5;padding:20px;display:flex;flex-direction:column;overflow:auto;font-family:monospace;white-space:pre-wrap;font-size:14px;min-height:350px}.pdf-viewer{width:100%;height:100%;border:none}.button-group{display:flex;gap:10px;justify-content:flex-end}.chat-container{display:flex;flex-direction:column;height:600px;width:100%;max-width:800px;margin:0 auto;border:1px solid #ddd;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px;background-color:#f7f7f7}.message{max-width:80%;padding:10px 15px;border-radius:15px;word-wrap:break-word}.user-message{align-self:flex-end;background-color:#0084ff;color:#fff;border-bottom-right-radius:4px}.assistant-message{align-self:flex-start;background-color:#e5e5ea;color:#000;border-bottom-left-radius:4px}.message-content{white-space:pre-wrap}.chat-input-form{display:flex;padding:15px;background-color:#fff;border-top:1px solid #ddd}.chat-input{flex:1;padding:12px 15px;border:1px solid #ddd;border-radius:20px;outline:none;font-size:16px}.send-button{margin-left:10px;padding:0 20px;background-color:#0084ff;color:#fff;border:none;border-radius:20px;cursor:pointer;font-weight:700}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.typing-indicator{display:flex;align-items:center;column-gap:5px}.typing-indicator span{height:8px;width:8px;background-color:#888;border-radius:50%;display:block;opacity:.4;animation:typing 1s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}to{opacity:.4;transform:scale(1)}}