.frame[data-v-bf6bdc7b]{--pad:var(--space-5);aspect-ratio:var(--frame-ratio,16 / 10);padding:var(--pad) var(--pad) 0;border-radius:var(--radius-sm);background:var(--stage,var(--color-section));justify-content:center;align-items:flex-end;display:flex;overflow:hidden;container-type:size}.frame[data-v-bf6bdc7b]:has(.dev-phone){align-items:flex-start}.dev[data-v-bf6bdc7b]{border:var(--border-thin) solid var(--color-border);background:var(--color-surface);border-bottom:0;flex-direction:column;flex:none;display:flex;overflow:hidden}.dev-browser[data-v-bf6bdc7b]{width:min(100cqw - 2 * var(--pad), (100cqh - var(--pad)) * 1.6 / .85 - 3rem);border-radius:var(--radius-md) var(--radius-md) 0 0}.dev-phone[data-v-bf6bdc7b]{width:min(45cqw, (100cqh - var(--pad)) * .615);padding-top:var(--space-3);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.bar[data-v-bf6bdc7b]{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:var(--border-thin) solid var(--color-border);display:flex}.bar i[data-v-bf6bdc7b]{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--color-border)}.bar span[data-v-bf6bdc7b]{height:var(--space-3);margin-left:var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-hover);flex:1}.screen[data-v-bf6bdc7b]{aspect-ratio:16/10;overflow:hidden}.dev-phone .screen[data-v-bf6bdc7b]{aspect-ratio:390/844}img[data-v-bf6bdc7b]{object-fit:cover;object-position:top;width:100%;height:100%}.placeholder[data-v-bf6bdc7b]{width:100%;height:100%;padding:var(--space-3);background:var(--neutral-850);color:var(--neutral-400);font-size:var(--text-h3);text-align:center;place-items:center;display:grid}.dev-phone .placeholder[data-v-bf6bdc7b]{font-size:var(--text-body)}.stat[data-v-ae9589bf]{gap:var(--space-2);align-content:start;display:grid}.value[data-v-ae9589bf]{font-size:var(--text-h1);line-height:var(--leading-none)}.label[data-v-ae9589bf]{font-size:var(--text-sm);color:var(--color-text-muted)}.bars[data-v-ae9589bf]{align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.bar[data-v-ae9589bf]{display:contents}.bar i[data-v-ae9589bf]{width:calc(var(--w) * 100%);height:var(--stat-bar);border-radius:var(--radius-pill);background:var(--color-border);transform-origin:0;transition:transform var(--duration-bar) var(--ease-out);display:block}.bar.after i[data-v-ae9589bf]{background:var(--color-highlight);transition-delay:var(--stagger-bar)}.stat.is-pending .bar i[data-v-ae9589bf]{transform:scaleX(0)}@media (prefers-reduced-motion:reduce){.stat.is-pending .bar i[data-v-ae9589bf]{transform:none}}