.rule-editor{flex:1 1;min-width:0;width:100%;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary)}.rule-editor:focus-within{border-color:var(--accent-primary)}.rule-editor-colors{display:flex;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border-color)}.rule-editor-colors button{width:20px;height:20px;flex:0 0 20px;border:2px solid white;border-radius:4px;box-shadow:0 0 0 1px #b8c2cc;cursor:pointer}.rule-editor-colors button:focus-visible{outline:2px solid #2563eb;outline-offset:3px}.rule-editor-content{min-height:44px;padding:10px 14px;outline:none;color:#000;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.rule-editor-content p{margin:0}.rule-editor-content p.is-empty:first-child:before{content:attr(data-placeholder);color:#64748b;pointer-events:none}