.ry-native-demo-ribbon {
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 16px;
  background:var(--sh-soft,#eee8fc);color:var(--sh-ink,#1e192c);
  border-block-end:1px solid var(--sh-border,#e6e0eb);padding:8px 16px;
  text-align:center;font-size:14px;
}
.ry-native-demo-ribbon a {
  display:inline-flex;align-items:center;min-height:40px;padding-inline:10px;border-radius:8px;
  color:var(--sh-primary,#5a36ca);text-decoration:underline;text-underline-offset:4px;
}
.ry-native-demo-ribbon .ry-native-demo-admin {
  background:var(--sh-primary,#5a36ca);color:var(--sh-on-primary,#fff);text-decoration:none;font-weight:700;
}
html[data-native-showcase=admin] .ry-native-demo-ribbon {position:relative;z-index:99}
html[data-native-showcase=admin] :is(button[disabled],input[disabled],textarea[disabled],select[disabled]) {cursor:not-allowed}