.np-src{border:1px solid var(--np-border-default);border-radius:var(--np-radius-md);background:var(--np-surface-3);width:min(64rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--np-fg-primary);margin:auto;padding:0;position:fixed;inset:0;overflow:hidden}.np-src[open]{flex-direction:column;display:flex}.np-src::backdrop{background:var(--np-canvas-overlay)}.np-src__head{border-bottom:1px solid var(--np-border-subtle);background:var(--np-surface-2);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;display:flex}.np-src__title{font-family:var(--np-font-mono);font-weight:var(--np-weight-medium);font-size:var(--np-text-sm);color:var(--np-fg-primary)}.np-src__eyebrow{font-family:var(--np-font-mono);font-size:var(--np-text-2xs);font-weight:var(--np-weight-medium);letter-spacing:var(--np-tracking-label);text-transform:uppercase;color:var(--np-fg-muted);margin-bottom:.15rem;display:block}.np-src__dismiss{margin:0}.np-src__x{width:2rem;height:2rem;font-size:var(--np-text-sm);color:var(--np-fg-secondary);background:var(--np-surface-1);border:1px solid var(--np-border-default);border-radius:var(--np-radius-sm);cursor:pointer;transition:color var(--np-duration-1) var(--np-easing), background var(--np-duration-1) var(--np-easing), border-color var(--np-duration-1) var(--np-easing);justify-content:center;align-items:center;display:inline-flex}.np-src__x:hover{color:var(--np-fg-primary);background:var(--np-surface-2);border-color:var(--np-border-strong)}.np-src__x:focus-visible{outline:2px solid var(--np-focus-ring);outline-offset:2px}.np-src__cmd{font-size:var(--np-text-xs);color:var(--np-fg-secondary);border-bottom:1px solid var(--np-border-subtle);justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 1.1rem;display:flex}.np-src__cmd p{min-width:0;margin:0}.np-src__cmd code{font-family:var(--np-font-mono);color:var(--np-fg-primary);overflow-wrap:anywhere}.np-src__copy{min-width:2.75rem;min-height:2.75rem;font-family:var(--np-font-mono);font-size:var(--np-text-2xs);color:var(--np-fg-secondary);background:var(--np-surface-1);border:1px solid var(--np-border-default);border-radius:var(--np-radius-sm);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:.45rem .7rem;display:inline-flex}.np-src__copy:hover{color:var(--np-fg-primary);background:var(--np-surface-2);border-color:var(--np-border-strong)}.np-src__copy:focus-visible{outline:2px solid var(--np-focus-ring);outline-offset:2px}.np-src__k{font-family:var(--np-font-mono);font-size:var(--np-text-2xs);text-transform:uppercase;letter-spacing:var(--np-tracking-label);color:var(--np-fg-secondary);margin-right:.25rem}.np-src__body{padding:1.1rem;overflow-y:auto}.np-src__body:focus-visible{outline:2px solid var(--np-focus-ring);outline-offset:-4px}.np-src__body[aria-busy=true]{cursor:progress}.np-src__body [data-np-copy]:disabled{cursor:wait;opacity:.55}.np-showcase-hero{padding-block:clamp(var(--np-space-8), 7vw, var(--np-space-10));border-bottom:1px solid var(--np-border-subtle)}.np-showcase-hero__inner{max-width:80rem;padding-inline:clamp(var(--np-space-4), 5vw, var(--np-space-7));margin-inline:auto}.np-showcase-hero__eyebrow,.np-showcase-group__eyebrow,.np-showcase-proof__eyebrow{color:var(--np-accent-on-surface);font-family:var(--np-font-mono);font-size:var(--np-text-xs);font-weight:var(--np-weight-medium);letter-spacing:var(--np-tracking-label);text-transform:uppercase}.np-showcase-hero h1{max-width:16ch;margin-top:var(--np-space-4);color:var(--np-fg-primary);font-family:var(--np-font-display);font-size:var(--np-text-display);letter-spacing:var(--np-tracking-display);font-weight:600;line-height:var(--np-leading-tight);text-wrap:balance}.np-showcase-hero__lead{max-width:52rem;margin-top:var(--np-space-5);color:var(--np-fg-secondary);font-size:var(--np-text-lg);line-height:var(--np-leading-base);text-wrap:pretty}.np-showcase-hero__actions,.np-showcase-proof__actions{gap:var(--np-space-3);margin-top:var(--np-space-6);flex-wrap:wrap;display:flex}.np-showcase-group+.np-showcase-group{margin-top:clamp(var(--np-space-9), 9vw, var(--np-space-11));padding-top:clamp(var(--np-space-8), 7vw, var(--np-space-10));border-top:1px solid var(--np-border-subtle)}.np-showcase-group__head{max-width:48rem;margin-bottom:clamp(var(--np-space-6), 4vw, var(--np-space-8))}.np-showcase-group__head h2,.np-showcase-proof h2{margin-top:var(--np-space-3);color:var(--np-fg-primary);font-family:var(--np-font-display);font-size:var(--np-text-4xl);letter-spacing:var(--np-tracking-display);font-weight:600;line-height:var(--np-leading-tight);text-wrap:balance}.np-showcase-group__head>p:last-child{margin-top:var(--np-space-4);color:var(--np-fg-secondary);font-size:var(--np-text-lg);line-height:var(--np-leading-base);text-wrap:pretty}.np-showcase{gap:var(--np-space-5);margin:0;padding:0;list-style:none;display:grid}.np-showcase__card{border:1px solid var(--np-border-subtle);border-radius:var(--np-radius-sm);background:var(--np-surface-2);min-width:0;transition:border-color var(--np-duration-1) var(--np-easing);flex-direction:column;display:flex;overflow:hidden}.np-showcase__card:hover{border-color:var(--np-border-strong)}.np-showcase__fig{min-width:0;padding:var(--np-space-4);border-bottom:1px solid var(--np-border-subtle);background:var(--np-surface-1)}.np-showcase__fig .np-doc-frame__stage{background:var(--np-surface-2)}.np-showcase__body{gap:var(--np-space-4);min-width:0;padding:clamp(var(--np-space-4), 4vw, var(--np-space-6));flex-direction:column;display:flex}.np-showcase__index{justify-content:space-between;align-items:center;gap:var(--np-space-3);color:var(--np-fg-muted);font-family:var(--np-font-mono);font-size:var(--np-text-2xs);font-weight:var(--np-weight-medium);letter-spacing:var(--np-tracking-label);text-transform:uppercase;display:flex}.np-showcase__body h3{color:var(--np-fg-primary);font-family:var(--np-font-display);font-size:var(--np-text-xl);font-weight:600;line-height:var(--np-leading-tight)}.np-showcase__description{max-width:100%;min-height:4.5em;color:var(--np-fg-secondary);font-size:var(--np-text-sm);line-height:var(--np-leading-relaxed);overflow-wrap:anywhere}.np-showcase__actions{align-items:center;gap:var(--np-space-3);flex-wrap:wrap;display:flex}.np-showcase__dl{color:var(--np-fg-link);font-size:var(--np-text-sm);font-weight:var(--np-weight-medium);text-underline-offset:.2em;text-decoration:underline 1px}.np-showcase__dl:hover{color:var(--np-fg-link-hover)}.np-showcase__src,.np-prov__copy{border:1px solid var(--np-border-default);border-radius:var(--np-radius-sm);background:var(--np-surface-1);min-height:2.25rem;color:var(--np-fg-secondary);cursor:pointer;font-family:var(--np-font-mono);font-size:var(--np-text-xs);transition:border-color var(--np-duration-1) var(--np-easing), color var(--np-duration-1) var(--np-easing);padding:.4rem .7rem}.np-showcase__src:hover,.np-prov__copy:hover{border-color:var(--np-border-accent);color:var(--np-accent-on-surface)}.np-showcase__dl:focus-visible,.np-showcase__src:focus-visible,.np-prov__copy:focus-visible{outline:2px solid var(--np-focus-ring);outline-offset:3px}.np-prov{gap:var(--np-space-2);margin-top:var(--np-space-2);padding:var(--np-space-3);border:1px solid var(--np-border-subtle);background:var(--np-surface-1);display:grid}.np-prov__row{justify-content:space-between;align-items:center;gap:var(--np-space-2);flex-wrap:wrap;display:flex}.np-prov__hash,.np-prov__meta,.np-prov__verify{color:var(--np-fg-secondary);font-family:var(--np-font-mono);font-size:var(--np-text-2xs);line-height:var(--np-leading-base)}.np-prov__hash{overflow-wrap:anywhere}.np-prov__k{color:var(--np-accent-on-surface);font:inherit;font-weight:var(--np-weight-medium);letter-spacing:var(--np-tracking-label);text-transform:uppercase;margin-right:.35rem}.np-prov__copy{min-height:1.75rem;color:var(--np-fg-link);font-size:var(--np-text-2xs);padding:.2rem .5rem}.np-prov__copy[data-copied]{border-color:var(--np-status-tip-fg);color:var(--np-status-tip-fg)}.np-prov__verify code{color:var(--np-fg-primary);font:inherit;overflow-wrap:anywhere}.np-showcase-proof{gap:var(--np-space-4);width:100%;min-width:0;margin-top:clamp(var(--np-space-9), 9vw, var(--np-space-11));padding-block:clamp(var(--np-space-7), 6vw, var(--np-space-9));border-block:1px solid var(--np-border-subtle);display:grid}.np-showcase-proof>p:not(.np-showcase-proof__eyebrow){min-width:0;max-width:48rem;color:var(--np-fg-secondary);font-size:var(--np-text-base);line-height:var(--np-leading-relaxed)}.np-showcase-proof code{color:var(--np-fg-primary);font-family:var(--np-font-mono);overflow-wrap:anywhere;font-size:.92em}@media (width>=768px){.np-showcase__body{flex:1}.np-showcase__actions{margin-top:auto}.np-prov{align-content:start;min-height:8.25rem}}@media (width<=639px){.np-showcase__fig{padding:var(--np-space-3)}.np-showcase__description{min-height:0}.np-showcase__actions{flex-direction:column;align-items:stretch}.np-showcase__dl,.np-showcase__src{justify-content:center;align-items:center;min-height:2.75rem;display:inline-flex}}@media print{.np-showcase-hero__actions,.np-showcase__fig .np-doc-frame__stage{display:none!important}.np-showcase__fig{padding:.08in}.np-showcase__fig .np-doc-frame__caption{margin-top:0}.np-showcase{grid-template-columns:minmax(0,1fr);gap:.12in}.np-showcase>*{grid-column:1/-1}.np-showcase__card{break-inside:avoid}.np-showcase__body{gap:.08in;padding:.12in}.np-showcase__description{min-height:0}.np-showcase-group+.np-showcase-group{margin-top:.3in;padding-top:.25in}.np-showcase-group__head{break-inside:avoid-page;break-after:avoid-page}.np-showcase-proof{margin-top:.3in;padding-block:.25in}}