:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}body{background-color:#1a1a1a;color:#fff;font-family:Inter,sans-serif;margin:0;padding:0;height:100vh;overflow:hidden}.app-container{width:100vw;height:100vh;display:flex;flex-direction:column;background-color:#2a2a2a;overflow:hidden}@media (min-width: 768px){body{display:flex;justify-content:center;align-items:center}.app-container{width:100%;max-width:400px;height:100vh;border-radius:8px;box-shadow:0 4px 12px #0003}}.chat-window{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.message{padding:10px 14px;border-radius:18px;max-width:80%;word-wrap:break-word}.message.user{background-color:#007bff;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.message.bot{background-color:#3a3a3a;color:#e0e0e0;align-self:flex-start;border-bottom-left-radius:4px}.uploaded-image-container{margin-bottom:8px}.uploaded-image{max-width:120px;max-height:120px;border-radius:8px;object-fit:cover;border:2px solid rgba(255,255,255,.2)}.message-text{margin-top:8px}.generated-image{max-width:100%;border-radius:8px}.input-bar{display:flex;flex-wrap:wrap;padding:12px;background-color:#3a3a3a;gap:8px;align-items:flex-end}.input-bar input[type=text]{flex:1;min-width:200px;padding:10px;border:1px solid #4a4a4a;border-radius:20px;background-color:#2a2a2a;color:#fff}.input-bar button{background:none;border:none;color:#007bff;font-size:1.5rem;cursor:pointer;padding:8px;transition:color .2s ease;flex-shrink:0}.input-bar button.upload-btn{font-size:1.5rem}.input-bar button.paint-btn{font-size:1.5rem;color:#666}.input-bar button.paint-btn.active{color:#007bff}.input-bar button.send-btn{font-size:1.8rem;padding:8px 12px;background-color:#007bff;color:#fff;border-radius:50%;font-weight:500;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.input-bar button.send-btn:hover:not(:disabled){background-color:#0056b3}.input-bar button:disabled{color:#555;cursor:not-allowed;opacity:.6}.input-bar button.send-btn:disabled{background-color:#555}.image-preview{position:relative;flex-shrink:0}.preview-image{width:50px;height:50px;border-radius:8px;object-fit:cover;border:2px solid #007bff}.remove-image-btn{position:absolute;top:-8px;right:-8px;background-color:#f44;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.remove-image-btn:hover{background-color:#c00}.generated-preview{opacity:.8;border:2px dashed #007bff!important}.generated-indicator{position:absolute;top:-8px;right:-8px;background-color:#007bff;color:#fff;border-radius:50%;width:20px;height:20px;font-size:.8rem;cursor:default;display:flex;align-items:center;justify-content:center;padding:0}.generated-context-indicator{font-size:.8rem;color:#007bff;margin-bottom:4px;opacity:.8}@media (max-width: 767px){.input-bar{padding:8px;position:fixed;bottom:0;left:0;right:0;background-color:#3a3a3a;border-top:1px solid #4a4a4a}.chat-window{padding:16px 8px 80px}.input-bar input[type=text]{min-width:150px;font-size:16px}}