.nj-surface.dev-scope{--nj-success:hsl(145 62% 32%);--nj-success-soft:hsl(145 70% 40%/0.12);--nj-warning:hsl(36 92% 34%);--nj-warning-soft:hsl(40 96% 48%/0.14);--nj-danger:hsl(4 72% 46%);--nj-danger-soft:hsl(4 88% 56%/0.1);--dev-mono:var(--font-dm-mono),ui-monospace,"SF Mono",monospace}.nj-surface.dev-scope[data-sky-mode=dark],.nj-surface.dev-scope[data-sky-mode=dim]{--nj-success:hsl(145 74% 70%);--nj-success-soft:hsl(145 80% 58%/0.17);--nj-warning:hsl(42 100% 74%);--nj-warning-soft:hsl(42 100% 62%/0.17);--nj-danger:hsl(4 100% 74%);--nj-danger-soft:hsl(4 100% 68%/0.16)}.nj-surface.dev-scope .dev-aura{position:absolute;inset:0;pointer-events:none;z-index:0;display:none}.nj-surface.dev-scope[data-sky-mode=dark] .dev-aura,.nj-surface.dev-scope[data-sky-mode=dim] .dev-aura{display:block;background:radial-gradient(48% 36% at 82% 2%,rgba(47,125,242,.1),transparent 72%),radial-gradient(58% 42% at 10% 32%,rgba(47,125,242,.06),transparent 74%)}.nj-surface .dev-mono{font-family:var(--dev-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.nj-surface .dev-head-title{font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--nj-ink)}.nj-surface .dev-head-title em{font-style:normal;color:var(--nj-faint)}.nj-surface .dev-balance{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border-radius:999px;background:radial-gradient(120% 90% at 28% 0,var(--nj-glow-faint),rgba(255,255,255,0) 64%),rgba(255,255,255,.44);border:1px solid rgba(255,255,255,.62);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 8px 22px -14px var(--nj-ambient-shadow-soft),inset 0 1px .5px rgba(255,255,255,.6);transition:background .16s ease,transform .15s ease}.nj-surface .dev-balance:hover{background:rgba(255,255,255,.62);transform:translateY(-1px)}.nj-surface[data-sky-mode=dark] .dev-balance,.nj-surface[data-sky-mode=dim] .dev-balance{background:var(--nj-pane-mid);border-color:var(--nj-pane-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.nj-surface[data-sky-mode=dark] .dev-balance:hover,.nj-surface[data-sky-mode=dim] .dev-balance:hover{background:var(--nj-pane-hover-mid)}.nj-surface .dev-balance-label{font-size:11px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--nj-faint)}.nj-surface .dev-balance-value{font-family:var(--dev-mono);font-size:14px;font-weight:500;color:var(--nj-ink)}.nj-surface .dev-live{display:inline-block;width:7px;height:7px;border-radius:50%;flex:none;background:#34c759;box-shadow:0 0 0 3px rgba(52,199,89,.16);animation:dev-live-breathe 6s ease-in-out infinite}@keyframes dev-live-breathe{0%,to{box-shadow:0 0 0 3px rgba(52,199,89,.14)}50%{box-shadow:0 0 0 5px rgba(52,199,89,.05)}}@media (prefers-reduced-motion:reduce){.nj-surface .dev-live{animation:none}}.nj-surface .dev-tabs{position:relative;display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}.nj-surface .dev-tabs::-webkit-scrollbar{display:none}.nj-surface .dev-tabpill{--pill-lead:300ms;--pill-trail:480ms;--pill-ease:linear(0,0.0132 1.2%,0.0512 2.5%,0.1124 3.9%,0.1969 5.5%,0.3043 7.4%,0.4381 9.7%,0.5852 12.5%,0.7194 15.5%,0.8264 18.7%,0.9067 22.1%,0.9629 25.9%,0.9989 30.4%,1.0146 35%,1.0176 40.7%,1.0113 49.6%,1.0032 62.6%,1);position:absolute;left:0;top:50%;height:34px;border-radius:999px;transform:translateY(-50%);pointer-events:none;opacity:0;background:radial-gradient(120% 90% at 28% 0,var(--nj-glow-faint),rgba(255,255,255,0) 64%),rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.7);box-shadow:0 6px 16px -10px var(--nj-ambient-shadow-soft),inset 0 1px 0 rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%)}@supports not (transition-timing-function:linear(0,1)){.nj-surface .dev-tabpill{--pill-ease:cubic-bezier(0.24,1,0.32,1)}}.nj-surface .dev-tabs[data-ready=true] .dev-tabpill{transition:left var(--pill-l-dur,var(--pill-lead)) var(--pill-ease),right var(--pill-r-dur,var(--pill-lead)) var(--pill-ease),opacity .2s ease}.nj-surface[data-sky-mode=dark] .dev-tabpill,.nj-surface[data-sky-mode=dim] .dev-tabpill{background:var(--nj-pane-hi);border-color:var(--nj-pane-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}@media (prefers-reduced-motion:reduce){.nj-surface .dev-tabs[data-ready=true] .dev-tabpill{transition:opacity .2s ease}}.nj-surface .dev-tabs--sm{gap:1px}.nj-surface .dev-tabs--sm .dev-tabpill{height:28px}.nj-surface .dev-tabs--sm .dev-tab{padding:5px 11px;font-size:12.5px}.nj-surface .dev-tab--nav{position:relative;z-index:1}.nj-surface .dev-tab--nav.is-active{background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.nj-surface .dev-tab{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;font-size:13px;font-weight:600;color:var(--nj-muted);white-space:nowrap;opacity:.82;transition:color .15s ease,background .15s ease,opacity .15s ease,transform .18s cubic-bezier(.34,1.56,.64,1)}.nj-surface .dev-tab:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.nj-surface .dev-tab:active{transform:none}}.nj-surface .dev-tab:hover{opacity:1;color:var(--nj-ink);background:rgba(255,255,255,.4)}.nj-surface .dev-tab.is-active{opacity:1;color:var(--nj-ink);background:radial-gradient(120% 90% at 28% 0,var(--nj-glow-faint),rgba(255,255,255,0) 64%),rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.7);box-shadow:0 6px 16px -10px var(--nj-ambient-shadow-soft),inset 0 1px 0 rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%)}.nj-surface[data-sky-mode=dark] .dev-tab:hover,.nj-surface[data-sky-mode=dim] .dev-tab:hover{background:rgba(255,255,255,.06)}.nj-surface[data-sky-mode=dark] .dev-tab.is-active,.nj-surface[data-sky-mode=dim] .dev-tab.is-active{background:var(--nj-pane-hi);border-color:var(--nj-pane-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.07);color:var(--nj-mode-text)}.nj-surface .dev-strip{display:grid;grid-template-columns:repeat(2,1fr);border-radius:22px;overflow:hidden;background:radial-gradient(120% 90% at 18% 0,var(--nj-glow-faint),rgba(255,255,255,0) 58%),linear-gradient(160deg,rgba(255,255,255,.36) 0,var(--nj-sky-hi-soft) 48%,rgba(255,255,255,.16) 100%);border:1px solid rgba(255,255,255,.42);box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 -18px 42px -24px var(--nj-sky-mid-soft),0 14px 42px -26px var(--nj-ambient-shadow-soft);-webkit-backdrop-filter:blur(34px) saturate(180%);backdrop-filter:blur(34px) saturate(180%)}@media (min-width:640px){.nj-surface .dev-strip{grid-template-columns:repeat(var(--dev-strip-cols,4),1fr)}}.nj-surface[data-sky-mode=dark] .dev-strip,.nj-surface[data-sky-mode=dim] .dev-strip{background:linear-gradient(160deg,var(--nj-pane-hi) 0,var(--nj-pane-mid) 55%,rgba(255,255,255,.025) 100%);border-color:var(--nj-pane-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 40px -30px var(--nj-material-shadow)}.nj-surface .dev-stat{position:relative;padding:18px 20px 16px;min-width:0}.nj-surface .dev-stat+.dev-stat:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:1px;background:var(--nj-line)}@media (max-width:639px){.nj-surface .dev-stat:nth-child(2n):before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:1px;background:var(--nj-line)}.nj-surface .dev-stat:nth-child(n+3):after{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:var(--nj-line)}.nj-surface .dev-stat+.dev-stat:before{top:14px;bottom:14px}.nj-surface .dev-stat:nth-child(odd):before{content:none}}.nj-surface[data-sky-mode=dark] .dev-stat+.dev-stat:before,.nj-surface[data-sky-mode=dark] .dev-stat:nth-child(2n):before,.nj-surface[data-sky-mode=dark] .dev-stat:nth-child(n+3):after,.nj-surface[data-sky-mode=dim] .dev-stat+.dev-stat:before{background:var(--nj-mode-line)}.nj-surface .dev-stat-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--nj-faint);margin-bottom:7px}.nj-surface .dev-stat-value{font-family:var(--dev-mono);font-variant-numeric:tabular-nums;font-size:24px;font-weight:500;letter-spacing:-.02em;line-height:1.1;color:var(--nj-ink)}.nj-surface .dev-stat-sub{margin-top:5px;font-size:11.5px;font-weight:550;color:var(--nj-faint)}.nj-surface .dev-stat-sub a{color:var(--nj-muted)}.nj-surface .dev-stat-sub a:hover{color:var(--nj-ink)}.nj-surface .dev-section-title{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--nj-faint)}.nj-surface .dev-whisper{font-size:12px;font-weight:500;color:var(--nj-faint)}.nj-surface .dev-rows>*+*{border-top:1px solid var(--nj-line)}.nj-surface[data-sky-mode=dark] .dev-rows>*+*,.nj-surface[data-sky-mode=dim] .dev-rows>*+*{border-top-color:var(--nj-mode-line)}.nj-surface .dev-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 10px;border-radius:14px;text-align:left;transition:background .16s ease}.nj-surface .dev-row:focus-within,.nj-surface .dev-row:hover{background:rgba(255,255,255,.34)}.nj-surface[data-sky-mode=dark] .dev-row:focus-within,.nj-surface[data-sky-mode=dark] .dev-row:hover,.nj-surface[data-sky-mode=dim] .dev-row:focus-within,.nj-surface[data-sky-mode=dim] .dev-row:hover{background:rgba(255,255,255,.06)}.nj-surface .dev-quiet{opacity:.72;transition:opacity .16s ease}.nj-surface[data-sky-mode=dark] .dev-quiet,.nj-surface[data-sky-mode=dim] .dev-quiet{opacity:.6}.nj-surface .dev-quiet:focus-visible,.nj-surface .dev-quiet:hover,.nj-surface .dev-row:focus-within .dev-quiet,.nj-surface .dev-row:hover .dev-quiet{opacity:1}.nj-surface .dev-ghostbtn{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600;color:var(--nj-muted);white-space:nowrap;transition:color .15s ease,background .15s ease}.nj-surface .dev-ghostbtn:hover{color:var(--nj-ink);background:rgba(255,255,255,.42)}.nj-surface[data-sky-mode=dark] .dev-ghostbtn:hover,.nj-surface[data-sky-mode=dim] .dev-ghostbtn:hover{background:rgba(255,255,255,.08)}.nj-surface .dev-ghostbtn:disabled{opacity:.4;cursor:not-allowed}.nj-surface .dev-ghostbtn--danger{color:var(--nj-danger)}.nj-surface .dev-ghostbtn--danger:hover{color:var(--nj-danger);background:var(--nj-danger-soft)}.nj-surface .dev-glyph{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:12px;color:var(--nj-muted);background:radial-gradient(110% 90% at 30% 0,var(--nj-glow-faint),rgba(255,255,255,0) 62%),linear-gradient(160deg,rgba(255,255,255,.78) 0,var(--nj-sky-hi-soft) 52%,rgba(255,255,255,.5) 100%);border:1px solid rgba(255,255,255,.68);box-shadow:0 5px 14px -8px var(--nj-ambient-shadow-soft),inset 0 1px 0 rgba(255,255,255,.85)}.nj-surface[data-sky-mode=dark] .dev-glyph,.nj-surface[data-sky-mode=dim] .dev-glyph{color:var(--nj-mode-muted);background:var(--nj-pane-hi);border-color:var(--nj-pane-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.nj-surface .dev-table{min-width:640px}.nj-surface .dev-th{display:grid;gap:10px;padding:8px 10px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--nj-faint);border-bottom:1px solid var(--nj-line)}.nj-surface .dev-tr{display:grid;gap:10px;align-items:center;padding:9px 10px;border-radius:10px;font-family:var(--dev-mono);font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--nj-ink);transition:background .14s ease}.nj-surface .dev-tr+.dev-tr{border-top:1px solid var(--nj-line)}.nj-surface .dev-tr:hover{background:rgba(255,255,255,.34)}.nj-surface[data-sky-mode=dark] .dev-th,.nj-surface[data-sky-mode=dark] .dev-tr+.dev-tr,.nj-surface[data-sky-mode=dim] .dev-th,.nj-surface[data-sky-mode=dim] .dev-tr+.dev-tr{border-color:var(--nj-mode-line)}.nj-surface[data-sky-mode=dark] .dev-tr:hover,.nj-surface[data-sky-mode=dim] .dev-tr:hover{background:rgba(255,255,255,.06)}.nj-surface .dev-cell-dim{color:var(--nj-muted)}.nj-surface .dev-cell-faint{color:var(--nj-faint)}.nj-surface .dev-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border-radius:6px;font-family:var(--dev-mono);font-size:10.5px;font-weight:500}.nj-surface .dev-badge--ok{background:var(--nj-success-soft);color:var(--nj-success)}.nj-surface .dev-badge--warn{background:var(--nj-warning-soft);color:var(--nj-warning)}.nj-surface .dev-badge--err{background:var(--nj-danger-soft);color:var(--nj-danger)}.nj-surface .dev-badge--info{background:var(--nj-mode-accent-soft,rgba(47,125,242,.1));color:var(--nj-mode-accent,#2f7df2)}.nj-surface .dev-field{height:38px;padding:0 12px;border-radius:12px;background:radial-gradient(120% 90% at 25% 0,var(--nj-glow-faint),rgba(255,255,255,0) 64%),rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 6px 16px -10px var(--nj-ambient-shadow-soft);color:var(--nj-ink);font-size:13px;font-weight:550;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.nj-surface .dev-field::placeholder{color:var(--nj-faint);font-weight:500}.nj-surface .dev-field:focus{border-color:var(--nj-mode-accent,#2f7df2);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 0 0 3px var(--nj-mode-accent-soft,rgba(47,125,242,.14))}.nj-surface select.dev-field{appearance:none;-webkit-appearance:none;padding-right:28px;cursor:pointer}.nj-surface .dev-field--search{padding-left:32px}.dev-cal{--cell-size:2.4rem}.dev-cal .rdp-month,.dev-cal .rdp-months{width:max-content}.dev-cal .rdp-month_grid{width:max-content;border-collapse:collapse}.dev-cal .rdp-week,.dev-cal .rdp-weekdays{display:grid;grid-template-columns:repeat(7,var(--cell-size))}.dev-cal .rdp-weekday{width:var(--cell-size);height:1.9rem;display:flex;align-items:center;justify-content:center;font-size:.72rem}.dev-cal .rdp-day{width:var(--cell-size);height:var(--cell-size);padding:0}.dev-cal .rdp-day_button{width:100%;height:100%;font-size:.82rem}.nj-surface textarea.dev-field{font-size:16px;font-weight:400;line-height:1.55;padding:16px 12px}.nj-surface textarea.dev-field::placeholder{font-weight:400}@media (min-width:640px){.nj-surface textarea.dev-field{font-size:14px}}.nj-surface .dev-field.is-invalid{border-color:var(--nj-danger)}.nj-surface[data-sky-mode=dark] .dev-field,.nj-surface[data-sky-mode=dim] .dev-field{background:var(--nj-pane-mid);border-color:var(--nj-pane-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.nj-surface[data-sky-mode=dark] .dev-field:focus,.nj-surface[data-sky-mode=dim] .dev-field:focus{border-color:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.nj-surface[data-sky-mode=dark] .dev-field.is-invalid,.nj-surface[data-sky-mode=dim] .dev-field.is-invalid{border-color:var(--nj-danger)}.nj-surface .dev-selectwrap{position:relative;display:inline-flex}.nj-surface .dev-selectwrap svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--nj-faint)}.nj-surface .dev-path{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:26px 24px 22px;min-height:264px;text-align:left}.nj-surface .dev-path-id{display:flex;align-items:center;min-height:108px;margin-bottom:14px}.nj-surface .dev-path-title{position:relative;font-size:18.5px;font-weight:700;letter-spacing:-.02em;line-height:1.22;color:var(--nj-ink);text-wrap:balance}.nj-surface .dev-path-sub{position:relative;margin-top:7px;font-size:13.5px;font-weight:500;line-height:1.5;color:var(--nj-muted)}.nj-surface .dev-path-cta{position:relative;margin-top:auto;padding-top:18px;font-size:13.5px;font-weight:700;color:var(--nj-blue);transition:transform .22s cubic-bezier(.22,1,.36,1)}.nj-surface[data-sky-mode=dark] .dev-path-cta,.nj-surface[data-sky-mode=dim] .dev-path-cta{color:var(--nj-mode-accent)}.nj-surface .dev-path:hover .dev-path-cta{transform:translateX(4px)}.nj-surface .dev-scene{display:flex;flex-direction:column;align-items:flex-start;gap:7px;width:100%}.nj-surface .dev-scene-user{align-self:flex-end;padding:6px 12px;border-radius:15px 15px 4px 15px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(180deg,var(--nj-mode-accent-hi,#6aa8ff),var(--nj-mode-accent-deep,#1c66e8));box-shadow:0 6px 14px -8px rgba(28,58,130,.5)}.nj-surface .dev-scene-tool{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:650;color:var(--nj-muted);background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}.nj-surface .dev-scene-tool s{text-decoration:none;font-weight:550;color:var(--nj-faint)}.nj-surface[data-sky-mode=dark] .dev-scene-tool,.nj-surface[data-sky-mode=dim] .dev-scene-tool{background:var(--nj-pane-hi);border-color:var(--nj-pane-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.07);color:var(--nj-mode-muted)}.nj-surface .dev-scene-result{display:inline-flex;align-items:center;gap:9px}.nj-surface .dev-scene-result img{display:block;width:38px;height:38px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.55);box-shadow:0 8px 18px -10px rgba(20,30,80,.55)}.nj-surface .dev-io{display:flex;align-items:center;gap:11px;width:100%}.nj-surface .dev-io-in{flex:1;min-width:0;padding:9px 13px;border-radius:13px;font-size:12px;font-weight:550;font-style:italic;color:var(--nj-muted);background:rgba(255,255,255,.36);border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nj-surface[data-sky-mode=dark] .dev-io-in,.nj-surface[data-sky-mode=dim] .dev-io-in{background:var(--nj-pane-mid);border-color:var(--nj-pane-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);color:var(--nj-mode-muted)}.nj-surface .dev-io-arrow{flex:none;color:var(--nj-faint);font-size:15px;font-weight:500}.nj-surface .dev-io img{flex:none;display:block;width:52px;height:52px;object-fit:cover;border-radius:13px;border:1px solid rgba(255,255,255,.55);box-shadow:0 10px 22px -12px rgba(20,30,80,.6)}.nj-surface .dev-ninja{position:relative;display:grid;place-items:center;width:58px;height:58px}.nj-surface .dev-ninja:before{content:"";position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle at 50% 42%,rgba(106,168,255,.34),rgba(106,168,255,.1) 55%,rgba(106,168,255,0) 75%);filter:blur(6px)}.nj-surface .dev-ninja img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(10,18,42,.4));animation:dev-ninja-bob 5.5s ease-in-out infinite}@keyframes dev-ninja-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.nj-surface .dev-ninja img{animation:none}}.nj-surface .dev-steps{display:inline-flex;align-items:center;gap:14px}.nj-surface .dev-stepchip{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650;color:var(--nj-faint)}.nj-surface .dev-stepchip i{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;font-style:normal;font-family:var(--dev-mono);font-size:10px;background:rgba(120,140,200,.16)}.nj-surface .dev-stepchip.is-now{color:var(--nj-ink)}.nj-surface .dev-stepchip.is-now i{color:#fff;background:linear-gradient(180deg,var(--nj-mode-accent-hi,#6aa8ff),var(--nj-mode-accent-deep,#1c66e8))}.nj-surface .dev-stepchip.is-done{color:var(--nj-muted)}.nj-surface .dev-stepchip.is-done i{color:var(--nj-success);background:var(--nj-success-soft)}.nj-surface[data-sky-mode=dark] .dev-stepchip i,.nj-surface[data-sky-mode=dim] .dev-stepchip i{background:rgba(255,255,255,.1)}.nj-surface .dev-clientpick{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px 11px;min-width:92px;border-radius:16px;border:1px solid transparent;cursor:pointer;opacity:.82;transition:opacity .15s ease,background .15s ease,border-color .15s ease,transform .15s ease}.nj-surface .dev-clientpick:hover{opacity:1;background:rgba(255,255,255,.34);transform:translateY(-1px)}.nj-surface .dev-clientpick.is-active{opacity:1;background:radial-gradient(120% 90% at 28% 0,var(--nj-glow-faint),rgba(255,255,255,0) 64%),rgba(255,255,255,.5);border-color:rgba(255,255,255,.7);box-shadow:0 8px 22px -14px var(--nj-ambient-shadow-soft),inset 0 1px 0 rgba(255,255,255,.7)}.nj-surface[data-sky-mode=dark] .dev-clientpick:hover,.nj-surface[data-sky-mode=dim] .dev-clientpick:hover{background:rgba(255,255,255,.05)}.nj-surface[data-sky-mode=dark] .dev-clientpick.is-active,.nj-surface[data-sky-mode=dim] .dev-clientpick.is-active{background:var(--nj-pane-hi);border-color:var(--nj-pane-hover-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.nj-surface .dev-clientpick span:last-child{font-size:12px;font-weight:650;color:var(--nj-ink);white-space:nowrap}.nj-surface .dev-clientpick:focus-visible{outline:2px solid var(--nj-mode-accent,#2f7df2);outline-offset:2px}.nj-surface .dev-creation{border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.55);box-shadow:0 30px 70px -30px rgba(20,30,80,.55),inset 0 1px 0 rgba(255,255,255,.4);background:rgba(255,255,255,.2)}.nj-surface[data-sky-mode=dark] .dev-creation,.nj-surface[data-sky-mode=dim] .dev-creation{border-color:var(--nj-pane-border)}.nj-surface .dev-creation img{display:block;width:100%;height:100%;object-fit:cover}.nj-surface .dev-thumb{flex:none;width:132px;aspect-ratio:1;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.5);box-shadow:0 12px 30px -18px rgba(20,30,80,.5);transition:transform .2s cubic-bezier(.22,1,.36,1)}.nj-surface .dev-thumb:hover{transform:translateY(-3px)}.nj-surface .dev-thumb img{display:block;width:100%;height:100%;object-fit:cover}.nj-surface[data-sky-mode=dark] .dev-thumb,.nj-surface[data-sky-mode=dim] .dev-thumb{border-color:var(--nj-pane-border)}.nj-surface .dev-markrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.nj-surface .dev-markchip{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 5px;border-radius:999px;background:radial-gradient(120% 90% at 28% 0,var(--nj-glow-faint),rgba(255,255,255,0) 64%),rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.66);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);box-shadow:0 6px 16px -10px var(--nj-ambient-shadow-soft),inset 0 1px 0 rgba(255,255,255,.7);white-space:nowrap}.nj-surface .dev-markchip b{font-size:12.5px;font-weight:700;color:var(--nj-ink)}.nj-surface .dev-markchip .dev-markprice{font-family:var(--dev-mono);font-size:11px;font-weight:500;color:var(--nj-faint)}.nj-surface .dev-mark{display:inline-flex;align-items:center;justify-content:center;flex:none;width:25px;height:25px;border-radius:999px;background:#fff;border:1px solid rgba(126,140,180,.18);overflow:hidden}.nj-surface .dev-mark img{border-radius:999px;object-fit:contain}.nj-surface[data-sky-mode=dark] .dev-markchip,.nj-surface[data-sky-mode=dim] .dev-markchip{background:var(--nj-pane-mid);border-color:var(--nj-pane-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.nj-surface[data-sky-mode=dark] .dev-markchip b,.nj-surface[data-sky-mode=dim] .dev-markchip b{color:var(--nj-mode-text)}.nj-surface .dev-client{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:27%;background:linear-gradient(180deg,#ffffff,#f4f8fe);border:1px solid rgba(90,110,160,.18);box-shadow:0 8px 18px -10px rgba(28,58,130,.35)}.nj-surface .dev-client img{object-fit:contain}.nj-surface .dev-client .dev-client-glyph{display:inline-flex}.nj-surface[data-sky-mode=dark] .dev-client,.nj-surface[data-sky-mode=dim] .dev-client{background:linear-gradient(180deg,rgba(248,249,252,.95),rgba(224,227,235,.9));border-color:rgba(18,26,48,.3);box-shadow:0 8px 18px -12px rgba(0,0,0,.6)}.nj-surface .dev-clientstack{display:flex;align-items:center}.nj-surface .dev-clientstack>*+*{margin-left:-7px}.nj-surface .dev-clientstack .dev-client{box-shadow:0 4px 12px -6px rgba(28,58,130,.4)}.nj-surface .dev-code{border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#10141f,#0b0e17);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 44px -30px rgba(8,12,30,.55)}.nj-surface .dev-code-head{display:flex;align-items:center;gap:2px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.07);overflow-x:auto;scrollbar-width:none}.nj-surface .dev-dots{display:inline-flex;gap:5px;flex:none;margin-right:8px;margin-left:2px}.nj-surface .dev-dots i{width:8px;height:8px;border-radius:50%;opacity:.75}.nj-surface .dev-dots i:first-child{background:#f1655a}.nj-surface .dev-dots i:nth-child(2){background:#f5bd4f}.nj-surface .dev-dots i:nth-child(3){background:#61c455}.nj-surface .dev-code-head::-webkit-scrollbar{display:none}.nj-surface .dev-codetab{flex:none;padding:5px 10px;border-radius:8px;font-size:11.5px;font-weight:600;color:rgba(255,255,255,.52);white-space:nowrap;transition:color .14s ease,background .14s ease}.nj-surface .dev-codetab:hover{color:rgba(255,255,255,.8)}.nj-surface .dev-codetab.is-active{color:rgba(255,255,255,.94);background:rgba(255,255,255,.09)}.nj-surface .dev-codetab-hint{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.55;margin-left:4px}.nj-surface .dev-code pre{margin:0;padding:14px 16px;overflow-x:auto;font-family:var(--dev-mono);font-size:11.5px;line-height:1.65;color:#d7e0f6}.nj-surface .dev-code-copy{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:8px;font-size:11px;font-weight:600;color:rgba(255,255,255,.55);transition:color .14s ease,background .14s ease}.nj-surface .dev-code-copy:hover{color:rgba(255,255,255,.9);background:rgba(255,255,255,.08)}.nj-surface .dev-inlinecode{font-family:var(--dev-mono);font-size:.92em;padding:1px 6px;border-radius:6px;background:rgba(120,140,200,.14);color:var(--nj-ink)}.nj-surface[data-sky-mode=dark] .dev-inlinecode,.nj-surface[data-sky-mode=dim] .dev-inlinecode{background:rgba(255,255,255,.09);color:var(--nj-mode-text)}.nj-surface .dev-bar{height:6px;border-radius:999px;overflow:hidden;background:rgba(120,140,200,.2)}.nj-surface[data-sky-mode=dark] .dev-bar,.nj-surface[data-sky-mode=dim] .dev-bar{background:rgba(255,255,255,.1)}.nj-surface .dev-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--nj-mode-accent-hi,#6aa8ff),var(--nj-mode-accent,#2f7df2));transition:width .4s cubic-bezier(.22,1,.36,1)}.nj-surface .dev-bar-fill.is-hot{background:linear-gradient(90deg,var(--nj-danger),var(--nj-danger))}.nj-surface .dev-step{position:relative;padding-left:44px;padding-bottom:30px}.nj-surface .dev-step:last-child{padding-bottom:0}.nj-surface .dev-step:before{content:"";position:absolute;left:13px;top:30px;bottom:4px;width:1px;background:var(--nj-line)}.nj-surface .dev-step:last-child:before{content:none}.nj-surface[data-sky-mode=dark] .dev-step:before,.nj-surface[data-sky-mode=dim] .dev-step:before{background:var(--nj-mode-line)}.nj-surface .dev-step-num{position:absolute;left:0;top:0;width:27px;height:27px;display:grid;place-items:center;border-radius:9px;font-family:var(--dev-mono);font-size:11.5px;font-weight:500;color:var(--nj-muted);background:radial-gradient(110% 90% at 30% 0,var(--nj-glow-faint),rgba(255,255,255,0) 62%),rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 4px 12px -8px var(--nj-ambient-shadow-soft)}.nj-surface[data-sky-mode=dark] .dev-step-num,.nj-surface[data-sky-mode=dim] .dev-step-num{color:var(--nj-mode-muted);background:var(--nj-pane-hi);border-color:var(--nj-pane-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.nj-surface .dev-step-title{font-size:14.5px;font-weight:650;letter-spacing:-.01em;color:var(--nj-ink);padding-top:3px;margin-bottom:8px}.nj-surface .dev-featchip{--feat:var(--nj-muted);display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--nj-muted);border:1px solid transparent;white-space:nowrap;opacity:.85;transition:color .15s ease,background .15s ease,border-color .15s ease,opacity .15s ease}.nj-surface .dev-featchip:hover{opacity:1;background:rgba(255,255,255,.38)}.nj-surface .dev-featchip.is-active{opacity:1;color:var(--feat);background:color-mix(in srgb,var(--feat) 11%,transparent);border-color:color-mix(in srgb,var(--feat) 26%,transparent)}.nj-surface[data-sky-mode=dark] .dev-featchip:hover,.nj-surface[data-sky-mode=dim] .dev-featchip:hover{background:rgba(255,255,255,.06)}.nj-surface[data-sky-mode=dark] .dev-featchip.is-active,.nj-surface[data-sky-mode=dim] .dev-featchip.is-active{background:color-mix(in srgb,var(--feat) 16%,transparent);border-color:color-mix(in srgb,var(--feat) 34%,transparent)}.nj-surface .dev-pack{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:13px 16px;border-radius:16px;cursor:pointer;background:radial-gradient(120% 90% at 28% 0,var(--nj-glow-faint),rgba(255,255,255,0) 64%),rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);box-shadow:0 8px 22px -14px var(--nj-ambient-shadow-soft),inset 0 1px 0 rgba(255,255,255,.7);transition:transform .14s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.nj-surface .dev-pack:hover{background:rgba(255,255,255,.58)}.nj-surface .dev-pack:active{transform:scale(.98)}.nj-surface .dev-pack.is-active{border-color:var(--nj-mode-accent,#2f7df2);box-shadow:0 0 0 3px var(--nj-mode-accent-soft,rgba(47,125,242,.14)),0 8px 22px -14px var(--nj-ambient-shadow-soft),inset 0 1px 0 rgba(255,255,255,.7)}.nj-surface .dev-pack:disabled{opacity:.45;cursor:not-allowed}.nj-surface .dev-pack-amount{font-family:var(--dev-mono);font-size:17px;font-weight:500;color:var(--nj-ink)}.nj-surface .dev-pack-hint{font-size:11px;font-weight:550;color:var(--nj-faint)}.nj-surface[data-sky-mode=dark] .dev-pack,.nj-surface[data-sky-mode=dim] .dev-pack{background:var(--nj-pane-mid);border-color:var(--nj-pane-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.nj-surface[data-sky-mode=dark] .dev-pack:hover,.nj-surface[data-sky-mode=dim] .dev-pack:hover{background:var(--nj-pane-hover-mid)}.nj-surface[data-sky-mode=dark] .dev-pack.is-active,.nj-surface[data-sky-mode=dim] .dev-pack.is-active{border-color:rgba(150,180,255,.4);box-shadow:0 0 0 3px var(--nj-mode-accent-soft),inset 0 1px 0 rgba(255,255,255,.06)}.nj-surface .dev-metric{display:flex;flex-direction:column;padding:20px 20px 16px;border-radius:22px;text-align:left;background:radial-gradient(120% 90% at 18% 0,var(--nj-glow-faint),rgba(255,255,255,0) 58%),linear-gradient(160deg,rgba(255,255,255,.38) 0,var(--nj-sky-hi-soft) 48%,rgba(255,255,255,.18) 100%);border:1px solid rgba(255,255,255,.42);box-shadow:inset 0 1px 1px rgba(255,255,255,.55),0 14px 42px -26px var(--nj-ambient-shadow-soft);-webkit-backdrop-filter:blur(34px) saturate(180%);backdrop-filter:blur(34px) saturate(180%);transition:border-color .16s ease,box-shadow .16s ease,transform .2s cubic-bezier(.22,1,.36,1)}.nj-surface[data-sky-mode=dark] .dev-metric,.nj-surface[data-sky-mode=dim] .dev-metric{background:linear-gradient(160deg,var(--nj-pane-hi) 0,var(--nj-pane-mid) 55%,rgba(255,255,255,.025) 100%);border-color:var(--nj-pane-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 40px -30px var(--nj-material-shadow)}.nj-surface button.dev-metric{cursor:pointer}.nj-surface button.dev-metric:hover{transform:translateY(-1px)}.nj-surface .dev-metric.is-active{border-color:var(--nj-mode-accent,#2f7df2);box-shadow:0 0 0 3px var(--nj-mode-accent-soft,rgba(47,125,242,.14)),inset 0 1px 1px rgba(255,255,255,.5),0 14px 42px -26px var(--nj-ambient-shadow-soft)}.nj-surface[data-sky-mode=dark] .dev-metric.is-active,.nj-surface[data-sky-mode=dim] .dev-metric.is-active{border-color:rgba(150,180,255,.4);box-shadow:0 0 0 3px var(--nj-mode-accent-soft),inset 0 1px 0 rgba(255,255,255,.06)}.nj-surface .dev-metric.is-active:focus-visible{outline:none}.nj-surface .dev-metric-rows{margin-top:10px}.nj-surface .dev-metric-rows>*+*{border-top:1px solid var(--nj-line)}.nj-surface[data-sky-mode=dark] .dev-metric-rows>*+*,.nj-surface[data-sky-mode=dim] .dev-metric-rows>*+*{border-top-color:var(--nj-mode-line)}.nj-surface .dev-metric-row{display:flex;align-items:center;gap:8px;padding:7px 1px;font-size:12px;font-weight:600;color:var(--nj-muted)}.nj-surface .dev-metric-row b{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--nj-ink)}.nj-surface .dev-metric-row .v{font-family:var(--dev-mono);font-variant-numeric:tabular-nums;font-size:11.5px;color:var(--nj-muted)}.nj-surface .dev-msg-row{display:flex;align-items:flex-end;gap:9px}.nj-surface .dev-msg-avatar{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;overflow:hidden;background:radial-gradient(110% 90% at 30% 0,var(--nj-glow-faint),rgba(255,255,255,0) 62%),rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.nj-surface[data-sky-mode=dark] .dev-msg-avatar,.nj-surface[data-sky-mode=dim] .dev-msg-avatar{background:var(--nj-pane-hi);border-color:var(--nj-pane-border)}.nj-surface .dev-msg-avatar img{width:118%;height:118%;object-fit:contain}.nj-surface .dev-msg-ninja{min-width:0;max-width:min(85%,620px);padding:11px 15px;border-radius:19px 19px 19px 6px;background:radial-gradient(120% 90% at 25% 0,var(--nj-glow-faint),rgba(255,255,255,0) 64%),rgba(255,255,255,.44);border:1px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 8px 22px -16px var(--nj-ambient-shadow-soft);font-size:14px;line-height:1.55;color:var(--nj-ink)}.nj-surface[data-sky-mode=dark] .dev-msg-ninja,.nj-surface[data-sky-mode=dim] .dev-msg-ninja{background:linear-gradient(160deg,var(--nj-pane-hi),var(--nj-pane-mid));border-color:var(--nj-pane-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.07);color:var(--nj-mode-text)}.nj-surface .dev-suggest{display:flex;align-items:center;gap:13px;width:100%;padding:9px;text-align:left}.nj-surface .dev-suggest-img{flex:none;width:62px;height:62px;border-radius:13px;overflow:hidden;border:1px solid rgba(255,255,255,.55);box-shadow:0 10px 22px -12px rgba(20,30,80,.55)}.nj-surface .dev-suggest-img img{width:100%;height:100%;object-fit:cover}.nj-surface .dev-suggest span{font-size:13px;font-weight:550;line-height:1.45;color:var(--nj-ink)}.nj-surface .dev-playfield{border-radius:22px;overflow:hidden;isolation:isolate;background:radial-gradient(120% 90% at 18% 0,var(--nj-glow-faint),rgba(255,255,255,0) 58%),linear-gradient(160deg,rgba(255,255,255,.4) 0,var(--nj-sky-hi-soft) 48%,rgba(255,255,255,.2) 100%);border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px 1px rgba(255,255,255,.55),0 18px 48px -28px var(--nj-ambient-shadow-soft)}.nj-surface[data-sky-mode=dark] .dev-playfield,.nj-surface[data-sky-mode=dim] .dev-playfield{background:linear-gradient(160deg,var(--nj-pane-hi) 0,var(--nj-pane-mid) 55%,rgba(255,255,255,.02) 100%);border-color:var(--nj-pane-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 20px 44px -32px var(--nj-material-shadow)}.nj-surface .dev-balance:focus-visible,.nj-surface .dev-code-copy:focus-visible,.nj-surface .dev-codetab:focus-visible,.nj-surface .dev-featchip:focus-visible,.nj-surface .dev-ghostbtn:focus-visible,.nj-surface .dev-pack:focus-visible,.nj-surface .dev-row:focus-visible,.nj-surface .dev-tab:focus-visible{outline:2px solid var(--nj-mode-accent,#2f7df2);outline-offset:2px}.nj-surface .dev-link{color:var(--nj-muted);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--nj-line);transition:color .14s ease}.nj-surface .dev-link:hover{color:var(--nj-ink)}