.sp-pv{position:sticky;top:0;z-index:1000;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;min-height:40px;padding:6px 16px;background:color-mix(in srgb,#fff 82%,var(--gold) 18%);border-bottom:2px solid var(--gold);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);font-size:13px}.sp-pv-tag{letter-spacing:.06em;background:var(--ink);color:#fff;padding:3px 10px;border-radius:999px;font-size:12px}.sp-pv-note,.sp-pv-status{color:var(--fg-2)}.sp-pv-status{flex:1 1 auto}.sp-pv-role{display:inline-flex;white-space:nowrap;align-items:center;gap:6px;font-weight:600}.sp-pv-role select,.sp-pv-btn{min-height:32px;font:inherit;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:var(--ink);padding:2px 8px}.sp-pv-btn{cursor:pointer}.sp-pv-btn:focus-visible,.sp-pv-role select:focus-visible,[data-sp-move]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}body.sp-preview .sidebar{top:40px;height:calc(100vh - 40px)}body.sp-preview #app{min-height:calc(100vh - 40px)}[data-sp-move]{cursor:grab}.sp-pv-drag{opacity:.55;outline:2px dashed var(--gold)}@media (max-width: 760px){.sp-pv{position:static;padding:6px 12px;gap:6px 8px;font-size:12px}.sp-pv-note,.sp-pv-status{display:none}.sp-pv-role select{max-width:150px}.sp-pv-btn{min-height:32px;padding:2px 8px}body.sp-preview .sidebar{top:0;height:100vh}}