.browser-frame[data-astro-cid-3proydkc]{display:flex;flex-direction:column;width:100%;background:var(--color-canvas);border:1px solid var(--color-taupe-line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-mockup)}.browser-frame__bar[data-astro-cid-3proydkc]{display:flex;align-items:center;gap:.75rem;flex-shrink:0;padding:.6rem .85rem;background:var(--color-surface-sand);border-bottom:1px solid color-mix(in oklch,var(--color-taupe-line) 60%,transparent)}.browser-frame__dots[data-astro-cid-3proydkc]{display:inline-flex;gap:.4rem;flex-shrink:0}.browser-frame__dots[data-astro-cid-3proydkc] i[data-astro-cid-3proydkc]{width:.6rem;height:.6rem;border-radius:50%;background:color-mix(in oklch,var(--color-taupe-line) 80%,transparent)}.browser-frame__url[data-astro-cid-3proydkc]{flex:1;min-width:0;background:var(--color-canvas);border:1px solid color-mix(in oklch,var(--color-taupe-line) 55%,transparent);border-radius:var(--radius-full);padding:.2rem .7rem;font-family:var(--font-body);font-size:var(--text-caption);color:var(--color-stone);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-frame__view[data-astro-cid-3proydkc]{width:100%;aspect-ratio:16/10;overflow:hidden}.browser-frame__view[data-astro-cid-3proydkc] img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .4s ease}.browser-frame[data-astro-cid-3proydkc]:hover .browser-frame__view[data-astro-cid-3proydkc] img{transform:scale(1.06)}@media (prefers-reduced-motion:reduce){.browser-frame[data-astro-cid-3proydkc]:hover .browser-frame__view[data-astro-cid-3proydkc] img{transform:none}}