.bp-cn-mock{width:100%;max-width:320px;font-family:var(--kb-font-sans);-webkit-font-smoothing:antialiased}.bp-cn-mock-room{background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 18px 40px -10px rgba(0,0,0,0.32),0 1px 0 rgba(255,255,255,0.5) inset}.bp-cn-room-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.bp-cn-room-title{font-size:12px;font-weight:700;color:#0f1115}.bp-cn-room-live{font-size:9px;font-weight:700;color:#0e5b50;background:rgba(44,178,101,0.12);padding:2px 7px;border-radius:999px;letter-spacing:0.05em;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px}.bp-cn-room-live::before{content:"";width:5px;height:5px;border-radius:50%;background:#2cb265}.bp-cn-room-pin{padding:9px 11px;background:rgba(168,109,10,0.08);border-radius:6px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.bp-cn-room-pin-label{font-size:9px;font-weight:700;color:#a86d0a;text-transform:uppercase;letter-spacing:0.05em}.bp-cn-room-pin-val{font-size:14px;font-weight:700;color:#0f1115;font-variant-numeric:tabular-nums;letter-spacing:0.05em}.bp-cn-room-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.bp-cn-room-participant{aspect-ratio:1;border-radius:6px;background:#f6f7f9;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;position:relative}.bp-cn-room-participant--1{background:linear-gradient(135deg,#ff8a14 0%,#b66200 100%)}.bp-cn-room-participant--2{background:linear-gradient(135deg,#5fd9c6 0%,#0e5b50 100%)}.bp-cn-room-participant--3{background:linear-gradient(135deg,#b39cf2 0%,#5a3eb0 100%)}.bp-cn-room-participant--4{background:linear-gradient(135deg,#6da7f0 0%,#1e58a5 100%)}.bp-cn-room-participant--5{background:linear-gradient(135deg,#f594a8 0%,#9a2241 100%)}.bp-cn-room-participant--6{background:linear-gradient(135deg,#ffd35a 0%,#a86d0a 100%)}.bp-cn-room-participant-muted::after{content:"";position:absolute;bottom:4px;right:4px;width:14px;height:14px;border-radius:50%;background:#c0392b;box-shadow:0 0 0 2px #fff}.bp-cn-room-controls{display:flex;gap:5px}.bp-cn-room-btn{flex:1;padding:7px 4px;border-radius:6px;background:#f5f6f7;color:#4a5060;font-size:9px;font-weight:700;text-align:center;letter-spacing:0.02em}.bp-cn-room-btn--rec{background:#c0392b;color:#fff}.bp-cn-prehero-strip{padding:32px 0 0}.bp-cn-prehero-strip-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}.bp-cn-prehero-stat{font-size:var(--kb-text-base);color:var(--kb-color-text-subtle);line-height:1.55;letter-spacing:-0.005em;max-width:56ch}.bp-cn-prehero-stat strong{color:var(--kb-color-text);font-weight:600}@media (max-width:880px){.bp-cn-prehero-strip-inner{grid-template-columns:1fr;gap:24px}}.bp-cn-hero-actions{display:inline-flex;gap:12px;flex-wrap:wrap;margin-top:var(--kb-space-7)}.bp-cn-hero-trust{margin-top:20px;display:flex;align-items:center}