.ht-lead-preview{position:relative;display:grid;grid-template-columns:minmax(0,var(--ht-lead-image-width,51%)) minmax(0,1fr);height:430px;background:#292d32;color:#f2f3f3;border-radius:12px;overflow:hidden;--ht-surface:#fff;--ht-ink:#292d32;--ht-line:#d7dadd;--ht-silver:#dce1e7;margin-block:16px}
.ht-lead-preview .ht-lead-image{position:relative;overflow:hidden;min-width:0}
.ht-lead-preview .ht-lead-image-frame{position:absolute;inset:12px;display:flex;align-items:center;justify-content:center}
.ht-lead-preview .ht-lead-image-frame img{max-width:100%;max-height:100%;border-radius:12px}
.ht-lead-preview>.ht-lead-copy{padding:24px;min-width:0;overflow:auto}
/* The divider overlays the seam without changing the featured card's footprint. */
.ht-lead-divider{display:none}
@media(min-width:1101px){
    .ht-lead-preview{position:relative;grid-template-columns:minmax(0,var(--ht-lead-image-width,51.219512%)) minmax(0,1fr)}
    .ht-lead-preview>.ht-lead-copy{min-width:0;overflow-wrap:anywhere}
    .ht-lead-divider{display:flex;position:absolute;inset-block:0;inset-inline-start:var(--ht-lead-image-width,51.219512%);transform:translateX(-50%);width:24px;align-items:center;justify-content:center;z-index:3;cursor:col-resize;touch-action:none;opacity:0;transition:opacity .15s;outline:none}
    [dir=rtl] .ht-lead-divider{transform:translateX(50%)}
    .ht-lead-divider::before{content:"";position:absolute;inset-block:0;inset-inline-start:calc(50% - 1px);width:2px;background:var(--ht-lead-accent,var(--ht-silver));box-shadow:0 0 0 1px #0002}
    .ht-lead-divider>span{position:relative;display:grid;place-items:center;width:24px;height:46px;border:1px solid var(--ht-line);border-radius:12px;background:var(--ht-surface);color:var(--ht-ink);font-size:20px;box-shadow:0 2px 10px #0003}
    .ht-lead-preview:hover>.ht-lead-divider,.ht-lead:hover>.ht-lead-divider,.ht-lead-divider:focus-visible,.ht-lead-resizing>.ht-lead-divider{opacity:1}
    .ht-lead-divider:focus-visible>span{outline:3px solid var(--ht-lead-accent,var(--ht-silver));outline-offset:3px}
    .ht-lead-resizing{user-select:none;cursor:col-resize}
     .ht-lead-preview img{object-fit:contain}
    .ht-lead-preview:hover img{transform:none}
}
@media(hover:none) and (min-width:1101px){.ht-lead-divider{opacity:1}}
@media(prefers-reduced-motion:reduce){.ht-lead-divider{transition:none}}

/* Desktop photo geometry is measured once, independently of the reveal window. */
@media(min-width:1101px){
    [data-resizable-lead].ht-lead-reveal-ready{height:var(--ht-lead-card-height);min-height:0}
    [data-resizable-lead].ht-lead-reveal-ready>.ht-lead-copy{overflow:auto;min-height:0}
    [data-resizable-lead].ht-lead-reveal-ready .ht-lead-image{border-radius:var(--ht-radius,12px);overflow:hidden}
    [data-resizable-lead].ht-lead-reveal-ready .ht-lead-image-frame{inset:auto;inset-inline-start:0;top:50%;width:var(--ht-lead-photo-width);height:var(--ht-lead-photo-height);display:block;transform:translateY(-50%);pointer-events:none}
    [data-resizable-lead].ht-lead-reveal-ready .ht-lead-image-frame img{position:static!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;transform:none!important;transition:none!important;border-radius:var(--ht-radius,12px)}
}

.ht-lead-save-status{position:absolute;inset-inline-start:16px;bottom:16px;z-index:4;max-width:calc(100% - 32px);padding:7px 10px;background:var(--ht-surface,#fff);color:var(--ht-ink,#292d32);border:1px solid var(--ht-line,#d7dadd);border-radius:6px;font-size:11px;line-height:1.4;pointer-events:none}
.ht-lead-save-status[data-state=error]{border-color:#b42318}