/* Furniture v114 · editorial photography is fixed; only deliberate 3D mode previews selected materials.
   Scoped to the UBTracker demo. Existing client configurators remain untouched. */
.fur-premium .fur-mode-toggle{
  position:absolute!important;z-index:15!important;top:225px;right:clamp(24px,2.6vw,44px);
  display:inline-flex!important;align-items:center;gap:3px;
  padding:5px;background:rgba(255,254,252,.95);border:1px solid rgba(236,232,224,.96);
  box-shadow:0 10px 35px rgba(31,35,29,.14);border-radius:999px;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
}
.fur-premium .fur-mode-option{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:0;background:transparent;color:#616c61;border-radius:999px;
  min-height:40px;padding:0 14px;white-space:nowrap;font-size:11px;font-weight:750;
  letter-spacing:-.01em;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;
}
.fur-premium .fur-mode-option svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;flex:0 0 17px}
.fur-premium .fur-mode-option.is-active{background:#1f3026;color:#fff;box-shadow:0 4px 13px rgba(24,41,32,.15)}
.fur-premium .fur-mode-option:not(.is-active):hover{background:#ece8df;color:#243428}
.fur-premium .fur-mode-option:focus-visible{outline:3px solid #547e64;outline-offset:3px}
.fur-premium .fur-3d-is-loading .fur-mode-explore{opacity:.75}
.fur-premium #fur-three-wrap[hidden],.fur-premium #fur-photo-frame[hidden],
.fur-premium #fur-3d-toolbar[hidden],.fur-premium #fur-3d-help[hidden],
.fur-premium #fur-3d-insignia[hidden],.fur-premium #fur-detail-rail[hidden],
.fur-premium #fur-material-panel[hidden],.fur-premium #fur-mode-status[hidden]{display:none!important}
.fur-premium .fur-mode-status{
  position:absolute;z-index:20;right:clamp(24px,2.6vw,44px);top:279px;
  display:flex;gap:9px;align-items:center;max-width:min(310px,calc(100% - 40px));
  padding:11px 15px;background:rgba(255,255,252,.97);color:#345040;
  border:1px solid #e3e1da;border-radius:12px;box-shadow:0 8px 24px #181e151a;
  font-size:11px;line-height:1.4;font-weight:600;
}
.fur-premium .fur-mode-status[data-state="error"]{color:#8e564a}
.fur-premium .fur-mode-spinner{display:block;flex:0 0 15px;width:15px;height:15px;border-radius:50%;border:2px solid #dde4d9;border-top-color:#34523e;animation:fur-model-spin .75s linear infinite}
.fur-premium .fur-mode-status[data-state="error"] .fur-mode-spinner{display:none}
@keyframes fur-model-spin{to{transform:rotate(360deg)}}
/* Hero remains the exact packaged photograph. No finish overlays, filters or dynamic recoloring. */
.fur-premium .fur-stage[data-static-hero="1"][data-mode="photo"] .fur-product-photo{
  filter:none!important;opacity:1!important;
}
.fur-premium .fur-stage[data-mode="3d"]{
  background:radial-gradient(ellipse at 51% 34%,#fbfaf6 0%,#e9e5dd 62%,#d7d0c4 100%)!important;
}
.fur-premium .fur-stage[data-mode="3d"] .fur-lux-edits-stage,
.fur-premium .fur-stage[data-mode="3d"] .fur-lux-signature{display:none!important}
.fur-premium .fur-stage[data-mode="3d"] .fur-mode-toggle{top:36px}
.fur-premium .fur-stage[data-mode="3d"] .fur-mode-status{top:93px}
.fur-premium .fur-stage[data-mode="3d"] .fur-product-photo{transform:none!important}
.fur-premium .fur-three-wrap canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
.fur-premium .fur-three-wrap canvas:active{cursor:grabbing}
.fur-premium .fur-stage[data-mode="3d"] .fur-3d-insignia:not([hidden]){
  display:inline-flex!important;top:42px!important;left:clamp(29px,3vw,54px)!important;
  background:rgba(255,255,252,.86)!important;color:#465f4c!important;
}
.fur-premium .fur-stage[data-mode="3d"] .fur-3d-toolbar:not([hidden]){
  display:flex!important;z-index:16!important;bottom:23px!important;left:clamp(28px,3vw,54px)!important;
}
.fur-premium .fur-stage[data-mode="3d"] .fur-3d-help:not([hidden]){
  display:block!important;bottom:86px!important;left:auto!important;right:24px!important;
  max-width:43%;text-align:right!important;font-size:10px!important;color:#727c72!important;
}
.fur-premium .fur-stage[data-mode="3d"] .fur-zoom{z-index:17!important}
.fur-premium .fur-detail-rail:not([hidden]){
  position:absolute!important;left:clamp(28px,3vw,54px)!important;bottom:82px!important;
  z-index:12!important;display:flex!important;gap:3px!important;
  background:#fffefaec!important;border:1px solid #e8e5df!important;
  box-shadow:0 10px 24px #2e301b19!important;
}
.fur-premium .fur-stage[data-mode="3d"] .fur-premium-material-caption{
  background:rgba(255,255,252,.73);border-radius:10px;padding:7px 10px;
  left:auto!important;right:clamp(24px,2.6vw,44px)!important;bottom:108px!important;
  max-width:35%;text-align:right;backdrop-filter:blur(8px);
}
.fur-premium .fur-stage[data-mode="3d"] #fur-premium-selection{font-size:16px!important}
/* Model can be inspected, not passed off as the professional studio photograph. */
.fur-premium .fur-stage[data-mode="3d"] .fur-premium-stage-label{opacity:.7}
@media (min-width:901px) and (max-width:1250px){
  .fur-premium .fur-mode-toggle{right:13px;top:206px}
  .fur-premium .fur-mode-option{padding:0 10px;font-size:10px;min-height:37px}
  .fur-premium .fur-mode-status{right:13px;top:253px}
  .fur-premium .fur-stage[data-mode="3d"] .fur-mode-toggle{top:22px}
}
@media(max-width:900px){
  .fur-premium .fur-mode-toggle,
  .fur-premium .fur-stage[data-mode="3d"] .fur-mode-toggle{
    top:18px!important;right:13px!important;gap:2px;padding:4px;
    max-width:calc(100% - 128px);box-shadow:0 6px 23px #1d271526;
  }
  .fur-premium .fur-mode-option{min-height:37px;padding:0 11px;font-size:10px;gap:6px}
  .fur-premium .fur-mode-option svg{width:15px;height:15px;flex-basis:15px}
  .fur-premium .fur-premium-stage-label{max-width:100px;white-space:normal}
  .fur-premium .fur-mode-status,
  .fur-premium .fur-stage[data-mode="3d"] .fur-mode-status{
    top:68px!important;left:16px;right:16px;max-width:none;font-size:11px;
  }
  .fur-premium .fur-stage[data-mode="3d"] .fur-3d-insignia:not([hidden]){
    left:13px!important;top:70px!important;font-size:9px!important;
  }
  .fur-premium .fur-stage[data-mode="3d"] .fur-3d-toolbar:not([hidden]){
    display:flex!important;bottom:16px!important;left:14px!important;
  }
  .fur-premium .fur-stage[data-mode="3d"] .fur-3d-help:not([hidden]){
    display:block!important;top:119px!important;bottom:auto!important;right:15px!important;
    max-width:65%;font-size:9px!important;line-height:1.3;text-align:right!important;
  }
  .fur-premium .fur-stage[data-mode="3d"] .fur-premium-material-caption{
    left:15px!important;right:auto!important;bottom:69px!important;max-width:70%;
    text-align:left;padding:5px 8px;gap:1px;
  }
  .fur-premium .fur-stage[data-mode="3d"] #fur-premium-selection{font-size:14px!important}
  /* Mobile model interaction uses zoom/reset/spin buttons; hide advanced detail rail to keep space. */
  .fur-premium .fur-detail-rail:not([hidden]){display:none!important}
  .fur-premium .fur-stage[data-mode="3d"] .fur-zoom{bottom:16px!important;right:14px!important}
}
@media(max-width:390px){
  .fur-premium .fur-mode-toggle{max-width:calc(100% - 105px)}
  .fur-premium .fur-mode-option{padding:0 8px;font-size:9.5px}
  .fur-premium .fur-mode-option svg{width:14px;height:14px;flex-basis:14px}
}
@media(prefers-reduced-motion:reduce){.fur-premium .fur-mode-spinner{animation:none}}
/* Small screens: protect the editorial photograph from decorative captions.
   The selected finish is stated by the option controls, never overprinted on the photo. */
@media(max-width:900px){
  .fur-premium .fur-stage[data-mode="photo"] .fur-premium-material-caption{display:none!important}
  .fur-premium .fur-premium-stage-label{display:none!important}
}