.preview-frame.svelte-huyr0l{container-type:inline-size}.preview-app.svelte-huyr0l{font-size:.9rem}.phone-demo.svelte-11wz9hp{width:min(100%,21.5rem)}.phone-demo--panel.svelte-11wz9hp{width:min(100%,22.5rem)}.phone-shell.svelte-11wz9hp{aspect-ratio:390/743;background:linear-gradient(155deg,#47474b 0%,#302f33 30%,#1a1a1c 62%,#0a0a0b 100%);border-radius:3.15rem;width:100%;padding:.7rem;position:relative;box-shadow:0 46px 34px -28px #0006,0 28px 50px -18px #00000073,0 10px 18px -10px #0000004d,0 0 0 1px #ffffff0f,inset 0 1px #ffffff38,inset 0 -1.5px #00000080}.phone-shell.svelte-11wz9hp:before{content:"";z-index:1;border-radius:inherit;mix-blend-mode:soft-light;pointer-events:none;background:linear-gradient(118deg,#ffffff52 0%,#ffffff0d 16%,#0000 32% 68%,#ffffff1a 100%);position:absolute;inset:0}.phone-bezel.svelte-11wz9hp{z-index:2;background:#050505;border-radius:2.55rem;height:100%;min-height:0;padding:.28rem;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 0 3px #111,inset 0 2px 4px #0009}.phone-screen.svelte-11wz9hp{z-index:2;overscroll-behavior:contain;background:var(--color-base-200);height:100%;min-height:0;color:var(--color-base-content);-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000);border-radius:2.3rem;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden auto;box-shadow:inset 0 0 12px #00000040;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.phone-island.svelte-11wz9hp{z-index:30;background:radial-gradient(120% 160% at 50% -30%,#262626 0%,#050505 55%,#000 100%);border-radius:9999px;justify-content:flex-end;align-items:center;width:5.75rem;height:1.85rem;padding-right:.55rem;display:flex;position:absolute;top:.7rem;left:50%;translate:-50%;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1.5px 1px #ffffff14,0 2px 4px #00000059}.phone-island-camera.svelte-11wz9hp{background:radial-gradient(circle at 35% 35%,#3a4a6a 0%,#0b1220 55%,#000 100%);border-radius:9999px;width:.55rem;height:.55rem;display:block;box-shadow:0 0 0 1.5px #111}.phone-status.svelte-11wz9hp{color:color-mix(in oklab, var(--color-base-content) 75%, transparent);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.05rem 1.45rem .35rem;font-size:.7rem;font-weight:600;display:flex}.phone-status-time.svelte-11wz9hp{padding-left:.15rem}.phone-status-icons.svelte-11wz9hp{align-items:center;gap:.3rem;display:flex}.phone-home.svelte-11wz9hp{pointer-events:none;z-index:10;background:linear-gradient(to top, var(--color-base-200) 55%, transparent);flex-shrink:0;justify-content:center;margin-top:auto;padding:.45rem 0 .65rem;display:flex;position:sticky;bottom:0}.phone-home.svelte-11wz9hp span:where(.svelte-11wz9hp){background:color-mix(in oklab, var(--color-base-content) 28%, transparent);border-radius:9999px;width:6.75rem;height:.28rem;display:block}.phone-btn.svelte-11wz9hp{z-index:5;background:linear-gradient(90deg,#1c1c1e 0%,#3e3e42 22%,#57575c 46%,#333336 70%,#17171a 100%);width:.24rem;position:absolute;box-shadow:inset 0 1px #ffffff40,0 1px 1.5px #00000080,1px 0 2px #00000040}.phone-btn--silent.svelte-11wz9hp{border-radius:3px 1px 1px 3px;height:4.2%;top:14%;left:-.16rem}.phone-btn--vol-up.svelte-11wz9hp{border-radius:3px 1px 1px 3px;height:7%;top:20%;left:-.16rem}.phone-btn--vol-down.svelte-11wz9hp{border-radius:3px 1px 1px 3px;height:7%;top:28.5%;left:-.16rem}.phone-btn--power.svelte-11wz9hp{border-radius:1px 3px 3px 1px;height:10%;top:24%;right:-.16rem}