body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}body.light-mode{background-color:#f7f7f8;color:#333}body.dark-mode{background-color:#121212;color:#e0e0e0}body,html{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;margin:0;padding:0;transition:background-color .5s ease,color .5s ease}.App{background-color:#fff;border-radius:16px;box-shadow:0 4px 24px #0000001a;display:flex;flex-direction:row;gap:30px;max-width:1000px;padding:30px;position:relative;transition:background-color .5s ease;width:100%}body.dark-mode .App{background-color:#1f1f1f}.settings-panel{border-right:1px solid #e0e0e0;display:flex;flex-direction:column;gap:20px;padding-right:20px;width:250px}body.dark-mode .settings-panel{border-color:#444}.settings-panel h2{font-size:18px;margin:0}.theme-buttons{display:flex;gap:12px}.theme-button{background-color:#f0f0f0;border:2px solid #0000;border-radius:8px;cursor:pointer;flex:1 1;padding:10px;text-align:center;transition:all .3s ease}body.dark-mode .theme-button{background-color:#333;color:#fff}.theme-button.selected{background-color:#f0e8ff;border-color:#6200ea}.color-swatches{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{border:2px solid #0000;border-radius:50%;cursor:pointer;height:24px;transition:transform .3s ease;width:24px}.color-swatch:hover{transform:scale(1.2)}.color-swatch.selected{border-color:#000}.chat-container{flex:1 1}.chat-box,.chat-container{display:flex;flex-direction:column}.chat-box{background-color:#f1f2f6;border-radius:12px;gap:10px;height:400px;overflow-y:auto;padding:20px;transition:background-color .5s ease}body.dark-mode .chat-box{background-color:#222}.chat-message{border-radius:18px;box-shadow:0 1px 4px #0000000d;font-size:14px;line-height:1.5;max-width:80%;padding:12px 16px;position:relative;word-break:break-word}.chat-message.user{align-self:flex-end;background-color:#00b686;background-color:var(--accent-color,#00b686);color:#fff}.chat-message.bot{align-self:flex-start;background-color:#e6e6e9;color:#333;padding-left:40px}body.dark-mode .chat-message.bot{background-color:#333;color:#e0e0e0}.chat-message.bot:before{align-items:center;background:#ccc;border-radius:50%;color:#333;content:"🤖";display:flex;font-size:16px;height:24px;justify-content:center;left:12px;position:absolute;top:12px;width:24px}.suggested-reply{align-self:flex-end;background-color:initial;border:1px solid #00b686;border:1px solid var(--accent-color,#00b686);border-radius:20px;color:#00b686;color:var(--accent-color,#00b686);cursor:pointer;font-size:14px;margin-top:10px;padding:6px 12px}.suggested-reply:hover{background-color:#00b686;background-color:var(--accent-color,#00b686);color:#fff}
/*# sourceMappingURL=main.d0987c6e.css.map*/