.hero-zoom-hint[data-astro-cid-bbe6dxrz]{position:absolute;bottom:10px;right:10px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:9999px;background:#0f172ab3;color:#ffffffe6;font-size:11px;font-weight:500;backdrop-filter:blur(6px);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}.screenshot-tile[data-astro-cid-bbe6dxrz]:hover .hero-zoom-hint[data-astro-cid-bbe6dxrz],.screenshot-tile[data-astro-cid-bbe6dxrz]:focus-visible .hero-zoom-hint[data-astro-cid-bbe6dxrz]{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.hero-zoom-hint[data-astro-cid-bbe6dxrz]{transition:none}}.screenshot-lightbox[data-astro-cid-hlpinaev]{margin:auto;padding:0;border:none;background:transparent;max-width:min(95vw,1400px);max-height:95vh;width:min(95vw,1400px);overflow:visible}.screenshot-lightbox[data-astro-cid-hlpinaev]::backdrop{background:#0000;backdrop-filter:blur(0);transition:background .25s ease-out,backdrop-filter .25s ease-out}.screenshot-lightbox[data-astro-cid-hlpinaev][open]::backdrop{background:#030712b8;backdrop-filter:blur(6px)}.lightbox-frame[data-astro-cid-hlpinaev]{background:var(--color-bg, #020617);transform-origin:top left;will-change:transform,opacity;max-height:95vh;display:flex;flex-direction:column}.lightbox-frame[data-astro-cid-hlpinaev]>div[data-astro-cid-hlpinaev]:last-child{overflow:auto;flex:1 1 auto}.lightbox-frame[data-astro-cid-hlpinaev]>div[data-astro-cid-hlpinaev]:last-child img[data-astro-cid-hlpinaev]{display:block;width:100%;height:auto}@media(prefers-reduced-motion:reduce){.lightbox-frame[data-astro-cid-hlpinaev],.screenshot-lightbox[data-astro-cid-hlpinaev]::backdrop{transition:none!important}}.arch-section .edge{fill:none;stroke:var(--color-border);stroke-width:1.5;stroke-linecap:round;transition:stroke .24s ease,stroke-width .24s ease,opacity .24s ease}.arch-section .edge.edge-dim{opacity:.35}.arch-section .edge.edge-active{stroke:var(--color-accent);stroke-width:2}.arch-section .node{cursor:pointer;transition:transform .22s ease;transform-origin:center;transform-box:fill-box;outline:none}.arch-section .node:hover,.arch-section .node:focus-visible,.arch-section .node[data-active=true]{transform:scale(1.035)}.arch-section .node:focus-visible .node-rect{stroke:var(--color-info);stroke-width:2}.arch-section .node-rect{fill:var(--color-surface-hover);stroke:var(--color-border);stroke-width:1.25;transition:stroke .22s ease,stroke-width .22s ease,fill .22s ease}.arch-section .node[data-active=true] .node-rect{stroke:var(--color-accent);stroke-width:1.75}.arch-section .agent-rect{stroke:color-mix(in srgb,var(--color-accent) 40%,var(--color-border))}.arch-section .mqtt-rect{stroke:color-mix(in srgb,var(--color-warning) 50%,var(--color-border))}.arch-section .hub-rect{fill:color-mix(in srgb,var(--color-accent) 10%,var(--color-surface-hover));stroke:color-mix(in srgb,var(--color-accent) 55%,var(--color-border))}.arch-section .output-rect{stroke:color-mix(in srgb,var(--color-info) 45%,var(--color-border))}.arch-section .node-label{fill:var(--color-fg);font-size:14px;font-weight:600;font-family:inherit}.arch-section .hub-label{fill:var(--color-accent)}.arch-section .node-sublabel{fill:var(--color-muted);font-size:11px;font-family:inherit}.arch-section .node-led{fill:var(--color-accent);opacity:.8;animation:led-pulse 2.6s ease-in-out infinite}@keyframes led-pulse{0%,to{opacity:.25}50%{opacity:1}}.arch-section .packet{fill:var(--color-accent)}.arch-section .host-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-fg);font-size:16px;line-height:1;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .12s ease}.arch-section .host-btn:hover:not(:disabled){border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg-secondary))}.arch-section .host-btn:active:not(:disabled){transform:scale(.94)}.arch-section .host-btn:disabled{opacity:.35;cursor:not-allowed}.arch-section .m-node{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 14px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-fg);text-align:center;cursor:pointer;transition:border-color .16s ease,background .16s ease}.arch-section .m-node[data-active=true],.arch-section .m-node:hover{border-color:var(--color-accent)}.arch-section .m-node-primary{background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg-secondary));border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-border))}.arch-section .m-node-sm{padding:8px 6px;font-size:12px}.arch-section .m-node-title{font-size:13px;font-weight:600}.arch-section .m-node-sub{font-size:11px;color:var(--color-muted)}.arch-section .m-arrow{text-align:center;color:var(--color-muted);font-size:14px;line-height:1}.arch-section .arch-detail-content h3{margin:0 0 2px;font-size:15px;font-weight:700;color:var(--color-fg)}.arch-section .arch-detail-content .arch-detail-kicker{display:inline-block;margin-bottom:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent)}.arch-section .arch-detail-content p{margin:0;font-size:13px;color:var(--color-secondary);line-height:1.55}.arch-section .arch-detail-content p+p{margin-top:6px}.arch-section .arch-detail-content code{font-size:12px;padding:1px 5px;border-radius:4px;background:var(--color-surface);color:var(--color-fg)}@media(prefers-reduced-motion:reduce){.arch-section .node,.arch-section .edge,.arch-section .node-rect,.arch-section .node-led,.arch-section .host-btn{transition:none!important;animation:none!important}}