.dev-toggle{background:color-mix(in srgb, currentColor 14%, transparent);border-radius:999px;gap:2px;padding:2px;display:inline-flex}.dev-toggle-btn{width:30px;height:26px;color:inherit;opacity:.55;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;transition:opacity .15s,background .15s;display:inline-flex}.dev-toggle-btn:hover{opacity:.85}.dev-toggle-btn.is-on{opacity:1;background:color-mix(in srgb, currentColor 22%, transparent)}.dev-toggle-btn:focus-visible{outline-offset:2px;opacity:1;outline:2px solid}.dev-stage{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.dev-stage--mobile{padding:clamp(.75rem,3vw,2rem) 1rem}.dev-stage--desktop{padding:0}@media (max-width:640px){.dev-stage--mobile{padding:0}.dev-stage--mobile .dev-frame{aspect-ratio:auto;width:100%;max-width:none;height:100%}}.dev-stage-desktop{border:0;width:100%;height:100%;display:block}.dev-scalebox{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.dev-scalebox-inner{transform-origin:50%;flex:none}.dev-scalebox-inner .dev-frame{width:414px;max-width:none;height:864px;max-height:none}.dev-stage--desktop:has(.dev-scalebox){padding:1rem 1.5rem}.dev-desktop-shell{background:#fff;border-radius:16px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 0 0 1.5px #00000038,inset 0 1px #fff9,0 26px 60px -16px #0000007a}.dev-desktop-bar{background:linear-gradient(#f7f5f3 0%,#ece8e4 100%);border-bottom:1px solid #0000001f;flex:none;align-items:center;gap:18px;height:52px;padding:0 22px;display:flex}.dev-desktop-dots{gap:9px;display:inline-flex}.dev-desktop-dots i{background:#e0443e;border-radius:50%;width:13px;height:13px;box-shadow:inset 0 0 0 .5px #0000001f,0 1px 1px #ffffff80}.dev-desktop-dots i:nth-child(2){background:#dea123}.dev-desktop-dots i:nth-child(3){background:#24a53f}.dev-desktop-url{letter-spacing:.02em;color:#6b6560;background:#fff;border:1px solid #00000014;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:7px;max-width:460px;height:30px;margin-inline:auto;padding:0 18px;font-size:14px;line-height:1;display:flex;box-shadow:inset 0 1px 2px #0000000a}.dev-desktop-url:before{content:"";background-color:#8a847e;width:11px;height:12px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 12'%3E%3Crect x='0.5' y='5' width='10' height='6.5' rx='1.5'/%3E%3Cpath d='M2.5 5V3.5a3 3 0 0 1 6 0V5' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 12'%3E%3Crect x='0.5' y='5' width='10' height='6.5' rx='1.5'/%3E%3Cpath d='M2.5 5V3.5a3 3 0 0 1 6 0V5' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E") 50%/contain no-repeat}.dev-desktop-shell iframe{border:0;width:1140px;height:760px;display:block}.dev-desktop-chin{background:linear-gradient(#f0f0f2 0%,#d6d7db 55%,#b9bac1 100%);border-top:1px solid #0000001f;flex:none;height:24px;position:relative}.dev-desktop-chin:before{content:"";background:radial-gradient(circle at 35% 30%,#c9cad0,#8f9098 70%);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000014}.dev-desktop-plain{background:#fff;border-radius:10px;width:100%;height:100%;overflow:hidden;box-shadow:0 0 0 1px #0000001a}.dev-desktop-plain iframe{border:0;width:1140px;height:760px;display:block}