/* Illustration style: dark glass card, hairlines, light thin type, orange only as outline/text and a soft corner glow. */
:root{--li-sel:0}
.li-glass{position:relative;isolation:isolate;background:rgba(14,11,11,.6)!important;border:1px solid rgba(244,240,234,.16)!important;border-radius:0;overflow:hidden;color:#f4f0ea}
.li-glass::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(var(--gs,60%) calc(var(--gs,60%) * .9) at var(--gx,100%) var(--gy,0%),rgba(var(--gc,236,97,64),var(--ga,.42)),rgba(var(--gc,236,97,64),calc(var(--ga,.42) * .3)) 45%,transparent 75%),radial-gradient(80% 60% at 0% 100%,rgba(255,255,255,.04),transparent 70%)}
.li-glass *{box-shadow:none!important;text-shadow:none!important;font-weight:300}
.li-glass b,.li-glass strong,.li-glass h3,.li-glass h4{font-weight:400}
.li-line{background:transparent!important;background-image:none!important;border:1px solid var(--li-c,rgba(244,240,234,.2))!important}
.li-tx{color:var(--li-t,#f4f0ea)!important}
.li-glass img{filter:grayscale(.15) brightness(.92)}
.li-glass .sb-pulse__status,.li-glass .sb-pulse__meta{padding-inline:20px}
/* home service previews: breathing room, clean overlaps */
.sb-prev.li-glass{padding:22px;display:flex;flex-direction:column;justify-content:center}
.sb-prev.li-glass > *{width:100%}
/* overlapping layers get an opaque dark ground so lines underneath don't show through */
.li-glass .sb-webapp,.li-glass .sb-phone,.li-glass .sb-build{background:#120e0d!important}
.li-glass .sb-phone{right:-6px!important;bottom:-10px!important;transform:scale(.88);transform-origin:100% 100%}
.li-glass .sb-feed__item{background:#120e0d!important}
.li-glass .sb-webapp__rows > span{padding-block:7px}
/* websites: give the page content some shape */
.li-glass .sb-build__page{padding:14px 16px;gap:10px}
.li-glass .sb-build__cards{gap:10px}
.li-glass .sb-build__scores{border-top:1px solid rgba(244,240,234,.16)}
/* support: centre the status block */
.li-glass .sb-pulse{display:flex;flex-direction:column;justify-content:center;gap:18px;height:100%}
.li-glass .sb-pulse__status,.li-glass .sb-pulse__meta{padding-inline:4px}
.sb-prev.li-glass{justify-content:flex-start}
.sb-prev.li-glass:has(.sb-pulse){justify-content:center}
.li-glass .sb-devices{height:100%}
.li-glass .sb-build{height:100%;display:flex;flex-direction:column}
.li-glass .sb-build__page{flex:1}

/* centre every preview except the layered app mock */
.sb-prev.li-glass{justify-content:center!important;align-items:center}
.sb-prev.li-glass:has(.sb-devices){justify-content:flex-start!important}
.li-glass .sb-dsn,.li-glass .sb-cubewrap,.li-glass .sb-ar{margin-inline:auto}