.whb-container{color:#f1f5f9;flex-direction:column;gap:16px;font-family:inherit;display:flex}.whb-card{background:#0f172abf;border:1px solid #94a3b82e;border-radius:14px;padding:16px;position:relative}.whb-card-header{border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.whb-card-title{color:#fff;align-items:center;gap:8px;font-size:.95rem;font-weight:800;display:flex}.whb-badge{border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.whb-badge-online{color:#34d399;background:#10b98129;border:1px solid #10b98166}.whb-badge-offline{color:#f87171;background:#ef444429;border:1px solid #ef444466}.whb-badge-connecting{color:#fbbf24;background:#f59e0b29;border:1px solid #f59e0b66}.whb-qr-box{text-align:center;background:#020617cc;border:2px dashed #38bdf859;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:18px;display:flex}.whb-qr-frame{background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:12px;display:inline-flex;box-shadow:0 0 25px #38bdf84d}.whb-qr-frame img,.whb-qr-frame svg{width:190px;height:190px;display:block}.whb-qr-steps{text-align:left;color:#94a3b8;box-sizing:border-box;background:#0f172a99;border:1px solid #94a3b826;border-radius:8px;width:100%;padding:10px 14px;font-size:.78rem;line-height:1.5}.whb-qr-steps ol{margin:0;padding-left:18px}.whb-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.whb-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.whb-field{flex-direction:column;gap:5px;display:flex}.whb-field label{color:#cbd5e1;font-size:.75rem;font-weight:700}.whb-input,.whb-select,.whb-textarea{color:#fff;box-sizing:border-box;background:#020617b3;border:1px solid #94a3b840;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:.82rem;transition:border-color .2s}.whb-input:focus,.whb-select:focus,.whb-textarea:focus{border-color:#38bdf8;box-shadow:0 0 10px #38bdf840}.whb-textarea{resize:vertical;min-height:120px;line-height:1.45}.whb-tag-row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.whb-tag-btn{color:#38bdf8;cursor:pointer;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:700;transition:all .15s}.whb-tag-btn:hover{color:#fff;background:#38bdf840}.whb-live-simulator{background:linear-gradient(135deg,#081a2be6,#0f172af2);border:1px solid #38bdf859;border-radius:12px;padding:14px;position:relative;overflow:hidden}.whb-typing-indicator{color:#34d399;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;font-weight:750;display:flex}.whb-typing-dots{gap:3px;display:inline-flex}.whb-typing-dot{background:#34d399;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite whbPulse}.whb-typing-dot:nth-child(2){animation-delay:.2s}.whb-typing-dot:nth-child(3){animation-delay:.4s}@keyframes whbPulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1.1)}}.whb-preview-bubble{color:#e9edef;white-space:pre-wrap;background:#005c4b;border:1px solid #ffffff14;border-radius:8px 8px 0;max-width:90%;margin-left:auto;padding:10px 12px;font-size:.82rem;line-height:1.4;position:relative;box-shadow:0 2px 8px #0000004d}.whb-bubble-tail{border-top:6px solid #0000;border-left:6px solid #005c4b;width:0;height:0;position:absolute;bottom:0;right:-6px}.whb-progress-box{flex-direction:column;gap:6px;margin-top:10px;display:flex}.whb-progress-labels{color:#94a3b8;justify-content:space-between;font-size:.74rem;font-weight:700;display:flex}.whb-progress-track{background:#94a3b826;border-radius:999px;height:8px;overflow:hidden}.whb-progress-fill{background:linear-gradient(90deg,#10b981,#38bdf8);border-radius:999px;height:100%;transition:width .3s}.whb-actions-row{gap:8px;margin-top:12px;display:flex}.whb-btn{cursor:pointer;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:800;transition:all .2s;display:inline-flex}.whb-btn-start{color:#fff;background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 14px #10b98159}.whb-btn-start:hover:not(:disabled){background:linear-gradient(135deg,#047857,#059669);transform:translateY(-1px)}.whb-btn-pause{color:#fff;background:linear-gradient(135deg,#d97706,#f59e0b)}.whb-btn-stop{color:#fff;background:linear-gradient(135deg,#dc2626,#ef4444)}.whb-btn-secondary{color:#cbd5e1;background:#334155cc;border:1px solid #94a3b840}.whb-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.whb-log-list{flex-direction:column;gap:5px;max-height:220px;margin-top:8px;padding-right:4px;display:flex;overflow-y:auto}.whb-log-item{background:#02061780;border:1px solid #94a3b81a;border-radius:7px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:.75rem;display:flex}.whb-log-item.sent{border-left:3px solid #34d399}.whb-log-item.error{border-left:3px solid #f87171}.whb-log-item.sending{background:#38bdf814;border-left:3px solid #38bdf8}