/* VEYRAN — Mode Cinéma / Plein écran, sans altérer les pixels sources. */
.veyran-view-modes{
  position:absolute;right:14px;bottom:14px;z-index:12;
  display:flex;gap:6px;padding:5px;
  background:color-mix(in srgb,var(--bg) 94%,transparent);
  border:1px solid var(--edge);
  box-shadow:0 6px 25px #0005;
  border-radius:6px;
}
.veyran-view-modes button{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:38px;padding:7px 10px;border:1px solid transparent;
  border-radius:3px;background:transparent;color:var(--ink);
  font:600 12px var(--sans,system-ui);cursor:pointer;
  white-space:nowrap;
}
.veyran-view-modes button:hover,
.veyran-view-modes button:focus-visible,
.veyran-view-modes button[aria-pressed="true"]{
  background:var(--soft);border-color:var(--accent);color:var(--accent);
  outline:none;
}
.veyran-view-modes svg{
  height:18px;width:18px;fill:none;stroke:currentColor;
  stroke-linejoin:round;stroke-linecap:round;stroke-width:1.8;flex:0 0 auto;
}
.workarea .comparison-empty{position:relative}
body.veyran-layout-cinema .workspace{
  grid-template-columns:minmax(180px,215px) minmax(0,1fr)!important;
}
body.veyran-layout-cinema .workspace>.inspector{display:none!important}
body.veyran-layout-cinema .workspace .workarea{min-width:0}
body.veyran-layout-cinema .workspace .map-stage{min-width:0}
body.veyran-layout-fullscreen{overflow:hidden}
body.veyran-layout-fullscreen #app:fullscreen,
body.veyran-layout-fullscreen #app.veyran-immersive-fallback{
  background:var(--bg);height:100dvh;width:100vw;overflow:hidden;
}
#app.veyran-immersive-fallback{position:fixed;inset:0;z-index:1000}
body.veyran-layout-fullscreen #app>.topbar,
body.veyran-layout-fullscreen #app>.workspacebar,
body.veyran-layout-fullscreen #app>.footer{
  display:none!important;
}
body.veyran-layout-fullscreen #app>.workspace{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  height:100dvh!important;min-height:0!important;
}
body.veyran-layout-fullscreen #app>.workspace>.sidebar,
body.veyran-layout-fullscreen #app>.workspace>.inspector{
  display:none!important;
}
body.veyran-layout-fullscreen #app>.workspace>.workarea{
  display:flex!important;flex-direction:column!important;
  width:100%;height:100dvh!important;min-height:0!important;
  overflow:hidden!important;
}
body.veyran-layout-fullscreen .workarea>.canvas-toolbar{
  flex:0 0 auto;min-height:52px;height:auto;max-height:105px;
  overflow-x:auto;gap:10px;flex-wrap:wrap;
}
body.veyran-layout-fullscreen .workarea>.map-stage{
  flex:1 1 auto;min-height:0!important;
}
body.veyran-layout-fullscreen .workarea>.comparison-empty{
  flex:1 1 auto;min-height:0!important;
}
body.veyran-layout-fullscreen .workarea>.timebar,
body.veyran-layout-fullscreen .workarea>.compare-controls{
  flex:0 0 auto;
}
body.veyran-layout-fullscreen .workarea>.mobile-bottom{display:none!important}
body.veyran-layout-fullscreen .veyran-view-modes{bottom:18px;right:18px}
body.veyran-layout-fullscreen .veyran-view-modes button[aria-pressed="true"]{border-color:var(--accent)}
@media(max-width:1050px){
  .veyran-view-modes .veyran-layout-text{display:none}
  .veyran-view-modes button{min-width:42px;min-height:42px;padding:8px}
  body.veyran-layout-cinema .workspace{
    grid-template-columns:minmax(170px,190px) minmax(0,1fr)!important;
  }
}
@media(max-width:760px){
  .veyran-view-modes{right:10px;bottom:8px;gap:3px;padding:4px}
  body.veyran-layout-cinema .workspace{display:block!important}
  body.veyran-layout-cinema .workspace>.workarea{width:100%}
  body.veyran-layout-cinema .workspace>.inspector{display:none!important}
  body.veyran-layout-fullscreen .workarea>.canvas-toolbar{
    min-height:52px;max-height:130px;padding:7px 10px;
  }
  body.veyran-layout-fullscreen .workarea>.canvas-toolbar .mobile-actions{display:none}
}