.websocket-client[data-v-2ab7816e]{background-color:#f8f9fa;border-radius:.06rem;padding:.12rem;margin-bottom:.15rem;box-shadow:0 1px .03rem rgba(0,0,0,.1)}.websocket-status[data-v-2ab7816e]{display:flex;align-items:center;margin-bottom:.1rem;font-weight:500;font-size:.15rem}.status-indicator[data-v-2ab7816e]{display:inline-block;width:.12rem;height:.12rem;border-radius:50%;background-color:#dc3545;margin-right:.08rem}.status-indicator.connected[data-v-2ab7816e]{background-color:#28a745;animation:pulse-2ab7816e 1.5s ease-in-out infinite}@keyframes pulse-2ab7816e{0%{box-shadow:0 0 0 0 rgba(40,167,69,.7);transform:scale(1)}70%{box-shadow:0 0 0 .08rem rgba(40,167,69,0);transform:scale(1.2)}to{box-shadow:0 0 0 0 rgba(40,167,69,0);transform:scale(1)}}.websocket-controls[data-v-2ab7816e]{margin-bottom:.12rem;display:flex;flex-direction:column;gap:.08rem}.client-id-input[data-v-2ab7816e]{margin-bottom:.08rem;width:100%}.client-id-input label[data-v-2ab7816e]{display:block;margin-bottom:.04rem;font-size:.14rem}.client-id-input input[data-v-2ab7816e]{padding:.08rem .12rem;border:1px solid #ddd;border-radius:.04rem;font-size:.14rem;width:calc(100% - .24rem);box-sizing:border-box}.websocket-controls button[data-v-2ab7816e]{padding:.08rem .14rem;border:none;border-radius:.04rem;cursor:pointer;font-size:.14rem;transition:background-color .3s;min-width:1rem}.websocket-controls .connection-toggle[data-v-2ab7816e]{width:.6rem;height:.6rem;min-width:.6rem;border-radius:50%;border:none;cursor:pointer;font-size:.14rem;font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 .02rem .08rem rgba(0,0,0,.2);padding:0}.websocket-controls .connection-toggle[data-v-2ab7816e]:not(.connected){background-color:#28a745;color:#fff}.websocket-controls .connection-toggle[data-v-2ab7816e]:not(.connected):hover:not(:disabled){background-color:#218838;transform:scale(1.05)}.websocket-controls .connection-toggle.connected[data-v-2ab7816e]{background-color:#6ece65;color:#fff}.websocket-controls .connection-toggle.connected[data-v-2ab7816e]:hover:not(:disabled){background-color:#8bc266;transform:scale(1.05)}.websocket-controls .connection-toggle[data-v-2ab7816e]:disabled{background-color:#7ed189;cursor:not-allowed;transform:none}.websocket-messages h3[data-v-2ab7816e]{margin-bottom:.08rem;font-size:.15rem;color:#333;padding-bottom:.04rem;border-bottom:1px solid #eee}.messages-container[data-v-2ab7816e]{max-height:1.8rem;overflow-y:auto;background-color:#fff;border-radius:.04rem;padding:.08rem;border:1px solid #e9ecef;font-size:.14rem}.message-item[data-v-2ab7816e]{margin-bottom:.04rem;padding:.04rem .08rem;border-radius:.03rem;font-size:.14rem;line-height:1.4}.message-time[data-v-2ab7816e]{color:#6c757d;font-size:.12rem;margin-right:.06rem;display:inline-block;min-width:.6rem}.message-content[data-v-2ab7816e]{color:#333}