/* Page shell for one replica: fills the iframe, transparent so the embedding section shows through */
html,body{margin:0;height:100%;overflow:hidden;background:transparent!important}
#app{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden}
#app.ready{visibility:visible}
sc-if,sc-for,dc-import{display:contents;border-radius:inherit}
/* the replica root is a fixed-width column (pill above bezel): shrink it to the scaled bezel; demo.js sets the vars */
#app>div{width:auto!important;gap:var(--gap,16px)!important}
#app>div>:first-child{zoom:var(--ps,1)}
#app>div>:last-child{flex:none;transform:scale(var(--s,1));transform-origin:top center;margin:0 var(--mx,0) var(--mb,0)}