.nxi-impl{--c-brand: #3b7cff;--c-text: var(--text, #0f1e3a);--c-sub: var(--subtext, #4a5e80);--c-border: var(--border, rgba(15,23,42,.09));--c-line: rgba(15,23,42,.06)}html[data-theme=dark] .nxi-impl{--c-line: rgba(255,255,255,.05)}.nxi-label{margin:0;color:var(--c-brand);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.pgm{width:100%}.pgm-tabs-wrap{display:flex;justify-content:center;margin-bottom:32px}.pgm-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.pgm-tab{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--subtext);font:inherit;font-size:.92rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease}.pgm-tab:hover{transform:translateY(-1px);color:var(--text);border-color:#2f6bff52;background:#ffffff0f;box-shadow:0 10px 24px #00000024}.pgm-tab.is-active{border:1px solid rgba(47,107,255,.4);background:var(--brand-600);color:#fff;box-shadow:0 18px 50px #2f6bff33}.pgm-tab i{width:16px;height:16px;flex-shrink:0}html[data-theme=light] .pgm-tab{background:#06122108;border-color:#06122114;color:var(--subtext)}html[data-theme=light] .pgm-tab:hover{background:#0612210d;border-color:#2f6bff47;color:var(--text);box-shadow:0 10px 24px #06122114}html[data-theme=light] .pgm-tab.is-active{background:var(--brand-600);color:#fff;border-color:#2f6bff66;box-shadow:0 18px 50px #2f6bff2e}.pgm-meta{text-align:center;max-width:680px;margin:0 auto 32px;display:grid;gap:10px}.pgm-eyebrow{margin:0;color:var(--brand-400);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pgm-title{margin:0;color:var(--text);font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.08;letter-spacing:-.04em;font-weight:800}.pgm-summary{margin:0;color:var(--subtext);font-size:1rem;line-height:1.75}.pgm-stage{position:relative}.pgm-screen{position:relative;z-index:1;width:100%;overflow:hidden;border-radius:20px;border:1px solid var(--border);background:linear-gradient(180deg,#061221fa,#040b14);box-shadow:var(--shadow)}html[data-theme=light] .pgm-screen{border-color:var(--border);box-shadow:var(--shadow)}.pgm-titlebar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:56px;padding:10px 16px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.pgm-macos-dots{display:flex;align-items:center;gap:7px}.pgm-macos-dots span{width:12px;height:12px;border-radius:50%}.pgm-macos-dots span:nth-child(1){background:#ff5f57}.pgm-macos-dots span:nth-child(2){background:#febc2e}.pgm-macos-dots span:nth-child(3){background:#28c840}.pgm-urlbar{display:flex;justify-content:center;min-width:0}.pgm-url-pill{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:360px;padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:#ffffffa8;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pgm-url-lock{width:12px;height:12px;flex-shrink:0;opacity:.72}.pgm-titlebar-end{display:flex;justify-content:flex-end}.pgm-expand-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#ffffffd1;text-decoration:none;font-size:.85rem;font-weight:700;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.pgm-expand-btn:hover{transform:translateY(-1px);background:#2f6bff33;border-color:#2f6bff5c;color:#fff}.pgm-expand-btn i{width:14px;height:14px;flex-shrink:0}.pgm-livebar{display:flex;align-items:center;gap:10px;min-height:40px;padding:10px 16px;background:#0000002e;border-bottom:1px solid rgba(255,255,255,.04)}.pgm-live-dot{width:8px;height:8px;border-radius:50%;background:#18c29c;box-shadow:0 0 0 4px #18c29c24;animation:pgm-live-pulse 2s ease-in-out infinite}.pgm-live-label{color:#ffffffb8;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pgm-live-name{color:#fff;font-size:.92rem;font-weight:700}.pgm-viewport{position:relative;min-height:clamp(620px,72vh,980px);background:#fff}.pgm-frame{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#fff}@keyframes pgm-live-pulse{0%,to{box-shadow:0 0 0 4px #18c29c24}50%{box-shadow:0 0 0 8px #18c29c0d}}.nxi-impl{padding-block:clamp(80px,10vw,130px)}.nxi-impl-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.nxi-impl-title{margin:12px 0 0;color:var(--c-text);font-size:clamp(1.8rem,2.8vw,2.6rem);font-weight:900;letter-spacing:-.04em;line-height:1.08}.nxi-impl-accent{background:linear-gradient(120deg,var(--c-brand) 0%,#89aaff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nxi-impl-sub{margin:16px 0 0;color:var(--c-sub);font-size:1rem;line-height:1.78}.nxi-steps{list-style:none;margin:32px 0 0;padding:0}.nxi-step{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--c-line)}.nxi-step:last-child{border-bottom:none}.nxi-step-n{flex-shrink:0;width:34px;height:34px;border-radius:9px;background:#3b7cff14;border:1px solid rgba(59,124,255,.18);color:var(--c-brand);font-size:10.5px;font-weight:900;letter-spacing:.04em;display:flex;align-items:center;justify-content:center;margin-top:2px}.nxi-step-title{display:block;color:var(--c-text);font-size:.96rem;font-weight:800;margin-bottom:4px}.nxi-step-desc{margin:0;color:var(--c-sub);font-size:.9rem;line-height:1.65}.nxi-impl-link{display:inline-flex;align-items:center;gap:10px;margin-top:28px;color:var(--c-brand);font-size:.93rem;font-weight:800;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .18s,gap .18s}.nxi-impl-link:hover{border-bottom-color:var(--c-brand);gap:14px}.nxi-impl-link i{width:16px;height:16px}.nxi-code-wrap{width:100%;min-width:0}.nxi-code-shell{border-radius:18px;border:1px solid rgba(255,255,255,.07);background:#0c1424;overflow:hidden;box-shadow:0 28px 64px #00000038,0 1px #ffffff0d inset}.nxi-code-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}.nxi-code-dot{width:11px;height:11px;border-radius:50%}.nxi-code-dot--r{background:#ff5f57}.nxi-code-dot--y{background:#febc2e}.nxi-code-dot--g{background:#28c840}.nxi-code-file{margin-left:6px;color:#ffffff4d;font-size:12px;font-weight:600;font-family:JetBrains Mono,Fira Code,monospace}.nxi-pre{margin:0;padding:22px 20px 18px;overflow-x:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:.82rem;line-height:1.92;color:#c9d8f0}.nxi-pre code{display:block}.ct-c{color:#4a5a7a}.ct-t{color:#89aaff}.ct-a{color:#7ee8c8}.ct-s{color:#ffd080}.nxi-code-foot{display:flex;align-items:center;gap:8px;padding:11px 16px;border-top:1px solid rgba(255,255,255,.05);background:#ffffff05;color:#ffffff52;font-size:11px;font-weight:700}.nxi-code-foot i{width:13px;height:13px;color:#28c840;flex-shrink:0}@media(max-width:980px){.pgm-tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:4px;scrollbar-width:none}.pgm-tabs::-webkit-scrollbar{display:none}.pgm-tabs-wrap{justify-content:flex-start}}@media(max-width:900px){.nxi-impl-inner{grid-template-columns:1fr;gap:48px}}@media(max-width:720px){.pgm-screen{border-radius:14px}.pgm-titlebar{min-height:52px;padding:10px 12px;gap:10px}.pgm-url-pill{max-width:220px;padding:7px 12px}.pgm-livebar{padding:10px 12px}.pgm-viewport{min-height:clamp(560px,66vh,760px)}}@media(max-width:560px){.pgm-tab{padding:10px 14px}.pgm-tab-text{font-size:.88rem}.pgm-urlbar{display:none}.pgm-titlebar{grid-template-columns:auto 1fr auto}.pgm-expand-label{display:none}.pgm-expand-btn{padding:9px 10px}.pgm-livebar{flex-wrap:wrap;gap:8px}.pgm-viewport{min-height:560px}.pgm-title{font-size:clamp(1.5rem,7vw,2rem)}.nxi-pre{font-size:.74rem;line-height:1.8;padding:16px 14px 14px}.nxi-code-shell{border-radius:14px}.nxi-code-bar{padding:10px 14px}.nxi-code-foot{padding:10px 14px;font-size:10px}}@media(max-width:420px){.pgm-tab-text{display:none}.pgm-tab{padding:10px 12px}}