.dev-shell-viewport-root{pointer-events:none;background:radial-gradient(120% 90% at 50% -20%, color-mix(in oklch, var(--primary), transparent 88%) 0%, transparent 55%), linear-gradient(180deg, #e8ebf1 0%, #d3d8e0 100%)}@supports (color:lab(0% 0 0)){.dev-shell-viewport-root{background:radial-gradient(120% 90% at 50% -20%, color-mix(in oklch, var(--primary), transparent 88%) 0%, transparent 55%), linear-gradient(180deg, lab(93.009% -.279129 -3.01296) 0%, lab(86.0325% -.400245 -4.50898) 100%)}}.dark .dev-shell-viewport-root{background:radial-gradient(120% 90% at 50% -20%, color-mix(in oklch, var(--primary), transparent 92%) 0%, transparent 55%), linear-gradient(180deg, #0f1217 0%, #04060b 100%)}@supports (color:lab(0% 0 0)){.dark .dev-shell-viewport-root{background:radial-gradient(120% 90% at 50% -20%, color-mix(in oklch, var(--primary), transparent 92%) 0%, transparent 55%), linear-gradient(180deg, lab(5.22377% -.153027 -3.75155) 0%, lab(1.53098% .00981242 -2.24648) 100%)}}.dev-shell-viewport-frame{pointer-events:auto;isolation:isolate;position:relative;transform:translateZ(0)}.dev-shell-viewport-frame .h-dvh,.dev-shell-viewport-frame .min-h-dvh{height:100%!important;min-height:100%!important}.dev-shell-viewport-frame--mobile{width:var(--dev-shell-mobile-width,390px);height:min(var(--dev-shell-mobile-height,844px), calc(100dvh - 5rem));--mws-safe-top:47px;--mws-safe-bottom:34px}