.bb-animated-object { position: absolute; box-sizing: border-box; overflow: visible; pointer-events: none !important; background: transparent; border: 0; box-shadow: none; }
.bb-animated-object[data-object-phase="hidden"], .bb-animated-object[data-object-phase="waiting"], .bb-animated-object[data-object-phase="error"] { visibility: hidden; }
.bb-object-entry, .bb-object-idle { inline-size: 100%; block-size: 100%; transform-origin: center; }
.bb-animated-object[data-object-motion="drive"] .bb-object-entry,
.bb-animated-object[data-object-motion="impact"] .bb-object-entry { transform-origin: 50% var(--bb-object-contact, 90%); }
.bb-animated-object[data-object-motion="drive"] .bb-object-idle,
.bb-animated-object[data-object-motion="impact"] .bb-object-idle,
.bb-animated-object[data-object-motion="grounded"] .bb-object-idle { position: relative; isolation: isolate; }
.bb-animated-object[data-object-motion="drive"] .bb-object-idle::before,
.bb-animated-object[data-object-motion="impact"] .bb-object-idle::before,
.bb-animated-object[data-object-motion="grounded"] .bb-object-idle::before { content: ""; position: absolute; left: 9%; top: calc(var(--bb-object-contact, 90%) - 2%); width: 82%; height: 6%; border-radius: 50%; background: radial-gradient(ellipse, rgb(0 0 0 / .65), transparent 72%); filter: blur(2px); z-index: -1; pointer-events: none; }
.bb-animated-object .bb-object-idle > img { display: block; inline-size: 100%; block-size: 100%; object-fit: contain; pointer-events: none; user-select: none; }
.bb-object-preview-stage { position: relative; inline-size: 100%; max-inline-size: 340px; margin-inline: auto; overflow: hidden; isolation: isolate; background: repeating-conic-gradient(#edf0f3 0% 25%, #fff 0% 50%) 0 0 / 18px 18px; border: 1px solid #8c97a5; border-radius: 6px; }
.bb-object-preview-page { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: fill; opacity: .65; }
.bb-object-preview-spine { position: absolute; inset-block: 0; inline-size: 5px; background: #77603b; z-index: 2; }
.bb-object-preview-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-block: 10px; }
.bb-object-preview-actions button, .bb-object-fields input, .bb-object-fields select { min-block-size: 44px; }
.bb-object-preview-actions button:focus-visible { outline: 3px solid #2256af; outline-offset: 2px; }
.bb-object-preview-status { min-block-size: 1.7em; }
.editor-object-art { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: contain; pointer-events: none; }
.bb-animated-object .bb-walk-part { display: none !important; position: absolute; inset: 0; }
.bb-animated-object[data-object-motion="walk"] .bb-object-idle { position: relative; }
.bb-animated-object[data-object-motion="walk"][data-object-phase="entering"] .bb-object-idle > img:first-child { visibility: hidden; }
.bb-animated-object[data-object-motion="walk"][data-object-phase="entering"] .bb-walk-part { display: block !important; }
.bb-walk-body { clip-path: polygon(0 0,100% 0,100% 32%,76% 32%,69% 66%,31% 66%,24% 32%,0 32%); }
.bb-walk-left-arm { clip-path: polygon(0 32%,24% 32%,31% 66%,26% 74%,0 74%); transform-origin: 24% 34%; }
.bb-walk-right-arm { clip-path: polygon(76% 32%,100% 32%,100% 74%,74% 74%,69% 66%); transform-origin: 76% 34%; }
.bb-walk-left-leg { clip-path: polygon(0 66%,50% 66%,50% 100%,0 100%); transform-origin: 39% 66%; }
.bb-walk-right-leg { clip-path: polygon(50% 66%,100% 66%,100% 100%,50% 100%); transform-origin: 61% 66%; }
@media (prefers-reduced-motion: reduce) {
    .bb-animated-object[data-object-motion="walk"][data-object-phase="entering"] .bb-object-idle > img:first-child { visibility: visible; }
    .bb-animated-object[data-object-motion="walk"][data-object-phase="entering"] .bb-walk-part { display: none !important; }
}
@media (prefers-reduced-motion: reduce) { .bb-object-entry, .bb-object-idle { transform: none !important; opacity: 1 !important; } }