/* Hero-only adaptation for the supplied HachiAI workflow recordings. */
html[data-embed] {
  color-scheme: dark;
  --font-family-display: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-family-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

html[data-embed],
html[data-embed] body {
  width: 100%;
  min-height: 0;
  background: transparent !important;
}

html[data-embed] body {
  overflow: hidden;
}

.demo-shell[data-embed] {
  width: 100%;
  min-height: 0;
  padding: 0;
  margin: 0;
}

.demo-shell[data-embed] .demo-header,
.demo-shell[data-embed] .mock-workspace > .action-panel {
  display: none !important;
}

.demo-shell[data-embed] .recording-window {
  padding: 0 !important;
}

.demo-shell[data-embed] .mock-workspace {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}

.demo-shell[data-embed] .screen-canvas {
  min-height: 560px;
}

.demo-shell[data-bare] .recording-card {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
  html[data-embed] *,
  html[data-embed] *::before,
  html[data-embed] *::after {
    scroll-behavior: auto !important;
  }
}