.device[data-v-96d6bcdb]{align-items:center;display:flex;flex-direction:column;width:100%}.switch[data-v-96d6bcdb]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgb(var(--c-raised)/.85);box-shadow:0 1px #3a2b320a,inset 0 0 0 1px rgb(var(--c-blush)/.16);gap:.15rem;margin-bottom:1.75rem;padding:.28rem}.switch[data-v-96d6bcdb],.switch-btn[data-v-96d6bcdb]{border-radius:9999px;display:inline-flex}.switch-btn[data-v-96d6bcdb]{align-items:center;color:rgb(var(--c-ink-soft));font-family:Courier Prime,monospace;font-size:.7rem;font-weight:500;gap:.45rem;letter-spacing:.14em;padding:.5rem 1.15rem;text-transform:uppercase;transition:color .2s var(--ink-settle),background-color .2s var(--ink-settle),box-shadow .2s var(--ink-settle)}.switch-btn[data-v-96d6bcdb]:hover{color:rgb(var(--c-claret))}.switch-btn.active[data-v-96d6bcdb]{background-image:linear-gradient(135deg,#ff6f91,#ff4d7d 55%,#ff9a5c);box-shadow:inset 0 1px #ffffff47,0 8px 18px -10px #ed2e6380;color:#fff}.browser[data-v-96d6bcdb]{background:rgb(var(--c-raised));border:1.5px solid rgb(var(--c-ink)/.85);border-radius:1.1rem;box-shadow:var(--shadow-card);margin-inline:auto;overflow:hidden;width:100%}.browser-bar[data-v-96d6bcdb]{align-items:center;background:rgb(var(--c-card)/.6);border-bottom:1px solid rgb(var(--c-ink)/.1);display:flex;gap:.5rem;padding:.7rem 1rem}.dot[data-v-96d6bcdb]{background:rgb(var(--c-ink)/.22);border-radius:9999px;height:.7rem;width:.7rem}.dot[data-v-96d6bcdb]:first-child{background:#ff6f91}.dot[data-v-96d6bcdb]:nth-child(2){background:#ffbf69}.dot[data-v-96d6bcdb]:nth-child(3){background:#43cf9c}.url[data-v-96d6bcdb]{background:rgb(var(--c-raised));border-radius:9999px;box-shadow:inset 0 0 0 1px rgb(var(--c-ink)/.08);color:rgb(var(--c-ink-soft));flex:1;font-family:Courier Prime,monospace;font-size:.68rem;letter-spacing:.04em;margin-left:.6rem;min-width:0;overflow:hidden;padding:.3rem .9rem;text-overflow:ellipsis;white-space:nowrap}.viewport[data-v-96d6bcdb]{align-items:stretch;background:radial-gradient(130% 90% at 50% -12%,var(--dev-accent) 0,transparent 55%),rgb(var(--c-page));display:flex;height:clamp(600px,78vh,900px);overflow-y:auto;position:relative}.stage[data-v-96d6bcdb]{background:rgb(var(--c-raised));display:flex;flex:1 0 auto;flex-direction:column;overflow:hidden;width:100%}.stage[data-v-96d6bcdb]>*{flex:1 0 auto;padding-inline:max(1.5rem,calc((100% - var(--tpl-col, 34rem))/2))}.phone-holder[data-v-96d6bcdb]{width:100%}@media(prefers-reduced-motion:reduce){.switch-btn[data-v-96d6bcdb]{transition:none}}