/* The supplied interface keeps its own styles inside the homepage frame. */
html.is-embedded {
  --u: 1.65px;
  overflow: hidden;
  background: #fff;
}

.is-embedded body {
  background: #fff;
}

.is-embedded .stage {
  min-height: 0;
  padding: 20px 16px 28px;
  overflow: hidden;
}

@media (max-width: 1150px) {
  html.is-embedded { --u: 1.4px; }
}

@media (max-width: 980px) {
  html.is-embedded { --u: 1.2px; }
}

@media (max-width: 850px) {
  html.is-embedded { --u: 1.1px; }
}

@media (max-width: 720px) {
  html.is-embedded { --u: 1.35px; }
  .is-embedded .stage { padding: 12px 0 20px; }
  .is-embedded .workspace { --expanded-width: 100%; }
  .is-embedded .module-list {
    width: calc(100px + (var(--expanded-width) - 100px) * (1 - var(--settings-progress, 1)));
  }
  .is-embedded .settings-scroll,
  .is-embedded .collapsed .settings-scroll {
    width: calc(var(--expanded-width) - 100px);
  }
  .is-embedded .number-control,
  .is-embedded .field-button {
    width: clamp(64px, 22vw, 85px);
  }
  .is-embedded .setting-row {
    height: auto;
    min-height: 38px;
  }
}