.preview-banner{z-index:1000;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:var(--accent-solid);color:var(--text-on-accent);font-size:var(--fs-sm);flex-wrap:wrap;line-height:1.5;display:flex;position:sticky;top:0}.preview-banner__dot{border-radius:var(--r-pill);background:var(--text-on-accent);flex:none;width:8px;height:8px}.preview-banner__text{flex:auto;min-width:0}.preview-banner__exit{padding:var(--space-2) var(--space-4);border:1px solid var(--text-on-accent);border-radius:var(--r-pill);color:var(--text-on-accent);white-space:nowrap;flex:none;text-decoration:none}.preview-banner__exit:hover{background:var(--text-on-accent);color:var(--accent-solid)}.preview-banner__exit:focus-visible{outline:2px solid var(--text-on-accent);outline-offset:3px}