.zk-letter-panel { clear:both; width:100%; box-sizing:border-box; margin:1.5rem 0; padding:1.2rem; border:1px solid var(--line); border-radius:16px; background:#fff8f5; }
.zk-letter-panel-grid { display:grid; gap:1.5rem; align-items:start; }
.zk-letter-panel-controls { min-width:0; }
.zk-letter-panel-controls form.cart { float:none; margin:0; }
.zk-letter-panel .zk-letter-preview-title { margin:0 0 .8rem; }
.zk-letter-panel-visual { width:100%; max-width:320px; justify-self:center; margin:0; }
.zk-letter-live-image { display:block; width:100%; height:auto; border-radius:12px; }
.zk-letter-panel-caption { margin:.65rem 0 0; }
@media(min-width:768px) {
 .zk-letter-panel { padding:2rem; }
 .zk-letter-panel-grid { grid-template-columns:minmax(0,1fr) minmax(0,.8fr); gap:2.5rem; }
 .zk-letter-panel-visual { max-width:360px; }
}