.blossom-architecture{--architecture-line: color-mix( in srgb, var(--foreground) 26%, var(--background) );container-type:inline-size;margin:24px 0;color:var(--foreground);font-size:13px;line-height:1.45}.blossom-architecture figcaption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-bottom:24px}.blossom-architecture figcaption>strong{font-size:14px}.blossom-architecture figcaption>span,.blossom-architecture small{color:var(--muted-foreground);font-size:12px}.blossom-architecture-root{display:flex;justify-content:center;position:relative;padding-bottom:24px}.blossom-architecture-root:after{content:"";position:absolute;bottom:0;left:50%;height:24px;border-left:1px solid var(--architecture-line)}.blossom-architecture .blossom-architecture-node{position:relative;display:flex;flex-direction:column;gap:5px;min-width:0;margin:0;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--background);overflow-wrap:anywhere}.blossom-architecture-node>strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:500}.blossom-architecture-node>span{font-size:12px;color:var(--muted-foreground)}.blossom-architecture .blossom-architecture-app{width:min(280px,100%);padding:16px;align-items:center;text-align:center;border-color:var(--architecture-line);background:var(--secondary);color:var(--secondary-foreground)}.blossom-architecture-app>strong{font-size:16px}.blossom-architecture-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.blossom-architecture-branch{min-width:0;position:relative;padding:44px 8px 0}.blossom-architecture-branch:before{content:"";position:absolute;top:0;left:0;right:0;border-top:1px solid var(--architecture-line)}.blossom-architecture-branch:first-child:before{left:50%}.blossom-architecture-branch:last-child:before{right:50%}.blossom-architecture-edge{position:absolute;top:0;left:50%;height:36px;border-left:1px solid var(--architecture-line)}.blossom-architecture-edge:after{content:"";position:absolute;bottom:0;left:-3px;width:5px;height:5px;border-right:1px solid var(--architecture-line);border-bottom:1px solid var(--architecture-line);transform:rotate(45deg)}.blossom-architecture-edge>span{position:absolute;top:10px;left:8px;color:var(--muted-foreground);font-size:11px;white-space:nowrap}.blossom-architecture .blossom-architecture-branch>h3{margin:0 0 12px;font-size:12px;font-weight:500;text-align:center}.blossom-architecture .blossom-architecture-nodes{position:relative;display:grid;gap:10px;margin:0;padding:0 0 0 12px;list-style:none}.blossom-architecture-nodes:before{content:"";position:absolute;left:0;top:0;bottom:30px;border-left:1px solid var(--architecture-line)}.blossom-architecture-nodes>li:before{content:"";position:absolute;left:-13px;top:28px;width:12px;border-top:1px solid var(--architecture-line)}.blossom-architecture-testing{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:center;gap:12px;margin:24px 8px 16px;padding-top:20px;border-top:1px solid var(--border)}.blossom-architecture-test-edge{position:relative;height:1px;border-top:1px dashed var(--architecture-line);text-align:center}.blossom-architecture-test-edge:after{content:"";position:absolute;right:0;top:-3px;width:5px;height:5px;border-right:1px solid var(--architecture-line);border-top:1px solid var(--architecture-line);transform:rotate(45deg)}.blossom-architecture-test-edge>span{position:relative;top:-22px;font-size:11px;color:var(--muted-foreground)}.blossom-architecture-tested{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.blossom-architecture-tested>span{display:block;margin-top:5px;font-family:system-ui,sans-serif;color:var(--muted-foreground)}@container (max-width: 520px){.blossom-architecture-root{justify-content:flex-start;padding:0 0 24px 24px}.blossom-architecture-root:after{left:12px;top:44px;height:auto;width:12px;border-top:1px solid var(--architecture-line)}.blossom-architecture-branches{grid-template-columns:1fr;padding-left:12px}.blossom-architecture-branch{padding:16px 0 16px 24px;border-left:1px solid var(--architecture-line)}.blossom-architecture-branch:before{display:none}.blossom-architecture-edge{top:24px;left:0;width:18px;height:0;border-left:0;border-top:1px solid var(--architecture-line)}.blossom-architecture-edge:after{bottom:-2px;left:14px;transform:rotate(-45deg)}.blossom-architecture-edge>span{display:none}.blossom-architecture .blossom-architecture-branch>h3{text-align:left}.blossom-architecture .blossom-architecture-nodes{padding-left:0}.blossom-architecture-nodes:before,.blossom-architecture-nodes>li:before{display:none}.blossom-architecture-testing{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:8px;margin-inline:0}}