.tagged-textarea-editor{padding:5px 11px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;line-height:1.5;color:#606266;background-color:#fff;box-sizing:border-box;text-align:left}.tagged-textarea-editor:focus{outline:none;border-color:#409eff}.tagged-textarea-editor:empty:before{content:attr(data-placeholder);color:#c0c4cc}.tagged-textarea-editor.is-disabled{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.tagged-textarea-editor .editor-tag{display:inline-flex;align-items:center;padding:0 8px;margin:0 4px;border-radius:4px;color:#fff;font-size:13px;line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:baseline;gap:4px;height:1.5em}.tagged-textarea-editor .editor-tag .tag-content{display:inline-block}.tagged-textarea-editor .tag-delete{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;font-size:14px;cursor:pointer;opacity:.7;transition:all .2s;-webkit-user-select:none;user-select:none}.tagged-textarea-editor .tag-delete:hover{opacity:1;background-color:#fff3}.demo-container[data-v-0ce7e9ea]{max-width:900px;margin:0 auto;padding:30px 20px}.demo-container h1[data-v-0ce7e9ea]{text-align:center;color:#303133;margin:0 0 10px;font-size:28px}.description[data-v-0ce7e9ea]{text-align:center;color:#909399;margin:0 0 40px;font-size:14px}.demo-section[data-v-0ce7e9ea]{margin-bottom:40px;padding:24px;border:1px solid #e4e7ed;border-radius:8px;background-color:#fff}.demo-section h2[data-v-0ce7e9ea]{margin-top:0;color:#303133;font-size:20px;font-weight:600}.section-desc[data-v-0ce7e9ea]{color:#909399;font-size:14px;margin:8px 0 16px}.toolbar[data-v-0ce7e9ea]{margin:16px 0;display:flex;flex-wrap:wrap;gap:10px}.btn[data-v-0ce7e9ea]{padding:8px 16px;border:1px solid #dcdfe6;border-radius:4px;background-color:#fff;color:#606266;font-size:14px;cursor:pointer;transition:all .2s;font-weight:500}.btn[data-v-0ce7e9ea]:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.btn-primary[data-v-0ce7e9ea]{color:#fff;background-color:#409eff;border-color:#409eff}.btn-primary[data-v-0ce7e9ea]:hover{background-color:#66b1ff;border-color:#66b1ff;color:#fff}.btn-danger[data-v-0ce7e9ea]{color:#f56c6c;border-color:#fbc4c4;background-color:#fef0f0}.btn-danger[data-v-0ce7e9ea]:hover{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.btn-tag[data-v-0ce7e9ea]{background-color:#f0f2f5;border-color:#dcdfe6}.btn-tag[data-v-0ce7e9ea]:hover{background-color:var(--tag-color, #6c5fb1);border-color:var(--tag-color, #6c5fb1);color:#fff}.result-box[data-v-0ce7e9ea]{margin-top:20px;padding:16px;background-color:#f5f7fa;border-radius:6px;border:1px solid #e4e7ed}.result-box h3[data-v-0ce7e9ea]{margin-top:0;margin-bottom:12px;font-size:14px;color:#606266;font-weight:600}.result-box pre[data-v-0ce7e9ea]{margin:0;padding:12px;background-color:#fff;border:1px solid #e4e7ed;border-radius:4px;font-size:12px;overflow-x:auto;color:#606266;font-family:Consolas,Monaco,Courier New,monospace}.usage-info h3[data-v-0ce7e9ea]{font-size:16px;color:#303133;margin:20px 0 10px}.usage-info h3[data-v-0ce7e9ea]:first-child{margin-top:0}.usage-info ul[data-v-0ce7e9ea]{margin:0 0 0 20px;padding:0}.usage-info li[data-v-0ce7e9ea]{margin:8px 0;font-size:14px;color:#606266;line-height:1.6}.usage-info code[data-v-0ce7e9ea]{padding:2px 6px;background-color:#f5f7fa;border-radius:3px;color:#e96900;font-family:Consolas,Monaco,monospace;font-size:13px}.required[data-v-0ce7e9ea]{color:#f56c6c}.dialog-overlay[data-v-0ce7e9ea]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog[data-v-0ce7e9ea]{background-color:#fff;border-radius:8px;width:480px;max-width:90%;box-shadow:0 4px 16px #00000026;animation:dialog-in-0ce7e9ea .2s ease-out}@keyframes dialog-in-0ce7e9ea{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dialog-header[data-v-0ce7e9ea]{padding:18px 24px;border-bottom:1px solid #e4e7ed;display:flex;align-items:center;justify-content:space-between}.dialog-header h3[data-v-0ce7e9ea]{margin:0;font-size:18px;color:#303133;font-weight:600}.dialog-close[data-v-0ce7e9ea]{border:none;background:none;font-size:28px;color:#909399;cursor:pointer;padding:0;line-height:1;transition:color .2s;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px}.dialog-close[data-v-0ce7e9ea]:hover{color:#303133;background-color:#f5f7fa}.dialog-body[data-v-0ce7e9ea]{padding:24px}.form-item[data-v-0ce7e9ea]{margin-bottom:20px}.form-item[data-v-0ce7e9ea]:last-of-type{margin-bottom:0}.form-item label[data-v-0ce7e9ea]{display:block;margin-bottom:8px;font-size:14px;color:#606266;font-weight:500}.form-item input[type=text][data-v-0ce7e9ea]{width:100%;padding:10px 14px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;color:#606266;box-sizing:border-box;transition:border-color .2s}.form-item input[type=text][data-v-0ce7e9ea]:focus{outline:none;border-color:#409eff;box-shadow:0 0 0 2px #409eff1a}.form-item input[type=text][data-v-0ce7e9ea]::placeholder{color:#c0c4cc}.preview-box[data-v-0ce7e9ea]{margin-top:20px;padding:14px 16px;background-color:#f5f7fa;border-radius:6px;display:flex;align-items:center;gap:10px;border:1px solid #e4e7ed}.preview-label[data-v-0ce7e9ea]{font-size:14px;color:#909399;font-weight:500}.preview-tag[data-v-0ce7e9ea]{padding:6px 14px;border-radius:4px;background-color:#6c5fb1;color:#fff;font-size:13px;display:inline-block;font-weight:500}.dialog-footer[data-v-0ce7e9ea]{padding:16px 24px;border-top:1px solid #e4e7ed;display:flex;justify-content:flex-end;gap:10px;background-color:#f9fafc;border-radius:0 0 8px 8px}.btn-default[data-v-0ce7e9ea]{color:#606266;background-color:#fff;border-color:#dcdfe6}.btn-default[data-v-0ce7e9ea]:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}