.preview-banner{position:fixed;inset:auto 16px 16px auto;z-index:90;display:inline-flex;align-items:center;gap:12px;padding:10px 12px 10px 14px;border:1px solid var(--border, rgba(255, 255, 255, .12));border-radius:999px;background:var(--bg-elev, rgba(0, 0, 0, .72));color:var(--fg, #e8e3d5);backdrop-filter:saturate(140%) blur(12px);box-shadow:0 2px 8px #00000029,0 12px 32px #0000003d;font-family:var(--font-sans, "Inter Tight", system-ui, sans-serif);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media print{.preview-banner{display:none}}.preview-banner__dot{width:8px;height:8px;border-radius:50%;background:var(--accent, #d4d200);box-shadow:0 0 12px var(--accent, #d4d200);flex:0 0 auto}.preview-banner__copy{display:flex;flex-direction:column;gap:1px;line-height:1.1}.preview-banner__title{font-weight:600;font-size:12px;letter-spacing:-.005em}.preview-banner__caption{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted, rgba(232, 227, 213, .55))}.preview-banner__exit{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:5px 10px;border:1px solid var(--border, rgba(255, 255, 255, .18));border-radius:999px;background:transparent;color:var(--fg, #e8e3d5);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .16s ease,border-color .16s ease}.preview-banner__exit:hover{background:var(--bg-hover, rgba(255, 255, 255, .08));border-color:var(--fg, #e8e3d5)}.preview-banner__exit:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent, #d4d200)}@media(max-width:640px){.preview-banner{inset:auto 12px 12px auto;padding:8px 10px 8px 12px;gap:10px}.preview-banner__caption{display:none}}