.wb-panel{border:1px solid var(--border-soft);background:var(--bg);border-radius:10px;min-width:0;margin:20px 0;overflow:hidden}.wb-heading{border-bottom:1px solid var(--border-soft);align-items:center;gap:14px;padding:14px 16px;display:flex}.wb-heading h3{white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:13px;display:inline-flex}.wb-heading h3 svg{width:17px;height:17px;color:var(--accent)}.wb-heading>span{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:12px;overflow:hidden}.wb-heading select{min-width:0;max-width:70%;margin-left:auto}.wb-run{min-width:0;padding:16px}.wb-toolbar,.wb-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wb-toolbar{justify-content:space-between;gap:12px}.wb-state{color:var(--text-2);align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.wb-state i{background:var(--accent);border-radius:100%;width:7px;height:7px}.wb-state.paused i{background:#bf8536}.wb-caption,.wb-observation-time{color:var(--text-3);font-size:11px;line-height:1.6}.wb-caption{margin:12px 0}.wb-page-bar{border:1px solid var(--border-soft);background:var(--bg-soft);border-radius:7px 7px 0 0;align-items:center;gap:10px;padding:9px 10px;display:flex}.wb-page-bar>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-2);flex:1;font-size:12px;overflow:hidden}.wb-page-bar button{flex-shrink:0}.wb-page-bar button svg{width:13px;height:13px}.wb-screenshot{object-fit:contain;background:var(--bg-soft);border:1px solid var(--border-soft);border-top:0;width:100%;height:auto;max-height:500px;display:block}.wb-screen-empty{border:1px solid var(--border-soft);background:var(--bg-soft);min-height:112px;color:var(--text-3);text-align:center;border-top:0;align-content:center;justify-items:center;padding:24px;font-size:12px;display:grid}.wb-screen-empty svg{width:24px;height:24px}.wb-screen-empty p{max-width:55ch;line-height:1.6}.wb-observation-time{flex-wrap:wrap;justify-content:space-between;gap:8px;margin:8px 0 12px;display:flex}.wb-page-text summary,.wb-history summary{color:var(--text-2);cursor:pointer;padding:8px 0;font-size:12px}.wb-page-text pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;font:12px/1.6 var(--font-mono,monospace);background:var(--bg-soft);border-radius:6px;margin:8px 0;padding:12px;overflow:auto}.wb-inputs,.wb-proof{border-top:1px solid var(--border-soft);gap:16px;margin-top:12px;padding-top:16px;display:grid}.wb-run label{color:var(--text-2);gap:6px;min-width:0;font-size:12px;display:grid}.wb-run input:not([type=file]),.wb-run select,.wb-run textarea,.wb-heading select{border:1px solid var(--border-soft);width:100%;font:inherit;color:var(--text);background:var(--bg);border-radius:6px;min-width:0;padding:9px 10px}.wb-run input:focus,.wb-run select:focus,.wb-run textarea:focus,.wb-heading select:focus{outline:2px solid var(--accent);outline-offset:2px}.wb-run textarea{resize:vertical}.wb-navigate{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.wb-element-input{flex-wrap:wrap;align-items:end;gap:8px;margin-top:10px;display:flex}.wb-element-input label{flex:1;min-width:160px}.wb-downloads{flex-wrap:wrap;gap:8px;display:flex}.wb-notice{color:#815c24;background:#fffaee;border:1px solid #e7d4ac;border-radius:6px;padding:10px 12px;font-size:12px;line-height:1.6}.wb-error{color:#973e36;background:#fff5f4;border-color:#e9beba}.wb-proof h4{margin:0;font-size:13px}.wb-proof>button{justify-self:start}.wb-history{border-top:1px solid var(--border-soft);margin-top:16px;padding-top:6px}.wb-history ol{max-height:320px;margin:0;padding:0;list-style:none;overflow:auto}.wb-history li{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;font-size:11px;display:flex}.wb-history li>span:first-child{flex:1;gap:4px;display:grid}.wb-history small,.wb-result{color:var(--text-3)}.wb-result.succeeded{color:#347257}.wb-result.failed,.wb-result.outcome_unknown{color:#996122}.wb-close{color:var(--text-3);cursor:pointer;font:inherit;background:0 0;border:0;margin-top:16px;padding:4px 0;font-size:11px;text-decoration:underline}@media (width<=640px){.wb-run{padding:12px}.wb-heading{flex-wrap:wrap;padding:12px}.wb-heading>span{width:100%;margin-left:0}.wb-toolbar{align-items:flex-start}.wb-navigate{grid-template-columns:minmax(0,1fr)}.wb-navigate button{justify-self:start}.wb-element-input{align-items:stretch}.wb-buttons .btn{padding:6px 8px}}.int-flow-tabs.int-flow-tabs-four{grid-template-columns:repeat(4,minmax(0,1fr))}.wb-provider-scope{max-width:400px;margin-bottom:24px}.wb-provider-detail{border-bottom:1px solid var(--border-soft);padding:20px}.wb-provider-detail>button{margin-bottom:20px}.wb-bindings{margin:16px 0 24px}.wb-bindings>div{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.wb-bindings span{gap:5px;font-size:12px;display:grid}.wb-bindings small{color:var(--text-3);overflow-wrap:anywhere}@media (width<=900px){.int-flow-tabs.int-flow-tabs-four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.int-flow-tabs.int-flow-tabs-four{grid-template-columns:minmax(0,1fr)}}.wb-run label.wb-protected-choice{align-items:center;gap:8px;margin-top:12px;display:flex}.wb-run .wb-protected-choice input{width:auto}