body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f0f2f5;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.container{background-color:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 20px #00000026;text-align:center;width:90%;max-width:500px;height:90vh;max-height:700px;display:flex;flex-direction:column}.chat-interface{display:flex;flex-direction:column;height:60vh;width:100%;gap:10px}.chat-history{flex-grow:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px}.chat-bubble{max-width:75%;padding:10px 15px;border-radius:18px;word-wrap:break-word;line-height:1.4}.chat-bubble.sent{background-color:#0084ff;color:#fff;align-self:flex-end}.chat-bubble.received{background-color:#e4e6eb;color:#050505;align-self:flex-start}.system-message{align-self:center;color:#888;font-size:.8rem;padding:5px 0}.file-preview{background-color:#f7f7f7;padding:8px 12px;border-radius:8px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.file-preview button{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#888}.chat-input-area{display:flex;gap:10px;padding-top:10px;border-top:1px solid #ddd;align-items:center}.chat-input-area input[type=text]{flex-grow:1;border:1px solid #ccc;border-radius:18px;padding:10px 15px;font-size:1rem}.icon-button{background:none;border:none;cursor:pointer;font-size:1.8rem;color:#0084ff;padding:5px}