.energy3d-preview{overflow:hidden;margin:0 0 20px;padding:12px 14px;background:#f6f7f0;border:1px solid #dedfd5;border-radius:12px}
.energy3d-stage{position:relative}
.energy3d-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#202321;font-size:.8rem;font-weight:750}
.energy3d-heading span:last-child{color:#66705e;font-size:.75rem;font-weight:600}
#energyBar3d{display:block;width:100%;height:210px;cursor:grab;touch-action:pan-y;outline:none}
#energyBar3d:active{cursor:grabbing}
#energyBar3d:focus-visible{outline:2px solid #809028;outline-offset:-4px;border-radius:8px}
.energy3d-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}
.energy3d-controls button{min-width:44px;min-height:40px;padding:6px 14px;border:1px solid #cad0bc;border-radius:7px;background:#fff;color:#202321;font:inherit;font-size:.78rem;font-weight:750;cursor:pointer}
.energy3d-controls #energy3dToggle{min-width:94px;background:var(--lime,#cddb49);border-color:#acba3e}
.energy3d-controls button:hover{border-color:#75804e}
.energy3d-controls button:focus-visible{outline:2px solid #687925;outline-offset:2px}
.energy3d-controls span{width:100%;text-align:center;font-size:.7rem;color:#6b7163;line-height:1.4}
.energy-3d-fallback{display:none;margin:12px auto;width:100%;height:180px;object-fit:contain;border-radius:8px}
.energy3d-stage.is-fallback #energyBar3d{display:none}
.energy3d-stage.is-fallback .energy-3d-fallback{display:block}
.energy3d-preview:has(.is-fallback) .energy3d-controls{display:none}
@media(max-width:600px){#energyBar3d{height:180px}.energy3d-preview{margin-bottom:16px}}