.ph.svelte-a1ly5w{width:min(100%, var(--w));aspect-ratio:9/18.5;box-shadow:0 0 0 1px color-mix(in oklab, var(--ink) 30%, transparent), 0 24px 60px -28px color-mix(in oklab, var(--ink) 60%, transparent);background:#0e141c;border-radius:44px;padding:9px}[data-mode=creative] .ph.svelte-a1ly5w{box-shadow:0 0 0 1px color-mix(in oklab, var(--cream) 18%, transparent), 0 24px 70px -24px #000000b3;background:#05090e}.ph__screen.svelte-a1ly5w{background:var(--paper);height:100%;color:var(--ink);border-radius:36px;flex-direction:column;display:flex;position:relative;overflow:hidden;container-type:inline-size}[data-mode=creative] .ph__screen.svelte-a1ly5w{background:var(--navy);color:var(--cream)}.ph__status.svelte-a1ly5w{font-family:var(--font-sans);flex:none;grid-template-columns:1fr auto 1fr;align-items:center;padding:4.5cqw 7cqw 2cqw;font-size:5cqw;font-weight:600;display:grid}.ph__island.svelte-a1ly5w{background:#0e141c;border-radius:999px;width:28cqw;height:8.5cqw}.ph__icons.svelte-a1ly5w{justify-self:end;align-items:center;gap:1.6cqw;display:inline-flex}.ph__icons.svelte-a1ly5w svg:where(.svelte-a1ly5w){fill:currentColor;width:auto;height:3.8cqw}.ph__off.svelte-a1ly5w rect:where(.svelte-a1ly5w){opacity:.25}.ph__content.svelte-a1ly5w{flex:1;min-height:0;position:relative;overflow:hidden}