.demo-icon[data-v-32792256]{flex-shrink:0;width:.85rem;height:.85rem}.client-demo[data-v-32792256]{--demo-accent:color-mix(in oklch, var(--primary) 80%, var(--foreground));border:1px solid var(--border);background:color-mix(in oklch,var(--card) 50%,var(--background));border-radius:.85rem;margin-block:1.5rem;overflow:hidden}.demo-heading[data-v-32792256]{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.25rem;font-size:.8125rem;font-weight:500;display:flex}.demo-play[data-v-32792256]{cursor:pointer;min-height:2rem;color:var(--muted-foreground);align-items:center;gap:.4rem;font-size:.6875rem;display:inline-flex}.demo-play .demo-icon[data-v-32792256]{width:.85rem;height:.85rem}.demo-body[data-v-32792256]{grid-template-columns:minmax(0,1fr) 10.5rem;align-items:center;gap:1.25rem;padding:1.5rem;display:grid}.demo-stage[data-v-32792256]{min-width:0;padding-block:.75rem}.app-window[data-v-32792256],.terminal-window[data-v-32792256]{border:1px solid var(--border);background:var(--card);width:100%;box-shadow:0 14px 25px -20px color-mix(in oklch,var(--foreground) 35%,transparent);border-radius:.65rem;font-size:.65rem;position:relative;overflow:hidden}.window-bar[data-v-32792256]{border-bottom:1px solid var(--border);height:2rem;color:var(--muted-foreground);align-items:center;gap:.4rem;padding:0 .75rem;font-size:.6rem;display:flex}.window-bar img[data-v-32792256]{width:1rem;height:1rem}.window-dots[data-v-32792256]{gap:3px;margin-right:.3rem;display:flex}.window-dots i[data-v-32792256]{background:var(--border);border-radius:50%;width:5px;height:5px}.app-layout[data-v-32792256]{grid-template-columns:39% minmax(0,1fr);min-height:14rem;display:grid}.app-routes[data-v-32792256]{background:color-mix(in oklch,var(--muted) 50%,var(--card));border-right:1px solid var(--border);padding:.8rem .5rem}.app-section-title[data-v-32792256]{color:var(--muted-foreground);justify-content:space-between;padding:.25rem .35rem .75rem}.app-route[data-v-32792256],.app-section-title[data-v-32792256]{align-items:center;display:flex}.app-route[data-v-32792256]{border:1px solid #0000;border-radius:.35rem;gap:.35rem;min-height:2.2rem;padding:.4rem;font-size:.6rem}.app-route .demo-icon[data-v-32792256]{flex-shrink:0}.app-route .demo-icon[data-v-32792256]:last-child{margin-left:auto}.app-route.selected[data-v-32792256]{background:color-mix(in oklch,var(--primary) 10%,var(--card));border-color:color-mix(in oklch,var(--primary) 30%,transparent)}.route-flag[data-v-32792256]{color:var(--muted-foreground);font-size:.5rem}.route-signal[data-v-32792256]{letter-spacing:1px;color:var(--demo-accent);margin-left:auto;font-size:.5rem}.app-main[data-v-32792256]{flex-direction:column;min-width:0;padding:1rem .8rem .75rem;display:flex}.app-selected-route[data-v-32792256]{justify-content:center;align-items:center;gap:.4rem;margin-bottom:1.1rem;font-size:.85rem;display:flex}.app-selected-route .demo-icon[data-v-32792256]{color:var(--demo-accent)}.app-controls[data-v-32792256]{color:var(--muted-foreground);justify-content:space-between;gap:.25rem;margin-bottom:.5rem;font-size:.5rem;display:flex}.app-connect[data-v-32792256]{background:var(--primary);min-height:2.3rem;color:var(--primary-foreground);border-radius:.45rem;justify-content:center;align-items:center;gap:.4rem;font-weight:500;transition:background .35s;display:flex}.app-connect .demo-icon[data-v-32792256]{width:1rem;height:1rem}.app-connect.is-connected[data-v-32792256]{background:color-mix(in oklch,var(--primary) 15%,var(--card));color:var(--demo-accent)}.app-stats[data-v-32792256]{flex:1;min-height:5rem;margin-top:.75rem;display:grid;position:relative}.app-idle[data-v-32792256]{color:var(--muted-foreground);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.55rem;display:flex}.app-idle>.demo-icon[data-v-32792256]{opacity:.5;width:1.2rem;height:1.2rem}.app-connected[data-v-32792256]{color:var(--muted-foreground);flex-direction:column;justify-content:center;gap:.3rem;font-size:.5rem;display:flex}.connected-label[data-v-32792256]{color:var(--demo-accent);align-items:center;gap:.3rem;display:inline-flex}.connected-label i[data-v-32792256]{background:currentColor;border-radius:50%;width:4px;height:4px}.app-connected svg[data-v-32792256]{width:100%;height:2.5rem;color:var(--primary)}.app-connected path[data-v-32792256]{stroke:currentColor;stroke-width:1.7px;stroke-dasharray:320;stroke-dashoffset:0;animation:1s ease-out both traffic-reveal-32792256}.demo-pointer[data-v-32792256]{width:1rem;height:1rem;color:var(--foreground);filter:drop-shadow(0 1px 1px var(--background));transition:left .7s cubic-bezier(.22,1,.36,1),top .7s cubic-bezier(.22,1,.36,1),opacity .3s;position:absolute;top:35%;left:23%}.demo-stage-1 .demo-pointer[data-v-32792256]{top:51%;left:74%}.demo-stage-2 .demo-pointer[data-v-32792256]{opacity:0}.demo-instructions[data-v-32792256]{align-self:center}.demo-instructions button[data-v-32792256]{width:100%;min-height:2.5rem;color:var(--muted-foreground);text-align:left;cursor:pointer;border-radius:.4rem;align-items:baseline;gap:.5rem;padding:.6rem .45rem;font-size:.75rem;transition:background .25s,color .25s;display:flex}.demo-instructions button[aria-pressed=true][data-v-32792256]{color:var(--foreground);background:color-mix(in oklch,var(--primary) 8%,transparent)}.demo-step-index[data-v-32792256]{font-variant-numeric:tabular-nums;font-size:.6rem}button[aria-pressed=true] .demo-step-index[data-v-32792256]{color:var(--demo-accent)}.demo-description[data-v-32792256]{min-height:5.5rem;color:var(--muted-foreground);margin:.75rem .45rem 0;font-size:.75rem;line-height:1.8}.client-demo figcaption[data-v-32792256]{color:var(--muted-foreground);padding:0 1.25rem 1rem;font-size:.625rem}.client-demo button[data-v-32792256]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.demo-mobile .app-window[data-v-32792256]{border-width:4px;border-radius:1.4rem;max-width:14rem;margin-inline:auto}.demo-mobile .window-bar[data-v-32792256]{border:none;height:2.5rem}.mobile-status[data-v-32792256]{margin-left:auto;font-size:.5rem}.demo-mobile .app-layout[data-v-32792256]{flex-direction:column;min-height:0;display:flex}.demo-mobile .app-routes[data-v-32792256]{background:0 0;border:none;padding:.1rem .75rem .4rem;transition:opacity .3s}.demo-mobile .app-main[data-v-32792256]{padding:.5rem .75rem}.demo-mobile .app-selected-route[data-v-32792256]{display:none}.demo-mobile .app-controls[data-v-32792256]{order:1}.demo-mobile .app-connect[data-v-32792256]{order:2}.demo-mobile .app-stats[data-v-32792256]{min-height:0;margin:0}.demo-mobile .app-idle[data-v-32792256]{display:none}.demo-mobile .app-connected[data-v-32792256]{min-height:9rem;padding-bottom:1rem}.demo-mobile.demo-stage-2 .app-routes[data-v-32792256]{display:none}.app-tabbar[data-v-32792256],.demo-mobile .app-tabbar[data-v-32792256]{color:var(--muted-foreground);border-top:1px solid var(--border);justify-content:space-around;padding:.65rem;font-size:.55rem;display:flex}.demo-mobile .demo-pointer[data-v-32792256]{color:var(--demo-accent);top:30%;left:63%}.demo-mobile.demo-stage-1 .demo-pointer[data-v-32792256]{top:83%;left:68%}.demo-tv .app-layout[data-v-32792256]{grid-template-columns:55% minmax(0,1fr)}.demo-tv .app-main[data-v-32792256]{grid-area:1/1}.demo-tv .app-routes[data-v-32792256]{border-left:1px solid var(--border);border-right:none;grid-column:2}.demo-tv .app-connect[data-v-32792256]{order:-1;margin-bottom:1rem}.demo-tv .app-selected-route[data-v-32792256]{display:none}.demo-tv .demo-pointer[data-v-32792256]{top:34%;left:85%}.demo-tv.demo-stage-1 .demo-pointer[data-v-32792256]{top:28%;left:36%}.terminal-content[data-v-32792256]{min-height:14rem;padding:1rem;font-family:ui-monospace,monospace;font-size:.65rem;line-height:1.9}.terminal-connected[data-v-32792256],.terminal-prompt[data-v-32792256]{color:var(--demo-accent)}.terminal-routes[data-v-32792256]{opacity:.2;margin-top:.8rem;transition:opacity .4s}.terminal-routes p[data-v-32792256]:first-child{justify-content:space-between;font-size:.55rem;display:flex}.terminal-help[data-v-32792256],.terminal-routes p:first-child span[data-v-32792256]{color:var(--muted-foreground)}.terminal-selected[data-v-32792256]{color:var(--demo-accent);background:color-mix(in oklch,var(--primary) 8%,transparent)}.terminal-connected[data-v-32792256]{opacity:0;margin-top:.75rem;transition:opacity .4s}.is-ready[data-v-32792256]{opacity:1}.demo-state-enter-active[data-v-32792256],.demo-state-leave-active[data-v-32792256]{transition:opacity .25s,transform .25s}.demo-state-enter-from[data-v-32792256],.demo-state-leave-to[data-v-32792256]{opacity:0;transform:translateY(5px)}@keyframes traffic-reveal-32792256{0%{stroke-dashoffset:320px}}@media (width<=1100px) and (width>=801px),(width<=580px){.demo-body[data-v-32792256]{grid-template-columns:minmax(0,1fr);gap:1rem;padding:1rem}.demo-instructions[data-v-32792256]{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;display:grid}.demo-instructions button[data-v-32792256]{flex-direction:column;gap:.25rem;font-size:.6875rem}.demo-description[data-v-32792256]{grid-column:1/-1;min-height:2.7rem;margin-top:.5rem}.demo-heading[data-v-32792256]{padding-inline:1rem}}@media (prefers-reduced-motion:reduce){[data-v-32792256],[data-v-32792256]:after,[data-v-32792256]:before{transition:none;animation:none}.demo-pointer[data-v-32792256]{display:none}}