/*! DOCXWebsite iPhone viewport stability. Copyright (c) 2026. */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

@supports (overflow: clip) {
  html,
  body {
    overflow-x: clip;
  }
}

img,
svg,
video,
canvas,
iframe,
.shell,
.site-header,
.topbar,
.launch-footer,
.site-footer {
  max-width: 100%;
}

@media (max-width: 560px) {
  .showcase-glow {
    width: 100%;
    max-width: 360px;
  }

  .preview-toolbar {
    min-width: 0;
    height: auto;
    min-height: 68px;
    flex-wrap: wrap;
    padding-block: 10px;
  }

  .preview-toolbar > div:nth-child(2),
  .panel,
  .workspace,
  .controls,
  .preview-panel,
  .preview-stage {
    min-width: 0;
  }

  .preview-toolbar strong,
  .preview-toolbar small {
    overflow-wrap: anywhere;
  }

  .device-toggle {
    flex: 0 0 auto;
  }

  .preview-stage {
    padding-inline: 14px;
  }

  .panel,
  .workspace,
  .controls,
  .preview-panel,
  .segmented,
  .color-row,
  .file-card,
  .cover-card,
  .toggle-row {
    max-width: 100%;
  }
}