.nx-lab{color:#e8edee;letter-spacing:0;max-width:1480px;margin:auto;padding:3rem 5% 6rem}.lab-heading{margin-bottom:2rem}.lab-heading>.nx-link{font-size:.8125rem}.lab-eyebrow{color:var(--acid);font:.6875rem var(--font-mono), monospace;margin:2rem 0 .75rem}.lab-heading h1{margin-bottom:1rem;font-size:3.25rem;font-weight:500;line-height:1.15}.lab-heading>p:last-child{color:#aebbbe;max-width:46rem;line-height:1.7}.lab-notice{color:#b5c2c5;align-items:start;gap:12px;max-width:68rem;margin:0 0 2rem;font-size:.8125rem;line-height:1.7;display:flex}.lab-notice svg{color:#b3cbbe;flex-shrink:0;margin-top:3px}.lab-input{border-block:1px solid #354245;padding-block:1.5rem}.lab-input-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.lab-input-heading>label{font-size:.9375rem;font-weight:500}.lab-reset{color:#b5c2c5;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;font-size:.8125rem;display:inline-flex}.lab-input textarea{resize:vertical;color:#e8edee;width:100%;font:.9375rem/1.65 var(--font-mono), monospace;background:#10191b;border:1px solid #526265;border-radius:4px;padding:14px 16px;transition:border-color .2s;display:block}.lab-input textarea[aria-invalid=true]{border-color:#d59083}.lab-input-toolbar{flex-wrap:wrap;align-items:end;gap:1rem;margin-top:1.1rem;display:flex}.lab-input-toolbar label{color:#aebbbe;gap:6px;font-size:.75rem;display:grid}.lab-input select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8edee;background:#10191b;border:1px solid #526265;border-radius:4px;max-width:100%;min-height:44px;padding:8px 30px 8px 12px;font-size:.8125rem}.lab-counter{color:#aebbbe;font:.75rem var(--font-mono), monospace;font-variant-numeric:tabular-nums;align-self:center;padding-top:1rem}.lab-compare{background:var(--acid);color:#0a100b;border:1px solid var(--acid);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:10px;min-height:46px;margin-left:auto;padding:10px 18px;font-size:.875rem;font-weight:500;transition:background-color .2s,transform .2s;display:inline-flex}.nx-lab button:disabled{opacity:.45;cursor:not-allowed}.lab-error{color:#f0b0a2;margin-top:.8rem;font-size:.8125rem}.lab-result-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin:2.5rem 0 1.1rem;display:flex}.lab-result-heading h2{font-size:1.25rem;font-weight:500}.lab-result-heading>span{color:#aebbbe;font:.75rem var(--font-mono), monospace}.lab-results{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.lab-method{background:#101719;border:1px solid #354245;border-radius:6px;flex-direction:column;min-width:0;padding:22px;display:flex}.lab-method>header{align-items:center;gap:12px;margin-bottom:1rem;display:flex}.lab-method h2{font-size:1.375rem;font-weight:500;line-height:1.3}.lab-method-icon{color:var(--acid);display:inline-flex}.lab-method:nth-child(2) .lab-method-icon{color:#c3cecf}.lab-method:nth-child(3) .lab-method-icon{color:#9edade}.lab-method-description{color:#b5c2c5;min-height:5em;margin-bottom:1.2rem;font-size:.875rem;line-height:1.7}.lab-flow{gap:5px;margin:0;padding:0;font-size:.6875rem;line-height:1.5;list-style:none;display:flex}.lab-flow li{flex:1;align-items:center;gap:5px;padding-bottom:10px;display:flex;position:relative}.lab-flow li>span{flex:1}.lab-flow li svg{color:#9cadb0;flex-shrink:0}.lab-flow li:after{content:"";background:var(--acid);opacity:.15;height:1px;position:absolute;bottom:0;left:0;right:8px}.lab-output{border-bottom:1px solid #354245;margin-top:16px;padding-bottom:12px}.lab-output>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.lab-output>div>span{color:#9cadb0;font:.625rem var(--font-mono), monospace}.lab-icon-button{color:#b5c2c5;cursor:pointer;background:0 0;border:0;border-radius:4px;flex-shrink:0;place-items:center;width:36px;height:36px;padding:0;transition:background-color .18s,color .18s;display:grid}.lab-output pre{color:#e8edee;max-width:100%;min-height:2.8em;font:.8125rem/1.7 var(--font-mono), monospace;white-space:pre;scrollbar-width:thin;scrollbar-color:#526265 transparent;margin:0;padding:8px 0;overflow-x:auto}.lab-output code{font:inherit}.lab-detail{color:#aebbbe;min-height:3em;margin:14px 0;font-size:.75rem;line-height:1.65}.lab-method-actions{flex-wrap:wrap;gap:8px;display:flex}.lab-method-actions button{color:#e8edee;cursor:pointer;background:0 0;border:1px solid #526265;border-radius:4px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:8px 10px;font-size:.75rem;transition:border-color .18s,background-color .18s;display:inline-flex}.lab-mask-fact{color:#c3cecf;align-items:center;gap:8px;min-height:42px;font-size:.75rem;display:flex}.lab-mask-fact svg{flex-shrink:0}.lab-feedback{color:#c6e6ac;margin-top:1rem;font-size:.75rem;line-height:1.7}.lab-feedback[data-error=true]{color:#f0b0a2}.lab-feedback code{color:#e8edee;font:.8125rem/1.7 var(--font-mono), monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;display:block}.lab-method-note{color:#9cadb0;margin-top:auto;padding-top:1.5rem;font-size:.75rem;line-height:1.7}.lab-envelope{margin-top:1rem;font-size:.75rem;line-height:1.7}.lab-envelope summary{cursor:pointer;color:#c3cecf;padding-block:8px}.lab-envelope dl{gap:4px;margin-top:8px;display:grid}.lab-envelope dt{color:#9cadb0;margin-top:6px}.lab-envelope dd{overflow-wrap:anywhere;margin:0}.lab-copy-status{color:#c6e6ac;min-height:1.7em;margin-top:12px;font-size:.75rem;display:block}.lab-comparison{border-top:1px solid #354245;margin-top:3.5rem;padding-top:2rem}.lab-comparison h2{font-size:1.5rem;font-weight:500;line-height:1.4}.lab-table-scroll{scrollbar-width:thin;max-width:100%;margin:1.5rem 0;overflow-x:auto}.lab-comparison table{border-collapse:collapse;width:100%;min-width:700px;font-size:.8125rem;line-height:1.7}.lab-comparison th,.lab-comparison td{text-align:left;vertical-align:top;border-bottom:1px solid #354245;padding:14px 16px}.lab-comparison th{color:#e8edee;font-weight:500}.lab-comparison td{color:#b5c2c5}.lab-comparison thead{background:#182223}.lab-comparison tbody tr:nth-child(2n){background:#101719}.lab-caveat{color:#aebbbe;max-width:65rem;font-size:.8125rem;line-height:1.8}.lab-references{flex-wrap:wrap;gap:8px 24px;margin-top:1.2rem;font-size:.8125rem;display:flex}.lab-references a{color:#c3cecf;text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;transition:color .18s;display:inline-flex}.nx-lab :is(button,select,textarea,summary,pre,a,.lab-table-scroll):focus-visible{outline:2px solid var(--acid);outline-offset:3px}.lab-method[data-generated=true]{animation:.38s cubic-bezier(.2,.7,.2,1) both lab-result-enter}.lab-method[data-generated=true] .lab-flow li:after{animation:.8s both lab-step-pass}.lab-method[data-generated=true] .lab-flow li:nth-child(2):after{animation-delay:.14s}.lab-method[data-generated=true] .lab-flow li:nth-child(3):after{animation-delay:.28s}@keyframes lab-result-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes lab-step-pass{0%{opacity:.15}50%{opacity:1}to{opacity:.4}}@media (hover:hover) and (pointer:fine){.lab-reset:hover,.lab-references a:hover{color:var(--acid)}.lab-icon-button:not(:disabled):hover{color:#e8edee;background:#243235}.lab-method-actions button:not(:disabled):hover{background:#1c2923;border-color:#a9c587}.lab-compare:not(:disabled):hover{background:#d6ff8c;transform:translateY(-1px)}}@media (min-width:1024px) and (hover:hover) and (pointer:fine){.nx-lab{padding-right:max(5%,196px)}}@media (max-width:1100px){.lab-results{grid-template-columns:1fr}.lab-method-description,.lab-detail{min-height:0}.lab-method{padding:24px}}@media (max-width:599px){.nx-lab{padding:2rem 5% 3.5rem}.lab-heading h1{font-size:2.25rem}.lab-input-toolbar{gap:12px}.lab-input-toolbar>label{width:100%}.lab-counter{padding-top:0}.lab-compare{flex:1}.lab-method{padding:18px}.lab-comparison{margin-top:2rem}}html[data-motion=off] .nx-lab *,html[data-motion=off] .nx-lab :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.nx-lab *,.nx-lab :after{transition:none!important;animation:none!important}}