/* Presentation-only view used by the public gallery. */
html.showcase-root,
html.showcase-root body.showcase-card { background: #121416 !important; }
body.showcase-card .topbar,
body.showcase-card .intro,
body.showcase-card footer,
body.showcase-card .object-label,
body.showcase-card .controls,
body.showcase-card #hint,
body.showcase-card .finishes,
body.showcase-card #toast { display: none !important; }
body.showcase-card main,
body.showcase-card .studio {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
}
body.showcase-card .studio::before { inset: 7% 5% !important; }
body.showcase-card #stage,
body.showcase-card.embed #stage,
body.showcase-card.mobile-model #stage,
body.showcase-card.mobile-model.embed #stage {
  inset: 10% 9% 12% !important;
  cursor: grab !important;
  touch-action: none !important;
}
body.showcase-card #stage:active { cursor: grabbing !important; }
body.showcase-card .business-screen .showcase-lock-screen {
  position: absolute;
  inset: 0;
  z-index: 500;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
  transition: opacity 90ms linear;
  will-change: opacity;
}
body.showcase-card .business-screen .showcase-lock-screen .boot-lock {
  visibility: visible !important;
  transform: none !important;
  opacity: 1 !important;
}
body.showcase-card .business-screen > .boot-overlay { display: none !important; }
body.showcase-card .business-screen .boot-power-on,
body.showcase-card .business-screen .boot-swipe-hint,
body.showcase-card .business-screen .boot-countdown { display: none !important; }
body.showcase-card .business-screen > #os-content,
body.showcase-card .business-screen > .statusbar,
body.showcase-card .business-screen > .homebar,
body.showcase-card .business-screen > .motion-toggle,
body.showcase-card .business-screen > .os-status-button {
  display: none !important;
  pointer-events: none !important;
}
body.showcase-card .screen,
body.showcase-card .screen.interactive { pointer-events: none !important; }

@media (max-width: 760px) {
  body.showcase-card #stage,
  body.showcase-card.embed #stage,
  body.showcase-card.mobile-model #stage,
  body.showcase-card.mobile-model.embed #stage {
    inset: 9% 7% 11% !important;
  }
}

/* All cards: free-standing dock icons, matching Ivi. Preserve hit areas and spacing. */
html body .business-screen.screen[data-app] .card-home .os-dock,
html body .business-screen.screen[data-app] .generated-dock {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}