.agent-tree .spx{--z:.72;flex-direction:column;align-items:center;gap:10px;display:flex}.agent-tree .spx-phone{border:9px solid var(--phone-bezel);background:var(--phone-bezel);border-radius:34px;overflow:hidden}.agent-tree .spx-screen{zoom:var(--z);width:360px;height:760px;color:color-mix(in srgb, var(--spx-fg) 87%, transparent);letter-spacing:.25px;font:14px/1.35 Roboto Condensed,system-ui,sans-serif;position:relative;overflow:hidden}.agent-tree .spx-bg{width:100%;height:100%;position:absolute;inset:0}.agent-tree .spx-bg .base-a{stop-color:var(--spx-base-a)}.agent-tree .spx-bg .base-b{stop-color:var(--spx-base-b)}.agent-tree .spx-bg .star,.agent-tree .spx-bg .halo{fill:var(--spx-fg)}.agent-tree .spx-bg .clear,.agent-tree .spx-bg .n1-a{stop-color:var(--spx-violet);stop-opacity:0}.agent-tree .spx-bg .n1-b{stop-color:var(--spx-violet);stop-opacity:.14}.agent-tree .spx-bg .n1-c{stop-color:var(--spx-cyan);stop-opacity:.06}.agent-tree .spx-bg .n2-b{stop-color:var(--spx-sky);stop-opacity:.12}.agent-tree .spx-bg .n3-b{stop-color:var(--spx-purple);stop-opacity:.1}.agent-tree .spx-bg .planet-a{stop-color:var(--spx-planet-a)}.agent-tree .spx-bg .planet-b{stop-color:var(--spx-planet-b)}.agent-tree .spx-bg .shade{stop-color:var(--spx-shadow);stop-opacity:.25}.agent-tree .spx-bg .ring{stop-color:var(--spx-ring);stop-opacity:.6}.agent-tree .spx-bg .ring-blur{filter:blur(1.5px)}.agent-tree .spx-cam{background:var(--phone-bezel);z-index:5;border-radius:50%;width:12px;height:12px;position:absolute;top:9px;left:50%;translate:-50%}.agent-tree .spx-route{flex-direction:column;display:flex;position:absolute;inset:0}.agent-tree .spx-route.is-entering{animation:.25s ease-out both spx-in}@keyframes spx-in{0%{opacity:0;translate:0 24px}}:where(.agent-tree .spx button){font:inherit;color:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.agent-tree .spx .mi{fill:currentColor;flex:none;width:24px;height:24px}.agent-tree .spx .mi.ok{color:var(--spx-green)}.agent-tree .spx .mi.ko{color:var(--spx-red)}.agent-tree .spx .mi.fav{color:var(--spx-red-accent)}.agent-tree .spx .mi.unknown{color:var(--spx-grey)}.agent-tree .spx :is(h1,h2,h3){color:var(--spx-fg);margin:0}.agent-tree .spx-bar{background:var(--spx-surface);flex:none;align-items:center;gap:8px;min-height:64px;padding:28px 16px 0;font:600 24px Rajdhani,sans-serif;display:flex}.agent-tree .spx-bar h1{font:inherit;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.agent-tree .spx-bar:has([data-back]){padding-left:4px}.agent-tree .spx-logo{letter-spacing:4px;color:var(--spx-fg);font:700 28px Rajdhani,sans-serif}.agent-tree .spx-logo b{letter-spacing:0;color:var(--spx-primary)}.agent-tree .spx-icon-btn{border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.agent-tree .spx-scroll{scrollbar-width:none;flex:1;min-height:0;padding-bottom:88px;overflow-y:auto}.agent-tree .spx-bar.is-tabs{flex-direction:column;align-items:stretch;gap:0;padding-left:0;padding-right:0}.agent-tree .spx-bar.is-tabs h1{padding:0 16px 16px}.agent-tree .spx .spx-tabs{grid-template-columns:repeat(3,1fr);display:grid}.agent-tree .spx-tabs button{color:var(--spx-fg);border-bottom:3px solid #0000;flex-direction:column;align-items:center;gap:2px;padding:10px 0 9px;font:500 14px Roboto Condensed,sans-serif;display:flex}.agent-tree .spx-tabs button[aria-current=true]{color:var(--spx-primary);border-bottom-color:var(--spx-primary)}.agent-tree .spx-slide{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.agent-tree .spx-slide .mi.big{width:96px;height:96px;color:var(--spx-fg)}.agent-tree .spx-slide h2{padding-top:24px;font:400 24px Roboto Condensed,sans-serif}.agent-tree .spx-slide p{letter-spacing:.5px;margin:12px 0 0;font-size:16px}.agent-tree .spx-onboard-actions{grid-template-columns:1fr 1fr;gap:12px;padding:8px 16px 24px;display:grid}.agent-tree .spx-outlined,.agent-tree .spx-filled{text-align:center;border-radius:20px;height:40px;font:500 14px Roboto Condensed,sans-serif}.agent-tree .spx-outlined{border:1px solid var(--spx-fg);color:var(--spx-primary)}.agent-tree .spx-filled{background:var(--spx-primary);color:var(--spx-on-primary)}.agent-tree .spx-h{letter-spacing:.5px;padding:16px 16px 8px;font:700 28px Rajdhani,sans-serif}.agent-tree .spx-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;height:236px;padding:0 18px;scroll-padding:0 18px;display:flex;overflow-x:auto}.agent-tree .spx-up{scroll-snap-align:start;background:var(--spx-card);box-shadow:0 2px 4px color-mix(in srgb, var(--spx-shadow) 40%, transparent);border-radius:12px;flex-direction:column;flex:0 0 324px;align-items:stretch;margin:8px;display:flex;overflow:hidden}.agent-tree .spx-up-media{background:var(--spx-primary);width:100%;color:var(--spx-fg);flex:1;place-items:center;display:grid}.agent-tree .spx-up-media .mi{width:64px;height:64px}.agent-tree .spx-up-text{flex-direction:column;gap:4px;padding:12px;display:flex}.agent-tree .spx-up-text b{color:var(--spx-fg);white-space:nowrap;text-overflow:ellipsis;font:600 20px Rajdhani,sans-serif;overflow:hidden}.agent-tree .spx small{letter-spacing:.4px;color:color-mix(in srgb, var(--spx-fg) 60%, transparent);font-size:12px}.agent-tree .spx-dots{justify-content:center;gap:8px;padding:8px 0;display:flex}.agent-tree .spx-dots i{background:color-mix(in srgb, var(--spx-fg) 20%, transparent);border-radius:4px;width:8px;height:8px;transition:width .25s}.agent-tree .spx-dots i[aria-current=true]{background:var(--spx-primary);width:24px}.agent-tree .spx-row{align-items:center;padding-right:16px;display:flex}.agent-tree .spx-row .spx-h{flex:1}.agent-tree .spx-tile{align-items:center;gap:8px;min-height:88px;padding:8px 12px 8px 16px;display:flex}.agent-tree .spx-tile+.spx-tile{border-top:1px solid var(--spx-fg)}.agent-tree .spx-tile-main{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.agent-tree .spx-tile-lead{background:var(--spx-surface);border-radius:6px;flex:none;place-items:center;width:64px;height:64px;padding:6px;display:grid}.agent-tree .spx-tile-lead img,.agent-tree .spx-cell-media img,.agent-tree .spx-up-media img{object-fit:contain;border-radius:4px;width:100%;height:100%}.agent-tree .spx-tile-text{flex-direction:column;min-width:0;display:flex}.agent-tree .spx-tile-text b{letter-spacing:.5px;color:color-mix(in srgb, var(--spx-fg) 87%, transparent);font-size:16px}.agent-tree .spx-tile-text small{color:var(--spx-fg);font-size:14px}.agent-tree .spx-grid{grid-template-columns:1fr 1fr;gap:8px;padding:8px;display:grid}.agent-tree .spx-card{background:var(--spx-card);box-shadow:0 2px 6px color-mix(in srgb, var(--spx-shadow) 45%, transparent);border-radius:12px;margin:4px;position:relative}.agent-tree .spx-cell{aspect-ratio:.75;overflow:hidden}.agent-tree .spx-cell-main{flex-direction:column;align-items:stretch;width:100%;height:100%;display:flex}.agent-tree .spx-cell-media{aspect-ratio:16/9;background:var(--spx-surface);place-items:center;width:100%;display:grid;position:relative}.agent-tree .spx-cell-media img{width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;inset:8px}.agent-tree .spx-cell-text{flex-direction:column;gap:4px;min-width:0;padding:8px;display:flex}.agent-tree .spx-cell-title{align-items:center;gap:4px;display:flex}.agent-tree .spx-cell-title b{color:var(--spx-fg);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:16px;overflow:hidden}.agent-tree .spx .mi.small{width:16px;height:16px}.agent-tree .spx-clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.agent-tree .spx-cell-fav{background:color-mix(in srgb, var(--spx-shadow) 35%, transparent);color:var(--spx-fg);border-radius:24px;padding:6px;display:grid;position:absolute;top:8px;right:8px}.agent-tree .spx-fab{background:var(--spx-primary);width:56px;height:56px;color:var(--spx-on-primary);box-shadow:0 3px 8px color-mix(in srgb, var(--spx-shadow) 45%, transparent);border-radius:16px;place-items:center;display:grid;position:absolute;bottom:16px;right:16px}.agent-tree .spx-media{height:300px;position:relative}.agent-tree .spx-photos{scroll-snap-type:x mandatory;scrollbar-width:none;height:100%;display:flex;overflow-x:auto}.agent-tree .spx-photos img{object-fit:cover;scroll-snap-align:start;flex:0 0 100%;width:100%;height:100%}.agent-tree .spx-media-fade{background:linear-gradient(to top, color-mix(in srgb, var(--spx-shadow) 70%, transparent), transparent);pointer-events:none;height:80px;position:absolute;inset:auto 0 0}.agent-tree .spx-dots.on-photo{pointer-events:none;position:absolute;inset:auto 0 8px}.agent-tree .spx-dots.on-photo i:not([aria-current=true]){background:color-mix(in srgb, var(--spx-fg) 50%, transparent)}.agent-tree .spx-count{background:color-mix(in srgb, var(--spx-shadow) 60%, transparent);color:var(--spx-fg);border-radius:16px;padding:6px 12px;font-weight:700;position:absolute;top:16px;right:16px}.agent-tree .spx-media.is-patch{background:linear-gradient(color-mix(in srgb, var(--spx-primary) 30%, transparent), color-mix(in srgb, var(--spx-primary) 10%, transparent));place-items:center;display:grid}.agent-tree .spx-media.is-patch span{background:var(--spx-surface);border-radius:16px;padding:32px}.agent-tree .spx-media.is-patch img{height:180px;display:block}.agent-tree .spx-pad{padding:16px}.agent-tree .spx-title{font:400 24px Roboto Condensed,sans-serif}.agent-tree .spx-status{letter-spacing:.5px;align-items:center;gap:8px;margin:8px 0 12px;font-size:16px;display:flex}.agent-tree .spx-status small{margin-left:auto}.agent-tree .spx-pad .spx-card{border-radius:16px;margin:0 0 16px;padding:16px}.agent-tree .spx-card h3{letter-spacing:.15px;font:700 20px Rajdhani,sans-serif}.agent-tree .spx-card>h3{padding-bottom:12px}.agent-tree .spx-card-title{color:var(--spx-primary);align-items:center;gap:8px;margin-bottom:12px;display:flex}.agent-tree .spx-info{align-items:center;gap:8px;margin-bottom:12px;display:flex}.agent-tree .spx-info .mi{width:20px;height:20px;color:var(--spx-primary)}.agent-tree .spx-info div{flex-direction:column;display:flex}.agent-tree .spx-info small{color:var(--spx-fg)}.agent-tree .spx-info span{letter-spacing:.5px;font-size:16px}.agent-tree .spx-info.green span,.agent-tree .spx-info.green .mi{color:var(--spx-green)}.agent-tree .spx-info.orange span,.agent-tree .spx-info.orange .mi{color:var(--spx-orange)}.agent-tree .spx-sub{border:1px solid var(--spx-fg);background:var(--spx-high);border-radius:12px;align-items:center;gap:12px;margin:0 0 8px;padding:12px;display:flex}.agent-tree p.spx-sub{margin:0;line-height:1.5;display:block}.agent-tree .spx-sub-icon{background:var(--spx-dark);color:var(--spx-on-primary);border-radius:8px;padding:8px;display:grid}.agent-tree .spx-sub-icon .mi{width:20px;height:20px}.agent-tree .spx-sub div{flex-direction:column;min-width:0;display:flex}.agent-tree .spx-sub b{color:var(--spx-fg);overflow-wrap:anywhere;font:500 16px Rajdhani,sans-serif}.agent-tree .spx-landing{align-items:center;gap:4px;font-size:13px;display:flex}.agent-tree .spx-landing .mi{width:16px;height:16px}.agent-tree .spx-landing.ok{color:var(--spx-green)}.agent-tree .spx-landing.ko{color:var(--spx-red)}.agent-tree .spx-landing.unknown{color:var(--spx-grey)}.agent-tree .spx-links{flex-wrap:wrap;gap:12px;display:flex}.agent-tree .spx-link{color:var(--spx-fg);box-shadow:0 1px 3px color-mix(in srgb, var(--spx-shadow) 40%, transparent);border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.agent-tree .spx-link .mi{width:16px;height:16px}.agent-tree .spx-link.red{background:var(--spx-red)}.agent-tree .spx-link.blue{background:var(--spx-blue)}.agent-tree .spx-link.grey{background:var(--spx-grey-dark)}@media (width<=720px),(height<=760px){.agent-tree .spx{--z:.62}}