body { font-family: system-ui, sans-serif; color: #222; background: #fff; max-width: 52rem; margin: 2rem auto; padding: 0 1rem; line-height: 1.4; }
.frame { margin: 2rem 0; }
.device { background: #ddd; border: 2px solid #777; border-radius: 6px; padding: 1rem; }
.desktop { max-width: 36rem; }
.phone { max-width: 16rem; }
.chat { max-width: 30rem; background: #eee; }
.el { background: #f5f5f5; border: 1px solid #888; padding: .4rem .6rem; margin: .4rem 0; }
.button { background: #bbb; }
.title { font-weight: 600; margin: 0 0 .6rem; }
.photo { width: 4rem; height: 4rem; background: #aaa; border: 1px solid #888; margin: .4rem 0; }
figcaption { margin-top: .6rem; color: #333; }