#vibe .work-hero-tabs button{display:flex;align-items:center;gap:10px}
#vibe .play-tab-thumb{width:52px;height:36px;object-fit:cover;border-radius:5px;flex:none}
#vibe .work-hero-tabs button>span{display:none}
#vibe .live-scene{position:relative}
#vibe .live-scene iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;background:var(--paper)}
#vibe .live-scene.live-active iframe{pointer-events:auto}
#vibe .live-start,#vibe .live-stop{position:absolute;z-index:5;bottom:14px;right:14px;border:1px solid #fff8;border-radius:99px;background:#171714;color:white;padding:10px 16px;font:500 13px var(--body);cursor:pointer}
#vibe .live-scene>span{display:none}
#vibe .live-start:focus-visible,#vibe .live-stop:focus-visible{outline:3px solid var(--accent-yellow);outline-offset:3px}
@media(max-width:600px){#vibe .play-tab-thumb{width:38px;height:30px}#vibe .work-hero-tabs button{gap:6px}#vibe .live-start,#vibe .live-stop{font-size:11px;padding:8px 12px;bottom:8px;right:8px}}
/* Keep the complete 3D viewport legible inside the compact cover. */
#vibe .live-scene iframe{transform-origin:top left}
/* The cover remains visible until the embedded scene has rendered and dismissed its loader. */
#vibe .live-scene iframe{opacity:0;transition:opacity 320ms ease-out}
#vibe .live-scene.scene-ready iframe{opacity:1}
#vibe .live-scene:not(.scene-ready) .live-start{display:none}
@media(prefers-reduced-motion:reduce){#vibe .live-scene iframe{transition:none}}