*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}.log-bar{background:#1e1e1e;color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;padding:8px 12px;height:120px;overflow-y:auto;border-top:1px solid #333}.log-item{padding:2px 0;line-height:1.5;border-bottom:1px solid #2a2a2a}.log-item:last-child{border-bottom:none}.log-type-info{color:#4fc3f7}.log-type-success{color:#81c784}.log-type-error{color:#e57373}.log-type-warning{color:#ffb74d}.log-time{color:#888;margin-right:8px}.connection-sidebar{height:100%;border-right:1px solid #f0f0f0;display:flex;flex-direction:column}.connection-sidebar .ant-card{border-radius:0}.connection-item{cursor:pointer;padding:8px 12px;border-bottom:1px solid #f0f0f0;transition:background .2s}.connection-item:hover{background:#e6f4ff}.connection-item.active{background:#bae0ff;border-left:3px solid #1677ff}.connection-item .conn-actions{float:right;display:none}.connection-item:hover .conn-actions{display:inline-flex;gap:4px}.content-area{padding:16px;height:100%;overflow-y:auto}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999;font-size:16px}.welcome h2{margin-bottom:12px;color:#333}.welcome p{margin-bottom:8px}.redis-value-display{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:6px;padding:12px;font-family:Consolas,Monaco,monospace;font-size:13px;white-space:pre-wrap;word-break:break-all;max-height:400px;overflow-y:auto}