.wsb{margin:0 0 18px;border:1px solid #dbe3ee;border-radius:16px;background:linear-gradient(145deg,#f8fafc 0,#eef4fb 100%);box-shadow:0 18px 50px rgba(15,23,42,.08);overflow:hidden;color:#172033}.wsb *{box-sizing:border-box}.wsb-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:22px 24px 16px;border-bottom:1px solid #dbe3ee}.wsb-kicker{display:block;margin-bottom:5px;color:#2563eb;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.wsb-head h2{margin:0;font-size:25px;letter-spacing:-.025em}.wsb-head p{margin:6px 0 0;color:#607087;font-size:13px}.wsb-state{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #cad6e6;border-radius:999px;background:#fff;color:#526176;font-size:12px;white-space:nowrap}.wsb-state span{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.1)}.wsb-state.busy span{background:#f59e0b;animation:wsb-pulse 1s infinite}.wsb-state.error span{background:#dc2626}.wsb-form{padding:16px 24px}.wsb-form>label{display:block;margin-bottom:7px;color:#526176;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.wsb-query-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.wsb-query-row input{min-width:0;border:1px solid #b9c8da;border-radius:9px;background:#fff;padding:11px 13px;color:#172033;font:500 14px/1.3 system-ui;outline:none}.wsb-query-row input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.wsb button{border:0;border-radius:9px;background:#172033;color:#fff;padding:10px 14px;font:700 12px system-ui;cursor:pointer}.wsb button:hover{background:#0f172a}.wsb button.secondary,.wsb-presets button{border:1px solid #c8d4e3;background:#fff;color:#42526a}.wsb-presets{display:flex;gap:7px;margin-top:9px}.wsb-presets button{padding:6px 10px;border-radius:999px;font-size:11px}.wsb-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;margin:0 24px 16px;border:1px solid #d5dfec;border-radius:10px;overflow:hidden;background:#d5dfec}.wsb-metrics div{padding:10px 12px;background:rgba(255,255,255,.92)}.wsb-metrics span,.wsb-metrics strong{display:block}.wsb-metrics span{color:#6b7b91;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.wsb-metrics strong{margin-top:3px;font-size:17px}.wsb-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.7fr);gap:14px;padding:0 24px 24px}.wsb-chat-shell{border:1px solid #273449;border-radius:14px;background:#0b1220;box-shadow:0 12px 30px rgba(15,23,42,.18);overflow:hidden}.wsb-chat-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #253149;background:#111a2b;color:#f8fafc}.wsb-chat-bar>div{display:flex;align-items:center;gap:9px}.wsb-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);font-weight:800}.wsb-chat-bar strong,.wsb-chat-bar small{display:block}.wsb-chat-bar strong{font-size:13px}.wsb-chat-bar small{margin-top:2px;color:#94a3b8;font-size:10px}.wsb-live{border:1px solid #31513f;border-radius:999px;background:#122d20;color:#86efac;padding:4px 8px;font-size:10px;font-weight:800;text-transform:uppercase}.wsb-chat{min-height:430px;padding:18px;background:radial-gradient(circle at 100% 0,rgba(59,130,246,.11),transparent 36%),#0b1220}.wsb-bubble{max-width:86%;padding:11px 13px;border-radius:13px;font-size:13px;line-height:1.55}.wsb-bubble.user{margin-left:auto;border-bottom-right-radius:4px;background:#2563eb;color:#fff}.wsb-bubble.assistant{margin-top:13px;border:1px solid #26344a;border-bottom-left-radius:4px;background:#151f31;color:#dce6f5}.wsb-bubble.assistant a{color:#93c5fd}.wsb-bubble.assistant p{margin:0 0 8px}.wsb-bubble.assistant p:last-child{margin-bottom:0}.wsb-answer-skeleton i{display:block;width:92%;height:8px;margin:7px 0;border-radius:5px;background:#2b3950}.wsb-answer-skeleton i:nth-child(2){width:78%}.wsb-answer-skeleton i:nth-child(3){width:55%}.wsb-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.wsb-image{position:relative;display:block;aspect-ratio:2/3;border:1px solid #2b3b53;border-radius:9px;overflow:hidden;background:#18243a}.wsb-image img{width:100%;height:100%;object-fit:cover;display:block}.wsb-image span{position:absolute;inset:auto 0 0;padding:22px 8px 7px;background:linear-gradient(transparent,rgba(0,0,0,.88));color:#fff;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wsb-reference-strip{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.wsb-reference-strip a{display:flex;align-items:center;gap:5px;max-width:190px;border:1px solid #2d3c52;border-radius:999px;background:#111b2b;color:#b8c8dc;padding:5px 8px;text-decoration:none;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wsb-reference-strip b{color:#7dd3fc}.wsb-trace{border:1px solid #d4deea;border-radius:12px;background:#fff;padding:14px;min-width:0}.wsb-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.wsb-panel-head:not(:first-child){margin-top:18px}.wsb-panel-head h3{margin:0;font-size:13px}.wsb-panel-head span{color:#718096;font-size:10px}.wsb-trace ol{margin:0;padding-left:22px;color:#43536a;font-size:11px;line-height:1.5}.wsb-trace li{margin:5px 0;padding-left:3px;overflow-wrap:anywhere}.wsb-sources{display:grid;gap:7px}.wsb-source{display:block;border:1px solid #dbe3ee;border-radius:9px;padding:9px 10px;color:#26354b;text-decoration:none}.wsb-source:hover{border-color:#93b4e8;background:#f7faff}.wsb-source strong,.wsb-source span{display:block}.wsb-source strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wsb-source span{margin-top:3px;color:#718096;font-size:9px}.wsb-source p,.wsb-sources>p{margin:5px 0 0;color:#69798e;font-size:10px;line-height:1.4}.wsb-error{color:#fecaca}.wsb-empty-image{display:grid;place-items:center;min-height:120px;border:1px dashed #31415a;border-radius:9px;color:#718096;font-size:11px}@keyframes wsb-pulse{50%{opacity:.4}}@media(max-width:980px){.wsb-layout{grid-template-columns:1fr}.wsb-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.wsb-head{align-items:start;flex-direction:column}.wsb-query-row{grid-template-columns:1fr 1fr}.wsb-query-row input{grid-column:1/-1}.wsb-layout,.wsb-form,.wsb-head{padding-left:14px;padding-right:14px}.wsb-metrics{margin-left:14px;margin-right:14px}.wsb-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}