.browser-frame{margin:var(--spacing-xl) 0 0}.browser-frame__window{border:1px solid var(--color-border);border-radius:var(--border-radius,8px);overflow:hidden;background-color:var(--color-bg-darkest);box-shadow:0 24px 48px rgba(0,0,0,0.4)}.browser-frame__bar{display:grid;grid-template-columns:1fr minmax(0,24rem) 1fr;align-items:center;padding:0.6rem 1rem;border-bottom:1px solid var(--color-border)}.browser-frame__dots{display:flex;gap:0.4rem}.browser-frame__dots i{width:0.65rem;height:0.65rem;border-radius:50%;background-color:var(--color-border)}.browser-frame__url{padding:0.2rem 1rem;background-color:var(--color-bg-dark);border-radius:99px;color:var(--color-text-muted);font-size:0.8rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-frame__image,.browser-frame__image img{display:block;width:100%;height:auto}.browser-frame__caption{margin-top:var(--spacing-sm);color:var(--color-text-muted);font-size:0.875rem;text-align:center}@media (max-width:640px){.browser-frame__bar{grid-template-columns:auto 1fr;gap:var(--spacing-sm);padding:0.5rem 0.75rem}}