.ie{--ie-accent:#1f4fd8;--ie-line:#e5e7eb;--ie-ink:#16181d;--ie-muted:#6b7280;position:relative;border:1px solid var(--ie-line);border-radius:12px;background:#fff;color:var(--ie-ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;transition:border-color .15s,box-shadow .15s}
.ie:focus-within{border-color:var(--ie-accent);box-shadow:0 0 0 3px rgba(31,79,216,.12)}
.ie button{font-family:inherit}
.ie-bar{display:flex;flex-wrap:wrap;gap:2px;padding:6px;border-bottom:1px solid var(--ie-line)}
.ie-bar button{border:none;background:none;border-radius:6px;min-width:32px;height:30px;padding:0 6px;cursor:pointer;color:#374151;font-weight:600;font-size:14px}
.ie-bar button:hover{background:#f3f4f6}
.ie-bar button.on{background:#eef2ff;color:var(--ie-accent)}
.ie-bar .ie-txt{font-size:13px;padding:0 10px}
.ie-sep{width:1px;background:var(--ie-line);margin:4px}
.ie-emoji{position:absolute;right:6px;top:44px;z-index:30;width:min(480px,calc(100% - 12px));display:flex;background:#fff;border:1px solid var(--ie-line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.16);overflow:hidden}
.ie-emoji[hidden]{display:none}
.ie-tabs{flex:0 0 190px;display:flex;flex-direction:column;gap:1px;padding:6px;background:#f9fafb;border-right:1px solid var(--ie-line);max-height:420px;overflow-y:auto}
.ie-tabs button{display:flex;align-items:center;gap:8px;text-align:left;border:none;background:none;font-size:13px;font-weight:500;color:#374151;padding:5px 8px;border-radius:8px;cursor:pointer;white-space:nowrap}
.ie-ti{font-size:17px;width:22px;text-align:center}
.ie-tabs button:hover{background:#eef0f3}
.ie-tabs button.on{background:#eef2ff;color:var(--ie-accent);font-weight:600}
.ie-cat{font-size:12px;font-weight:600;color:var(--ie-muted);text-transform:uppercase;letter-spacing:.05em;padding:10px 12px 2px}
.ie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:2px;padding:6px 8px 10px}
.ie-grid button{border:none;background:none;font-size:22px;height:38px;border-radius:8px;cursor:pointer}
.ie-grid button:hover{background:#f3f4f6;transform:scale(1.12)}
.ie-body .ProseMirror{min-height:180px;padding:14px 16px;outline:none;font-size:15px;line-height:1.55}
.ie-body .ProseMirror p{margin:0 0 .7em}
.ie-body .ProseMirror h3{font-size:17px;margin:.4em 0}
.ie-body .ProseMirror ul,.ie-body .ProseMirror ol{padding-left:22px;margin:0 0 .7em}
.ie-body .ProseMirror a{color:var(--ie-accent)}
.ie-body .ProseMirror p.is-editor-empty:first-child::before{content:attr(data-placeholder);color:#9ca3af;float:left;height:0;pointer-events:none}
.ie-foot{font-size:12px;color:var(--ie-muted);text-align:right;padding:4px 12px 8px}
.ie-bubble{position:absolute;z-index:25;display:flex;gap:2px;background:#111827;border-radius:8px;padding:4px;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.ie-bubble[hidden]{display:none}
.ie-bubble button{border:none;background:none;color:#fff;border-radius:5px;min-width:28px;height:26px;cursor:pointer;font-weight:600;font-size:13px}
.ie-bubble button:hover,.ie-bubble button.on{background:#374151}

.ie-right{flex:1;min-width:0;max-height:420px;overflow-y:auto}
.ie-bar button{display:inline-flex;align-items:center;justify-content:center;gap:4px}
.ie-lbl{font-size:13px;font-weight:500}
.ie-foot{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.ie-count{margin-left:auto}
.ie-aviso{color:#b42318;font-weight:500}
.ie-aviso[hidden]{display:none}
@media (max-width:520px){.ie-emoji{flex-direction:column}.ie-tabs{flex:none;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--ie-line)}.ie-tabs button{flex:0 0 auto}.ie-lbl{display:none}}
.ie.ie-error{border-color:#d93025;box-shadow:0 0 0 3px rgba(217,48,37,.15)}
.ie *{box-sizing:border-box}