.scene-host{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}.scene-host.is-paused *,.scene-host.is-paused *:before,.scene-host.is-paused *:after{animation-play-state:paused!important}.scene-poster{position:relative;flex:1;display:grid;place-items:center;min-height:260px;margin-top:18px;border-radius:var(--radius-m);overflow:hidden}.scene-poster-art{position:absolute;inset:0}.scene-poster-art>svg,.scene-poster-art>img{width:100%;height:100%;display:block;object-fit:cover}.scene-play{position:relative;display:inline-flex;align-items:center;gap:12px;min-height:56px;padding-block:8px;padding-inline:8px 22px;line-height:1.2;text-align:start;border-radius:999px;background:var(--ink);color:var(--paper);font-weight:600;font-size:15px;box-shadow:0 14px 30px -14px #16151a99;transition:transform .4s var(--spring)}.scene-play:hover{transform:scale(1.05)}.scene-play:active{transform:scale(.96)}.scene-play-dot{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent, var(--sun));color:var(--ink)}.scene-play:not(:has(.scene-play-dot)){padding-inline:22px}.scene-status{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 18px;border-radius:999px;background:#fffdf9eb;font-size:14px;font-weight:600;box-shadow:var(--shadow-s)}.scene-spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--ink);animation:scene-spin .8s linear infinite}@keyframes scene-spin{to{transform:rotate(360deg)}}