.permission-preview__editable {
  outline: 1px dashed transparent;
  border-radius: 4px;
  cursor: text;
  transition: outline-color .16s ease, background-color .16s ease;
}
.permission-preview__editable:hover,
.permission-preview__editable:focus {
  outline-color: rgba(103, 232, 249, .72);
  background: rgba(103, 232, 249, .12);
}
.permission-preview__editable:focus { caret-color: #67e8f9; }
@media (prefers-reduced-motion: reduce) {
  .permission-preview__editable { transition: none; }
}
.permission-preview__card-fields{margin:12px 0 18px;padding:16px 18px;border:1px solid var(--el-border-color,#e5e7eb);border-radius:12px;background:var(--el-fill-color-blank,#fff)}
.permission-preview__card-fields h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--el-text-color-primary,#1f2937)}
.permission-preview__card-field{display:flex;align-items:center;margin:8px 0}
.permission-preview__card-field .el-form-item__label{width:120px;flex:none;text-align:left;font-size:13px;color:var(--el-text-color-regular,#606266)}
.permission-preview__card-field .el-form-item__content{flex:1}
.permission-preview__card-field input{width:100%;box-sizing:border-box;padding:7px 10px;border:1px solid var(--el-border-color,#dcdfe6);border-radius:6px;font-size:13px;line-height:1.4;background:#fff;color:var(--el-text-color-primary,#303133)}
.permission-preview__card-field input:focus{outline:none;border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.12)}
.permission-preview__permissions .permission-preview__editable{display:inline-block;min-width:2em}