.nx-demo.pj-demo{min-height:0;padding-inline:0}.pj-scene{display:grid;gap:12px;width:100%;max-width:600px}.pj-log{overflow:hidden;margin:0;white-space:nowrap;text-overflow:ellipsis;font-family:var(--mono);font-size:12px;color:var(--ink-2)}.pj-log span{color:var(--ink-3)}.pj-log b{font-weight:500}.pj-stage{position:relative;width:100%;aspect-ratio:502 / 412}.pj-stage .nx-iso{inset:0;width:100%;height:100%}.pj-stage .nx-iso .pj-name{font-size:10.5px;font-weight:600;letter-spacing:.03em;fill:var(--ink)}.pj-stage .nx-iso .pj-role{font-size:8.5px;letter-spacing:.02em;fill:#737373}.pj-stage .nx-iso .t-ink .pj-name{fill:var(--white)}.pj-stage .nx-iso .t-ink .pj-role{fill:var(--ink-3)}.pj-stage .nx-iso .t-ink .slot{stroke:#737373}.pj-stage .nx-iso .t-ink .led:not(.is-on){fill:#525252}.pj-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none;font-family:var(--mono);font-size:11.5px;color:var(--ink-3)}.pj-legend li{display:flex;align-items:center;gap:7px;white-space:nowrap}.pj-legend i{width:7px;height:7px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line-2);transition:background-color .3s,box-shadow .3s}.pj-legend b{font-weight:500;transition:color .3s}.pj-legend .is-on i{background:var(--ink);box-shadow:none}.pj-legend .is-on b{color:var(--ink)}.pj-legend .is-live i{background:#10b981}@media(max-width:640px){.pj-stage{aspect-ratio:502 / 372}.pj-stage .nx-iso .chip{display:none}.pj-stage .nx-iso .pj-name{font-size:13px;letter-spacing:0}.pj-stage .nx-iso .pj-role{display:none}.pj-stage .nx-iso .pj-deck{font-size:11.5px}.pj-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}}