.preview-bar{position:fixed;inset:0 0 auto 0;z-index:2147483000;background:#141312;color:#f7f5f1;border-bottom:2px solid #ff5a3c;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:12px;line-height:1.3}body:has(.preview-bar){padding-top:40px}.preview-bar-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 12px;margin:0;min-height:28px}.preview-bar-tag{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;background:#ff5a3c;color:#141312;font-weight:700;letter-spacing:.02em;text-transform:uppercase;font-size:11px;white-space:nowrap}.preview-bar-choices{display:inline-flex;gap:4px;flex-wrap:wrap}.preview-bar-choice,.preview-bar-clear{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;padding:3px 10px;border-radius:999px;border:1px solid rgba(247,245,241,.35);background:transparent;color:#f7f5f1;white-space:nowrap}.preview-bar-choice:hover,.preview-bar-clear:hover{border-color:#ff5a3c}.preview-bar-choice:focus-visible,.preview-bar-clear:focus-visible{outline:2px solid #ff5a3c;outline-offset:2px}.preview-bar-choice.on{background:#f7f5f1;border-color:#f7f5f1;color:#141312;font-weight:600}.preview-bar-clear{border-style:dashed;opacity:.85}.preview-bar-note{opacity:.7;margin-left:auto}@media (max-width: 700px){.preview-bar-note{display:none}}@media (max-width: 420px){body:has(.preview-bar){padding-top:68px}}