/* Eurekion preview bar on the nine demos: a slim, always-visible strip at the bottom of the screen.
   Page content is padded so the bar never covers it, and the demo's own floating buttons are lifted above it. */
:root{--eo-h:36px}
html body{padding-bottom:calc(var(--eo-h) + env(safe-area-inset-bottom))!important}
.eo-nav{position:fixed;left:0;right:0;bottom:0;z-index:2147483000;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--eo-h);padding:0 14px env(safe-area-inset-bottom);box-sizing:border-box;background:rgba(10,15,27,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.12);font:500 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.02em}
.eo-nav a,.eo-nav .eo-sample{position:static!important;display:inline-flex!important;align-items:center;gap:6px;min-height:36px;padding:0 4px!important;margin:0!important;font-size:12px!important;line-height:1!important;color:#e9edf3!important;background:none!important;border:0!important;border-radius:0!important;text-decoration:none!important;box-shadow:none!important;white-space:nowrap}
.eo-nav a:hover{color:#fff!important;text-decoration:underline!important}
.eo-nav a:focus-visible{outline:2px solid #ff8a3d;outline-offset:2px}
.eo-nav .eo-sample b{font-weight:700}
.eo-nav .eo-sample em{font-style:normal;opacity:.75;font-weight:400;display:inline!important}
@media (max-width:560px){.eo-nav .eo-sample em{display:none!important}}
.eo-orb{transition:opacity .2s ease,visibility .2s}
.eo-orb.eo-away{opacity:0!important;visibility:hidden!important;pointer-events:none!important}