.service-studio .studio-content{max-width:1060px}.service-visibility-badge{display:inline-block;padding:2px 6px;border-radius:5px;background:var(--wb-f0f3f5,#f0f3f5);color:var(--wb-7e8d98,#7e8d98);font-size:10px;white-space:nowrap}.service-visibility-badge[data-public=true]{background:var(--wb-edf5f0,#edf5f0);color:var(--wb-588069,#588069)}.service-studio .studio-tabs small{color:var(--wb-8d9aa4,#8d9aa4);font-size:11px}.service-text-link{font-size:12px;color:var(--wb-788a96,#788a96);padding:10px}.service-preview-toolbar{display:flex;align-items:center;justify-content:flex-end;color:var(--wb-84929d,#84929d);padding:0 3px 9px}.service-preview-toolbar small{font-size:11px;margin-right:auto}.service-iframe{width:100%;height:68dvh;min-height:410px;background:var(--wb-ffffff,#ffffff);border:1px solid var(--wb-dce5eb,#dce5eb);border-radius:16px;display:block}.service-source{font:13px/1.7 Consolas,monospace!important;min-height:60dvh!important;white-space:pre;tab-size:2}.service-editor-actions{display:flex;align-items:center;justify-content:space-between}.service-html-editor{max-width:none}.service-mounts{display:flex;flex-direction:column;gap:16px;max-width:680px;margin:auto}.service-mount{padding:20px;background:var(--wb-ffffff,#ffffff);border:1px solid var(--wb-e0e7ec,#e0e7ec);border-radius:15px;overflow:hidden}.service-mount header{display:flex;align-items:center;gap:12px}.service-mount header>div:nth-child(2){flex:1;min-width:0}.service-mount strong{display:block;overflow-wrap:anywhere}.service-mount small{color:var(--wb-82929f,#82929f);font-size:11px}.service-mount-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.service-live-runs summary,.service-mount summary{font-size:12px;color:var(--wb-738897,#738897);cursor:pointer;padding:12px 0}.service-step{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px;border-top:1px solid var(--wb-edf0f3,#edf0f3);font-size:12px}.service-live-runs{margin-top:16px}.service-run-row{display:flex;gap:10px;align-items:center;border-top:1px solid var(--wb-e3e9ee,#e3e9ee);padding:12px 0}.service-run-row>span{flex:1;min-width:0}.service-history strong,.service-run-row strong{display:block;font-size:13px;overflow-wrap:anywhere}.service-history small,.service-run-row small{display:block;color:var(--wb-87949f,#87949f);font-size:11px;margin-top:5px}.service-history{padding:14px;border:1px solid var(--wb-e1e7ec,#e1e7ec);border-radius:12px}.service-html-editor details p{font-size:12px;line-height:1.8}.service-runtime,.service-workflow{min-width:0}.service-flow-toolbar{flex-wrap:wrap}.live-anchor{scroll-margin-top:70px}.service-live{min-width:0}.live-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.live-heading h2{margin:5px 0 0;font-size:19px;line-height:1.4;overflow-wrap:anywhere}.live-eyebrow{display:flex;gap:5px;align-items:center;color:var(--wb-64818d,#64818d);font-size:12px}.live-heading .secondary-button{flex-shrink:0}.live-status{display:flex;gap:10px;align-items:center;border:1px solid var(--wb-c6dce5,#c6dce5);background:var(--wb-edf5f9,#edf5f9);padding:14px 16px;border-radius:13px;color:var(--wb-365f74,#365f74)}.live-status>div{flex:1;min-width:0}.live-status small,.live-status strong{display:block}.live-status strong{font-size:15px}.live-status small{font-size:12px;margin-top:4px}.live-status.complete{background:var(--wb-eff8f2,#eff8f2);border-color:var(--wb-c8dfd0,#c8dfd0);color:var(--wb-3c7051,#3c7051)}.live-status.failed{background:var(--wb-fff3f1,#fff3f1);border-color:var(--wb-e6c8c3,#e6c8c3);color:var(--wb-925143,#925143)}.live-service-path{display:flex;gap:7px;align-items:center;margin:18px 0}.live-service-path span{padding:7px 12px;background:var(--wb-eef1f3,#eef1f3);border-radius:8px;font-size:12px;color:var(--wb-6c7f8c,#6c7f8c);overflow-wrap:anywhere;text-align:center;max-width:45%}.live-service-path .complete{color:var(--wb-3e7655,#3e7655);background:var(--wb-eaf5ed,#eaf5ed)}.live-service-path .running{color:var(--wb-315e77,#315e77);background:var(--wb-e5f1f8,#e5f1f8);animation:step-pulse 1.8s infinite}.live-service-path i{flex:1;height:2px;background:var(--wb-d1dce3,#d1dce3);position:relative;overflow:hidden}.live-service-path i.flowing:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--wb-5887a5,#5887a5),transparent);animation:flow-travel 1.2s linear infinite}.live-view-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 12px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:7px 4px;font-size:12px;color:var(--wb-607988,#607988);cursor:pointer}.text-button[aria-pressed=true]{color:var(--wb-315e77,#315e77);font-weight:650}.live-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.live-result-panel,.live-steps{min-width:0}.live-step-list{position:relative;list-style:none;padding:3px;margin:0;max-height:480px;overflow:auto;overscroll-behavior:contain}.live-step-list li{position:relative;padding-bottom:16px}.live-step-list li:not(:last-child):after{content:"";position:absolute;left:24px;bottom:0;height:16px;border-left:2px solid var(--wb-dce5ea,#dce5ea)}.live-step-list li.complete:not(:last-child):after{border-color:var(--wb-84b396,#84b396)}.live-step-list li.running:not(:last-child):after{border-color:var(--wb-528cab,#528cab);border-left-style:dashed;animation:step-pulse 1s infinite}.live-step-list button{position:relative;display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid var(--wb-e0e6ea,#e0e6ea);border-radius:12px;padding:12px 10px;background:var(--wb-ffffff,#ffffff);min-height:66px}.live-step-list button[aria-pressed=true]{border-color:var(--wb-6c99b0,#6c99b0);box-shadow:0 0 0 2px #6697af14}.step-dot{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:var(--wb-8296a3,#8296a3);background:var(--wb-f0f4f7,#f0f4f7)}.running .step-dot{color:var(--wb-477e9a,#477e9a);background:var(--wb-e9f5fb,#e9f5fb)}.complete .step-dot{color:var(--wb-4c8060,#4c8060);background:var(--wb-edf7ef,#edf7ef)}.failed .step-dot{color:var(--wb-a25d53,#a25d53);background:var(--wb-fdf0ee,#fdf0ee)}.skipped .step-dot{opacity:.5}.step-label{min-width:0;flex:1}.step-label strong{display:block;font-size:14px;color:var(--wb-334f60,#334f60);overflow-wrap:anywhere}.step-label small{display:block;font-size:11px;margin-top:4px;color:var(--wb-8395a0,#8395a0)}.step-badge{font-size:11px;white-space:nowrap;color:var(--wb-758995,#758995)}.running .step-badge{color:var(--wb-366e8c,#366e8c)}.branch-decision{display:block;margin:6px 0 0 48px;font-size:11px;color:var(--wb-708792,#708792)}.live-result-panel{background:var(--wb-ffffff,#ffffff);border:1px solid var(--wb-dfe7ec,#dfe7ec);border-radius:14px;padding:18px}.live-result-heading{margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.live-result-heading>span{font-size:15px;font-weight:650}.live-result-heading small{color:var(--wb-7c909b,#7c909b);font-size:11px}.live-readable-output{font-size:15px;line-height:1.75;overflow-wrap:anywhere;max-height:52dvh;overflow:auto}.live-readable-output .rich-text p{margin:0 0 12px}.live-readable-output .rich-text table{display:block;overflow:auto}.live-result-panel details{margin-top:14px;font-size:13px;border-top:1px solid var(--wb-edf1f3,#edf1f3);padding-top:10px}.live-result-panel summary{min-height:32px;cursor:pointer;color:var(--wb-6b818e,#6b818e)}.run-code{max-width:100%;max-height:40dvh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--wb-f7f9fb,#f7f9fb);padding:12px;border-radius:8px;font:12px/1.7 Consolas,monospace}.run-empty{font-size:14px;color:var(--wb-8b9da6,#8b9da6);margin:8px 0}.run-scalar{margin:0;font-variant-numeric:tabular-nums}.run-value-grid{margin:0;display:grid;gap:10px}.run-value-grid>div{padding:10px 12px;border-radius:8px;background:var(--wb-f6f9fb,#f6f9fb);min-width:0}.run-value-grid dt{color:var(--wb-778c98,#778c98);font-size:12px;margin-bottom:4px}.run-value-grid dd{margin:0;font-size:15px;overflow-wrap:anywhere}.run-value-list{padding-left:22px;margin:0}.stream-caret{display:inline-block;width:6px;height:15px;background:var(--wb-698da0,#698da0);animation:step-pulse .8s infinite}.live-footer{justify-content:space-between;margin-top:16px;color:var(--wb-718793,#718793)}.live-footer,.live-session-picker label{display:flex;align-items:center;gap:10px;font-size:12px}.live-session-picker label{margin-bottom:16px}.live-session-picker select{min-width:0;max-width:100%;min-height:44px;border:1px solid var(--wb-d8e2e8,#d8e2e8);border-radius:10px;padding:8px;background:var(--wb-ffffff,#ffffff)}.service-test-panel{max-width:850px!important;width:min(94vw,850px)!important;display:flex;flex-direction:column;overflow:clip}.service-test-panel>:not(.panel-form){flex-shrink:0}.service-test-panel .panel-form{min-height:0;max-height:none;flex:1 1 auto}.service-test-panel .panel-form>*{flex-shrink:0}.test-comparison,.test-editors,.test-selectors{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.test-editors textarea{font:14px/1.6 Consolas,monospace}.test-help{color:var(--wb-718691,#718691);font-size:12px;line-height:1.7;margin:0}.test-help>summary{cursor:pointer;min-height:44px;padding:11px 0}.test-actions{display:flex;gap:8px;flex-wrap:wrap}.test-result{padding:16px;border:1px solid var(--wb-dfe7ec,#dfe7ec);border-radius:12px;min-width:0}.test-result-status{display:flex;align-items:center;gap:8px;color:var(--wb-668294,#668294);margin-bottom:14px}.test-result-status span{color:var(--wb-7d909d,#7d909d);font-size:12px;overflow-wrap:anywhere}.test-pass,.test-result-status.passed{color:var(--wb-43805b,#43805b)}.test-result-status.failed{color:var(--wb-a46053,#a46053)}.test-comparison>div{min-width:0;overflow-wrap:anywhere}.test-comparison h3{font-size:12px;color:var(--wb-758b97,#758b97)}.test-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 0;border-bottom:1px solid var(--wb-e4eaef,#e4eaef);font-size:13px;text-align:left}.test-history-row span{min-width:0;overflow-wrap:anywhere}.test-history-row small{display:block;margin-top:5px;color:var(--wb-8597a2,#8597a2);font-size:11px}@keyframes step-pulse{50%{opacity:.55}}@keyframes flow-travel{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.service-live *,.workflow-node.running{animation:none!important;scroll-behavior:auto!important}}@media (max-width:640px){.live-body{grid-template-columns:minmax(0,1fr);gap:16px}.live-step-list{max-height:230px}.live-heading h2{font-size:17px}.live-heading .secondary-button{font-size:12px;padding:8px 10px}.live-readable-output{max-height:42dvh}.live-result-panel{padding:15px}.service-test-panel{width:100%!important;max-width:none!important}.test-comparison,.test-editors,.test-selectors{grid-template-columns:minmax(0,1fr)}.live-session-picker select,.test-editors textarea{font-size:16px}}.service-flow-filter,.service-flow-heading,.service-flow-options,.service-flow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.service-flow-toolbar strong{font-size:15px}.service-flow-heading h2{font-size:16px;margin:0;overflow-wrap:anywhere}.service-flow-heading span{font-size:12px;color:var(--wb-7c8e9b,#7c8e9b);white-space:nowrap}.service-flow-filter{justify-content:flex-start;font-size:12px;color:var(--wb-7c8e9b,#7c8e9b)}.service-flow-options label{display:flex;flex:1;align-items:center;min-width:0;gap:8px;font-size:12px}.service-flow-filter select,.service-flow-options select{min-width:0;max-width:100%;min-height:44px;border:1px solid var(--wb-dce5eb,#dce5eb);border-radius:10px;padding:8px 12px;background:var(--wb-ffffff,#ffffff);color:var(--wb-3b5363,#3b5363)}.service-flow-options select{flex:1}.service-flow-filter select{max-width:calc(100% - 36px)}.service-flow-heading{align-items:baseline}.service-flow-loading{display:grid;place-items:center;min-height:350px;color:var(--wb-7c8e9b,#7c8e9b);font-size:13px}.service-flow-hint{font-size:12px;color:var(--wb-7c8e9b,#7c8e9b);margin:12px 0}.service-flow-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.service-flow-shortcuts button{max-width:100%;text-align:left}.service-flow-notes{font-size:12px;color:var(--wb-7c8e9b,#7c8e9b);line-height:1.8}.service-flow-notes summary{cursor:pointer;padding:8px 0}.service-node.call{border-color:var(--wb-b8abce,#b8abce)}.service-node.missing{border-color:var(--wb-c37c7c,#c37c7c);background:var(--wb-fff8f7,#fff8f7)}.service-node.dynamic{border-style:dashed;border-color:var(--wb-aa9161,#aa9161)}.service-flow-detail{min-width:0}.service-flow-detail h3{font-size:13px;margin-bottom:0}.service-flow-detail pre{max-width:100%;overflow:auto;max-height:45dvh;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.65;padding:14px;border:1px solid var(--wb-e1e8ed,#e1e8ed);border-radius:10px;background:var(--wb-f7f9fb,#f7f9fb)}.service-flow-detail code{overflow-wrap:anywhere}@media (max-width:640px){.service-flow-heading{flex-wrap:wrap;gap:4px}.service-flow-options{flex-wrap:wrap}.service-flow-filter select,.service-flow-options select{font-size:16px}.service-iframe{height:68dvh;min-height:420px;border-radius:12px}.service-source{font-size:16px!important}.service-mount{padding:16px}.service-studio .studio-tabs>button{padding:12px 8px}.service-studio .studio-content{padding-bottom:30px}}