/* Vistio Business v1.0.6 — HQ local preview assets and fixed live preview column. */

/* Improve image fidelity inside previews and template pickers. */
.vbp-image img,
.vbp-theme-mini img,
#live-preview img,
.preview-stage img{
  image-rendering:auto;
  backface-visibility:hidden;
}

/* Desktop editor: scroll only the controls/template pane. Keep preview fixed without its own scrollbar. */
@media (min-width:1051px){
  #workspace .premium-editor .editor-split,
  #workspace .premium-editor .v03-editor-split{
    display:grid!important;
    grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr)!important;
    gap:22px!important;
    align-items:start!important;
    height:calc(100dvh - 162px)!important;
    min-height:610px!important;
    max-height:950px!important;
    overflow:hidden!important;
    position:relative!important;
  }
  #workspace .premium-editor .editor-split>.form-content{
    min-width:0!important;
    min-height:0!important;
    max-height:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;
    padding:2px 15px 24px 4px!important;
    scrollbar-width:thin;
    scrollbar-color:#aa8149 #17120d;
  }
  #workspace .premium-editor .editor-split>.live-preview-column{
    position:sticky!important;
    top:8px!important;
    align-self:start!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:0 4px 12px!important;
  }
  #workspace .premium-editor .editor-split>.live-preview-column .preview-shell,
  #workspace .premium-editor .editor-split>.live-preview-column .preview-canvas,
  #workspace .premium-editor .editor-split>.live-preview-column .preview-stage{
    overflow:visible!important;
    max-height:none!important;
  }
}

/* Keep tools section and mini previews sharp and consistent. */
.vbp-theme-mini .vbp-mini-primary,
.vbp-theme-mini .vbp-mini-secondary{background:#0f0d0b}
.vbp-theme-mini .vbp-mini-primary img,
.vbp-theme-mini .vbp-mini-secondary img{object-fit:cover;object-position:center center;filter:none!important}
.vbp-theme-mini .vbp-mini-secondary{border:2px solid rgba(244,211,146,.82);box-shadow:0 10px 24px rgba(0,0,0,.3)}

/* v1.0.8: image-grid overrides removed to restore individual premium compositions. */
/* Preview notice and promo block keep premium alignment. */
.vb102-preview-examples{justify-content:center!important;text-align:center}
.vb102-preview-examples span{max-width:560px}
.preview-service.vb102-design-promo,
.vb102-design-promo{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:12px!important}
.preview-service.vb102-design-promo a{align-self:center!important}