.demo-banner{z-index:100;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg, var(--gr-accent-ink) 0%, var(--gr-accent) 100%);color:#fff;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #6366f14d}.demo-banner-content{align-items:center;gap:var(--space-3);flex:1;display:flex}.demo-banner-icon{opacity:.9;flex-shrink:0;width:24px;height:24px}.demo-banner-text{font-size:var(--text-sm);margin:0;line-height:1.4}.demo-banner-text strong{font-weight:600}.demo-banner-subtext{margin-left:var(--space-2);opacity:.9}.demo-banner-cta{padding:var(--space-2) var(--space-4);color:var(--gr-accent-ink);font-size:var(--text-sm);border-radius:var(--radius-md);background:#fff;flex-shrink:0;font-weight:600;text-decoration:none;transition:all .15s}.demo-banner-cta:hover{background:var(--gr-bg-elev);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.demo-banner-dismiss{width:32px;height:32px;margin-left:var(--space-3);border-radius:var(--radius-full);color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .15s,background .15s;display:flex}.demo-banner-dismiss:hover{opacity:1;background:#ffffff26}.demo-banner-dismiss-icon{width:20px;height:20px}@media (max-width:640px){.demo-banner{gap:var(--space-3);padding:var(--space-3);flex-direction:column}.demo-banner-content{text-align:center;flex-direction:column}.demo-banner-subtext{margin-left:0;margin-top:var(--space-1);display:block}.demo-banner-dismiss{top:var(--space-2);right:var(--space-2);margin:0;position:absolute}}[data-theme=dark] .demo-banner{background:linear-gradient(135deg, var(--gr-accent-ink) 0%, var(--gr-accent) 100%)}[data-theme=dark] .demo-banner-cta{color:var(--gr-accent-ink);background:#fffffff2}[data-theme=dark] .demo-banner-cta:hover{background:#fff}