#architecture-tour{background:var(--tour-paper);color:var(--tour-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;height:100dvh;font:14px/1.5 Instrument Sans,system-ui,sans-serif;overflow:hidden}#architecture-tour *{box-sizing:border-box}#architecture-tour button{font:inherit;color:inherit;background:var(--tour-card);border:1px solid var(--tour-rule);cursor:pointer;border-radius:2px;padding:6px 10px}#architecture-tour button:hover{background:var(--tour-hover)}#architecture-tour button:focus-visible,#architecture-tour a:focus-visible{outline:2px solid var(--tour-active);outline-offset:3px}#architecture-tour button:disabled{opacity:.35;cursor:default}#architecture-tour .tour-sidebar{background:var(--tour-card);border-right:1px solid var(--tour-line);flex-direction:column;gap:14px;width:190px;padding:24px 15px;display:flex;position:fixed;inset:0 auto 0 0;overflow:auto}#architecture-tour .tour-brand{letter-spacing:-.6px;align-items:center;gap:12px;font-size:22px;font-weight:650;text-decoration:none;display:flex}#architecture-tour .tour-kicker,#architecture-tour .tour-header{letter-spacing:1px;color:var(--tour-muted);font:10px IBM Plex Mono,monospace}#architecture-tour nav{flex-direction:column;gap:4px;display:flex}#architecture-tour nav button{text-align:left;background:0 0;border:0;align-items:start;gap:9px;padding:9px;font-size:12px;display:flex}#architecture-tour nav button span{color:var(--tour-muted);font:10px/1.8 IBM Plex Mono,monospace}#architecture-tour nav button.active{background:var(--tour-active-soft);color:var(--tour-active);box-shadow:inset 3px 0 var(--tour-active);font-weight:650}#architecture-tour .tour-text-button{text-align:left;color:var(--tour-muted);background:0 0;border:0;padding:4px 0;font-size:11px}#architecture-tour #learning-button{margin-top:auto;text-decoration:underline}#architecture-tour .tour-main{flex-direction:column;gap:12px;min-width:0;height:100dvh;margin-left:190px;padding:15px 22px 12px;display:flex}#architecture-tour .tour-header{flex:none;justify-content:space-between;align-items:center;min-height:22px;display:flex}#architecture-tour .tour-intro{flex:none}#architecture-tour h1{letter-spacing:-.8px;margin:0 0 7px;font-size:clamp(22px,2.1vw,30px);font-weight:650;line-height:1.17}#architecture-tour .tour-intro p{max-width:1040px;color:var(--tour-muted);margin:0;font-size:13px;line-height:1.5}#architecture-tour h2{letter-spacing:-.2px;margin:0 0 8px;font-size:15px;font-weight:650}#architecture-tour h3{margin:17px 0 9px;font-size:12px;font-weight:650}#architecture-tour .tour-workspace{border:1px solid var(--tour-line);background:var(--tour-card);flex:1;grid-template-columns:minmax(0,1fr) 285px;min-height:0;display:grid}#architecture-tour .tour-stage{flex-direction:column;min-width:0;min-height:0;display:flex}#architecture-tour #handoff-bar{border-bottom:1px solid var(--tour-line);flex:none;align-items:center;gap:10px;min-height:49px;padding:11px 15px;display:flex}#architecture-tour #handoff-bar .call-number{background:var(--tour-active-soft);color:var(--tour-active);flex:none;place-items:center;width:24px;height:24px;font:11px IBM Plex Mono,monospace;display:grid}#architecture-tour #handoff-bar code{overflow-wrap:anywhere;font:12px/1.5 IBM Plex Mono,monospace;display:block}#architecture-tour #handoff-bar small{color:var(--tour-muted);font-size:11px}#architecture-tour .diagram-wrap{background:radial-gradient(var(--tour-grid-dot) .65px, transparent .65px);background-size:20px 20px;flex:1;min-height:0;overflow:hidden}#architecture-tour #diagram{width:100%;min-width:0;height:100%;display:block}#architecture-tour .map-node{cursor:pointer}#architecture-tour .node-box{fill:var(--tour-card);stroke:var(--tour-rule);stroke-width:1.5px}#architecture-tour .map-node.active .node-box{fill:var(--tour-node-active);stroke:var(--tour-active);stroke-width:2.5px}#architecture-tour .map-node.selected .node-box{stroke:var(--tour-ink);stroke-width:2px;stroke-dasharray:5 4}#architecture-tour .map-node:focus-visible{outline:none}#architecture-tour .map-node:focus-visible .node-box{stroke:var(--tour-ink);stroke-width:3px}#architecture-tour .node-name{fill:var(--tour-ink);font:600 20px Instrument Sans,sans-serif}#architecture-tour .node-sub{fill:var(--tour-muted);font:16px Instrument Sans,sans-serif}#architecture-tour .node-boundary{fill:var(--tour-muted);font:11px IBM Plex Mono,monospace}#architecture-tour .flow-path{fill:none;stroke:var(--tour-rule);stroke-width:1.6px;stroke-linejoin:round;opacity:.4}#architecture-tour .flow-path.active{stroke:var(--tour-active);stroke-width:3px;opacity:1}#architecture-tour .flow-marker circle{fill:var(--tour-node-active);stroke:var(--tour-active);stroke-width:1.5px}#architecture-tour .flow-marker text{fill:var(--tour-active);text-anchor:middle;dominant-baseline:central;font:12px IBM Plex Mono,monospace}#architecture-tour .travel-packet{fill:var(--tour-active);stroke:var(--tour-card);stroke-width:2px}#architecture-tour #endpoint-label rect{fill:var(--tour-card);stroke:var(--tour-line)}#architecture-tour #endpoint-label text{fill:var(--tour-active);font:15px IBM Plex Mono,monospace}#architecture-tour #endpoint-label line{stroke:var(--tour-muted);stroke-width:1px;stroke-dasharray:3 3}#architecture-tour .tour-controls{border-top:1px solid var(--tour-line);flex:none;align-items:center;gap:8px;min-height:48px;padding:10px 13px;font-size:12px;display:flex}#architecture-tour .tour-controls .tour-primary{background:var(--tour-active);border-color:var(--tour-active);color:#fff;min-width:72px}#architecture-tour #step-count{white-space:nowrap;font:10px IBM Plex Mono,monospace}#architecture-tour #step-dots{flex-wrap:wrap;flex:1;align-items:center;gap:4px;display:flex}#architecture-tour #step-dots button{background:var(--tour-line);border:0;border-radius:50%;width:7px;height:7px;padding:0;font-size:0}#architecture-tour #step-dots button.active{background:var(--tour-active);border-radius:8px;width:16px}#architecture-tour .tour-story{background:var(--tour-hover);border-top:1px solid var(--tour-line);flex:none;gap:10px;min-height:94px;padding:12px 15px;display:flex}#architecture-tour #step-number{color:var(--tour-active);padding-top:1px;font:12px IBM Plex Mono,monospace}#architecture-tour .tour-story h2{margin-bottom:4px;font-size:14px}#architecture-tour .tour-story p{max-width:900px;margin:0;font-size:12px;line-height:1.6}#architecture-tour .tour-inspector{border-left:1px solid var(--tour-line);background:var(--tour-inspector);flex-direction:column;min-width:0;min-height:0;display:flex}#architecture-tour .detail-tabs{border-bottom:1px solid var(--tour-line);flex:none;gap:2px;padding:8px 9px;display:flex}#architecture-tour .detail-tabs button{background:0 0;border:0;padding:7px 9px;font-size:11px}#architecture-tour .detail-tabs button[aria-selected=true]{background:var(--tour-active-soft);color:var(--tour-active);font-weight:650}#architecture-tour .detail-content{flex:1;min-height:0;padding:16px;overflow:auto}#architecture-tour [hidden]{display:none!important}#architecture-tour code,#architecture-tour pre{font-family:IBM Plex Mono,monospace}#architecture-tour pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--tour-card);border:1px solid var(--tour-line);margin:8px 0 13px;padding:10px;font-size:11px;line-height:1.65}#architecture-tour .api-call{text-align:left;border:0;border-bottom:1px solid var(--tour-line);background:0 0;width:100%;padding:10px 4px;font-size:11px;display:block}#architecture-tour .api-call.active{background:var(--tour-active-soft)}#architecture-tour .api-call code{overflow-wrap:anywhere;font-size:11px;line-height:1.7;display:block}#architecture-tour .api-call small{color:var(--tour-muted);font-size:10px}#architecture-tour .schema-table{margin-bottom:20px}#architecture-tour .schema-table h3{overflow-wrap:anywhere;margin-top:8px;font:600 11px IBM Plex Mono,monospace}#architecture-tour table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%;font-size:10px}#architecture-tour th,#architecture-tour td{border-bottom:1px solid var(--tour-line);overflow-wrap:anywhere;vertical-align:top;padding:6px 3px}#architecture-tour th{color:var(--tour-muted);font-weight:500}#architecture-tour .detail-source{color:var(--tour-muted);overflow-wrap:anywhere;font-size:10px}#architecture-tour .worker-lane{border-bottom:1px solid var(--tour-line);padding:8px 0;font-size:11px}#architecture-tour .worker-lane small{color:var(--tour-muted);margin-top:2px;font-size:10px;display:block}#architecture-tour .worker-lane.processing{border-left:3px solid var(--tour-active);color:var(--tour-active);background:var(--tour-active-soft);padding-left:8px}#architecture-tour .worker-lane.processing small{color:var(--tour-active)}#architecture-tour #work-action{background:var(--tour-card);border:1px solid var(--tour-line);padding:11px;font-size:12px;line-height:1.7}#architecture-tour #work-action b{color:var(--tour-active);font-size:13px;display:block}#architecture-tour #worker-actions{margin:12px 0;padding-left:18px;font-size:11px;line-height:1.7}#architecture-tour #worker-actions li{padding:4px}#architecture-tour #worker-actions li.active{color:var(--tour-active);background:var(--tour-active-soft);font-weight:650}#architecture-tour .row-card h3{margin:10px 0 0;font:11px IBM Plex Mono,monospace}#architecture-tour .queue-lifecycle,#architecture-tour #queue-visual{text-align:center;grid-template-columns:repeat(3,1fr);gap:4px;margin:10px 0;font-size:9px;display:grid}#architecture-tour .queue-slot{border:1px dashed var(--tour-rule);min-height:45px;padding:8px 2px;font:9px IBM Plex Mono,monospace}#architecture-tour .queue-slot.active{border:1px solid var(--tour-active);background:var(--tour-active-soft);color:var(--tour-active)}#architecture-tour .tour-footer{color:var(--tour-muted);flex:none;justify-content:space-between;align-items:center;gap:15px;font-size:10px;display:flex}#architecture-tour #scenario-bar{flex-wrap:wrap;flex:none;gap:6px;font-size:11px;display:flex}#architecture-tour #scenario-bar button{font-size:10px}#architecture-tour #scenario-bar button.active{background:var(--tour-active-soft);color:var(--tour-active);border-color:var(--tour-active)}#architecture-tour dialog{background:var(--tour-card);color:var(--tour-ink);border:1px solid var(--tour-rule);width:min(700px,92vw);max-height:85vh;padding:25px;font-size:14px;overflow:auto}#architecture-tour dialog::backdrop{background:var(--tour-scrim)}#architecture-tour dialog>button{float:right}#architecture-tour dialog h2{margin:8px 0 18px;font-size:21px}#architecture-tour dialog li{margin:12px 0}@media (min-width:1700px){#architecture-tour .tour-workspace{grid-template-columns:minmax(0,1fr) 320px}#architecture-tour .tour-main{padding:20px 30px}#architecture-tour .tour-story p,#architecture-tour .detail-content{font-size:14px}}@media (max-width:1100px){#architecture-tour .tour-sidebar{width:155px;padding:18px 10px}#architecture-tour .tour-brand{font-size:18px}#architecture-tour .tour-main{gap:9px;margin-left:155px;padding:12px}#architecture-tour .tour-workspace{grid-template-columns:minmax(0,1fr) 250px}#architecture-tour .tour-story{min-height:104px}#architecture-tour h1{font-size:24px}}@media (max-width:760px){#architecture-tour{height:auto;overflow:auto}#architecture-tour .tour-sidebar{border-right:0;gap:8px;width:100%;padding:12px;position:static}#architecture-tour .tour-sidebar .tour-kicker,#architecture-tour #learning-button{display:none}#architecture-tour nav{flex-direction:row;overflow:auto}#architecture-tour nav button{white-space:nowrap;padding:7px}#architecture-tour .tour-main{height:auto;margin:0;padding:12px}#architecture-tour .tour-workspace{flex-direction:column;display:flex}#architecture-tour .diagram-wrap{flex:none;height:300px}#architecture-tour .tour-inspector{border-left:0;border-top:1px solid var(--tour-line);flex:none;height:330px}#architecture-tour .tour-story{min-height:110px}#architecture-tour .tour-footer{display:none}#architecture-tour h1{font-size:23px}#architecture-tour .tour-controls{gap:6px}#architecture-tour #reset{display:none}}#architecture-tour .detail-heading{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:14px;display:flex}#architecture-tour .detail-heading h2{width:100%}#architecture-tour .nav-group h2{color:var(--tour-muted);text-transform:uppercase;letter-spacing:.08em;margin:12px 9px 4px;font:10px IBM Plex Mono,monospace}#architecture-tour .nav-group button{padding-top:7px;padding-bottom:7px}#architecture-tour .tour-header-actions{align-items:center;gap:18px;display:flex}