.mpb{width:100%}.mpb .mpb-screen{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:10px;border:6px solid #111113;background:#0b1122;box-sizing:content-box;box-shadow:0 1px #ffffff1f inset,0 20px 40px -12px #0d2b2a66,0 50px 80px -30px #0d2b2a59}.mpb .mpb-screen iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;pointer-events:none}.mpb .mpb-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:26px}.mpb .mpb-styles{display:inline-flex;gap:2px;padding:3px;border-radius:100px;background:var(--bg-elevated);border:1px solid var(--glass-border)}.mpb .mpb-style{padding:6px 12px;border:0;border-radius:100px;background:none;font:inherit;font-size:12px;font-weight:700;color:var(--text-muted);cursor:pointer;transition:background .2s ease,color .2s ease}.mpb .mpb-style:hover{color:var(--text-primary)}.mpb .mpb-style.is-on{background:#00c5a824;color:#007e6a}.dark .mpb .mpb-style.is-on{color:#00c5a8}.mpb .mpb-style:focus-visible,.mpb .mpb-more:focus-visible{outline:2px solid #00C5A8;outline-offset:2px}.mpb .mpb-more{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;color:#007e6a;text-decoration:none;white-space:nowrap}.dark .mpb .mpb-more{color:#00c5a8}.mpb .mpb-more svg{transition:transform .15s ease}.mpb .mpb-more:hover svg{transform:translate(2px)}.dark .mpb .mpb-screen{border-color:#1c1c1f;box-shadow:0 0 0 1px #ffffff14,0 20px 40px -12px #0009}