.crd-browser-frame{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;margin:40px 0 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);background:rgba(11,14,24,.35)}.crd-browser-frame .bf-native,.crd-browser-frame .bf-tab{display:flex;align-items:center;gap:14px;padding:20px 24px;min-height:64px}.crd-browser-frame .bf-tab{position:relative;font-family:var(--font-mono);font-size:13px;color:var(--fg-secondary);background:rgba(255,255,255,.02);border-right:1px solid var(--border-soft)}.crd-browser-frame .bf-tab::before{content:"";position:absolute;top:0;left:24px;width:180px;max-width:calc(100% - 48px);height:6px;background:rgba(255,255,255,.04);border-top-left-radius:6px;border-top-right-radius:6px;border-top:1px solid var(--border-soft);border-left:1px solid var(--border-soft);border-right:1px solid var(--border-soft)}.crd-browser-frame .bf-tab-dots{display:inline-flex;gap:6px;flex-shrink:0}.crd-browser-frame .bf-tab-dots i{width:8px;height:8px;border-radius:50%;background:var(--border-soft)}.crd-browser-frame .bf-tab-url{color:var(--fg-primary);letter-spacing:.01em}.crd-browser-frame .bf-tab-note{margin-left:auto;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-tertiary)}.crd-browser-frame .bf-vs{display:flex;align-items:center;justify-content:center;padding:0 22px;font-family:var(--font-mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--ember-300);border-right:1px solid var(--border-soft)}.crd-browser-frame .bf-native{background:linear-gradient(180deg,rgba(255,92,60,.04),transparent);border-left:1px solid rgba(255,92,60,.18);margin-left:-1px}.crd-browser-frame .bf-native-name{font-family:var(--font-sans);font-weight:700;font-size:15px;color:var(--fg-primary);letter-spacing:-.01em}.crd-browser-frame .bf-native-note{margin-left:auto;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ember-300)}@media (max-width:720px){.crd-browser-frame{grid-template-columns:1fr}.crd-browser-frame .bf-tab,.crd-browser-frame .bf-vs{border-right:none;border-bottom:1px solid var(--border-soft)}.crd-browser-frame .bf-native{border-left:none;border-top:1px solid rgba(255,92,60,.18)}.crd-browser-frame .bf-vs{padding:12px 24px}}