/* SL VEIN STUDIO 4.3.57 — DESKTOP MASTER ADAPTER
   Tablet/mobile landscape must NOT rebuild the interface.
   This file only adapts the approved desktop UI into the viewport. */

html.slv-compact-grid,
body.slv-compact-grid{
  overflow:hidden!important;
  background:#050708 url('../img/slv62-wallpaper.jpg') center center / cover no-repeat fixed!important;
}

.fabercfg-app.slv-compact-grid{
  --slv-gold:#ecce95;
  --slv-text:#fff8ed;
  --slv-line:rgba(236,206,149,.42);
  --slv-line-strong:rgba(236,206,149,.72);
  --slv-top:clamp(48px,7vh,64px);
  --slv-bottom:clamp(50px,7.8vh,72px);
  --slv-edge:clamp(14px,2.2vw,38px);
  --slv-btn-h:clamp(30px,4.6vh,40px);
  --slv-btn-w:clamp(112px,10.8vw,150px);
  --slv-info-w:clamp(280px,29vw,380px);
  --slv-panel-w:clamp(360px,32vw,470px);
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  max-width:100vw!important;
  max-height:100vh!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#050708 url('../img/slv62-wallpaper.jpg') center center / cover no-repeat fixed!important;
  color:var(--slv-text)!important;
  font-family:'Inter',Arial,Helvetica,sans-serif!important;
}

/* ------------------------------------------------------------------
   LINE / MODEL / SPACE CHOOSER PAGES
   Keep the desktop page: wallpaper, left rail, cards and legal footer.
   Do not show configurator INFO PROJECT / scene controls here.
------------------------------------------------------------------ */
.fabercfg-app.slv-compact-grid:not(.is-scene-active),
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .fabercfg-intro,
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .fabercfg-intro[data-step='lines'],
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .fabercfg-intro[data-step='models'],
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .fabercfg-intro[data-step='envs']{
  background:#050708 url('../img/slv27-bg-fixed.jpg') center center / cover no-repeat!important;
}

.fabercfg-app.slv-compact-grid:not(.is-scene-active) .fabercfg-studio-chrome,
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .fabercfg-scene,
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .fabercfg-fullscreen-leftbar-toggle,
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .fabercfg-edge-toggle,
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .fabercfg-materials-toggle,
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .fabercfg-views-toggle,
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .fabercfg-lights-toggle,
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .fabercfg-complements-toggle,
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .fabercfg-hotspots-toggle,
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .fabercfg-ai-toggle,
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .fabercfg-videos-toggle,
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .fabercfg-fullscreen-toggle,
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .fabercfg-mobile-back-line,
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .slv-compact-clean-drawer{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

.fabercfg-app.slv-compact-grid:not(.is-scene-active) .fabercfg-intro{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  z-index:10!important;
}

/* Force the footer back: older compact rules were hiding it in chooser pages. */
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .slvs-legal-footer{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:9000!important;
  height:72px!important;
  min-height:72px!important;
  max-height:72px!important;
  pointer-events:auto!important;
  background:rgba(3,5,6,.74)!important;
  border-top:1px solid rgba(236,206,149,.32)!important;
  grid-template-columns:190px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
  padding:0 28px!important;
}
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .slvs-legal-footer__brand,
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .slvs-legal-footer__links,
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .slvs-legal-footer__copy{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .slvs-legal-footer__links{
  align-items:center!important;
  gap:24px!important;
  flex-wrap:nowrap!important;
  overflow:hidden!important;
}
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .slvs-legal-footer__links a{
  color:rgba(246,242,234,.74)!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

/* Video preview on chooser cards: first tap/click previews, second tap navigates. */
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .fabercfg-intro-card.has-hover-video .fabercfg-intro-card-video{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:scale(1.02)!important;
  transition:opacity .28s ease, visibility .28s ease, transform .42s ease!important;
}
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .fabercfg-intro-card.has-hover-video.is-touch-video-primed .fabercfg-intro-card-video,
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .fabercfg-intro-card.has-hover-video.is-hover-video-active .fabercfg-intro-card-video{
  opacity:1!important;
  visibility:visible!important;
  transform:scale(1.04)!important;
}
.fabercfg-app.slv-compact-grid:not(.is-scene-active) .fabercfg-intro-card.has-hover-video.is-touch-video-primed{
  border-color:rgba(236,206,149,.82)!important;
}

/* ------------------------------------------------------------------
   CONFIGURATOR SCENE
   Same desktop chrome, fullscreen shell, INFO PROJECT closed by default.
------------------------------------------------------------------ */
.fabercfg-app.slv-compact-grid.is-scene-active,
.fabercfg-app.slv-compact-grid.is-scene-active.is-browser-fullscreen{
  background:#050708 url('../img/slv62-wallpaper.jpg') center center / cover no-repeat fixed!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-intro,
.fabercfg-app.slv-compact-grid.is-scene-active .slv-compact-clean-drawer,
.fabercfg-app.slv-compact-grid.is-scene-active.slv-compact-drawer-open .slv-compact-clean-drawer{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-studio-chrome{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  z-index:400!important;
  pointer-events:none!important;
  background:transparent!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-studio-topbar{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:var(--slv-top)!important;
  min-height:var(--slv-top)!important;
  max-height:var(--slv-top)!important;
  display:block!important;
  z-index:500!important;
  overflow:visible!important;
  pointer-events:auto!important;
  background:rgba(4,6,7,.76)!important;
  border-bottom:1px solid rgba(236,206,149,.28)!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-studio-bottombar{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:var(--slv-bottom)!important;
  min-height:var(--slv-bottom)!important;
  max-height:var(--slv-bottom)!important;
  display:block!important;
  z-index:500!important;
  overflow:visible!important;
  pointer-events:none!important;
  background:rgba(4,6,7,.58)!important;
  border-top:1px solid rgba(236,206,149,.28)!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-scene{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:var(--slv-top)!important;
  bottom:var(--slv-bottom)!important;
  width:auto!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  overflow:hidden!important;
  z-index:20!important;
  background:#050708 url('../img/slv62-wallpaper.jpg') center center / cover no-repeat fixed!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-base-image,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-stage-img{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
  z-index:1!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-overlay-layer{z-index:4!important;}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-hover-layer{z-index:6!important;}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-light-layer{z-index:8!important;}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-complement-layer{z-index:9!important;}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-hotspot-layer{z-index:16!important;}

/* Header selectors/dropdowns: above INFO PROJECT. */
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-studio-selectors{
  position:absolute!important;
  left:var(--slv-edge)!important;
  top:0!important;
  height:var(--slv-top)!important;
  display:flex!important;
  align-items:center!important;
  gap:clamp(26px,3vw,48px)!important;
  z-index:20000!important;
  overflow:visible!important;
  pointer-events:auto!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-studio-selector-wrap{position:relative!important;overflow:visible!important;}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-studio-selector{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  height:var(--slv-top)!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--slv-text)!important;
  overflow:visible!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-studio-selector span{
  display:block!important;
  color:#fff!important;
  font:800 clamp(7px,.74vw,10px)/1 Inter,Arial,sans-serif!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-studio-selector strong{
  display:block!important;
  margin-top:5px!important;
  color:var(--slv-gold)!important;
  font:800 clamp(8px,.88vw,12px)/1 Inter,Arial,sans-serif!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  padding-right:18px!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-studio-dropdown{
  position:absolute!important;
  top:calc(100% + 6px)!important;
  left:0!important;
  min-width:260px!important;
  max-height:calc(100vh - var(--slv-top) - 26px)!important;
  overflow:auto!important;
  z-index:22000!important;
  background:linear-gradient(180deg, rgba(6,8,9,.97), rgba(3,5,6,.99)),url('../img/slv62-wallpaper.jpg') center center / cover no-repeat!important;
  border:1px solid rgba(236,206,149,.36)!important;
  box-shadow:0 20px 58px rgba(0,0,0,.52)!important;
}

/* Logo + top controls. */
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-studio-brand-wordmark,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-studio-brand-wordmark-logo{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(22vw,230px)!important;
  height:calc(var(--slv-top) - 12px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:none!important;
  z-index:520!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-studio-sanlorenzo-logo{
  width:100%!important;height:100%!important;object-fit:contain!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-fullscreen-toggle{
  display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-ai-toggle,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-videos-toggle,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-mobile-back-line{
  position:absolute!important;
  top:calc((var(--slv-top) - var(--slv-btn-h)) / 2)!important;
  bottom:auto!important;
  left:auto!important;
  height:var(--slv-btn-h)!important;
  width:var(--slv-btn-w)!important;
  min-width:var(--slv-btn-w)!important;
  max-width:var(--slv-btn-w)!important;
  padding:0 10px!important;
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border:1px solid var(--slv-line)!important;
  border-radius:0!important;
  background:rgba(3,5,6,.30)!important;
  color:var(--slv-text)!important;
  font:800 clamp(6px,.66vw,9px)/1 Inter,Arial,sans-serif!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  z-index:12000!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-mobile-back-line{right:var(--slv-edge)!important;}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-videos-toggle{right:calc(var(--slv-edge) + var(--slv-btn-w) + 12px)!important;}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-ai-toggle{right:calc(var(--slv-edge) + (var(--slv-btn-w) * 2) + 24px)!important;}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-mobile-back-line::before,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-mobile-back-line::after,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-ai-toggle::before,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-ai-toggle::after,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-videos-toggle::before,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-videos-toggle::after{
  content:none!important;display:none!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-tool-button-icon,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-project-menu-icon,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-ai-toggle-mark,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-mobile-back-line-icon{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:14px!important;
  min-width:14px!important;
  height:14px!important;
  max-width:14px!important;
  max-height:14px!important;
  object-fit:contain!important;
  color:var(--slv-gold)!important;
  filter:none!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-ai-toggle-mark{
  border:0!important;background:none!important;box-shadow:none!important;font-size:0!important;line-height:0!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-mobile-back-line-label,
.fabercfg-app.slv-compact-grid.is-scene-active .slv-control-label{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Footer desktop buttons. */
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-edge-toggle,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-materials-toggle,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-views-toggle,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-lights-toggle,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-complements-toggle,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-hotspots-toggle{
  position:absolute!important;
  top:auto!important;
  bottom:calc((var(--slv-bottom) - var(--slv-btn-h)) / 2)!important;
  height:var(--slv-btn-h)!important;
  width:var(--slv-btn-w)!important;
  min-width:var(--slv-btn-w)!important;
  max-width:var(--slv-btn-w)!important;
  padding:0 10px!important;
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border:1px solid var(--slv-line)!important;
  border-radius:0!important;
  background:rgba(3,5,6,.28)!important;
  color:var(--slv-text)!important;
  font:800 clamp(6px,.66vw,9px)/1 Inter,Arial,sans-serif!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  z-index:12000!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-edge-toggle{left:calc(var(--slv-edge) + 70px)!important;}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-materials-toggle{left:calc(var(--slv-edge) + 70px + var(--slv-btn-w) + 14px)!important;}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-views-toggle{left:calc(var(--slv-edge) + 70px + (var(--slv-btn-w) + 14px) * 2)!important;}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-lights-toggle{left:calc(var(--slv-edge) + 70px + (var(--slv-btn-w) + 14px) * 3)!important;}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-complements-toggle{left:calc(var(--slv-edge) + 70px + (var(--slv-btn-w) + 14px) * 4)!important;}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-hotspots-toggle{left:calc(var(--slv-edge) + 70px + (var(--slv-btn-w) + 14px) * 5)!important;}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-edge-toggle-arrows{
  display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;min-width:0!important;margin:0!important;padding:0!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-edge-toggle-label::before,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-edge-toggle-label::after,
.fabercfg-app.slv-compact-grid.is-scene-active .slv-control-label::before,
.fabercfg-app.slv-compact-grid.is-scene-active .slv-control-label::after{
  content:none!important;display:none!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-edge-toggle-label{
  display:inline-block!important;max-width:calc(var(--slv-btn-w) - 28px)!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-studio-copyright{
  position:absolute!important;
  right:var(--slv-edge)!important;
  bottom:calc((var(--slv-bottom) - 10px) / 2)!important;
  color:rgba(246,242,234,.78)!important;
  font:600 clamp(5px,.52vw,8px)/1 Inter,Arial,sans-serif!important;
  z-index:1000!important;
}

/* INFO PROJECT: exists only in scene, closed by default, below dropdowns/panels. */
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-fullscreen-leftbar-toggle{
  position:absolute!important;
  left:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:34px!important;
  height:112px!important;
  min-width:34px!important;
  max-width:34px!important;
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(3,5,6,.86)!important;
  border:1px solid rgba(236,206,149,.58)!important;
  color:#fff8ed!important;
  z-index:8000!important;
  pointer-events:auto!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-fullscreen-leftbar-toggle span{
  writing-mode:vertical-rl!important;
  transform:rotate(180deg)!important;
  font:800 8px/1 Inter,Arial,sans-serif!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-studio-leftbar{
  position:absolute!important;
  left:0!important;
  top:var(--slv-top)!important;
  bottom:var(--slv-bottom)!important;
  width:var(--slv-info-w)!important;
  min-width:var(--slv-info-w)!important;
  max-width:var(--slv-info-w)!important;
  height:auto!important;
  z-index:9000!important;
  display:flex!important;
  flex-direction:column!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateX(-104%)!important;
  background:linear-gradient(180deg, rgba(6,8,9,.95), rgba(3,5,6,.99)),url('../img/slv62-wallpaper.jpg') center center / cover no-repeat!important;
  box-shadow:18px 0 48px rgba(0,0,0,.42)!important;
  overflow:hidden!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active.slv-project-info-open .fabercfg-studio-leftbar,
.fabercfg-app.slv-compact-grid.is-scene-active[data-project-info-state='open'] .fabercfg-studio-leftbar{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(0)!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active.slv-project-info-open .fabercfg-fullscreen-leftbar-toggle,
.fabercfg-app.slv-compact-grid.is-scene-active[data-project-info-state='open'] .fabercfg-fullscreen-leftbar-toggle{
  left:calc(var(--slv-info-w) + 10px)!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-studio-sl-logo{margin:24px 24px 18px!important;}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-studio-left-logo-img{max-width:150px!important;height:auto!important;}

/* Real desktop panels, floating over the photo. The photo never moves. */
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-utility-panel{
  position:absolute!important;
  left:calc(var(--slv-edge) + 70px)!important;
  right:auto!important;
  top:auto!important;
  bottom:calc(var(--slv-bottom) + 14px)!important;
  width:330px!important;
  min-width:330px!important;
  max-width:330px!important;
  height:auto!important;
  max-height:calc(100vh - var(--slv-top) - var(--slv-bottom) - 28px)!important;
  overflow:auto!important;
  z-index:23000!important;
  background:linear-gradient(180deg, rgba(6,8,9,.97), rgba(3,5,6,.99)),url('../img/slv62-wallpaper.jpg') center center / cover no-repeat!important;
  border:1px solid rgba(236,206,149,.42)!important;
  box-shadow:0 20px 58px rgba(0,0,0,.56)!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-materials-panel,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-views-panel,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-lights-panel,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-complements-panel,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-ai-panel,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-videos-panel,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-drawer{
  position:absolute!important;
  top:var(--slv-top)!important;
  right:0!important;
  bottom:var(--slv-bottom)!important;
  left:auto!important;
  width:var(--slv-panel-w)!important;
  min-width:min(390px,38vw)!important;
  max-width:470px!important;
  height:auto!important;
  z-index:21000!important;
  background:linear-gradient(180deg, rgba(6,8,9,.96), rgba(3,5,6,.99)),url('../img/slv62-wallpaper.jpg') center center / cover no-repeat!important;
  box-shadow:-22px 0 60px rgba(0,0,0,.46)!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-materials-panel.is-collapsed,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-views-panel.is-collapsed,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-lights-panel.is-collapsed,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-complements-panel.is-collapsed,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-ai-panel.is-collapsed,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-videos-panel.is-collapsed,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-drawer.is-collapsed,
.fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-utility-panel.is-collapsed{
  pointer-events:none!important;
}
.fabercfg-app.slv-compact-grid.is-scene-active:has(.fabercfg-utility-panel:not(.is-collapsed)) .fabercfg-scene,
.fabercfg-app.slv-compact-grid.is-scene-active:has(.fabercfg-materials-panel:not(.is-collapsed)) .fabercfg-scene,
.fabercfg-app.slv-compact-grid.is-scene-active:has(.fabercfg-views-panel:not(.is-collapsed)) .fabercfg-scene,
.fabercfg-app.slv-compact-grid.is-scene-active:has(.fabercfg-lights-panel:not(.is-collapsed)) .fabercfg-scene,
.fabercfg-app.slv-compact-grid.is-scene-active:has(.fabercfg-complements-panel:not(.is-collapsed)) .fabercfg-scene,
.fabercfg-app.slv-compact-grid.is-scene-active:has(.fabercfg-ai-panel:not(.is-collapsed)) .fabercfg-scene,
.fabercfg-app.slv-compact-grid.is-scene-active:has(.fabercfg-videos-panel:not(.is-collapsed)) .fabercfg-scene,
.fabercfg-app.slv-compact-grid.is-scene-active:has(.fabercfg-drawer:not(.is-collapsed)) .fabercfg-scene{
  left:0!important;right:0!important;width:auto!important;
}

@media (max-width:932px) and (orientation:landscape){
  .fabercfg-app.slv-compact-grid{
    --slv-top:clamp(36px,8vh,48px);
    --slv-bottom:clamp(38px,8.4vh,50px);
    --slv-btn-h:clamp(24px,6vh,32px);
    --slv-btn-w:clamp(82px,13.6vw,112px);
    --slv-edge:8px;
    --slv-info-w:clamp(200px,30vw,260px);
    --slv-panel-w:min(330px,36vw);
  }
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-edge-toggle{left:calc(var(--slv-edge) + 34px)!important;}
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-materials-toggle{left:calc(var(--slv-edge) + 34px + var(--slv-btn-w) + 7px)!important;}
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-views-toggle{left:calc(var(--slv-edge) + 34px + (var(--slv-btn-w) + 7px) * 2)!important;}
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-lights-toggle{left:calc(var(--slv-edge) + 34px + (var(--slv-btn-w) + 7px) * 3)!important;}
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-complements-toggle{left:calc(var(--slv-edge) + 34px + (var(--slv-btn-w) + 7px) * 4)!important;}
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-hotspots-toggle{left:calc(var(--slv-edge) + 34px + (var(--slv-btn-w) + 7px) * 5)!important;}
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-ai-toggle,
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-videos-toggle,
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-mobile-back-line,
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-edge-toggle,
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-materials-toggle,
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-views-toggle,
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-lights-toggle,
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-complements-toggle,
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-hotspots-toggle{
    font-size:5.3px!important;
    letter-spacing:.07em!important;
    padding:0 5px!important;
    gap:4px!important;
  }
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-tool-button-icon,
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-project-menu-icon,
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-ai-toggle-mark,
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-mobile-back-line-icon{
    width:10px!important;min-width:10px!important;height:10px!important;max-width:10px!important;max-height:10px!important;
  }
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-studio-copyright{display:none!important;}
  .fabercfg-app.slv-compact-grid:not(.is-scene-active) .slvs-legal-footer{
    height:54px!important;min-height:54px!important;max-height:54px!important;
    grid-template-columns:132px minmax(0,1fr) auto!important;
    gap:12px!important;padding:0 14px!important;font-size:7px!important;
  }
  .fabercfg-app.slv-compact-grid:not(.is-scene-active) .slvs-legal-footer__links{gap:12px!important;overflow:auto!important;}
  .fabercfg-app.slv-compact-grid:not(.is-scene-active) .slvs-legal-footer__copy{font-size:6px!important;}
}


/* SL VEIN STUDIO 4.3.57 — phone landscape lateral safety without resizing the whole app.
   Move only the internal control rails through --slv-edge, so PROJECT / SPACE / INFO PROJECT / BACK TO LINE
   all stay inside rounded iPhone edges and nothing jumps when INFO PROJECT opens. */
@media (max-width:932px) and (orientation:landscape){
  .fabercfg-app.slv-compact-grid{
    --slv-edge:max(22px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px))!important;
    --slv-btn-w:clamp(80px, 13vw, 108px)!important;
  }
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-studio-selectors{
    left:var(--slv-edge)!important;
  }
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-fullscreen-leftbar-toggle{
    left:var(--slv-edge)!important;
  }
  .fabercfg-app.slv-compact-grid.is-scene-active.slv-project-info-open .fabercfg-fullscreen-leftbar-toggle,
  .fabercfg-app.slv-compact-grid.is-scene-active[data-project-info-state='open'] .fabercfg-fullscreen-leftbar-toggle{
    left:calc(var(--slv-info-w) + var(--slv-edge))!important;
  }
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-mobile-back-line{
    right:var(--slv-edge)!important;
  }
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-videos-toggle{
    right:calc(var(--slv-edge) + var(--slv-btn-w) + 12px)!important;
  }
  .fabercfg-app.slv-compact-grid.is-scene-active .fabercfg-ai-toggle{
    right:calc(var(--slv-edge) + (var(--slv-btn-w) * 2) + 24px)!important;
  }
  /* Prevent any legacy opened-leftbar rule from shifting chrome or controls. Only the INFO panel/handle may move. */
  .fabercfg-app.slv-compact-grid.is-scene-active.slv-project-info-open .fabercfg-studio-topbar,
  .fabercfg-app.slv-compact-grid.is-scene-active.slv-project-info-open .fabercfg-studio-bottombar,
  .fabercfg-app.slv-compact-grid.is-scene-active.slv-project-info-open .fabercfg-scene,
  .fabercfg-app.slv-compact-grid.is-scene-active[data-project-info-state='open'] .fabercfg-studio-topbar,
  .fabercfg-app.slv-compact-grid.is-scene-active[data-project-info-state='open'] .fabercfg-studio-bottombar,
  .fabercfg-app.slv-compact-grid.is-scene-active[data-project-info-state='open'] .fabercfg-scene{
    left:0!important;
    right:0!important;
    width:auto!important;
    transform:none!important;
  }
}