.wrapper.svelte-1o3mxzw{height:calc(876px * var(--device-scale,1));transform:scale(var(--device-scale,1));transform-origin:top;flex-direction:column;flex:none;align-items:center;transition:all .15s;display:flex;position:relative}.glow.svelte-1o3mxzw{background:radial-gradient(ellipse at center, var(--glow-color) 0%, transparent 70%);opacity:.2;pointer-events:none;position:absolute;inset:-60px -80px}.bezel.svelte-1o3mxzw{box-sizing:content-box;background:#454c35;border:12px solid #454c35;border-radius:40px;width:393px;position:relative;box-shadow:0 0 43.2px #1d1c1966}.screen.svelte-1o3mxzw{border-radius:28px;flex-direction:column;width:100%;height:852px;display:flex;position:relative;overflow:hidden}iframe.svelte-1o3mxzw{background:#fff;border:0;flex:auto;width:100%;min-height:0;display:block}.status-bar.svelte-1o3mxzw{color:#000;flex:none;justify-content:space-between;align-items:center;height:54px;padding:0 24px;font-size:14px;font-weight:600;display:flex;position:relative}.status-bar.light-content.svelte-1o3mxzw{color:#fff}.status-time.svelte-1o3mxzw{z-index:1}.status-icons.svelte-1o3mxzw{z-index:1;align-items:center;gap:6px;display:flex}.camera.svelte-1o3mxzw{background:#000;border-radius:50%;flex:0 0 24px;width:24px;height:24px;margin-inline:8px}.bottom-bar.svelte-1o3mxzw{background:#f2f2f7;flex:none;padding:8px 16px 4px}.url-pill.svelte-1o3mxzw{background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex;position:relative;overflow:hidden}.pill-button.svelte-1o3mxzw{cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;padding:0;display:flex}.pill-button.svelte-1o3mxzw:hover{opacity:.6}.url-text.svelte-1o3mxzw{color:#00000080;cursor:default;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;font-size:14px;display:flex;overflow:hidden}.url-input.svelte-1o3mxzw{color:#000;text-align:center;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-family:inherit;font-size:14px}.lock-icon.svelte-1o3mxzw{flex-shrink:0}.progress-bar.svelte-1o3mxzw{background:#0000000f;height:2px;position:absolute;bottom:0;left:0;right:0}.progress-fill.svelte-1o3mxzw{background:#007aff;height:100%;animation:1.8s ease-in-out infinite svelte-1o3mxzw-progress}@keyframes svelte-1o3mxzw-progress{0%{width:0%}50%{width:70%}to{width:95%}}@media (prefers-reduced-motion:reduce){.progress-fill.svelte-1o3mxzw{width:70%;animation:none}}.home-indicator.svelte-1o3mxzw{background:#0003;border-radius:3px;width:134px;height:5px;margin:10px auto 6px}.side-button.svelte-1o3mxzw{z-index:0;background:#444;border-radius:2px;position:absolute}.vol-up.svelte-1o3mxzw{width:3px;height:32px;top:100px;left:-17px}.vol-down.svelte-1o3mxzw{width:3px;height:32px;top:140px;left:-17px}.power.svelte-1o3mxzw{width:3px;height:64px;top:120px;right:-17px}.row.svelte-1ed2jwo{background:#454c35;justify-content:space-between;align-items:center;gap:16px;padding:8px 8px 8px 16px;display:flex}.label.svelte-1ed2jwo{color:#ffffffb3;font-size:1rem;line-height:normal}.control.svelte-1ed2jwo{position:relative}select.svelte-1ed2jwo{appearance:none;color:#fff;cursor:pointer;background:#626d4b99;border:none;border-radius:6px;width:140px;min-height:40px;padding:8px 40px 8px 12px;font-size:1rem;line-height:normal}select.svelte-1ed2jwo:hover{background:#626d4be6}select.svelte-1ed2jwo:focus-visible{outline-offset:2px;outline:2px solid #fff}select.svelte-1ed2jwo option:where(.svelte-1ed2jwo){color:#fff;background:#3b422e}.chevron.svelte-1ed2jwo{color:#fff;pointer-events:none;width:24px;height:24px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.callout.svelte-1fbykd8{color:#fff;align-items:center;gap:16px;display:flex}.callout.svelte-1fbykd8 .icon{color:#fff;flex:none;width:32px;height:32px}.callout.svelte-1fbykd8 .icon path{fill:currentColor}.text.svelte-1fbykd8{flex-direction:column;gap:4px;min-width:0;display:flex}h3.svelte-1fbykd8{font:700 1rem/normal var(--font-sans)}p.svelte-1fbykd8{font:500 .875rem/1.3 var(--font-sans)}.demo.svelte-1du1zi4{color:#fff;background-color:#2f3424;flex-direction:column;min-height:100dvh;padding:min(40px,max(5dvw,28px));display:flex;position:relative}.demo.svelte-1du1zi4:before{background-image:var(--texture);content:"";mix-blend-mode:multiply;opacity:.08;pointer-events:none;background-size:128px 126px;position:absolute;inset:0}.layout.svelte-1du1zi4{flex:1 0 auto;grid-template-rows:1fr auto;grid-template-columns:360px minmax(0,1fr) 360px;gap:24px;width:100%;max-width:1344px;margin:0 auto;display:grid;position:relative}.controls.svelte-1du1zi4{grid-area:1/1;padding-top:20px}.stage.svelte-1du1zi4{grid-area:1/2/span 2}.callouts.svelte-1du1zi4{grid-area:1/3/span 2}.controls.svelte-1du1zi4{flex-direction:column;gap:32px;display:flex}.block.svelte-1du1zi4{flex-direction:column;gap:8px;display:flex}h2.svelte-1du1zi4{font:700 1.125rem/normal var(--font-sans);text-transform:uppercase}.block.svelte-1du1zi4 p:where(.svelte-1du1zi4){font-size:.875rem;font-weight:500;line-height:1.3}.panel.svelte-1du1zi4{background:#ffffff14;border-radius:12px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.stage.svelte-1du1zi4{justify-content:center;align-items:flex-start;display:flex}.callouts.svelte-1du1zi4{flex-direction:column;gap:72px;padding-top:48px;display:flex}@media (width<=1200px){.layout.svelte-1du1zi4{grid-template-rows:auto auto auto;grid-template-columns:minmax(320px,1fr) minmax(0,1fr);max-width:900px}.controls.svelte-1du1zi4{grid-area:1/1;padding-top:0}.stage.svelte-1du1zi4{grid-area:1/2}.callouts.svelte-1du1zi4{grid-area:2/1/auto/-1;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:32px 48px;padding-top:0;display:grid}}@media (width<=720px){.demo.svelte-1du1zi4{padding:32px 24px}.layout.svelte-1du1zi4{grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,1fr);gap:32px}.stage.svelte-1du1zi4,.controls.svelte-1du1zi4,.callouts.svelte-1du1zi4{grid-column:1}.controls.svelte-1du1zi4{grid-row:1}.stage.svelte-1du1zi4{grid-row:2}.callouts.svelte-1du1zi4{grid-row:3}}@media (width<=1400px){.stage.svelte-1du1zi4{--device-scale:.8}}@media (width<=464px){.stage.svelte-1du1zi4{--device-scale:.74}}@media (width<=360px){.stage.svelte-1du1zi4{--device-scale:.62}}