.DemoFrame_frame__TbL0I{position:relative;border:1px solid var(--line);background:linear-gradient(168deg,rgba(27,42,74,.72),rgba(17,29,52,.55));padding:.75rem}.DemoFrame_frameMobile___KYj_{max-width:280px;margin-inline:auto}.DemoFrame_chrome__PCs3g{display:flex;align-items:center;gap:.45rem;padding:0 .35rem .7rem}.DemoFrame_dot__DMXcv{width:9px;height:9px;background:var(--line);flex:none}.DemoFrame_url__B9vtS{margin-left:.6rem;font-family:var(--font-mono);font-size:.7rem;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DemoFrame_screen__F0miM{position:relative;width:100%;aspect-ratio:16/10;background:var(--ink-deep);overflow:hidden}.DemoFrame_screenMobile__i6Uuh{max-width:100%}.DemoFrame_shot__DHhnN{width:100%;height:100%;object-fit:cover;object-position:top center}.DemoFrame_canvas__PjhAB{position:absolute;top:0;left:0;transform-origin:top left}.DemoFrame_live__4RN_V{display:block;border:0}.DemoFrame_play__S6Wfw{position:absolute;inset:0;display:grid;place-content:center;grid-gap:.7rem;gap:.7rem;justify-items:center;background:rgba(10,18,32,.55);border:0;color:var(--white);cursor:pointer;font-family:var(--font-body);transition:background .25s var(--ease)}.DemoFrame_play__S6Wfw:hover{background:rgba(10,18,32,.35)}.DemoFrame_playMark__NoMSs{width:54px;height:54px;display:grid;place-items:center;background:var(--flare);color:var(--on-flare)}.DemoFrame_playLabel__eUUWu{font-size:.88rem;font-weight:500}.DemoFrame_modeSwitch__l438m{display:flex;justify-content:center;gap:.5rem;padding:.8rem .75rem .2rem}.DemoFrame_modeBtn__xM_Ar{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--line);background:transparent;color:var(--dim);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.04em;padding:.45rem .8rem;cursor:pointer;transition:color .25s var(--ease),border-color .25s var(--ease)}.DemoFrame_modeBtn__xM_Ar:hover{color:var(--white);border-color:var(--line-hover)}.DemoFrame_modeOn__mrnAe{color:var(--flare);border-color:var(--flare)}.DemoFrame_actions__0hkjc{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.2rem}.DemoFrame_caption__4pn_f{margin-top:.9rem;font-family:var(--font-mono);font-size:.72rem;color:var(--dim)}@media (prefers-reduced-motion:reduce){.DemoFrame_modeBtn__xM_Ar,.DemoFrame_play__S6Wfw{transition:none}}