.cube-animation .media-open{display:flex;justify-content:center;padding:20px}
.cube-animation .media-open img{width:auto;max-width:100%;height:auto;max-height:none;object-fit:contain;image-rendering:auto}
.animation-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:12px 16px}
.animation-controls[hidden]{display:none}
.animation-controls button,.animation-controls a{font:inherit;font-size:16px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);cursor:pointer;text-decoration:none}
.animation-controls button:hover,.animation-controls a:hover{border-color:var(--purple)}
.animation-controls button:focus-visible,.animation-controls a:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
.animation-controls button[aria-pressed="true"]{border-color:var(--purple)}
@media(max-width:650px){.cube-animation .media-open{padding:8px}.animation-controls{gap:8px;padding:8px}.animation-controls button,.animation-controls a{padding:8px 12px}}