.hero-mock{max-width:33rem;margin:0 auto}.tp-hero{border-radius:var(--radius-lg);background-position:50%;background-size:cover;height:9rem;position:relative;overflow:hidden}.tp-hero:after{content:"";background:linear-gradient(#0000 40%,#0000008c);position:absolute;inset:0}.tp-hero__cap{z-index:2;color:#fff;position:absolute;bottom:.7rem;left:.85rem;right:.85rem}.tp-hero__t{letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.tp-hero__m{opacity:.9;gap:.6rem;margin-top:2px;font-size:.72rem;display:flex}.tp-blocks{flex-direction:column;gap:.5rem;margin-top:.7rem;display:flex}.tp-block{border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:grab;transition:border-color var(--dur-fast),box-shadow var(--dur-fast);background:#fff;align-items:center;gap:.6rem;padding:.6rem .75rem;display:flex}.tp-block:hover{border-color:var(--accent);box-shadow:var(--shadow-xs)}.tp-block.is-drag{border-color:var(--accent);box-shadow:0 8px 22px #1111111a}.tp-block__grip{color:var(--neutral-300)}.tp-block__grip svg{width:1rem;height:1rem}.tp-block__ico{border-radius:var(--radius-sm);background:var(--accent-soft);width:1.8rem;height:1.8rem;color:var(--accent-ink);flex:none;justify-content:center;align-items:center;display:inline-flex}.tp-block__ico svg{width:.95rem;height:.95rem}.tp-block__name{color:var(--neutral-900);font-size:.82rem;font-weight:600}.gallery{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem;display:grid}.gallery i{border-radius:var(--radius-sm);background-position:50%;background-size:cover;height:5rem;display:block}.swatch-row{gap:.45rem;margin-top:.5rem;display:flex}.sw-dot{cursor:pointer;width:1.6rem;height:1.6rem;box-shadow:0 0 0 1px var(--border-subtle);border:2px solid #fff;border-radius:999px}.sw-dot.is-on{box-shadow:0 0 0 2px var(--neutral-900)}.font-row{gap:.4rem;margin-top:.5rem;display:flex}.font-chip{text-align:center;border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--fg-muted);cursor:pointer;background:#fff;flex:1;padding:.4rem;font-size:.78rem;font-weight:600}.font-chip.is-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.mocksite{border:1px solid var(--border-subtle);border-radius:var(--radius-md);position:relative;overflow:hidden}.mocksite__bar{background:var(--neutral-100);align-items:center;gap:.3rem;height:1.4rem;padding:0 .5rem;display:flex}.mocksite__bar i{background:var(--neutral-300);border-radius:999px;width:.4rem;height:.4rem}.mocksite__url{color:var(--fg-quiet);margin-left:.4rem;font-size:.55rem}.mocksite__body{padding:.7rem}.mocksite__nav{color:var(--fg-muted);align-items:center;gap:.5rem;font-size:.62rem;display:flex}.mocksite__hero{border-radius:var(--radius-sm);background-position:50%;background-size:cover;height:2.5rem;margin-top:.4rem}.ms-scrim{background:#0a0a0a52;justify-content:center;align-items:center;padding:.8rem;display:flex;position:absolute;inset:0}.ms-modal{border-radius:var(--radius-md);background:#fff;width:100%;max-width:15rem;overflow:hidden;box-shadow:0 18px 40px #11111138}.ms-modal__head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.6rem .75rem;display:flex}.ms-modal__body{padding:.7rem .75rem}.live-dot{background:var(--emerald-500);width:.5rem;height:.5rem;box-shadow:0 0 0 3px color-mix(in srgb,var(--emerald-500)22%,transparent);border-radius:999px;display:inline-block}.ms-modal .m-row__name{white-space:nowrap}.ms-modal .m-row__sub{align-items:center;gap:.25rem;display:flex}