.bp-phero__3d{position:absolute;right:12px;bottom:12px;height:34px;padding:0 12px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:7px;background:var(--action);color:var(--on-action);font:800 13px/1 var(--font-body);box-shadow:0 6px 18px color-mix(in srgb,var(--night) 22%,transparent);transition:transform .15s,opacity .15s}.bp-phero__3d svg{width:17px;height:17px;flex-shrink:0}.bp-phero__3d:hover{opacity:.9}.bp-phero__3d:active{transform:scale(.97)}.bp-m3d{display:flex;flex-direction:column;gap:14px}.bp-m3d [hidden]{display:none}.bp-m3d__stage{position:relative;aspect-ratio:16/10;max-width:100%;border-radius:var(--radius-lg);overflow:hidden;background:radial-gradient(120% 90% at 50% 20%,var(--tile),var(--field));box-shadow:inset 0 0 0 1px var(--line)}.bp-m3d__stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.bp-m3d__stage canvas:active{cursor:grabbing}.bp-m3d__start{position:absolute;inset:0;width:100%;padding:28px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.bp-m3d__poster{max-width:70%;max-height:82%;width:auto;height:auto;object-fit:contain;transition:transform .3s}.bp-m3d__start:hover .bp-m3d__poster{transform:scale(1.02)}.bp-m3d__cta{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);height:44px;padding:0 20px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:8px;background:var(--action);color:var(--on-action);font:800 15px/1 var(--font-body);white-space:nowrap;box-shadow:0 8px 22px color-mix(in srgb,var(--night) 25%,transparent)}.bp-m3d__cta svg{width:19px;height:19px;flex-shrink:0}.bp-m3d__btn:focus-visible,.bp-m3d__mark:focus-visible,.bp-m3d__start:focus-visible .bp-m3d__cta,.bp-phero__3d:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.bp-m3d__status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 16px;border-radius:var(--radius-pill);background:var(--surface);color:var(--text-soft);font-size:14px;font-weight:600;text-align:center;box-shadow:0 0 0 1px var(--line)}.bp-m3d.is-loading .bp-m3d__start{opacity:.35;pointer-events:none}.bp-m3d__tag{position:absolute;top:12px;left:12px;padding:6px 10px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 85%,transparent);color:var(--text-muted);font-size:12px;font-weight:600;pointer-events:none}.bp-m3d__ctl{position:absolute;z-index:1;left:12px;right:12px;bottom:12px;display:flex;flex-wrap:wrap;gap:8px;pointer-events:none}.bp-m3d__btn{height:36px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--ink);font:700 13px/1 var(--font-body);box-shadow:inset 0 0 0 1px var(--line-strong);cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bp-m3d__btn[aria-pressed=true]{background:var(--action);color:var(--on-action);box-shadow:none}.bp-m3d__btn svg{width:16px;height:16px;flex-shrink:0}.bp-m3d__share{position:absolute;z-index:1;top:12px;right:12px;display:flex;gap:8px}.bp-m3d__embed{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--radius-lg);background:var(--page)}.bp-m3d__label{font-size:14px;line-height:1.5;color:var(--text-soft)}.bp-m3d__code{width:100%;min-height:96px;padding:12px 14px;border:0;border-radius:12px;background:var(--surface);color:var(--ink);font:13px/1.55 var(--font-mono);resize:vertical;box-shadow:inset 0 0 0 1px var(--line-strong)}.bp-m3d__embed .bp-btn{align-self:flex-start}@media (max-width:620px){.bp-m3d__stage{aspect-ratio:4/5}.bp-m3d__poster{max-width:88%}.bp-m3d__share .bp-m3d__btn{width:36px;padding:0;justify-content:center}.bp-m3d__share .bp-m3d__btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bp-m3d__tag{max-width:calc(100% - 120px);line-height:1.3}}.bp-m3d-page{margin:0;background:var(--tile)}.bp-m3d--embed{position:fixed;inset:0;display:block}.bp-m3d--embed .bp-m3d__stage{position:absolute;inset:0;aspect-ratio:auto;border-radius:0;box-shadow:none}.bp-m3d--embed .bp-m3d__ctl{right:150px}.bp-m3d__title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bp-m3d__mark{position:absolute;right:12px;bottom:12px;height:36px;padding:0 12px;border-radius:12px;display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--surface) 90%,transparent);color:var(--ink);font:600 12px/1 var(--font-body);box-shadow:inset 0 0 0 1px var(--line)}.bp-m3d__logo{font-size:17px}