.kit-msg-page { background:#F5F0FC; min-height:100vh; color:#1a0a30; }
.kit-msg-page * { box-sizing:border-box; }
.kit-msg-hero { background:linear-gradient(180deg,#1F0046 0%, #2A0B61 100%); color:#fff; padding:42px 20px 60px; }
.kit-msg-hero-inner { max-width:1180px; margin:0 auto; }
.kit-msg-hero .eyebrow { display:inline-block; background:rgba(123,47,190,.25); color:#E6D5FF; padding:5px 12px; border-radius:999px; font-size:.78rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }
.kit-msg-hero h1 { font-size:clamp(1.7rem,3.5vw,2.6rem); font-weight:800; line-height:1.15; margin:6px 0 12px; letter-spacing:-.02em; }
.kit-msg-hero h1 .accent { background:linear-gradient(90deg,#25D366,#27E19D); -webkit-background-clip:text; background-clip:text; color:transparent; }
.kit-msg-hero p { font-size:1rem; color:rgba(255,255,255,.82); max-width:680px; line-height:1.55; margin:0; }

.kit-msg-wrap { max-width:1180px; margin:-30px auto 0; padding:0 20px 60px; }

/* Chips selector */
.kit-msg-chips { display:flex; gap:8px; overflow-x:auto; padding:8px 4px 16px; scrollbar-width:thin; }
.kit-msg-chips::-webkit-scrollbar { height:4px; }
.kit-msg-chips::-webkit-scrollbar-thumb { background:#C9B6E8; border-radius:4px; }
.kit-msg-chip { display:inline-flex; align-items:center; gap:6px; background:#fff; border:1.5px solid #EDE5F8; border-radius:999px; padding:9px 16px; font-size:.86rem; font-weight:600; color:#3d1f6e; cursor:pointer; white-space:nowrap; flex-shrink:0; transition:border-color .12s, color .12s, background .12s; }
.kit-msg-chip svg { width:16px; height:16px; }
.kit-msg-chip:hover { border-color:#7B2FBE; }
.kit-msg-chip.is-active { background:#1F0046; color:#fff; border-color:#1F0046; }

.kit-msg-layout { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:8px; }
@media (max-width:820px) { .kit-msg-layout { grid-template-columns:1fr; } }

.kit-msg-panel { background:#fff; border:1px solid #EDE5F8; border-radius:16px; padding:22px; }
.kit-msg-panel h2 { font-size:1rem; font-weight:700; color:#1a0a30; margin:0 0 4px; }
.kit-msg-panel small.intent { color:var(--text-3); font-size:.84rem; display:block; margin-bottom:18px; }

.kit-msg-field { margin-bottom:12px; }
.kit-msg-field label { display:block; font-size:.78rem; color:#5b3d8a; font-weight:600; margin-bottom:4px; text-transform:uppercase; letter-spacing:.03em; }
.kit-msg-field input { width:100%; padding:9px 12px; border:1.5px solid #EDE5F8; border-radius:10px; font-size:.94rem; color:#1a0a30; outline:none; font-family:inherit; }
.kit-msg-field input:focus { border-color:#7B2FBE; }

/* Preview */
.kit-msg-preview-wrap { background:#E5DDF0; padding:16px; border-radius:14px; min-height:360px; }
.kit-msg-bubble { background:#fff; border-radius:14px 14px 14px 4px; padding:14px 16px; font-size:.94rem; line-height:1.5; color:#0b141a; white-space:pre-wrap; word-wrap:break-word; box-shadow:0 1px 1px rgba(11,20,26,.06); }
.kit-msg-bubble::before { content:""; display:block; width:0; height:0; }
.kit-msg-actions { display:flex; gap:10px; margin-top:14px; }
.kit-msg-btn { flex:1; display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:11px 16px; border-radius:11px; font-size:.92rem; font-weight:600; cursor:pointer; border:0; transition:background .15s; }
.kit-msg-btn-wa { background:#25D366; color:#fff; }
.kit-msg-btn-wa:hover { background:#1FB957; }
.kit-msg-btn-copy { background:#1F0046; color:#fff; }
.kit-msg-btn-copy:hover { background:#3d1f6e; }
.kit-msg-btn.is-copied { background:var(--teal-solid); }
.kit-msg-charcount { text-align:right; font-size:.74rem; color:var(--text-3); margin-top:6px; }

.kit-msg-share { display:flex; gap:8px; justify-content:flex-end; padding:14px 0 0; }
.kit-msg-share-btn { background:#fff; border:1px solid #EDE5F8; color:#3d1f6e; padding:7px 12px; border-radius:10px; font-size:.82rem; font-weight:600; cursor:pointer; }
.kit-msg-share-btn:hover { background:#F5F0FC; color:var(--accent-text, #7B2FBE); }

/* Helper de variable: highlight visual */
.kit-msg-bubble var { font-style:normal; background:#FFE9A6; padding:1px 4px; border-radius:4px; }