/*
 * Icon-only placeholder mockups (no in-page window chrome).
 * When loaded in the shell mockup viewport, the host frame adds the shared
 * title strip (red / yellow / green). The red control closes the mockup for
 * every page shown in that iframe—no per-mockup markup required.
 */
* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  height: 100%;
}
.blank-mockup {
  min-height: 100%;
  min-height: 100dvh;
  display: grid;
  place-items: center;
  background: #f2f2f2;
}
.blank-mockup__icon {
  width: clamp(44px, 11vw, 64px);
  height: clamp(44px, 11vw, 64px);
  color: #bdbdbd;
}
.blank-mockup__icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.blank-mockup__icon path {
  fill: currentColor;
}