
#lorrpack-preview-engine{
  position:absolute!important;top:0!important;right:0!important;bottom:0!important;
  width:410px!important;display:flex!important;flex-direction:column!important;
  background:#fff!important;border-left:1px solid var(--lpe-border)!important;
  border-radius:0!important;overflow:hidden!important;z-index:60!important;
  font-family:Arial,sans-serif!important
}
#lorrpack-preview-engine .lpe-preview-header{
  flex:0 0 58px;display:flex;align-items:center;padding:0 22px;
  border-bottom:1px solid var(--lpe-border)
}
#lorrpack-preview-engine .lpe-preview-title{
  margin:0;font-size:18px;font-weight:800;color:var(--lpe-text)
}
#lorrpack-preview-engine .lpe-preview-stage{
  position:relative;flex:1 1 auto;min-height:0;
  display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 42%,#fff 0%,#f6f6f4 100%);
  overflow:hidden
}
#lorrpack-preview-canvas{display:block;max-width:96%;max-height:96%}
#lorrpack-preview-engine .lpe-print-zone{
  position:absolute;left:24%;top:27%;width:37%;height:52%;
  border:1.5px dashed rgba(249,115,22,.86);
  background:rgba(249,115,22,.07);opacity:0;
  transition:opacity .18s ease;pointer-events:none
}
#lorrpack-preview-engine .lpe-preview-stage:hover .lpe-print-zone{opacity:1}

/* Message d'accueil centré sur le vrai canvas Fabric, pas sur toute la page. */
#lpe-editor-empty{
  position:absolute;z-index:50;inset:0;
  display:flex;align-items:center;justify-content:center;
  text-align:center;font-family:Arial,sans-serif;color:#242424;
  pointer-events:none;padding:24px;box-sizing:border-box
}
#lpe-editor-empty .lpe-empty-inner{width:min(440px,82%)}
#lpe-editor-empty h3{margin:0 0 10px;font-size:22px}
#lpe-editor-empty p{margin:0 0 18px;font-size:15px;line-height:1.5}
#lpe-editor-empty .lpe-upload{
  pointer-events:auto;min-height:48px;padding:0 22px;border:0;border-radius:8px;
  background:var(--lpe-orange);color:#fff;font-size:15px;font-weight:800;cursor:pointer
}
#lpe-editor-empty .lpe-drop{margin-top:12px;font-size:13px}
#lpe-editor-empty.is-hidden{display:none}

@media(max-width:1100px){
  #lorrpack-preview-engine{
    position:fixed!important;left:10px!important;right:10px!important;
    bottom:10px!important;top:auto!important;width:auto!important;height:320px!important;
    z-index:2147483001!important;border:1px solid var(--lpe-border)!important;border-radius:12px!important
  }
}
