/* Хост: рамка нужной ширины вокруг одного и того же макета (view.html). */
.stage {
  display: flex; justify-content: center;
  padding: var(--sp-5) var(--sp-3) var(--sp-7);
}
.device {
  position: relative; overflow: hidden;
  background: var(--c-surface);
  border: 1px solid var(--c-border-ui);
  border-radius: var(--r-3);
  box-shadow: var(--shadow-2);
}
.device iframe {
  display: block; border: 0;
  width: var(--frame-w); height: var(--frame-h);
  transform: scale(var(--scale, 1)); transform-origin: top left;
  background: var(--c-bg);
}
.device[data-view="pc"] { --frame-w: var(--frame-pc-w); --frame-h: var(--frame-pc-h); }
.device[data-view="phone"] { --frame-w: var(--frame-phone-w); --frame-h: var(--frame-phone-h); }
.device { width: calc(var(--frame-w) * var(--scale, 1)); height: calc(var(--frame-h) * var(--scale, 1)); }