.phone_page__ZynU5{--peach:#f4a797;--mint:#b0cdb3;--grape:#baa5d8;--shell-peach:#ffb2a0;--shell-mint:#a2e0ba;--shell-grape:#c1a2f1;--screen:#c4ddcb;--screen-ink:#304339;--studio:#ffffff;position:fixed;inset:0;z-index:20;background:var(--bg);overflow:hidden}.phone_header__wDfoQ{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;padding:26px 32px;font-size:13px;letter-spacing:.04em}.phone_header__wDfoQ h1{font-size:inherit;font-weight:400}.phone_scene__RgQ7B{position:absolute;inset:55px 0 110px;touch-action:none;cursor:grab}.phone_scene__RgQ7B:active{cursor:grabbing}.phone_scene__RgQ7B canvas{display:block;width:100%;height:100%}.phone_status__9xxWZ{position:absolute;inset:45% 20px auto;text-align:center;color:var(--muted)}.phone_footer____GlK{position:absolute;bottom:28px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.phone_controls__Mcray{display:flex;align-items:center;gap:24px}.phone_flavors___5eob{display:flex;gap:10px}.phone_swatch__dfxMD{width:26px;height:26px;border-radius:50%;border:1px solid var(--rule);outline-offset:4px}.phone_swatch__dfxMD[aria-pressed=true]{outline:1px solid var(--fg)}.phone_peach__YOj4_{background:var(--peach)}.phone_mint__vszF3{background:var(--mint)}.phone_grape__9uQWL{background:var(--grape)}.phone_actions__JfzQW{display:flex;gap:24px;border-left:1px solid var(--rule);border-right:1px solid var(--rule);padding:0 24px}.phone_actions__JfzQW button{min-height:44px;color:var(--fg)}.phone_angle__y8Ugt{display:flex;align-items:center;gap:12px}.phone_angle__y8Ugt input{width:110px;accent-color:var(--fg)}.phone_angle__y8Ugt span{min-width:36px}.phone_keypad__Sf0JF{position:relative}.phone_keypad__Sf0JF summary{cursor:pointer;padding:10px 0}.phone_keypad__Sf0JF>div{position:absolute;bottom:50px;right:0;width:160px;background:var(--bg);border:1px solid var(--rule);padding:10px;display:grid;grid-template-columns:repeat(3,1fr)}.phone_keypad__Sf0JF button{min-height:42px;color:var(--fg)}.phone_page__ZynU5 button:focus-visible,.phone_page__ZynU5 summary:focus-visible{outline:2px solid var(--fg);outline-offset:4px}@media (hover:hover){.phone_actions__JfzQW button:hover,.phone_keypad__Sf0JF button:hover{color:var(--muted)}}@media (max-width:900px){.phone_footer____GlK{flex-wrap:wrap;justify-content:center}.phone_hint__YXmLD{width:100%;text-align:center}.phone_keypad__Sf0JF{position:absolute;right:0;top:-8px}}@media (max-width:550px){.phone_header__wDfoQ{padding:20px}.phone_scene__RgQ7B{inset:60px 0 165px}.phone_footer____GlK{left:20px;right:20px;bottom:20px;gap:14px}.phone_controls__Mcray{gap:14px;flex-wrap:wrap;justify-content:center}.phone_actions__JfzQW{gap:16px;padding:0 16px;border-right:0}.phone_angle__y8Ugt{width:100%;justify-content:center}.phone_angle__y8Ugt input{width:160px}.phone_hint__YXmLD{font-size:10px;text-align:left}.phone_keypad__Sf0JF{top:-12px;font-size:10px}}