.preview-whatsapp{background-color:#ece5dd;border-radius:8px;padding:16px;min-height:120px}.preview-whatsapp .whatsapp-bubble{background-color:#dcf8c6;border-radius:8px 8px 0;max-width:85%;margin-left:auto;padding:8px 12px;font-family:system-ui,-apple-system,sans-serif;font-size:14.5px;line-height:1.4;color:#111;position:relative;word-wrap:break-word}.preview-whatsapp .whatsapp-bubble:after{content:"";position:absolute;bottom:0;right:-8px;width:0;height:0;border-left:8px solid #DCF8C6;border-bottom:8px solid transparent}.preview-whatsapp .whatsapp-timestamp{text-align:right;font-size:11px;color:#667781;margin-top:4px}.preview-sms{background-color:#f0f0f0;border-radius:16px;border:2px solid #d0d0d0;padding:24px 16px;min-height:120px}.preview-sms .sms-bubble{background-color:#e3f2fd;border-radius:18px;max-width:85%;padding:10px 16px;font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:14px;line-height:1.4;color:#1a1a1a;word-wrap:break-word}.preview-sms .sms-sender{font-size:11px;color:#888;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.preview-email{background-color:#f5f5f5;border-radius:8px;padding:12px;min-height:120px}.preview-email .email-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000000f;overflow:hidden}.preview-email .email-header{background-color:#f8f9fa;padding:12px 16px;border-bottom:1px solid #e0e0e0;font-size:13px;color:#555}.preview-email .email-header-row{display:flex;gap:8px;margin-bottom:4px}.preview-email .email-header-row:last-child{margin-bottom:0}.preview-email .email-header-label{font-weight:600;color:#333;min-width:60px}.preview-email .email-body{padding:20px 16px;font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6;color:#333}.preview-email .email-body a{color:#1a73e8;text-decoration:underline}.preview-email .email-footer{padding:12px 16px;border-top:1px solid #e0e0e0;font-size:12px;color:#999;text-align:center}.preview-letter{background-color:#e8e8e8;border-radius:4px;padding:16px;min-height:120px}.preview-letter .letter-page{background-color:#fff;box-shadow:0 2px 8px #00000026;padding:32px 36px;max-width:100%;min-height:400px;overflow-y:auto;font-family:Georgia,Times New Roman,serif;font-size:13px;line-height:1.6;color:#222;border:1px solid #d0d0d0}.preview-letter .letter-header-image{margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:12px}.preview-letter .letter-header-image img{max-height:80px;width:auto}.preview-letter .letter-header-placeholder{margin-bottom:20px;padding:16px;border:1px dashed #ccc;border-radius:4px;text-align:center}.preview-letter .letter-sender-name{font-size:14px;font-weight:700;margin-bottom:16px;color:#333}.preview-letter .letter-date{text-align:right;margin-bottom:20px;font-size:12px;color:#555}.preview-letter .letter-subject{font-weight:700;margin-bottom:16px;font-size:13px;padding-bottom:8px;border-bottom:1px solid #eee}.preview-letter .letter-body{margin-bottom:32px;white-space:pre-wrap}.preview-loading{display:flex;align-items:center;justify-content:center;min-height:100px;color:#999}.preview-loading .spinner{display:inline-block;width:20px;height:20px;border:2px solid #ddd;border-top-color:#666;border-radius:50%;animation:spin .6s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}