.preview{position:relative;margin:24px 0 32px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,.04);color:#334155}.preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.preview .btns button{margin-left:8px;padding:8px 12px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;font-weight:600}.preview .btns button:hover{border-color:#64748b}.preview .muted{color:#64748b}.preview .error{color:#b00020}.preview-body{white-space:pre-wrap;outline:none}.preview.locked .preview-body{-moz-user-select:none;user-select:none;-webkit-user-select:none;pointer-events:none}.preview.locked:after{content:"Letterhead AI — Preview Only";position:absolute;inset:0;display:grid;place-items:center;font-weight:700;font-size:34px;color:rgba(0,0,0,.12);transform:rotate(-18deg);pointer-events:none}.preview.locked .preview-body *{-moz-user-select:none;user-select:none;-webkit-user-select:none}.preview.locked .preview-body{opacity:.86}body{zoom:.85;-moz-transform:scale(.85);-moz-transform-origin:top center}@media (max-width:768px){body{zoom:1;-moz-transform:none}}