/* Embedded showcase — panel only, transparent page, no clipping */
html[data-fjs-embed='1'] {
  width: var(--fjs-embed-w, 440px);
  height: auto;
  overflow: visible;
  background: transparent !important;
  color-scheme: dark;
}

html[data-fjs-embed='1'],
html[data-fjs-embed='1'] body {
  margin: 0;
  padding: 0;
  overflow: visible;
  background: transparent !important;
  background-color: transparent !important;
}

html[data-fjs-embed='1'] body {
  width: var(--fjs-embed-w, 440px);
  height: auto;
  min-height: 0;
}

html[data-fjs-embed='1'] #app {
  position: relative;
  inset: auto;
  width: var(--fjs-embed-w, 440px);
  height: auto;
  min-height: 0;
  overflow: visible;
  pointer-events: auto;
  background: transparent !important;
  background-color: transparent !important;
}

html[data-fjs-embed='1'] .panel {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  transform: none;
  animation: none;
  width: 100%;
  max-width: var(--fjs-embed-w, 440px);
  max-height: none;
  height: fit-content;
  margin: 0;
}

html[data-fjs-embed='1'] .panel-modal {
  transform: none;
  margin: 0;
}

html[data-fjs-embed='1'] .panel-body {
  max-height: none;
  overflow-y: visible;
}

html[data-fjs-embed='1'] .panel-glow {
  display: none;
}