.demo[data-v-2e6fc5dc]{position:relative;overflow:hidden;padding:0}.demo-glow[data-v-2e6fc5dc]{position:absolute;inset:-30%;background:var(--gradient-nebula-soft);filter:blur(70px);opacity:.9;pointer-events:none}.demo-chrome[data-v-2e6fc5dc]{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-canvas-alt)}.demo-chrome .dot[data-v-2e6fc5dc]{width:11px;height:11px;border-radius:50%;background:var(--color-border-strong)}.demo-url[data-v-2e6fc5dc]{margin-left:var(--space-4);font-size:.8125rem;color:var(--color-text-tertiary)}.demo-stage[data-v-2e6fc5dc]{position:relative;min-height:440px;padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}.demo-caption[data-v-2e6fc5dc]{text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;color:var(--color-blue)}.notif-stack[data-v-2e6fc5dc]{flex-direction:column}.notif[data-v-2e6fc5dc],.notif-stack[data-v-2e6fc5dc]{display:flex;gap:var(--space-3)}.notif[data-v-2e6fc5dc]{align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-canvas);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);max-width:420px}.notif-icon[data-v-2e6fc5dc]{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:#2489ce1a;color:var(--color-blue)}.notif-copy[data-v-2e6fc5dc]{display:flex;flex-direction:column;line-height:1.3}.notif-title[data-v-2e6fc5dc]{font-weight:600;font-size:.9375rem}.notif-body[data-v-2e6fc5dc]{font-size:.875rem;color:var(--color-text-secondary)}.notif-enter-active[data-v-2e6fc5dc]{transition:transform var(--duration-base) var(--ease-spring),opacity var(--duration-base) var(--ease-out-apple)}.notif-leave-active[data-v-2e6fc5dc]{transition:transform var(--duration-base) var(--ease-out-apple),opacity var(--duration-base) var(--ease-out-apple);position:absolute}.notif-enter-from[data-v-2e6fc5dc]{opacity:0;transform:translate(-24px) scale(.96)}.notif-leave-to[data-v-2e6fc5dc]{opacity:0;transform:translate(24px)}@media(prefers-reduced-motion:reduce){.notif-enter-active[data-v-2e6fc5dc],.notif-leave-active[data-v-2e6fc5dc]{transition:none}}