.rd-page{--rd-device-edge:#040608;--rd-device-rim:#2a2d31;--rd-device-shadow:#311d0357;--rd-image-brightness:.92;--rd-image-contrast:1.1;isolation:isolate;background:var(--background);min-height:calc(100vh - 64px);position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.rd-page{--rd-device-edge:lab(1.5563% -.245102 -1.05201);--rd-device-rim:lab(18.1767% -.646561 -3.12806);--rd-device-shadow:lab(12.8971% 8.05341 18.0664/.34)}}.dark .rd-page{--rd-device-edge:#000101;--rd-device-rim:#101419;--rd-device-shadow:#0000008f}@supports (color:lab(0% 0 0)){.dark .rd-page{--rd-device-edge:lab(.148201% -.00865012 -.183579);--rd-device-rim:lab(6.06936% -.639156 -3.99894);--rd-device-shadow:lab(0% 0 0/.56)}}.rd-stage{place-items:center;width:100%;min-height:calc(100vh - 64px);padding:clamp(18px,4vw,42px);display:grid}.rd-phone{aspect-ratio:390/844;background:linear-gradient(145deg,var(--rd-device-rim),var(--rd-device-edge)34%,black),var(--rd-device-edge);width:min(405px,100vw - 42px,46.2085vh - 68.3886px);box-shadow:0 62px 140px -58px var(--rd-device-shadow),0 36px 86px -42px #000000c7,0 14px 32px -18px #000000b3,inset 0 0 0 1px #ffffff14,inset 0 0 0 8px #0000009e;border-radius:56px;place-items:center;padding:14px;display:grid;position:relative}.rd-phone:before{content:"";z-index:3;pointer-events:none;background:#020304eb;border-radius:0 0 18px 18px;width:34%;height:28px;position:absolute;top:13px;left:50%;transform:translate(-50%);box-shadow:inset 0 -1px #ffffff14}.rd-screen{cursor:crosshair;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#010204;background:lab(.456965% -.114113 -.777918);border-radius:43px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 30px #0000007a}.rd-image,.rd-three-canvas{width:100%;height:100%;position:absolute;inset:0}.rd-image{z-index:0;object-fit:cover;filter:brightness(var(--rd-image-brightness))contrast(var(--rd-image-contrast));pointer-events:none;transition:filter .24s cubic-bezier(.22,1,.36,1),opacity .24s cubic-bezier(.22,1,.36,1);display:block;transform:translateZ(0)scale(1.002)}.rd-three-canvas{z-index:1;pointer-events:none;filter:blur();transition:opacity .22s cubic-bezier(.22,1,.36,1),filter .22s cubic-bezier(.22,1,.36,1);display:block}.rd-debug-pane{z-index:70;width:min(330px,100vw - 32px);max-height:calc(100vh - 96px);position:fixed;top:76px;right:16px;overflow:auto}.rd-debug-pane .tp-dfwv{width:100%}@media (max-width:767px){.rd-page,.rd-stage{min-height:calc(100svh - 64px)}.rd-stage{place-items:stretch stretch;padding:0}.rd-phone{aspect-ratio:auto;width:100%;height:calc(100svh - 64px);box-shadow:none;background:0 0;border-radius:0;padding:0}.rd-phone:before{display:none}.rd-screen{box-shadow:none;border-radius:0}.rd-debug-pane{width:min(318px,100vw - 20px);max-height:38px;transition:max-height .26s cubic-bezier(.22,1,.36,1),filter .26s cubic-bezier(.22,1,.36,1),opacity .26s cubic-bezier(.22,1,.36,1);top:72px;right:10px;overflow:hidden}.rd-debug-pane:hover,.rd-debug-pane:focus-within{max-height:calc(100svh - 86px);overflow:auto}}@media (prefers-reduced-motion:reduce){.rd-image,.rd-three-canvas{transition-duration:1ms}}