.infra-page{--color-ink: var(--ink);--color-muted: var(--muted);--color-quiet: var(--quiet);--color-caption: var(--control-text-muted);--color-space: var(--space);--color-space-soft: var(--space-soft);--color-line: var(--line);--diagram-grid-line: color-mix(in srgb, var(--control-text-muted) 13%, transparent);--color-accent: var(--accent);--color-accent-blue: var(--accent-blue);--color-accent-warm: var(--accent-warm);--kind-edge: var(--ink);--kind-compute: var(--accent-blue);--kind-runtime: var(--muted);--kind-platform: var(--accent);--kind-storage: var(--ink);--kind-security: var(--accent-warm);--kind-recovery: var(--muted);--kind-operator: var(--ink);--kind-knowledge: var(--accent);--kind-code: var(--ink);--kind-automation: var(--accent-blue);--edge-flow: var(--control-text);--edge-control: var(--accent);--edge-observe: var(--accent-warm);--edge-recovery: var(--muted);--edge-source: var(--ink);--edge-release: var(--accent-blue);--edge-motion-duration: 3.8s;--edge-motion-distance: -76;--edge-motion-pattern: 1 18;--edge-motion-width: 3;--surface-control: var(--control-surface);--surface-control-active: var(--control-surface-hover);--surface-panel: var(--workspace-panel-surface);--border-control: var(--control-border);--border-control-strong: var(--control-border-strong);--border-panel: var(--workspace-panel-border);--panel-shadow: var(--workspace-panel-shadow);--header-height: 94px;--content-width: 1580px;--node-width: 150px;--motion-easing: var(--ease);min-height:100vh}.infra-page *,.infra-page *:before,.infra-page *:after{box-sizing:border-box}.infrastructure-content{position:relative;z-index:1;width:min(var(--content-width),calc(100% - 48px));margin:0 auto;outline:none}.workspace-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;padding:40px 0 30px}.workspace-intro__copy{min-width:0}.inspector__label,.node__eyebrow,.node__stage,.column-guide__label,.detail-label,.map-count{margin:0;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:0;line-height:1.4;text-transform:uppercase}.view-tabs{display:grid;grid-template-columns:repeat(2,minmax(148px,1fr));min-width:330px;border:1px solid var(--border-control);border-radius:0;background:var(--surface-control);box-shadow:none;-webkit-backdrop-filter:blur(14px) saturate(100%);backdrop-filter:blur(14px) saturate(100%)}.view-tab{min-height:52px;padding:0 16px;border:1px solid transparent;border-radius:0;background:transparent;color:var(--control-text-muted);cursor:pointer;font-size:14px;font-weight:500;box-shadow:none;-webkit-backdrop-filter:blur(14px) saturate(100%);backdrop-filter:blur(14px) saturate(100%);transition-property:transform,background-color,border-color,box-shadow;transition-duration:var(--motion-default);transition-timing-function:var(--motion-easing)}.view-tab[aria-selected=true]{border-color:var(--border-control-strong);background:var(--surface-control-active);color:var(--control-text-strong);box-shadow:none}.view-tab:active{border-color:var(--border-control-strong);background:var(--surface-control-active);box-shadow:none;transition-duration:var(--motion-pressed)}.view-tab:focus-visible,.node:focus-visible{position:relative;z-index:5;outline:1px solid var(--focus-color);outline-offset:3px;box-shadow:var(--focus-halo)}.view-tab:focus-visible{border-color:transparent;background:transparent}.map-workspace{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);font-size:15px;line-height:1.5}.map-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:58px;gap:24px;padding:10px 0}.legend{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px}.legend__item{display:inline-flex;align-items:center;gap:8px;color:var(--color-muted);font-size:11px;white-space:nowrap}.legend__sample{width:28px;height:6px;flex:0 0 auto;overflow:visible}.legend__sample-line{stroke:var(--legend-color);stroke-linecap:round;stroke-width:1.5;vector-effect:non-scaling-stroke}.map-count{flex:0 0 auto;color:var(--color-caption);text-align:right}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-width:0;gap:14px;padding-bottom:14px;transition-property:grid-template-columns;transition-duration:var(--motion-default);transition-timing-function:var(--motion-easing)}.workspace-grid.inspector-closed{grid-template-columns:minmax(0,1fr)}.diagram-panel{position:relative;min-width:0;isolation:isolate;overflow:hidden;border:1px solid var(--border-panel);border-radius:0;background:var(--surface-panel);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(28px) saturate(110%);backdrop-filter:blur(28px) saturate(110%)}.diagram-panel:before,.diagram-panel:after{position:absolute;inset:0;content:"";pointer-events:none}.diagram-panel:before{z-index:1;background-image:linear-gradient(to bottom,var(--diagram-grid-line) 1px,transparent 1px),linear-gradient(to right,var(--diagram-grid-line) 1px,transparent 1px);background-size:36px 36px;box-shadow:inset 0 0 0 1px var(--diagram-grid-line)}.diagram-panel:after{z-index:0;box-shadow:inset 0 0 90px var(--color-space);opacity:.34}.diagram-scroll{position:relative;z-index:3;width:100%;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--border-control) transparent;scrollbar-width:thin}.diagram-surface{position:relative;min-width:1040px;min-height:650px;isolation:isolate;overflow:hidden;background:transparent}@media(min-width:1181px){.diagram-panel{display:flex;flex-direction:column}.diagram-scroll{flex:0 0 auto;min-height:0}.diagram-surface{height:650px}}.column-guides,.nodes,.connections{position:absolute;inset:0}.column-guides{z-index:2;pointer-events:none}.column-guide{position:absolute;top:0;left:calc(var(--stage-x) * 1%);width:1px;height:100%;border-left:1px solid var(--color-line)}.column-guide__label{position:absolute;top:18px;left:0;transform:translate(-50%);color:var(--color-caption);white-space:nowrap}.column-guide:last-child .column-guide__label{left:0;transform:translate(-50%)}.connections{z-index:2;width:100%;height:100%;overflow:visible;pointer-events:none}.edge-layer,.edge-label-layer{pointer-events:none}.edge{--edge-color: var(--edge-flow);opacity:.46;transition-property:opacity;transition-duration:var(--motion-default);transition-timing-function:var(--motion-easing)}.edge--flow{--edge-color: var(--edge-flow)}.edge--control{--edge-color: var(--edge-control)}.edge--observe{--edge-color: var(--edge-observe)}.edge--recovery{--edge-color: var(--edge-recovery)}.edge--source{--edge-color: var(--edge-source)}.edge--release{--edge-color: var(--edge-release)}.edge-marker--flow{fill:var(--edge-flow)}.edge-marker--control{fill:var(--edge-control)}.edge-marker--observe{fill:var(--edge-observe)}.edge-marker--recovery{fill:var(--edge-recovery)}.edge-marker--source{fill:var(--edge-source)}.edge-marker--release{fill:var(--edge-release)}.edge__path{fill:none;stroke:var(--edge-color);stroke-linecap:round;stroke-width:1.35;vector-effect:non-scaling-stroke}.edge__motion{fill:none;stroke:var(--edge-color);stroke-dasharray:var(--edge-motion-pattern);stroke-linecap:round;stroke-width:var(--edge-motion-width);opacity:.72;animation:path-flow var(--edge-motion-duration) linear infinite;vector-effect:non-scaling-stroke}.edge.is-muted{opacity:.08}.edge.is-related{opacity:.96}.edge__label{fill:var(--edge-color);font-family:var(--font-mono);font-size:9px;font-weight:500;text-anchor:middle}.edge__label-backdrop{fill:var(--color-space)}@keyframes path-flow{to{stroke-dashoffset:var(--edge-motion-distance)}}.nodes{z-index:3;pointer-events:none}.mobile-stage{display:none}.node{--kind-color: var(--kind-compute);position:absolute;top:calc(var(--node-y) * 1%);left:calc(var(--node-x) * 1%);display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;width:var(--node-width);min-height:86px;padding:12px 11px;transform:translate(-50%,-50%);border:1px solid var(--border-control);border-radius:0;background:var(--surface-control);color:var(--control-text);box-shadow:none;text-align:left;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(14px) saturate(100%);backdrop-filter:blur(14px) saturate(100%);opacity:0;animation:node-arrive .44s var(--motion-easing) forwards;animation-delay:calc(var(--node-index) * 32ms);transition-property:transform,background-color,border-color,box-shadow,opacity;transition-duration:var(--motion-default);transition-timing-function:var(--motion-easing)}.node[data-kind=edge]{--kind-color: var(--kind-edge)}.node[data-kind=compute],.node[data-kind=automation]{--kind-color: var(--kind-compute)}.node[data-kind=runtime]{--kind-color: var(--kind-runtime)}.node[data-kind=platform],.node[data-kind=knowledge]{--kind-color: var(--kind-platform)}.node[data-kind=storage]{--kind-color: var(--kind-storage)}.node[data-kind=security]{--kind-color: var(--kind-security)}.node[data-kind=recovery]{--kind-color: var(--kind-recovery)}.node[data-kind=operator]{--kind-color: var(--kind-operator)}.node[data-kind=code]{--kind-color: var(--kind-code)}.node[aria-pressed=true]{z-index:4;border-color:var(--border-control-strong);background:var(--surface-control-active);box-shadow:none}.node.is-muted{opacity:.5!important}.node.is-related{opacity:1!important}.node:active{transform:translate(-50%,-50%);border-color:var(--border-control-strong);background:var(--surface-control-active);transition-duration:var(--motion-pressed)}.node:focus-visible{border:1px solid var(--border-control);border-radius:0;background:var(--surface-control);box-shadow:var(--focus-halo);-webkit-backdrop-filter:blur(14px) saturate(100%);backdrop-filter:blur(14px) saturate(100%)}.node__icon-wrap{grid-row:1 / span 2;position:relative;display:flex;align-items:flex-start;justify-content:flex-start;padding-top:2px}.node__contour{position:absolute;inset:1px;border:1px solid color-mix(in srgb,var(--kind-color) 72%,transparent);pointer-events:none}.node__icon{width:22px;height:22px;opacity:.88;filter:invert(1)}.node__text{min-width:0;overflow:hidden}.node__eyebrow{display:block;max-width:100%;overflow:hidden;margin-bottom:4px;padding-right:6px;color:var(--color-muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.node__title{display:block;overflow-wrap:anywhere;color:var(--control-text-strong);font-size:13px;font-weight:600;line-height:1.28}.node__stage{display:none}@keyframes node-arrive{0%{opacity:0;transform:translate(-50%,calc(-50% + 10px))}to{opacity:1;transform:translate(-50%,-50%)}}.inspector{position:relative;min-width:0;align-self:start;scroll-margin-top:calc(var(--header-height) + 10px);border:1px solid var(--border-panel);border-radius:0;background:var(--surface-panel);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(28px) saturate(110%);backdrop-filter:blur(28px) saturate(110%)}.inspector[hidden]{display:none}.inspector__bar{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:4px 4px 4px 16px;border:0 solid transparent;border-bottom:1px solid var(--color-line);border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.inspector__label{color:var(--color-caption)}.tabler-action{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--border-control);border-radius:0;background:transparent;color:var(--control-text);box-shadow:none;-webkit-backdrop-filter:blur(14px) saturate(100%);backdrop-filter:blur(14px) saturate(100%);cursor:pointer;transition-property:transform,background-color,border-color,box-shadow;transition-duration:var(--motion-default);transition-timing-function:var(--motion-easing)}.tabler-action img{width:20px;height:20px;opacity:.76;filter:invert(1)}.tabler-action:active{border-color:var(--border-control-strong);background:var(--surface-control-active);box-shadow:none;transition-duration:var(--motion-pressed)}.tabler-action:focus-visible{position:relative;z-index:5;border:1px solid var(--border-control);border-radius:0;outline:1px solid var(--focus-color);outline-offset:3px;background:transparent;box-shadow:var(--focus-halo);-webkit-backdrop-filter:blur(14px) saturate(100%);backdrop-filter:blur(14px) saturate(100%)}.inspector__content{padding:22px 20px 24px}.inspector__eyebrow{margin:0 0 7px;color:var(--color-muted);font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase}.inspector h2{margin:0;overflow-wrap:anywhere;color:var(--color-ink);font-size:23px;font-weight:600;line-height:1.35}.inspector h2:focus-visible{outline:1px solid var(--focus-color);outline-offset:4px}.inspector__description{margin:13px 0 0;color:var(--color-muted);font-size:14px;line-height:1.65}.detail-block{margin-top:24px;padding-top:18px;border-top:1px solid var(--color-line)}.detail-label{margin-bottom:11px;color:var(--color-caption)}.detail-pair{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px 12px;margin:0;font-size:12px}.detail-pair dt{color:var(--color-caption)}.detail-pair dd{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--control-text)}.detail-pair dd.is-source{font-family:var(--font-mono);font-size:10px;line-height:1.6}.fact-list,.relation-list{margin:0;padding:0;list-style:none}.fact-list li{position:relative;padding-left:15px;color:var(--color-muted);font-size:12px;line-height:1.55}.fact-list li+li{margin-top:8px}.fact-list li:before{position:absolute;top:.65em;left:0;width:5px;height:5px;content:"";background:var(--inspector-accent, var(--kind-compute))}.relation-list{border-top:1px solid var(--color-line)}.relation-row{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;min-height:52px;gap:12px;padding:10px 0;border-top:none;border-right:none;border-bottom:1px solid var(--color-line);border-left:none;border-radius:0;background:transparent;color:var(--control-text);text-align:left;cursor:pointer;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition-property:background-color,box-shadow;transition-duration:var(--motion-default);transition-timing-function:var(--motion-easing)}.relation-row:active{background:var(--surface-control-active);box-shadow:none;transition-duration:var(--motion-pressed)}.relation-row:focus-visible{position:relative;z-index:5;border-top:none;border-right:none;border-bottom:1px solid var(--color-line);border-left:none;border-radius:0;outline:1px solid var(--focus-color);outline-offset:3px;background:transparent;box-shadow:var(--focus-halo);-webkit-backdrop-filter:none;backdrop-filter:none}.relation-row__name{min-width:0;overflow-wrap:anywhere;font-size:12px;font-weight:500}.relation-row__meta{color:var(--color-caption);font-family:var(--font-mono);font-size:9px;text-align:right}.relation-row__label{display:block;margin-top:2px;color:var(--color-muted);font-size:11px;font-weight:400}.app-error{position:fixed;right:16px;bottom:16px;z-index:100;max-width:420px;padding:16px;border:1px solid var(--border-panel);border-radius:0;background:var(--surface-panel);color:var(--color-ink);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(28px) saturate(110%);backdrop-filter:blur(28px) saturate(110%)}@media(hover:hover)and (pointer:fine){.view-tab:hover,.tabler-action:hover{border-color:var(--border-control-strong);background:var(--surface-control-active);box-shadow:none}.relation-row:hover{background:var(--surface-control-active);box-shadow:none}.node:hover{border-color:var(--border-control-strong);background:var(--surface-control-active);box-shadow:none;transform:translate(-50%,calc(-50% - 2px))}}@media(max-width:1180px){.workspace-grid{grid-template-columns:minmax(0,1fr)}.inspector{width:100%}.inspector__content{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);gap:0 34px}.inspector__intro{grid-row:1 / span 3}.detail-block{margin-top:0}.detail-block+.detail-block{margin-top:20px}}@media(max-width:840px){.view-tabs{width:100%;min-width:0}.map-toolbar{align-items:flex-start;flex-direction:column;gap:10px;padding:14px 0}.map-count{text-align:left}.inspector__content{display:block}.detail-block{margin-top:22px}}@media(max-width:840px){.view-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.view-tab{min-width:0;padding:0 9px;font-size:12px;overflow-wrap:anywhere}.legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px 14px}.legend__item{min-width:0;white-space:normal}.workspace-grid{padding-bottom:10px}.inspector{grid-row:1}.diagram-panel{grid-row:2}.diagram-scroll{overflow:visible}.diagram-surface{min-width:0;min-height:0;padding:14px;overflow:visible;background-size:32px 32px}.diagram-panel:before,.diagram-panel:after,.column-guides,.connections{display:none}.nodes{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:1px}.mobile-stage{display:flex;align-items:center;min-height:46px;padding:14px 2px 8px;color:var(--color-caption);font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase}.mobile-stage:first-child{padding-top:4px}.node{position:relative;top:auto;left:auto;grid-template-columns:44px minmax(0,1fr);width:100%;min-height:78px;padding:13px 12px;transform:none;opacity:1;animation:none}.node:active,.node:hover{transform:none}.node.is-muted,.node.is-related{opacity:1!important}.node__icon-wrap{align-items:center;align-self:stretch}.node__icon{width:24px;height:24px}.node__eyebrow{font-size:9px}.node__title{font-size:14px}.inspector__content{padding:20px 16px 22px}.inspector h2{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.edge__motion,.node{animation:none}.node{opacity:1}.infra-page *,.infra-page *:before,.infra-page *:after{transition-duration:.01ms!important}.node:hover{transform:translate(-50%,-50%)}}html[data-motion=reduced] .infra-page .edge__motion{animation:none;opacity:.1}@media(prefers-contrast:more){.view-tabs,.map-workspace,.diagram-panel,.inspector,.node{border-width:2px}.column-guide,.detail-block,.relation-list,.relation-row,.inspector__bar{border-color:var(--border-control-strong)}}@media(forced-colors:active){.infra-page .cosmos{display:none}.node,.view-tab,.tabler-action,.relation-row,.inspector,.diagram-panel{forced-color-adjust:auto}.node__icon,.tabler-action img{filter:none}.fact-list li:before{background:CanvasText;box-shadow:none}}.infra-page .site-header .contact-link{white-space:nowrap}.infra-page .infrastructure-content{padding-top:94px;padding-bottom:96px}.infra-page .diagram-surface{min-width:0;width:100%}.infra-page .workspace-intro{min-height:220px;padding-top:52px}.infra-page .view-tabs{align-self:end}.infra-page .map-workspace{position:relative}.infra-page .map-toolbar{min-height:64px}.infra-page .workspace-grid{padding-bottom:18px}.infra-page .diagram-scroll{overflow:visible;overscroll-behavior:auto;touch-action:pan-y pinch-zoom}.infra-page footer{margin-top:52px}@media(min-width:1081px){.infra-page .infrastructure-content{width:min(1600px,calc(100% - 88px))}}@media(min-width:1081px)and (max-width:1359px){.infra-page .workspace-grid{grid-template-columns:1fr}.infra-page .inspector{margin-top:14px}}@media(min-width:761px)and (max-width:1080px){.infra-page .infrastructure-content{width:calc(100% - 48px)}.infra-page .workspace-intro{grid-template-columns:1fr;gap:24px}.infra-page .view-tabs{width:min(520px,100%)}.infra-page .workspace-grid{grid-template-columns:1fr}.infra-page .inspector{margin-top:14px}}@media(max-width:760px){.infra-page{--header-height: 74px}.infra-page .infrastructure-content{width:calc(100% - 32px);padding-top:94px;padding-bottom:46px}.infra-page .workspace-intro{grid-template-columns:1fr;gap:22px;padding-top:38px;padding-bottom:24px}.infra-page .view-tabs{min-width:0;width:100%}.infra-page .map-toolbar{align-items:flex-start;flex-direction:column;gap:12px;padding-block:18px}.infra-page .map-count{text-align:left}.infra-page footer{margin-top:34px}}@media(max-width:840px){.infra-page .inspector:not([hidden]){position:fixed;inset:auto 16px max(16px,env(safe-area-inset-bottom));z-index:60;width:auto;max-height:calc(100dvh - var(--header-height) - 24px);overflow:auto;margin:0;box-shadow:0 0 0 100vmax #020207bd,0 24px 80px #000000b8}}
