.pih-demo-banner{position:sticky;top:0;z-index:1200;background:var(--pop-ink,#17233b);color:#fff;padding:8px 14px;display:flex;align-items:center;justify-content:center;gap:12px;font:700 12px/1.2 Inter,system-ui,sans-serif;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.pih-demo-banner strong{font-family:Fredoka,Inter,sans-serif;font-size:14px}.pih-demo-banner .pih-demo-pill{background:var(--pop-yellow,#ffd84d);color:#17233b;border-radius:999px;padding:4px 8px}.pih-demo-banner select,.pih-demo-banner button,.pih-demo-banner a{font:inherit;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;padding:6px 10px;text-decoration:none}.pih-demo-banner button{cursor:pointer}.pih-demo-banner a:hover,.pih-demo-banner button:hover{background:rgba(255,255,255,.18)}
body.pih-demo-mode .pih-global-shell{top:38px}body.pih-demo-mode.pih-global-shell-active{padding-top:calc(var(--pop-topbar-h,76px) + 38px)}
.pih-demo-world-note{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1px dashed rgba(23,35,59,.22);border-radius:16px;background:rgba(255,216,77,.16);margin:0 0 16px}.pih-demo-world-note img{width:52px;height:52px;object-fit:contain}.pih-demo-world-note strong{display:block;font-family:Fredoka,Inter,sans-serif;font-size:1.05rem}.pih-demo-world-note small{display:block;color:var(--pop-muted,#6f7380);margin-top:2px;line-height:1.35}
.pih-poppet-person{object-fit:contain!important;border-radius:0!important;background:transparent!important}
.pih-demo-action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pih-demo-action-row button{border:0;border-radius:12px;padding:9px 12px;font-weight:800;cursor:pointer;background:var(--pop-ink,#17233b);color:white}.pih-demo-action-row button.secondary{background:var(--pop-yellow,#ffd84d);color:#17233b}
@media(max-width:760px){.pih-demo-banner{justify-content:flex-start;overflow-x:auto;padding:7px 10px}.pih-demo-banner .pih-demo-copy{display:none}body.pih-demo-mode .pih-global-shell{top:36px}}

/* Mobile Demo World uses the bottom app nav, so there is no hidden desktop
   topbar to reserve 76px for. Keep the demo controls, lose the empty forehead. */
@media(max-width:800px){body.pih-demo-mode.pih-global-shell-active{padding-top:0!important}}