.header{background-color:#1f2428;padding:20px;text-align:center;border-radius:10px}.header .logo{width:250px;height:auto}.header p{color:#fff;margin-top:10px;font-size:18px}.color-picker{margin:10px 0;display:flex;align-items:center}.color-picker label{margin-right:10px;width:200px;color:#fff}.color-picker input[type=color]{cursor:pointer;border:none;padding:0;width:40px;height:40px}.theme-button{background-color:#4375f5;font-size:14px;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.theme-button:hover{background-color:#fff;color:#1f2428}.theme-button.active{background-color:#fff;color:#1f2428;border:2px solid #4375F5}.preview-window{margin:20px 0;text-align:center}.preview-window h2{color:#fff;margin-bottom:10px}.preview-window button{background-color:#4375f5;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,color .3s ease;font-family:sans-serif;font-size:14px}.preview-window button:hover{background-color:#fff;color:#1f2428}.css-display{background-color:#2b3035;padding:20px;border-radius:10px;margin-top:20px;color:#fff}.css-display h2{margin-bottom:10px}.css-display textarea{width:100%;height:150px;padding:10px;border:none;border-radius:5px;resize:vertical;margin-bottom:10px;font-family:monospace;font-size:12px;background-color:#1f2428;color:#fff}.css-display button{background-color:#4375f5;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;margin-bottom:20px}.css-display button:hover{background-color:#fff;color:#1f2428}.css-display p{margin-top:10px;color:#fff}.css-display code{background-color:#3b4045;padding:2px 4px;border-radius:3px}.footer{background-color:#1f2428;padding:10px;color:#fff;text-align:center;margin-top:20px;font-size:14px;border-radius:10px}.font-selector{margin:10px 0;display:flex;align-items:center}.font-selector label{margin-right:10px;width:200px;color:#fff}.font-selector select{padding:10px;border-radius:5px;border:1px solid #3F72F5;background-color:#fff;color:#1f2428;cursor:pointer}.text-style-picker h4{margin-top:10px;color:var(--font-color)}.text-style-picker .color-picker{margin-bottom:10px}.proactive-message-editor h3{margin-bottom:10px;color:#fff}.proactive-message-item button{background-color:#e65100;color:#fff;padding:5px 10px;border:none;border-radius:5px;cursor:pointer}.proactive-message-item button:hover{background-color:#ff5722}.proactive-message-input{display:flex;align-items:center}.proactive-message-input input[type=text]{flex:1;padding:8px;border:1px solid #3F72F5;border-radius:5px;margin-right:10px;background-color:#fff;color:#1f2428}.proactive-message-input button{background-color:#4375f5;color:#fff;padding:8px 16px;border:none;border-radius:5px;cursor:pointer}.proactive-message-input button:hover{background-color:#5a8ff7}.launcher-settings{display:flex;flex-direction:column}.launcher-settings-input{margin-bottom:10px;display:flex;flex-direction:column}.launcher-settings-input label{display:block;margin-bottom:5px}.launcher-settings-input input{padding:5px;font-size:16px}.integration-code{background-color:#2b3035;padding:20px;border-radius:10px;margin-top:20px;color:#fff}.integration-code h2{margin-bottom:10px}.integration-code textarea{width:100%;height:200px;padding:10px;border:none;border-radius:5px;resize:vertical;margin-bottom:10px;font-family:monospace;font-size:12px;background-color:#1f2428;color:#fff}.integration-code button{background-color:#4375f5;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.integration-code button:hover{background-color:#fff;color:#1f2428}.integration-code p{margin-top:10px;color:#fff}.integration-code code{background-color:#3b4045;padding:2px 4px;border-radius:3px}.embed-mode-selector label{display:inline-block;margin-right:20px;color:#fff;font-size:14px}.embed-mode-selector input{margin-right:5px;cursor:pointer}.chat-width-slider label{margin-right:10px;color:#fff;width:150px}.chat-width-slider input[type=range]{flex:1;margin-right:10px;cursor:pointer}.assistant-info-input{margin:10px 0}.assistant-info-input label{display:block;margin-bottom:5px;color:#fff}.assistant-info-input input{width:100%}.App{font-family:sans-serif;padding:20px;max-width:800px;margin:0 auto;background-color:#1f2428;color:#fff}.customization-panel{background-color:#2b3035;padding:20px;border-radius:10px}.customization-panel h2{margin-bottom:15px;color:#fff}.customization-section{margin-bottom:20px;border-radius:10px}.accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;padding:15px;background-color:#3b4045;border:1px solid #ccc;margin-top:10px;color:#fff;border-radius:10px}.accordion-header:hover{background-color:#4b5157}.accordion-content{padding:15px;border:1px solid #ccc;border-top:none;background-color:#3b4045;border-radius:0 0 10px 10px}.theme-buttons{display:flex;gap:10px;margin-bottom:10px}.color-picker,.font-selector{margin-bottom:10px}[title]:hover:after{content:attr(title);position:absolute;background-color:#333;color:#fff;padding:5px 8px;border-radius:4px;white-space:nowrap;z-index:1000;top:-5px;left:105%}[title]{position:relative}.launcher-settings-input,.assistant-info-input,.proactive-message-input,.auto-open-checkbox{margin:10px 0}.launcher-settings-input label,.assistant-info-input label,.auto-open-checkbox label{display:block;margin-bottom:5px;color:#fff}.proactive-messages-list{margin-bottom:10px}.proactive-message-item{display:flex;justify-content:space-between;align-items:center;background-color:#4b5157;padding:5px 10px;border-radius:5px;margin-bottom:5px}.proactive-message-item span{color:#fff}.proactive-message-item button{background-color:#e65100;color:#fff;padding:5px 10px;border:none;border-radius:5px}.proactive-message-input input[type=text]{width:calc(100% - 120px);margin-right:10px}.embed-mode-selector label{display:inline-block;margin-right:10px;color:#fff}.embed-mode-selector input{margin-right:5px}.chat-width-slider{display:flex;align-items:center;margin-top:10px}.chat-width-slider input[type=range]{flex:1;margin-right:10px}.chat-width-slider span{color:#fff;width:60px}.auto-open-checkbox{margin-top:10px}.auto-open-checkbox label{color:#fff}.auto-open-checkbox input{margin-right:5px}.template-dropdown{margin-top:10px;display:flex;align-items:center}.template-dropdown label{color:#fff;margin-right:10px;min-width:150px}.template-dropdown select{padding:10px;border-radius:5px;border:1px solid #ccc;background-color:#3b4045;color:#fff;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:200px}.template-dropdown select:hover{background-color:#4b5157}.template-dropdown select{background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="7"><path fill="%23FFFFFF" d="M0 0l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:10px 7px;padding-right:30px}@media (max-width: 600px){.template-dropdown{flex-direction:column;align-items:flex-start}.template-dropdown label{margin-bottom:5px}.template-dropdown select{width:100%}}.help-icon-container{display:inline-block;position:relative;cursor:pointer;margin-left:5px}.help-icon{fill:#fff}.tooltip{position:absolute;top:-5px;left:105%;background-color:#333;color:#fff;padding:5px 8px;border-radius:4px;white-space:nowrap;z-index:1000}.tooltip:after{content:"";position:absolute;top:50%;left:-5px;transform:translateY(-50%);border-width:5px;border-style:solid;border-color:transparent #333 transparent transparent}.interface-subcategory{margin-bottom:15px}.interface-subcategory h4{margin-bottom:10px;color:var(--font-color)}body{margin:0;padding:0;font-family:sans-serif;background-color:#1f2428;color:#fff;box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,label{font-family:sans-serif;color:#fff}button{font-family:sans-serif;background-color:#4375f5;color:#fff;border:none;cursor:pointer;padding:10px 20px;border-radius:5px;transition:background-color .3s ease}button:hover{background-color:#fff;color:#1f2428}input,select{background-color:#fff;color:#1f2428;font-family:sans-serif;padding:10px;border-radius:5px;border:1px solid #FFFFFF;outline:none}input[type=number]{width:80px}textarea{font-family:sans-serif}