body{font-family:Arial,sans-serif;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;min-height:100vh;background-color:#f4f4f4}h1{margin-top:20px;margin-bottom:10px}select,input[type="text"]{padding:10px;margin:10px;border-radius:5px;border:1px solid #ddd;width:calc(50% - 20px)}select{cursor:pointer;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1200px}.endpoint{background-color:#fff;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,0.1);padding:20px;width:700px;margin:10px auto}.message-area{border:1px solid #ccc;padding:10px;height:300px;overflow-y:auto;margin-top:10px;display:flex;flex-direction:column}.message{padding:5px 10px;margin:5px;border-radius:10px;background-color:#ececec}.user-message{text-align:right;color:green;background-color:#8df042;padding:8px 12px;border-radius:10px;max-width:60%;display:inline-block;margin-left:auto}.yoshi-message{padding:5px 10px;margin:5px;border-radius:10px;background-color:#a2a3f7}.elena-message{padding:5px 10px;margin:5px;border-radius:10px;background-color:#f58244}.anika-message{padding:5px 10px;margin:5px;border-radius:10px;background-color:#71b6e2}.backend-message{background-color:#e9a07a;text-align:left}input:disabled,button:disabled{opacity:0.6;cursor:not-allowed}input,button{padding:10px;margin:5px 0;border-radius:5px;border:1px solid #ddd}button{background-color:#5cb85c;color:#fff;border:none;cursor:pointer}button:hover{background-color:#4cae4c}input[type="radio"]{margin-right:5px;cursor:pointer}label{margin-right:20px;cursor:pointer}.radio-container{margin:10px 0;display:flex;align-items:center;justify-content:start}input[type="radio"]+label{padding:5px 10px;background-color:#fff;border-radius:5px;border:1px solid #ddd}input[type="radio"]:checked+label{background-color:#5cb85c;color:#fff}.tooltip-container{position:relative;display:inline-block;cursor:pointer;color:#00f}.tooltip-text{visibility:hidden;width:250px;background-color:#fff;color:#000;text-align:left;border-radius:5px;border:1px solid #ccc;padding:8px;position:absolute;z-index:1000;bottom:120%;left:50%;transform:translateX(-50%);box-shadow:2px 2px 5px rgba(0,0,0,0.2);white-space:pre-line;max-width:90vw;overflow-wrap:break-word}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.tooltip-container[data-align="left"] .tooltip-text{left:0;transform:translateX(0)}.tooltip-container[data-align="right"] .tooltip-text{left:auto;right:0;transform:translateX(0)}#storySwapContainer .message{display:flex;align-items:center;padding:5px 10px;margin:5px 0;border-radius:10px}#storySwapContainer .avatar-container{width:30px;height:30px;overflow:hidden;border-radius:50%;flex-shrink:0;margin-right:10px}#storySwapContainer .avatar{width:100%;height:auto}#storySwapContainer .text{flex:1}#storySwapContainer .user-message{background-color:#dcf8c6;text-align:right}#storySwapContainer .backend-message{background-color:#f1f1f1;text-align:left}.tippy-box[data-theme~="light-border"]{border:1px solid #ccc;background-color:#fff;color:#000;font-size:12px;padding:8px;box-shadow:2px 2px 5px rgba(0,0,0,0.2)}.tippy-content{white-space:pre-line;text-align:left}