.cross-site-exchange{padding:34px 0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent);border-block:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))}.cross-site-exchange-head{margin-bottom:16px}.cross-site-exchange-head h2{margin:4px 0;font-size:clamp(24px,4vw,38px)}.cross-site-frame{overflow:hidden;min-height:240px;height:var(--cross-site-height,620px);border:1px solid var(--line);border-radius:18px;background:#080b12;box-shadow:var(--shadow)}.cross-site-frame iframe{display:block;width:100%;height:100%;border:0}.cross-traffic-slot{margin:0;padding:20px;border:1px solid var(--line);border-radius:15px;background:#0d121b}.cross-traffic-slot legend{padding:0 8px;font-size:17px;font-weight:850}.cross-traffic-slot>.switch{margin-bottom:15px}.cross-traffic-fields{display:grid;grid-template-columns:2fr 1fr;gap:14px}.cross-traffic-fields .full{grid-column:1/-1}.cross-traffic-fields textarea{min-height:150px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}@media(max-width:760px){.cross-site-exchange--desktop{display:none}.cross-site-frame{height:min(var(--cross-site-height,620px),75vh);border-radius:12px}.cross-traffic-fields{grid-template-columns:1fr}.cross-traffic-fields .full{grid-column:auto}}@media(min-width:761px){.cross-site-exchange--mobile{display:none}}