.device-frame{--rene-stage-width:1440px;--rene-stage-height:810px;--rene-visible-left:0px;--rene-visible-top:0px;--rene-visible-width:1440px;--rene-visible-height:810px;width:var(--rene-frame-width,100%);min-width:1440px;height:var(--rene-frame-height,max(810px,100dvh));background:var(--bg,#faf9f6);place-items:center;min-height:810px;display:grid}.device-stage{width:var(--rene-stage-width);height:var(--rene-stage-height);background:var(--bg,#faf9f6);outline:1px solid var(--line,#ede8f2);position:relative;overflow:hidden;transform:translateZ(0);container:rene-stage/inline-size}.device-stage-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;width:100%;height:100%;position:relative;overflow:auto}.device-stage-scroll[data-scroll-locked=true]{overflow:hidden}.device-app-content{width:100%;min-width:0;min-height:100%}.device-stage .rene-app{min-height:var(--rene-stage-height)}.device-stage .modal-backdrop,.device-stage .marketplace-popup-scrim{inset:auto;left:var(--rene-visible-left);top:var(--rene-visible-top);width:var(--rene-visible-width);height:var(--rene-visible-height)}.device-stage div[role=presentation]:has(#rene-pwa-title){inset:auto;left:var(--rene-visible-left);top:var(--rene-visible-top);width:var(--rene-visible-width);height:var(--rene-visible-height)}.device-stage .modal,.device-stage .marketplace-popup,.device-stage [role=dialog],.device-stage [role=alertdialog]:not(.device-rotation-warning){max-height:calc(var(--rene-visible-height) - max(25px,env(safe-area-inset-top)) - max(25px,env(safe-area-inset-bottom)))!important}.device-rotation-warning{left:var(--rene-visible-left);top:var(--rene-visible-top);width:var(--rene-visible-width);height:var(--rene-visible-height);z-index:1000;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:var(--bg,#faf9f6);color:var(--ink,#302b3b);text-align:center;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;overflow:auto}.device-rotation-warning[hidden]{display:none}.device-rotation-warning h2{font-size:clamp(22px,4cqi,28px);line-height:1.3}.device-rotation-warning p{color:#75647f;max-width:32ch;line-height:1.6}.device-rotation-phone{color:var(--purple,#7954bd);flex-shrink:0;animation:2.8s cubic-bezier(.2,.7,.2,1) infinite rene-turn-upright}@keyframes rene-turn-upright{0%,20%{transform:rotate(-90deg)}65%,to{transform:rotate(0)}}@media (pointer:coarse){.device-frame[data-device=pending]{--rene-stage-width:min(430px,100vw);--rene-stage-height:100dvh;--rene-visible-width:var(--rene-stage-width);--rene-visible-height:var(--rene-stage-height);place-items:start;min-width:0;min-height:100dvh;display:block}.device-frame[data-device=pending] .device-stage{margin-left:0}}.device-frame[data-device=phone]{place-items:start;width:100%;min-width:0;max-width:100%;min-height:0;display:block}.device-frame[data-device=phone] .device-stage{margin-left:var(--rene-stage-left,0px);margin-top:var(--rene-stage-top,0px);place-self:start;max-width:100%}@media (pointer:coarse) and (horizontal-viewport-segments:2),(pointer:coarse) and (vertical-viewport-segments:2){.device-frame[data-device=pending]{--rene-stage-width:min(430px,env(viewport-segment-width 0 0,100vw));--rene-stage-height:env(viewport-segment-height 0 0,100dvh)}.device-frame[data-device=pending] .device-stage{margin-left:env(viewport-segment-left 0 0,0px);margin-top:env(viewport-segment-top 0 0,0px)}}@media (prefers-reduced-motion:reduce){.device-rotation-phone{animation:none;transform:none}.device-stage-scroll{scroll-behavior:auto}}