html.renderer-embed,
html.renderer-embed body.renderer-page {
  min-width: 0;
  background: #fff;
}

html.renderer-embed .ambient,
html.renderer-embed .site-header,
html.renderer-embed .category-sidebar,
html.renderer-embed main.shell > footer,
html.renderer-embed body > dialog {
  display: none !important;
}

html.renderer-embed .page-layout {
  display: block;
  min-height: 0;
}

html.renderer-embed main.shell {
  width: min(1320px, calc(100% - 64px));
  max-width: 1320px;
  min-width: 0;
  margin: 0 auto;
  padding: 24px 0 36px;
}

html.renderer-embed main.shell > .hero {
  padding-top: 0;
}

html.renderer-embed .workspace {
  grid-template-columns: minmax(150px, 3fr) minmax(420px, 2fr);
  gap: clamp(12px, 1.8vw, 24px);
}

html.renderer-embed .template-panel,
html.renderer-embed .control-panel {
  min-width: 0;
}

@media (max-width: 650px) {
  html.renderer-embed main.shell {
    width: calc(100% - 16px);
    padding: 12px 0 24px;
  }

  html.renderer-embed .workspace {
    grid-template-columns: minmax(96px, .72fr) minmax(280px, 1.28fr);
    gap: 8px;
  }

  html.renderer-embed .workspace > .panel {
    padding: 12px;
  }

  html.renderer-embed .guide-title {
    margin-bottom: 12px;
    font-size: 15px;
  }
}

@container slot-panel (max-width: 330px) {
  html.renderer-embed .slots-container {
    overflow-x: hidden;
  }

  html.renderer-embed .product-surface-row {
    grid-template-columns: minmax(0, 1fr);
  }

  html.renderer-embed .product-surface-name,
  html.renderer-embed .product-surface-resolution,
  html.renderer-embed .product-surface-guide,
  html.renderer-embed .product-surface-upload {
    grid-column: 1;
    grid-row: auto;
  }

  html.renderer-embed .product-surface-guide {
    justify-content: flex-start;
  }

  html.renderer-embed .slot-upload.product-surface-upload {
    min-width: 0;
  }
}