.nb-main{padding-top:32px;padding-bottom:24px}.nb-back{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.nb-back:hover{color:var(--primary)}
.nb-intro{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:44px 0 42px}.nb-intro h1{font:500 clamp(38px,5vw,64px)/1.1 var(--display);letter-spacing:-2px;margin:16px 0}.nb-intro h1>span{color:var(--primary)}.nb-intro p{max-width:550px;color:var(--muted);margin:0;line-height:1.9}.nb-intro-icon{width:116px;height:116px;border:1px solid var(--line);border-radius:28px;display:grid;place-items:center;color:var(--primary);background:var(--surface);transform:rotate(-5deg)}.nb-intro-icon svg{width:58px;height:58px}
.nb-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.nb-panel{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:28px;min-width:0}.nb-panel h2{font:500 21px/1.4 var(--display);margin:0}.nb-panel-heading{display:flex;gap:14px;align-items:center;margin-bottom:26px}.nb-panel-heading p{font-size:12px;color:var(--muted);margin:5px 0 0}.nb-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--navy-deep);color:var(--primary);flex:none}.nb-setup label{display:block;margin-bottom:9px;font-size:13px;font-weight:600}.nb-setup select{width:100%;min-height:48px;border:1px solid var(--line);background:var(--background);color:var(--text);border-radius:10px;padding:10px 12px;font:13px var(--body)}.nb-setup select:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.nb-apply{margin-top:12px}.nb-selection{display:flex;align-items:flex-start;gap:9px;margin:18px 0 24px;font-size:12px;color:var(--success)}.nb-selection .status-dot{margin-top:7px}.nb-selection p{margin:0;overflow-wrap:anywhere}.nb-command-heading{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.nb-command-heading h3{font-size:13px;margin:0}.nb-command-heading>span{font:10px var(--mono);color:var(--muted)}.nb-commands{margin:12px 0 14px;padding:18px;background:var(--background);border:1px solid var(--line);border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/2 var(--mono);color:var(--text)}.nb-copy-main{width:100%;justify-content:center}.nb-script-tools{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0 22px}.nb-script-tools button,.nb-script-tools a,.nb-help a{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.nb-script-tools button{background:none;border:0;padding:0;font-family:inherit;cursor:pointer}.nb-script-tools button:hover,.nb-script-tools a:hover,.nb-help a:hover{color:var(--primary)}.nb-script-url{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:18px}.nb-script-url>span{flex:none;font-size:11px;color:var(--muted)}.nb-script-url code{font:10px/1.8 var(--mono);overflow-wrap:anywhere;min-width:0;flex:1}.nb-script-url button{flex:none;background:none;color:var(--muted);border:0;padding:5px;cursor:pointer}.nb-copy-status{font-size:12px;color:var(--success);margin:14px 0 0;min-height:20px}.nb-setup textarea:not([hidden]){width:100%;background:var(--background);color:var(--text);border:1px solid var(--line);padding:12px;border-radius:10px;font:12px/1.8 var(--mono)}.nb-guide>.eyebrow{font-size:10px}.nb-guide h2{margin-top:10px}.nb-steps{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:26px}.nb-steps li{display:flex;gap:16px;align-items:flex-start}.nb-step-number{font:12px var(--mono);color:var(--primary);padding:8px;border:1px solid var(--line);border-radius:8px;flex:none}.nb-steps h3{font-size:14px;font-weight:600;margin:3px 0 7px}.nb-steps p,.nb-help p,.nb-note{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.nb-steps a{color:var(--text);text-decoration:underline;text-underline-offset:3px}.nb-steps code,.nb-steps kbd{font:11px var(--mono);color:var(--text)}.nb-steps kbd{padding:2px 5px;border:1px solid var(--line);border-radius:4px}.nb-help{display:flex;align-items:flex-start;gap:14px;border:1px solid var(--line);border-radius:16px;padding:22px 26px;margin-top:24px}.nb-help>.icon{color:var(--primary);flex:none;margin-top:3px}.nb-help h2{font-size:14px;margin:0 0 6px}.nb-help a{margin-top:10px}.nb-setup [hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}
@media(min-width:901px){.nb-setup{position:sticky;top:100px}}@media(max-width:900px){.nb-layout{grid-template-columns:1fr}.nb-intro-icon{width:84px;height:84px;flex:none}.nb-intro-icon svg{width:42px;height:42px}}@media(max-width:580px){.nb-main{padding-top:24px}.nb-intro{padding:30px 0}.nb-intro-icon{display:none}.nb-panel{padding:22px 18px}.nb-help{padding:20px 18px}.nb-panel-heading{gap:12px}.nb-panel h2{font-size:19px}.nb-script-url{flex-wrap:wrap}.nb-script-url>span{width:100%}.nb-steps li{gap:12px}}
.nb-apply{background:transparent;color:var(--text);cursor:pointer}
.nb-select{position:relative}.nb-select select{display:block;appearance:none;-webkit-appearance:none;background-image:none;padding-right:48px}.nb-select-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none}
.nb-device-start{min-width:0;flex:1}.nb-device-options{display:grid;gap:10px;margin-top:14px}.nb-device-options details{border:1px solid var(--line);border-radius:10px;background:var(--background);overflow:hidden}.nb-device-options summary{display:flex;align-items:center;gap:9px;padding:12px;cursor:pointer;font-size:12px;font-weight:600;list-style:none}.nb-device-options summary::-webkit-details-marker{display:none}.nb-device-options summary>.icon{width:17px;height:17px;flex:none;color:var(--primary)}.nb-device-chevron{width:15px;height:15px;flex:none;margin-left:auto;color:var(--muted)}.nb-device-options details[open] .nb-device-chevron{transform:rotate(180deg)}.nb-device-options details>div{padding:0 12px 14px}.nb-device-options details p+p{margin-top:10px}.nb-device-options summary:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}
.nb-intro{padding:26px 0}.nb-intro h1{font-size:clamp(28px,3vw,38px);letter-spacing:-1px;margin:0 0 12px}.nb-intro p{font-size:13px}
