.LifecycleDemo-module__xBsTvW__player{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);outline:none;overflow:hidden}.LifecycleDemo-module__xBsTvW__player:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.LifecycleDemo-module__xBsTvW__topbar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.LifecycleDemo-module__xBsTvW__topLabel{text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted);margin:0;font-size:.72rem;font-weight:700}.LifecycleDemo-module__xBsTvW__toggle{background:#0000000d;border-radius:999px;gap:3px;padding:3px;display:inline-flex}.LifecycleDemo-module__xBsTvW__toggleBtn{color:var(--color-fg);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.45rem 1.1rem;font-family:inherit;font-size:.92rem;font-weight:600;transition:background .15s,color .15s}.LifecycleDemo-module__xBsTvW__toggleBtn:hover{color:var(--color-accent)}.LifecycleDemo-module__xBsTvW__toggleBtnActive,.LifecycleDemo-module__xBsTvW__toggleBtnActive:hover{background:var(--color-accent);color:var(--color-accent-ink);box-shadow:0 1px 3px #00000026}.LifecycleDemo-module__xBsTvW__toggleBtn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.LifecycleDemo-module__xBsTvW__stage{aspect-ratio:16/10;background:#111;justify-content:center;align-items:center;width:100%;max-height:62vh;display:flex;position:relative}.LifecycleDemo-module__xBsTvW__stageImg{object-fit:contain;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.LifecycleDemo-module__xBsTvW__layerBefore{opacity:1;z-index:1}.LifecycleDemo-module__xBsTvW__layerAfterHidden{opacity:0;z-index:2;pointer-events:none}.LifecycleDemo-module__xBsTvW__layerAfterShown{opacity:1;z-index:2}.LifecycleDemo-module__xBsTvW__badge{z-index:3;background:var(--color-accent);color:var(--color-accent-ink);letter-spacing:.03em;border-radius:999px;padding:.3rem .7rem;font-size:.72rem;font-weight:700;position:absolute;top:.75rem;left:.75rem;box-shadow:0 1px 4px #00000040}.LifecycleDemo-module__xBsTvW__baToggle{z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:999px;gap:3px;padding:3px;display:inline-flex;position:absolute;bottom:.75rem;right:.75rem}.LifecycleDemo-module__xBsTvW__baBtn{color:#f3f3f3;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.3rem .8rem;font-family:inherit;font-size:.78rem;font-weight:600}.LifecycleDemo-module__xBsTvW__baBtnActive{background:var(--color-accent);color:var(--color-accent-ink)}.LifecycleDemo-module__xBsTvW__baBtn:focus-visible{outline-offset:1px;outline:2px solid #fff}.LifecycleDemo-module__xBsTvW__caption{padding:1.25rem 1.25rem .5rem}.LifecycleDemo-module__xBsTvW__captionTitle{color:var(--color-fg);letter-spacing:-.02em;margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.LifecycleDemo-module__xBsTvW__captionBody{color:var(--color-charcoal);max-width:62ch;margin:0;font-size:1.02rem}.LifecycleDemo-module__xBsTvW__disclaimer{color:var(--color-muted);margin:.85rem 0 0;font-size:.8rem}.LifecycleDemo-module__xBsTvW__controls{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;padding:1rem 1.25rem 1.25rem;display:flex}.LifecycleDemo-module__xBsTvW__buttons{align-items:center;gap:.6rem;display:flex}.LifecycleDemo-module__xBsTvW__ctrlBtn{border:1px solid var(--color-border);background:var(--color-surface);width:2.9rem;height:2.9rem;color:var(--color-fg);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:border-color .15s,background .15s,filter .15s;display:inline-flex}.LifecycleDemo-module__xBsTvW__ctrlBtn:hover:not(:disabled){border-color:var(--color-muted)}.LifecycleDemo-module__xBsTvW__ctrlBtn:disabled{opacity:.4;cursor:default}.LifecycleDemo-module__xBsTvW__ctrlBtn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.LifecycleDemo-module__xBsTvW__ctrlBtn svg{fill:currentColor;width:1.15rem;height:1.15rem}.LifecycleDemo-module__xBsTvW__playBtn{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.LifecycleDemo-module__xBsTvW__playBtn:hover:not(:disabled){filter:brightness(.95);border-color:var(--color-accent)}.LifecycleDemo-module__xBsTvW__scrubber{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.LifecycleDemo-module__xBsTvW__dots{background:0 0;border:none;gap:.45rem;margin:0;padding:0;display:flex}.LifecycleDemo-module__xBsTvW__dot{background:var(--color-dust-grey);cursor:pointer;border:none;border-radius:999px;width:.7rem;height:.7rem;padding:0;transition:background .15s,transform .15s}.LifecycleDemo-module__xBsTvW__dot:hover{background:var(--color-muted)}.LifecycleDemo-module__xBsTvW__dotActive,.LifecycleDemo-module__xBsTvW__dotActive:hover{background:var(--color-accent);transform:scale(1.15)}.LifecycleDemo-module__xBsTvW__dotDone{background:#f6b48a}.LifecycleDemo-module__xBsTvW__dot:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.LifecycleDemo-module__xBsTvW__counter{color:var(--color-muted);white-space:nowrap;font-size:1rem;font-weight:600}@media (max-width:640px){.LifecycleDemo-module__xBsTvW__stage{aspect-ratio:4/3;max-height:none}.LifecycleDemo-module__xBsTvW__captionTitle{font-size:1.2rem}.LifecycleDemo-module__xBsTvW__controls{justify-content:center}.LifecycleDemo-module__xBsTvW__counter{text-align:center;width:100%}}