.ProseMirror{outline:none;padding:.75rem;min-height:120px}.ProseMirror p.is-editor-empty:first-child:before{color:#adb5bd;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.ProseMirror .variable-tag{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;padding:4px 10px;border-radius:8px;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:4px;margin:0 2px;box-shadow:0 2px 4px rgba(59,130,246,.3);border:1px solid #2563eb;cursor:pointer;transition:all .2s ease;position:relative;user-select:none;white-space:nowrap}.ProseMirror .variable-tag:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 3px 8px rgba(59,130,246,.4);transform:translateY(-1px)}.ProseMirror .variable-tag:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#1f2937;color:white;padding:6px 10px;border-radius:6px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10;margin-bottom:6px;max-width:200px;text-align:center}.ProseMirror .variable-tag:hover:after{opacity:1}.ProseMirror .mention-variable{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;padding:2px 8px;border-radius:6px;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:4px;margin:0 2px;box-shadow:0 1px 3px rgba(59,130,246,.3);border:1px solid #2563eb}.ProseMirror:focus{outline:none}.ProseMirror ol,.ProseMirror ul{padding-left:1.5rem}.ProseMirror li{margin:.25rem 0}.ProseMirror strong{font-weight:600}.ProseMirror em{font-style:italic}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3{font-weight:600;margin-top:1rem;margin-bottom:.5rem}.ProseMirror h1{font-size:1.25rem}.ProseMirror h2{font-size:1.125rem}.ProseMirror h3{font-size:1rem}.ProseMirror p{margin:.5rem 0}.ProseMirror p:first-child{margin-top:0}.ProseMirror p:last-child{margin-bottom:0}