/* Build 198: art-direction controls and stronger visual hierarchy. */
.marketingDesignControls{margin:16px 0 4px;padding:14px;border:1px solid #d8e4ec;border-radius:13px;background:linear-gradient(145deg,#f9fcfd,#f2f7fa)}
.marketingDesignHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.marketingDesignHead b,.marketingDesignHead span{display:block}.marketingDesignHead b{color:#082d63;font-size:12px}.marketingDesignHead span{margin-top:2px;color:#667085;font-size:9px}.marketingDesignHead button{border:1px solid #cbd9e3;border-radius:8px;padding:6px 10px;background:#fff;color:#17365f;font-size:9px;font-weight:850}
.marketingDesignGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.marketingDesignGrid label{min-width:0;color:#536174;font-size:9px;font-weight:800}.marketingDesignGrid label span{display:flex;justify-content:space-between;gap:8px}.marketingDesignGrid label b{color:#087d7a;font-variant-numeric:tabular-nums}.marketingDesignGrid input{width:100%;margin:7px 0 0;accent-color:#0ba8a5}
.marketingPreview{--mk-title-scale:1.3;--mk-info-scale:1.25;--mk-logo-width:47.6%;--mk-logo-height:81.6px;--mk-agent-scale:1.45;--mk-overlay-opacity:.62;--mk-shadow-opacity:.3;--mk-photo-focus:50%}
.marketingPreview .marketingPhoto{object-position:var(--mk-photo-focus) center}.marketingPreview .marketingShade{opacity:var(--mk-overlay-opacity)}
.marketingPreview .marketingLogo{max-width:var(--mk-logo-width)!important;max-height:var(--mk-logo-height)!important;filter:drop-shadow(0 4px 12px rgba(0,0,0,var(--mk-shadow-opacity)))}
.marketingPreview .marketingPreviewCopy h2{zoom:var(--mk-title-scale);text-shadow:0 3px 16px rgba(0,0,0,var(--mk-shadow-opacity))}
.marketingPreview .marketingPreviewCopy>p,.marketingPreview .marketingPropertyFacts{zoom:var(--mk-info-scale)}
.marketingPreview .marketingPreviewCopy>p{text-shadow:0 2px 10px rgba(0,0,0,var(--mk-shadow-opacity))}
.marketingPreview .marketingAgent{transform:scale(var(--mk-agent-scale));transform-origin:left bottom}.marketingPreview .marketingAgent>img{width:48px;height:48px}.marketingPreview .marketingAgent b{font-size:12px}.marketingPreview .marketingAgent small{font-size:9px}
.marketingPreview.style-bold .marketingPreviewTop>b{zoom:var(--mk-title-scale);text-shadow:0 3px 0 #043b88,0 0 12px rgba(255,255,255,.55)}
.marketingPreview.style-bold .marketingAgent{transform-origin:right bottom}.marketingPreview.style-bold .marketingPhoto2,.marketingPreview.style-bold .marketingPhoto3{box-shadow:-12px 10px 28px rgba(0,20,55,var(--mk-shadow-opacity))}
.marketingPreview.style-classy .marketingAgent,.marketingPreview.style-clean .marketingAgent{transform-origin:right bottom}
.marketingPreview.style-modern .marketingShade{background:linear-gradient(90deg,rgba(16,24,32,.96) 0 29%,rgba(16,24,32,.76) 40%,rgba(16,24,32,.18) 58%,transparent 72%)}.marketingPreview.style-modern .marketingPreviewCopy{right:43%}.marketingPreview.style-modern .marketingPreviewCopy h2{line-height:.92}.marketingPreview.style-modern .marketingPreviewTop .marketingLogo{margin-top:18px}.marketingPreview.style-modern .marketingAgent{margin-top:20px}
.marketingPreview.style-luxury .marketingAgent{transform-origin:center bottom}
.marketingPreview.style-coastal .marketingPhoto2{box-shadow:0 12px 28px rgba(12,79,96,var(--mk-shadow-opacity))}
@media(max-width:650px){.marketingDesignGrid{grid-template-columns:1fr}.marketingPreview .marketingAgent{transform:scale(min(var(--mk-agent-scale),1.2))}}