/* design/lib/toolbar.css
   Barre d'outils de MAQUETTE. Vit HORS de lib/components/, donc hors de la
   porte 2 : ses couleurs sont volontairement en dur et volontairement neutres,
   pour qu'elle ne puisse jamais se confondre avec le design de la marque. */
.maquette-barre {
  position: fixed;
  right: 12px;
  bottom: 12px;
  z-index: 2147483000;
  font: 500 14px/1.3 ui-sans-serif, system-ui, sans-serif;
  color: #f2f2f2;
  max-width: calc(100vw - 24px);
}
.maquette-bascule {
  min-height: 44px;
  min-width: 44px;
  padding: 0 18px;
  border: 1px solid #4a4a4a;
  border-radius: 999px;
  background: #2b2b2b;
  color: inherit;
  font: inherit;
  cursor: pointer;
  box-shadow: 0 6px 24px rgb(0 0 0 / 35%);
}
.maquette-bascule:focus-visible { outline: 2px solid #7fd1c4; outline-offset: 2px; }
.maquette-panneau {
  margin-top: 8px;
  padding: 14px;
  border: 1px solid #4a4a4a;
  border-radius: 14px;
  background: #2b2b2b;
  box-shadow: 0 12px 40px rgb(0 0 0 / 45%);
  display: grid;
  gap: 12px;
  max-width: min(320px, calc(100vw - 24px));
}
.maquette-panneau[hidden] { display: none; }
.maquette-panneau label { display: grid; gap: 6px; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: #b9b9b9; }
.maquette-panneau select {
  min-height: 44px;
  width: 100%;
  padding: 0 10px;
  border: 1px solid #5a5a5a;
  border-radius: 10px;
  background: #1c1c1c;
  color: #f2f2f2;
  font: 500 14px/1.3 ui-sans-serif, system-ui, sans-serif;
}