.demo-header-shell[data-v-e393d394]{background:radial-gradient(circle at top left, color-mix(in srgb, var(--color-primary) 12%, transparent), transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 88%, white), var(--color-bg));border:1px solid var(--color-border);border-radius:calc(var(--radius) + .5rem);padding:1rem}.demo-header[data-v-e393d394]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.demo-header-brand[data-v-e393d394]{color:var(--color-text);letter-spacing:.04em;text-transform:uppercase;font-size:1rem;font-weight:700}.demo-header-nav[data-v-e393d394]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.demo-header-link[data-v-e393d394]{color:var(--color-text-muted);border-radius:999px;padding:.55rem .85rem;text-decoration:none;transition:background-color .18s,color .18s,box-shadow .18s}.demo-header-link[data-v-e393d394]:hover{color:var(--color-text);background-color:var(--color-surface-elevated)}.demo-header-link.is-active[data-v-e393d394]{color:var(--color-primary);background-color:color-mix(in srgb, var(--color-primary) 10%, var(--color-bg));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 22%, transparent);font-weight:600}.demo-header-note[data-v-e393d394]{color:var(--color-text-muted);margin:.875rem 0 0;font-size:.925rem;line-height:1.6}.demo-header-note code[data-v-e393d394]{background-color:var(--color-surface-elevated);border-radius:.35rem;padding:.1rem .35rem}