.editable-macro-main{display:flex;gap:20px}.editable-macro-main .editor-wrapper{flex:1;display:flex;flex-direction:column}.editable-macro-main .editable-div{word-break:break-word;border:1px solid #bdc3c7;padding:15px 50px 15px 15px;min-height:250px;white-space:pre-wrap;word-wrap:break-word;outline:0;font-size:1.1em;line-height:1.6;border-radius:8px;background-color:#fdfdfd;box-shadow:inset 0 1px 3px rgba(0,0,0,.05);resize:vertical;overflow-y:auto}.editable-macro-main .macro{display:inline-block;padding:0 6px;margin:0 1px;border:1px solid #b7c0c7;border-radius:4px;font-weight:400;font-family:'Courier New',Courier,monospace;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;caret-color:transparent;box-sizing:border-box;box-shadow:0 1px 1px rgba(0,0,0,.05);transition:.1s ease-in-out;position:relative;font-size:.9em;background-color:#ecf0f1;color:#2c3e50}.editable-macro-main .macro.active{border:1px solid #3498db;outline:#3498db solid 1px;outline-offset:1px;box-shadow:0 0 8px rgba(52,152,219,.9);background-color:#dbeaf5;padding:0 6px}.editable-macro-main .macro.active:hover{background-color:#cce0f0}.editable-macro-main .macro.dragging{opacity:.5;box-shadow:0 5px 15px rgba(0,0,0,.2)}.editable-macro-main .delete-macro-icon{position:absolute;top:-8px;right:-8px;width:18px;height:18px;background-color:#fff;border:1px solid #bdc3c7;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;box-shadow:0 1px 3px rgba(0,0,0,.2);opacity:0;transform:scale(.8);transition:opacity .2s,transform .2s;z-index:1}.editable-macro-main .macro.active .delete-macro-icon{opacity:1;transform:scale(1)}.editable-macro-main .delete-macro-icon:hover{background-color:#e74c3c;border-color:#c0392b}.editable-macro-main .delete-macro-icon:hover svg{fill:white}.editable-macro-main .delete-macro-icon svg{width:10px;height:10px;fill:#7f8c8d;transition:fill .2s}.editable-macro-main .macro:hover{background-color:#e0e6e8}.editable-macro-main .drop-target{background-color:rgba(52,152,219,.8);width:2px;position:fixed;height:1.6em;display:none;pointer-events:none;z-index:1000;margin-top:1px;transition:none}.editable-macro-main .editor-wrapper{position:relative;flex:1;display:flex;flex-direction:column}.editable-macro-main .editable-emoji{position:absolute;right:10px;top:10px}.editable-macro-panel .macro-buttons-panel{display:flex;flex-direction:column;gap:10px;position:relative;overflow-y:hidden}.editable-macro-panel .macro-search-wrapper{position:relative;width:100%;margin-bottom:5px}.editable-macro-panel .macro-search-input{height:48px;width:100%;padding:8px 22px 8px 8px;box-sizing:border-box;border:1px solid #bdc3c7;border-radius:6px;transition:border-color .2s}.editable-macro-panel .macro-search-input:focus{outline:0}.editable-macro-panel .clear-search-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:0 0;border:none;font-size:1.2em;color:#95a5a6;cursor:pointer;display:none;padding:0;line-height:1}.editable-macro-panel .clear-search-button:hover{color:#7f8c8d}.editable-macro-panel .macro-search-input:not(:placeholder-shown)~.clear-search-button{display:block}.editable-macro-panel .macro-params-panel{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:none;flex-direction:column;box-sizing:border-box;z-index:10}.editable-macro-panel .macro-params-panel.active{display:flex}.editable-macro-panel .macro-params-panel h3{margin-top:0;color:#34495e;font-size:1.2em;margin-bottom:0}.editable-macro-panel .macro-params-panel .description{font-size:.9em;color:#7f8c8d;margin-bottom:15px}.editable-macro-panel .macro-params-panel .input-group{margin-bottom:15px}.editable-macro-panel .macro-params-panel label{display:block;margin-bottom:5px;font-weight:700;color:#555;font-size:.9em}.editable-macro-panel .macro-params-panel input[type=date],.editable-macro-panel .macro-params-panel input[type=number],.editable-macro-panel .macro-params-panel input[type=text],.editable-macro-panel .macro-params-panel select{width:100%;padding:8px;border:1px solid #bdc3c7;border-radius:4px;box-sizing:border-box}.editable-macro-panel .macro-params-panel input[type=checkbox]{width:auto;margin-right:8px}.editable-macro-panel .checkbox-group{display:flex;align-items:center;margin-bottom:15px}.editable-macro-panel .date-offset-fields{display:flex;gap:5px;align-items:center}.editable-macro-panel .date-offset-fields input[type=number]{flex-grow:1}.editable-macro-panel .date-offset-fields select{width:auto}.editable-macro-panel .panel-content-wrapper{overflow-y:auto;padding-right:5px}.editable-macro-panel .macro-params-panel .panel-button-group{display:flex;gap:10px;padding-top:10px;align-items:center}.editable-macro-panel .macro-params-panel .panel-button-group button{width:100%;padding:10px;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .2s}.editable-macro-panel .macro-params-panel .panel-button-group .close-button{background-color:#34495e;color:#fff}.editable-macro-panel .macro-params-panel .panel-button-group .close-button:hover{background-color:#2c3e50}.editable-macro-panel .macro-button{all:unset;background-color:#fff;color:#5a5a5a;cursor:pointer;height:50px;margin-bottom:10px;position:relative;display:block;width:100%}.editable-macro-panel .macro-button.hide{display:none}.editable-macro-panel .macro-button:hover{background-color:#f6f6f6ad}.macro-button-icon{width:30px;height:30px;position:absolute;margin:10px 5px;top:0}.macro-button-icon svg{width:100%;height:100%}.macro-button-title{left:45px;height:50px;font-size:17px;color:rgba(0,0,0,.87);position:absolute;line-height:50px;top:0}.editable-macro-panel .dynamic-input-container{margin-bottom:10px}.editable-macro-panel .dynamic-input-item{display:flex;align-items:center;margin-bottom:8px}.editable-macro-panel .dynamic-input-item input{flex-grow:1;margin-bottom:0!important}.editable-macro-panel .dynamic-input-item .remove-button{background:#e74c3c;color:#fff;border:none;border-radius:4px;margin-left:5px;padding:5px 10px;cursor:pointer;font-weight:700}.editable-macro-panel .dynamic-input-item .remove-button:hover{background:#c0392b}.editable-macro-panel .add-item-button{background:#3498db;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:.9em}.editable-macro-panel .add-item-button:hover:not(:disabled){background:#2980b9}.editable-macro-panel .add-item-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.editable-macro-panel .preview-box{background-color:#f6f6f6;border:1px solid #bdc3c7;padding:8px;border-radius:4px;margin-top:10px;font-family:monospace;font-size:1em;color:#2c3e50;min-height:38px;display:flex;align-items:center;cursor:default}.editable-macro-panel .common-formats-container{margin-top:15px}.editable-macro-panel .format-button{background-color:#bdc3c7;color:#34495e;padding:6px 12px;border-radius:4px;font-size:.8em;cursor:pointer;transition:background-color .2s;white-space:nowrap}.editable-macro-panel .format-button:hover{background-color:#95a5a6}.editable-macro-panel .format-buttons-wrapper{display:flex;flex-wrap:wrap;gap:8px}.editable-macro-panel .error-message{color:#e74c3c;font-size:.85em;margin-top:5px}