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}:root{--bg-color:#3a3a3a;--container-color:#b2b2b2;--user-msg-color:#3470b1;--webhook-msg-color:#e9ecef;--font-family:Arial,sans-serif;--font-size:1rem;--container-width:1000px;--container-height:80vh;--border-radius:5px;--box-shadow:0 2px 10px #0000001a;--container-border-color:#555;--container-border-thickness:1px;--container-border-display:none;--header-bg-color:#0000;--header-text-color:#fff;--header-border-radius:0px;--header-border-color:#eee;--header-border-thickness:2px;--header-border-display:solid;--user-text-color:#fff;--webhook-text-color:#333;--message-spacing:5px;--input-bg-color:#fff;--input-text-color:#333;--button-color:#3470b1;--button-hover-color:#3d658f;--button-text-color:#fff;--input-height:50px;--button-height:50px;--input-border-color:#eee;--input-border-thickness:2px;--input-border-display:solid;--headline-color:#fff;--subheadline-color:#ccc;--headline-size:1.8rem;--subheadline-size:1.2rem;--global-corner-radius:12px}.App{align-items:center;background-color:#3a3a3a;background-color:var(--bg-color);display:flex;flex-direction:column;font-family:Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size);justify-content:center;min-height:100vh;padding:20px}.chat-headlines{margin-bottom:20px;max-width:1000px;max-width:var(--container-width);text-align:center;width:100%}.chat-headlines h1{color:#fff;color:var(--headline-color);font-size:1.8rem;font-size:var(--headline-size);margin:0 0 10px}.chat-headlines h1,.chat-headlines h2{font-family:Arial,sans-serif;font-family:var(--font-family)}.chat-headlines h2{color:#ccc;color:var(--subheadline-color);font-size:1.2rem;font-size:var(--subheadline-size);font-weight:400;margin:0}.chat-container{background-color:#b2b2b2;background-color:var(--container-color);border:1px #555;border:var(--container-border-display) var(--container-border-thickness) var(--container-border-color);border-radius:5px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--box-shadow);display:flex;flex-direction:column;height:80vh;height:var(--container-height);max-width:1000px;max-width:var(--container-width);width:100%}.chat-header{background-color:initial;background-color:var(--header-bg-color);border-bottom:2px solid #eee;border-bottom:var(--header-border-display) var(--header-border-thickness) var(--header-border-color);border-radius:0;border-radius:var(--header-border-radius);padding:10px;text-align:center}.chat-header h1{color:#fff;color:var(--header-text-color);font-size:1.5rem;margin:0}.messages{display:flex;flex:1 1;flex-direction:column;gap:5px;gap:var(--message-spacing);overflow-y:auto;padding:20px}.message{border-radius:12px;border-radius:var(--global-corner-radius);margin-bottom:10px;max-width:80%;padding:10px 15px;position:relative;word-break:break-word}.message.user{align-self:flex-end;background-color:#3470b1;background-color:var(--user-msg-color);color:#fff;color:var(--user-text-color)}.message.webhook{align-self:flex-start;background-color:#e9ecef;background-color:var(--webhook-msg-color);color:#333;color:var(--webhook-text-color)}.message-content{margin-bottom:5px;word-break:break-word}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{font-weight:700;margin-bottom:.5em;margin-top:.5em}.message-content h1{font-size:1.5em}.message-content h2{font-size:1.3em}.message-content h3{font-size:1.2em}.message-content p{margin-bottom:.5em;margin-top:.5em}.message-content ol,.message-content ul{margin-bottom:.5em;margin-top:.5em;padding-left:1.5em}.message-content li{margin-bottom:.25em}.message-content pre{background-color:#0000001a;border-radius:4px;margin:.5em 0;overflow-x:auto;padding:.5em}.message-content code{background-color:#0000001a;border-radius:3px;font-family:monospace;padding:.2em .4em}.message-content blockquote{border-left:3px solid #80808080;color:#fffc;margin-left:.5em;padding-left:.5em}.message-content a{color:#13d88c;text-decoration:underline}.message-content img{border-radius:4px;height:auto;margin:.5em 0;max-width:100%}.message-content table{border-collapse:collapse;margin:.5em 0;width:100%}.message-content td,.message-content th{border:1px solid #8080804d;padding:.4em;text-align:left}.message-content th{background-color:#0000001a}.message-timestamp{font-size:.75rem;opacity:.7}.message-form{border-top:2px solid #eee;border-top:var(--input-border-display) var(--input-border-thickness) var(--input-border-color);display:flex;padding:10px}.message-input{background-color:#fff;background-color:var(--input-bg-color);border:none;border-radius:12px;border-radius:var(--global-corner-radius);color:#333;color:var(--input-text-color);flex:1 1;font-family:Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size);height:50px;height:var(--input-height);padding:10px 15px}.message-input:focus{border-color:#007bff}.send-button{background-color:#3470b1;background-color:var(--button-color);border:none;border-radius:12px;border-radius:var(--global-corner-radius);color:#fff;color:var(--button-text-color);cursor:pointer;font-family:Arial,sans-serif;font-family:var(--font-family);height:50px;height:var(--button-height);margin-left:10px;padding:0 20px;transition:background-color .2s}.send-button:hover{background-color:#3d658f;background-color:var(--button-hover-color)}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.settings-page{background-color:#3a3a3a;background-color:var(--bg-color,#3a3a3a);color:#f0f0f0;display:flex;font-family:Arial,sans-serif;font-family:var(--font-family,Arial,sans-serif);min-height:100vh;padding:20px}.settings-content{display:flex;margin:0 auto;max-width:1300px;width:100%}.settings-left{flex:1 1;margin-right:20px}.settings-container{background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 12px #0003;max-width:800px;padding:20px}.settings-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.settings-header h1{font-size:24px;margin:0}.back-link{background-color:#444;border-radius:4px;color:#fff;font-size:16px;padding:8px 12px;text-decoration:none;transition:background-color .2s}.back-link:hover{background-color:#555}.settings-tabs{border-bottom:1px solid #444;display:flex;margin-bottom:20px}.settings-tabs button{background-color:initial;border:none;color:#ccc;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .2s}.settings-tabs button.active{border-bottom:3px solid #3470b1;color:#fff}.settings-tabs button:hover:not(.active){background-color:#ffffff0d;color:#fff}.settings-section{margin-bottom:30px}.settings-section h2{color:#f0f0f0;font-size:20px;margin-bottom:20px;margin-top:0}.form-group{align-items:center;display:flex;margin-bottom:15px}.form-group label{font-size:14px;width:180px}.form-group input[type=text],.form-group select{background-color:#333;border:1px solid #555;border-radius:4px;color:#fff;flex:1 1;font-size:14px;padding:8px 12px}.form-group input[type=color]{border:none;border-radius:4px;cursor:pointer;height:30px;margin-right:10px;width:40px}.form-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.settings-actions{display:flex;gap:10px;margin-top:20px}.logout-button,.reset-button,.save-button{border:none;border-radius:4px;cursor:pointer;font-weight:700;padding:10px 15px}.save-button{background-color:#4caf50;color:#fff}.reset-button{background-color:#f44336;color:#fff}.logout-button{background-color:#607d8b;color:#fff}.settings-error{background-color:#ffebee;border-left:4px solid #c62828;color:#c62828}.settings-error,.settings-success{border-radius:4px;margin-top:15px;padding:10px}.settings-success{background-color:#e8f5e9;border-left:4px solid #2e7d32;color:#2e7d32}.settings-loading{align-items:center;color:#666;display:flex;font-size:1.2rem;height:100vh;justify-content:center}.preview-container{background-color:initial;border-radius:8px;height:fit-content;padding:20px;width:500px}.preview-container h2{color:#f0f0f0;font-size:20px;margin-bottom:20px;margin-top:0;text-align:center}.preview-app{align-items:flex-start;display:flex;height:600px;justify-content:center;min-height:600px;padding:0;transform:scale(.7);transform-origin:top center}.preview-app .chat-container{background-color:#b2b2b2;background-color:var(--container-color,#b2b2b2);border-radius:5px;border-radius:var(--border-radius,5px);box-shadow:0 2px 10px #0000001a;box-shadow:var(--box-shadow,0 2px 10px #0000001a);height:80vh;height:var(--container-height,80vh);max-width:1000px;max-width:var(--container-width,1000px);width:100%}.preview-app .chat-header{background-color:initial;background-color:var(--header-bg-color,#0000)}.preview-app .chat-header h1{color:#fff;color:var(--header-text-color,#fff)}.preview-app .message.user{background-color:#3470b1;background-color:var(--user-msg-color,#3470b1);color:#fff;color:var(--user-text-color,#fff)}.preview-app .message.webhook{background-color:#e9ecef;background-color:var(--webhook-msg-color,#e9ecef);color:#333;color:var(--webhook-text-color,#333)}.preview-app .messages{gap:5px;gap:var(--message-spacing,5px)}.preview-app .message-input{background-color:#fff;background-color:var(--input-bg-color,#fff);color:#333;color:var(--input-text-color,#333);height:50px;height:var(--input-height,50px)}.preview-app .send-button{background-color:#3470b1;background-color:var(--button-color,#3470b1);color:#fff;height:50px;height:var(--input-height,50px)}.preview-app .send-button:hover{background-color:#3d658f;background-color:var(--button-hover-color,#3d658f)}@media (max-width:1200px){.settings-content,.settings-page{flex-direction:column}.settings-left{margin-bottom:20px;margin-right:0}.preview-container{width:100%}}.admin-auth{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.auth-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-width:90%;padding:30px;width:400px}.auth-container h2{color:#333;margin-bottom:10px;margin-top:0}.auth-container p{color:#666}.auth-container .form-group,.auth-container p{margin-bottom:20px}.auth-container label{color:#333;display:block;font-weight:700;margin-bottom:8px}.auth-container input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.auth-error{color:#e53935;font-size:14px;margin-bottom:15px}.auth-button{background-color:#3470b1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s;width:100%}.auth-button:hover{background-color:#2c5c94}.auth-button:disabled{background-color:#ccc;cursor:not-allowed}.typing-indicator{align-items:center;background-color:#3b424a;background-color:var(--webhook-msg-color,#3b424a);border-radius:12px;display:flex;margin:8px 0;padding:12px 16px;width:fit-content}.dot{animation:bounce 1.3s linear infinite;border-radius:50%;height:8px;margin:0 3px;width:8px}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}
/*# sourceMappingURL=main.c3225ab7.css.map*/