.preview-bar{position:-webkit-sticky;position:sticky;top:0;z-index:31;display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--space-4);row-gap:var(--space-2);min-height:48px;padding:var(--space-2) var(--pad);background:var(--ink);color:var(--ivory);font-family:var(--f-ui);font-size:14px;line-height:1.45}.preview-bar-label{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600}.preview-bar-dot{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--accent) 55%,var(--ivory))}.preview-bar-text{flex:1 1 24rem;max-width:75ch;color:color-mix(in srgb,var(--ivory) 84%,var(--ink))}.preview-bar-exit{display:inline-flex;align-items:center;min-height:44px;margin-left:auto;padding:0 var(--space-4);border:1px solid color-mix(in srgb,var(--ivory) 45%,var(--ink));border-radius:2px;color:var(--ivory);text-decoration:none;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out-expo),color var(--duration-fast) var(--ease-out-expo)}.preview-bar-exit:hover{background:var(--ivory);color:var(--ink)}.preview-bar-exit:focus-visible{outline:2px solid var(--ivory);outline-offset:2px}.preview-bar ::selection{background:var(--ivory);color:var(--ink)}@media (prefers-reduced-motion:reduce){.preview-bar-exit{transition:none}}