/**
 * @file
 * Additional playground styles for Drupal integration.
 */

/* Fullscreen playground container - used with custom HTML template */
.flowdrop-playground-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.flowdrop-playground-fullscreen main {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* Reset body styles when using fullscreen template */
body:has(.flowdrop-playground-fullscreen) {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* Legacy: Page wrapper for playground (non-fullscreen mode) */
.page-flowdrop-workflow-playground {
  height: 100vh;
  overflow: hidden;
}

.page-flowdrop-workflow-playground .layout-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.page-flowdrop-workflow-playground main {
  flex: 1;
  overflow: hidden;
}
