/* 2026-11-10: the own-photo actions on the photo itself, wider windows only (js/stage-bar.js) */
.stage-bar{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:30;display:flex;flex-wrap:nowrap;gap:6px;
  max-width:calc(100% - 24px);padding:6px;border-radius:999px;background:rgba(255,255,255,.94);
  box-shadow:0 4px 18px rgba(23,31,28,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:default;
  touch-action:manipulation;-webkit-user-select:none;user-select:none}
.stage-bar[hidden],.stage-bar .sbar-b[hidden]{display:none!important}
.stage-bar .sbar-b{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 14px;border:0;
  border-radius:999px;background:transparent;color:#17392d;font-family:inherit;font-size:13.5px;font-weight:600;line-height:1.1;white-space:nowrap;cursor:pointer}
.stage-bar .sbar-b svg{width:18px;height:18px;flex:none}
.stage-bar .sbar-b:hover{background:var(--accent-soft,#FDF2F5)}
.stage-bar .sbar-b[aria-pressed="true"]{background:#17392d;color:#fff}
.stage-bar .sbar-b:disabled{opacity:.45;cursor:not-allowed}
.stage-bar .sbar-b:focus-visible{outline:3px solid var(--accent,#C0294F);outline-offset:2px}
.stage-bar .sbar-done{background:var(--accent,#C0294F);color:#fff}
.stage-bar .sbar-done:hover{background:var(--accent,#C0294F);filter:brightness(1.08)}
/* a narrow photo: icons only, the name stays as the tooltip and for screen readers */
@media (max-width:760px){.stage-bar .sbar-b span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .stage-bar .sbar-b{padding:0 12px}}
/* while the floor is adjusted its corner handles are often near the bottom: the bar goes to the top */
body.shopper-tools .stage-bar{top:12px;bottom:auto}
/* 2026-11-10: what the green dots of Adjust are for, under the bar at the top of the photo (the grid's near
   corners are often at the bottom; the top is usually wall) */
.stage-hint{position:absolute;left:50%;top:70px;transform:translateX(-50%);z-index:29;margin:0;width:max-content;max-width:min(560px,calc(100% - 24px));
  padding:8px 14px;border-radius:12px;background:rgba(23,31,28,.82);color:#fff;font-size:13.5px;line-height:1.4;text-align:center;pointer-events:none}
.stage-hint[hidden]{display:none!important}
/* the message line on the photo moves up while the bar is there */
body:not(.shopper-tools) #stage:has(.stage-bar:not([hidden])) #note{bottom:66px}
@media (prefers-reduced-motion:no-preference){.stage-bar{transition:opacity .2s ease}}
/* 2026-11-10 (Magic Rugs asked): a store without "More rugs from this store" (showroom.js localRugs) */
body.vz-no-related #session-panel,body.vz-no-related #dock-rugs,body.vz-no-related #dock-rugs-panel{display:none!important}