/* LiooStudio › Cartes de visite (D141) : disposition de l'écran des cartes de visite papier. Les composants viennent de
   la bibliothèque (brand/components.css) et le panneau de réglages reprend celui du configurateur (studio-hub.css :
   .lsx-panel, .lsx-sec) ; la scène d'aperçu est la scène commune (SupportStage, .hl-stage) ; ici seulement la taille
   réelle des faces et la grille, en jetons. */
.lcp{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}
.lcp__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,25rem);gap:var(--space-6);align-items:start}
/* Aperçu aux dimensions réelles : la largeur CSS du format (le millimètre CSS), jamais plus que la colonne. */
.lcp__face{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin:0;width:85mm;max-width:100%}
.lcp__face--85x55{width:85mm}
.lcp__face--90x50{width:90mm}
.lcp__face>.support-face>svg{box-shadow:var(--shadow-sm)}
.lcp__downloads{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3)}
@media (max-width:1000px){.lcp__grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){
  .lcp__downloads>*{flex:1 1 100%}
}