body{background:var(--n-doc-neutral);color:var(--n-color-neutral-950)}n-app-panel main p{margin:0}.demo-section{background:var(--n-body-neutral);border:1px solid var(--n-border-muted-neutral);border-radius:var(--n-radius);padding:1.5rem;margin-bottom:1rem}.demo-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem}.demo-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;width:5rem;flex-shrink:0;color:var(--n-ink-muted-neutral)}.demo-desc{color:var(--n-ink-muted-neutral);font-size:.875rem;margin-bottom:1.5rem}.demo-caption{font-size:.75rem;color:var(--n-ink-muted-neutral);margin:0 0 1rem}.demo-hint{font-size:.75rem;color:var(--n-ink-muted-neutral);margin-bottom:.75rem}.demo-state-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--n-ink-muted-neutral);margin-bottom:.5rem}.demo-text{font-size:.875rem;color:var(--n-ink-muted-neutral);line-height:1.5}.demo-text-sm{font-size:.8125rem;color:var(--n-ink-muted-neutral)}.demo-col{display:flex;flex-direction:column;gap:.75rem}.demo-col-sm{display:flex;flex-direction:column;gap:.5rem}.demo-col-lg{display:flex;flex-direction:column;gap:1rem}.demo-col-xl{display:flex;flex-direction:column;gap:1.5rem}.demo-actions{display:flex;gap:.5rem}.demo-wrap{display:flex;flex-wrap:wrap;gap:1.5rem}.demo-code{display:none;position:relative;background:var(--n-panel-neutral);border:1px solid var(--n-border-muted-neutral);border-radius:var(--n-radius);padding:.75rem;margin:0;margin-top:.75rem;font-family:ui-monospace,monospace;font-size:.8125rem;line-height:1.5;overflow-x:auto;white-space:pre;color:var(--n-ink-neutral)}.demo-code[visible]{display:block}.demo-code>n-button[aria-label=Copy]{position:absolute;top:.375rem;right:.375rem}.log{font-family:ui-monospace,monospace;font-size:.75rem;background:var(--n-panel-neutral);border:1px solid var(--n-border-muted-neutral);border-radius:.375rem;padding:.75rem;max-height:10rem;overflow-y:auto;margin-top:.5rem}.log-entry{padding:.125rem 0;color:var(--n-ink-muted-neutral)}.demo-event-log{margin-top:.75rem;font-size:.75rem;font-family:ui-monospace,monospace;color:var(--n-ink-muted-neutral);min-height:2rem}@layer ui{*,*:before,*:after{box-sizing:border-box}:where(body){margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:var(--n-font-family);line-height:var(--n-text-line-height);background:var(--n-doc-neutral);color:var(--n-ink-neutral);min-height:100dvh}@media(prefers-reduced-motion:reduce){:root{--n-duration: 0s}}}.auth-logo,.nav-logo{display:flex;flex-shrink:0;color:var(--n-ink-strong-neutral)}.nav-logo~[slot=label]{color:var(--n-ink-strong-neutral);font-weight:600}#nav-search-btn{color:var(--n-ink-muted-neutral)}#nav-cmd-dialog{--n-backdrop-opacity: .5}#nav-cmd-dialog>dialog{place-items:start center}.nav-cmd-wrap{margin-top:120px;width:min(480px,90vw);max-height:min(400px,80vh);box-shadow:var(--n-shadow-xl)}@container sidebar (max-width: 80px){n-sidebar-group[data-has-badges] n-sidebar-group-header .icon-well{position:relative}n-sidebar-group[data-has-badges] n-sidebar-group-header .icon-well:after{content:"";position:absolute;top:-2px;right:-2px;width:7px;height:7px;border-radius:50%;background:var(--n-accent);pointer-events:none}}.auth-screen{min-height:100dvh;padding:2rem}.auth-card-wrapper{width:100%;max-width:26rem}.auth-card n-field{gap:calc(var(--n-space) * 2)}.auth-logo{margin-bottom:1.5rem}.auth-heading{text-align:center;margin-bottom:.25rem}.auth-subheading{text-align:center;margin-bottom:1.5rem}.auth-footer{text-align:center;margin-top:1.5rem}.auth-footer a{color:var(--n-ink-accent);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.auth-error{text-align:center;margin-bottom:.75rem;display:none}.auth-error[visible]{display:block}.auth-legal{position:fixed;bottom:1.5rem;text-align:center;opacity:.6}.auth-legal a{color:inherit;text-decoration:underline;text-decoration-color:var(--n-border-muted-neutral);text-underline-offset:2px}.auth-legal a:hover{color:var(--n-ink-neutral)}