.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}